@charset "UTF-8";

@import url("/navi/common/css/common_style.css");


body{
    counter-reset: number 0;
}


/*SPポップアップJs対応*/
.cap_R_runJs {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cap_R_runJs figcaption {
    width: 50%;
    word-break: break-all;
}

.cap_R_runJs img {
    width: 45%;
    margin-right: 46px;
}

figcaption {
    text-align: left !important;
}

/*SPポップアップJs対応ここまで*/

/*===/h2===*/
@media screen and (max-width: 767px) {
    
    .mb-150{
        margin-bottom: 25vw;
    }
    .idea_wrap > section {
        padding: 0 1em;
    }

    /*SPポップアップJs対応*/
    .cap_R_runJs {
        width: 100%;
        display: block;
    }
    .cap_R_runJs img {
        width: 100%;
        margin-right: 0;
    }
    .cap_R_runJs figcaption {
        width: 100%;
        word-break: break-all;
    }
    /*SPポップアップJs対応ここまで*/
    
    figcaption ul li {
        text-indent: -2.5em;
        margin-left: 2.5em;
    }
}





/*=====================================以下に個別cssを入力=====================================*/

.art .content-inner > .stack figure {
    float: none;
}

#secItem li:nth-child(9) h3.itemTitle {
    border-left: 5px solid #eb620f;
}

#secItem li:nth-child(9) h3 > span.makerName {
    color: #eb620f;
}



.technique_area{
    text-align: left!important;
    border-radius: 15px;
    color: #474a4d;
    padding: 2% 3%;
    margin-bottom: 2%;
    background-color: #ffffff;
    position: relative;
}

.technique_areaBG{
    text-align: left!important;
    border-radius: 15px;
    color: #474a4d;
    padding: 2% 3%;
    margin-bottom: 2%;
    background-color: #e4f5e9;
    position: relative;
}


.technique_area .subTitle,
.technique_areaBG .subTitle{
    font-size: 22px;
    background: linear-gradient(transparent 70%, #c0ddff 20% );
    text-decoration: none !important;
}
.technique_area ul,
.technique_areaBG ul{
 margin: 0 0 30px!important;
}

.technique_area ul.margin0,
.technique_areaBG ul.margin0{
 margin: 0!important;
}


.technique_area li,
.technique_areaBG li{
    padding-left:1em;
	text-indent:-1em;
	margin-bottom:.5em;
}



.technique_area li:before,
.technique_areaBG li:before{
    content: "⚫︎";
}


.technique_area span,
.technique_areaBG span{
    font-weight: 900!important;
}





 .midashi:after {
    content: "";
    display: block;
    width: 27px;
    height: 1px;
    margin: 0 auto 60px;
    padding-bottom: 20px;
    border-bottom: 2px solid #000;
}

strong {
    color: #333!important;
    font-weight: 500;
}

.cormun {
    width: 360px;
}

@media screen and (max-width: 767px) {

    figure img{
        width: 100%!important;
    }
    .cormun {
        margin-bottom: 5%;
        margin-right: 0 !important;
    }

}

.marker span {
    background: linear-gradient(transparent 70%, #00A63C45 30%);
    text-decoration: none !important;
}
h3:after{
	border-bottom: none;
	padding-bottom:0;
}


.mt-1{
    margin-top: 1%;
}


.one-anchor{
    text-align: left;
    margin-bottom: 20px;
    padding:2%;
/*    
    border: 1px solid #6c2463;
*/    
}



.one-anchor h4{
    text-align: left!important;
    margin-bottom: 0;
    font-size: inherit;
    font-weight: normal!important;

}



.one{
    text-align: left!important;
    margin-bottom: 10px;

}

.one:before  {
  content: "・";
}

.one a {
    color: #00A63C!important;
    
}



/* #sec01,#sec04 h4 見出し*/



small{
    font-size: 85%;
}



#iroha table{
    width: 100%;
    
}
#iroha th{
    width: 10%!important;
}
#iroha td:first-child{
    width: 15%!important;
}
#iroha td{
    width: 40%!important;
}


table li:before {
  content: "・";
}


table .number li {
list-style: none;    
}

table .number li:before {
  counter-increment: number 1;      /* number カウンタを増加 */
  content: counter(number) ". ";      /* 表示形式を指定 */
}

table li{
	padding-left:1em;
	text-indent:-1em;
}

ul.number {
    margin-bottom: 0!important;
}

.number li {
list-style: none;
text-align: left;
    margin: 0 0 0 20px!important;
    line-height: 2!important;
}

.number li:before {
  counter-increment: number 1;      /* number カウンタを増加 */
  content: counter(number) ". ";      /* 表示形式を指定 */
}





.mb0{
    margin-bottom: 0!important;
}
.mb20{
    margin-bottom: 20px!important;
}
.pb60{
    padding-bottom: 60px;
}

/*===colorBtn2　ホームページはこちら===*/

#link_area{

} 
.colorBtn2 {
    text-align: center;
    display: flex;
    margin: 0 auto;
    width: 950px;
    justify-content:space-between;
}
.colorBtn2 li{
    width:310px;
}

.colorBtn2 a {
    display: inline-block;
    width: auto;
    background: #5483d9;
    border: 1px solid #5483d9;
    padding: 1em 2em;
    font-size: .9em;
    text-align: center;
    text-decoration: none;
    position: relative;
    margin: 1%;
    color: #fff!important;
}

.colorBtn2 a:hover{
    background: #fff!important;
    padding: 1em 2em;
    color: #5483d9!important;
    text-decoration: none;
}

.colorBtn2 a:before {
    content: "";
    display: block;
    width: 7px;
    height: 1px;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 1px);
    right: 10px;
}

.colorBtn2 a:hover:before{
    background: #5483d9;
}

.colorBtn2 a:after {
    content: "";
    display: block;
    width: 17px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: calc(50% + 2px);
    right: 10px;
}

.colorBtn2 a:hover:after {
    background: #5483d9;
}

.QA_area{
    width: 90%;
    margin: 0 auto 0 auto;
    
}

.QA_area h3::after{
    margin:0 auto 10px!important;
}


.QA_area .Q {
    background: #eef0ef;
    text-align: left;
    padding:0px 10px;
    font-size: 20px;
}
.QA_area Q:nth-child(odd) {
  background: #fff;
}

.QA_area .A:first-child{
    width: 95%;
	padding-left:1em;
	text-indent:-1em;
    margin: 0px auto 60px!important;
}
.QA_area .A:before {
  content: "A.";
}
 .A{
    margin: 0px auto 20px;
    
}




@media screen and (max-width: 767px) {
    
    th{
        width: 20%!important;
        background-color: #ddf0e4!important;
    }
    
    td:first-child{
        width: 20%!important;
        background-color: #fff;
    }
    
    
    .colorBtn2 {
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 100%;
        
    }
    .colorBtn2 li{
    display: grid;
    width: 90%;
    margin: 2% auto;
    
    }

    .SP_sub{
        font-size: 1.2em;
        font-weight: 800;
        margin: 1.2em;
        text-align: center;
    }
    
}