@charset "utf-8";
/* CSS Document */
/* 1em = 16px
・︎PC版サイズ／アートボード幅1440px／コンテンツ幅1200px
・︎SP版サイズ／アートボード幅375px／コンテンツ幅345px
・︎使用フォント／BIZ-UDPGothic
*/


#DETAIL article{text-align: center;}
/* section */
#DETAIL article section{display: block; /*width: calc(100% -20px); padding: 0 10px;*/ margin: auto; text-align: center;}
@media screen and (max-width: 920px) {
   
}
#DETAIL article section .outline{max-width: 1200px; width:calc(100% - 20px);  margin: auto; padding: 0 10px;}
@media screen and (max-width: 1200px) {
    #TOP article section .outline{width: calc(100% - 20px);}
}

nav{
position: relative;
background: url("/img/top_section_01_bg.svg");
background-repeat:repeat-x;
background-position: bottom center;
display: block; height: 294px; text-align: center; overflow: hidden; margin: auto;
border-bottom: 9px solid #FFB800;}
nav .img_01{position: absolute; bottom:-10px; left: 0; width: 576px; height: auto;}
nav .img_02{position: absolute; top:0; right: 0; width: 576px; height: auto;}
nav h1{position: relative; top:220px; left: 50px; font-size: 2.6em; color: #FFF; text-align: left;}

@media screen and (max-width: 920px) {
    nav{height: 209px; border-bottom: 7px solid #FFB800;}
    nav .img_01{position: absolute; top:0px; left: -30px; width: auto; height: 209px;}
    nav .img_02{position: absolute; bottom:0; right: 0; width: auto; height: 209px;}
    nav h1{position: relative; top:120px; left: auto; font-size: 1.5em; color: #FFF; text-align: center;}
}

h2{font-size: 2.6em; margin-bottom: 25px;}
h2+p{font-size: 1.6em; font-weight: bold; margin-bottom: 60px;}

h3{font-size: 2.2em; margin-bottom: 20px; color: #0057FF; line-height: 140%;}
h3 + hr{border-bottom: 2px solid #8f8f8f; margin-bottom: 30px;}
h3 + hr + p{font-size: 1.12em; margin-bottom: 100px; line-height: 160%;}

@media screen and (max-width: 750px) {
    h2{font-size: 2.2em; margin-bottom: 25px;}
    h2+p{font-size: 1.2em; font-weight: bold; margin-bottom: 60px;}
    h3{font-size: 1.4em; line-height: 120%;}
    h3 + hr + p{font-size: 1.12em; margin-bottom: 100px; line-height: 160%; text-align: left;}
}



#DETAIL article section#section_01{padding: 60px 0; background: #f5f5f7;}
#DETAIL article section#section_01 ul.insert_nut{display: flex; justify-content: center; margin-bottom: 30px;}
#DETAIL article section#section_01 ul.insert_nut li{font-size: 1.125em; color: #FFF; padding: 4px 30px; margin: 0 10px; border-radius: 0px;}
#DETAIL article section#section_01 ul.insert_nut li:nth-child(1){background: #1d1d1f;}
#DETAIL article section#section_01 ul.insert_nut li:nth-child(2){background: #00A3FF;}

#DETAIL article section#section_01 .part{width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 60px;}
#DETAIL article section#section_01 .part img{margin: auto 20px;}
#DETAIL article section#section_01 .part p{width: calc(197px - 60px); height: 197px; text-align: center; color:#FFF; background: #0057FF; border-radius: 50%; font-size: 1.5em; display: flex; align-items: center; justify-content: center; margin: auto 20px; padding: 0 30px;
font-family: 'Noto Sans JP', sans-serif;}

@media screen and (max-width: 1200px) {
    #DETAIL article section#section_01 .part{flex-wrap: wrap; width: calc(345px + 130px); margin: auto auto 60px;}
    #DETAIL article section#section_01 .part p{width: 345px; height: 36px; border-radius: 3px; padding: 0 0px; margin: 20px auto;}
}

@media screen and (max-width: 475px) {
    #DETAIL article section#section_01 .part{width: 100%;}
    #DETAIL article section#section_01 .part img{width: 40%; height: auto; margin: auto 10px;}
    #DETAIL article section#section_01 ul.insert_nut li{font-size: 1.0em;}
}
@media screen and (max-width: 390px) {
    #DETAIL article section#section_01 ul.insert_nut li{font-size: 1.0em; padding: 4px 10px;}
}



#DETAIL article section#section_01 dl{margin-bottom: 70px;}
#DETAIL article section#section_01 dl dt{font-size: 1.6em; font-weight: bold; margin-bottom: 50px; }
#DETAIL article section#section_01 dl dd{text-align: center;}
#DETAIL article section#section_01 dl dd p{font-size: 1.2em; text-align: center; padding: 20px 0; width: 645px; border-radius: 50px; margin: auto;}
#DETAIL article section#section_01 dl dd p b{font-size: 1.4em;}
#DETAIL article section#section_01 dl dd p:nth-child(1){background: #d9d9d9;}
#DETAIL article section#section_01 dl dd p:nth-child(3){background: #FFB800;}
#DETAIL article section#section_01 dl dd p:nth-child(5){background: #0057FF; color: #FFF;}
#DETAIL article section#section_01 dl dd img{margin: 15px auto 5px;}
@media screen and (max-width: 750px) {
    #DETAIL article section#section_01 dl dd p{font-size: 1.2em; text-align: center; padding: 20px 0; width:90%; border-radius: 6px; margin: auto;}
}
@media screen and (max-width: 600px) {
    #DETAIL article section#section_01 dl dd p{font-size: 1.2em; text-align: center; padding: 20px 0; width:100%; border-radius: 6px; margin: auto;}
}

#DETAIL article section#section_01 h4{/*background: #00A3FF; */width: 960px; padding: 10px 0; color: #FFF; margin: auto auto 30px; height: 0; font-size: 0;}

#DETAIL article section#section_01 h4 + .table_outline table{width: 960px; margin: auto; border-collapse: collapse;}

#DETAIL article section#section_01 h4 + .table_outline table th{border-bottom: 1px solid #888; padding: 20px 0; font-size: 1.4em;}
#DETAIL article section#section_01 h4 + .table_outline table td{border-bottom: 1px solid #888; padding: 20px 0;}
#DETAIL article section#section_01 h4 + .table_outline table td{position: relative;}
#DETAIL article section#section_01 h4 + .table_outline table td img{position: absolute; left: 0; top: calc(50% - 10px);}
#DETAIL article section#section_01 h4 + .table_outline table td p{padding-left: 30px;}

#DETAIL article section#section_01 h4 + .table_outline table td:nth-child(n+2){border-left:10px solid #f5f5f7;}

#DETAIL article section#section_01 h4 + .table_outline table th:nth-child(3){color: #0057FF;}
#DETAIL article section#section_01 h4 + .table_outline table td:nth-child(3){color: #0057FF;}

@media screen and (max-width: 970px) {
    /*
    #DETAIL article section#section_01 h4{background: #0057FF; width: 100%; padding: 10px 0px; color: #FFF; margin: auto auto 30px; border-radius: 6px;}*/
    .table_outline{width: 100%; overflow: scroll; overflow-y: hidden; padding-bottom: 10px;}
}



#DETAIL article section#section_02{padding: 70px 0 30px 0; background: #f5f5f7; margin-top: 30px;}
#DETAIL article section#section_02 ul.insert_nut{display: flex; justify-content: center; margin-bottom: 30px;}
#DETAIL article section#section_02 ul.insert_nut li{font-size: 1.125em; color: #FFF; padding: 4px 30px; margin: 0 10px; border-radius: 0px;}
#DETAIL article section#section_02 ul.insert_nut li:nth-child(1){background: #1d1d1f;}
#DETAIL article section#section_02 ul.insert_nut li:nth-child(2){background: #00A3FF;}

#DETAIL article section#section_02 .part img{margin: auto auto 30px;}

#DETAIL article section#section_02 .part p{width: 197px; height: 197px; text-align: center; color:#FFF; background: #0057FF; border-radius: 50%; font-size: 1.5em; display: flex; align-items: center; justify-content: center; margin: auto 20px;}

@media screen and (max-width: 1220px) {
    #DETAIL article section#section_02 .part img{width: 100%; height: auto;}
}
@media screen and (max-width: 750px) {
    /*#DETAIL article section#section_02 h3{line-height: 120%;}*/
    #DETAIL article section#section_02 .part img{width: auto; height: auto;}
}
@media screen and (max-width: 320px) {
    #DETAIL article section#section_02 .part img{width: 100%; height: auto;}
    
}


@media screen and (max-width: 475px) {
    #DETAIL article section#section_02 ul.insert_nut li{font-size: 1.0em;}
}
@media screen and (max-width: 390px) {
    #DETAIL article section#section_02 ul.insert_nut li{font-size: 1.0em; padding: 4px 10px;}
}




#DETAIL article section#section_02 .point_lst{display: flex; justify-content:space-between; margin-bottom: 80px;}
#DETAIL article section#section_02 .point_lst dl{width: 360px; background: #FFF;}
#DETAIL article section#section_02 .point_lst dl dt{}
#DETAIL article section#section_02 .point_lst dl dd{height: 80px; border-bottom: 12px solid #0057FF; font-size: 1.5em; padding: 10px 0;}
@media screen and (max-width: 1120px) {
    #DETAIL article section#section_02 .point_lst dl{width: 32%; overflow: hidden;}
    #DETAIL article section#section_02 .point_lst dl dt{text-align: center;}
    #DETAIL article section#section_02 .point_lst dl dt img{position: relative; left: calc(50% - 180px);}
}
@media screen and (max-width: 750px) {
    #DETAIL article section#section_02 .point_lst{flex-wrap: wrap; justify-content: center;}
    #DETAIL article section#section_02 .point_lst dl{width: 90%; overflow: hidden;}
    #DETAIL article section#section_02 .point_lst dl dt{background: #0057FF; height: 103px;}
    #DETAIL article section#section_02 .point_lst dl dt img{position: relative; left: 0;}
    #DETAIL article section#section_02 .point_lst dl dd{border-bottom: 0; padding: 30px 0 20px 0;}
    #DETAIL article section#section_02 .point_lst dl:nth-child(3){border-bottom: 12px solid #0057FF;}
}
@media screen and (max-width: 360px) {
    #DETAIL article section#section_02 .point_lst dl dt{background: none;}
    #DETAIL article section#section_02 .point_lst dl dt img{width: 100%; height: auto;}
    #DETAIL article section#section_02 .point_lst dl dd{border-bottom: 0; padding: 0px 0 0px 0;  font-size: 1.2em;}
}

#DETAIL article section#section_02 h4{font-size: 1.8em; margin-bottom: 40px;}
#DETAIL article section#section_02 h4 + div{display: flex; justify-content: center; align-items: center; margin-bottom: 70px; flex-wrap: wrap;}

#DETAIL article section#section_02 h4 + div ul{width: 210px; height: auto; border: 1px solid #8f8f8f; padding: 20px 50px; margin: auto 10px; border-radius: 16px; background: #FFF;}
#DETAIL article section#section_02 h4 + div ul li{text-align: left; line-height: 2em;}
#DETAIL article section#section_02 h4 + div.img_lst img{margin: auto 15px 30px;}
#DETAIL article section#section_02 h4 + div.img_lst img:nth-child(3){display: none;}

#DETAIL article section#section_02 h4 + div.img_lst img{margin: auto auto auto; }

@media screen and (max-width: 1070px) {
    #DETAIL article section#section_02 h4 + div.kyodo{overflow: scroll; overflow-y: hidden; padding-bottom: 20px; justify-content: center;}
    
    
    
}
@media screen and (max-width: 1040px) {
    #DETAIL article section#section_02 h4 + div ul{width: calc(100% - 20px); height: auto; border: 1px solid #8f8f8f; padding: 0px; margin: auto 10px; border-radius: 0px; background: none; border-left: 0; border-right: 0;}
    #DETAIL article section#section_02 h4 + div ul li{padding-left: 0px; text-align: center;}
    
}
@media screen and (max-width: 700px) {
    #DETAIL article section#section_02 h4 + div.kyodo img{width: 100%; height: auto; margin: auto auto 30px;}
    #DETAIL article section#section_02 h4 + div.img_lst{width: 333px; margin: auto;}
    #DETAIL article section#section_02 h4 + div.img_lst img{margin-bottom: 30px; }
    #DETAIL article section#section_02 h4 + div.img_lst img:nth-child(2){display: block;}
    #DETAIL article section#section_02 h4 + div.img_lst img:nth-child(3){display: block;}
}
@media screen and (max-width: 550px) {
    #DETAIL article section#section_02 h4 + div.img_lst{width: 80%; margin: auto;}
    #DETAIL article section#section_02 h4 + div.img_lst img{width: 100%; height: auto;}
}
@media screen and (max-width: 333px) {
    
    

    
}
#DETAIL article section#section_03{padding: 0px 0 90px 0; background: #f5f5f7;}