@charset "utf-8";
/* CSS Document */
#nano {font-weight: bold;}
#nano img {width: auto; max-width: 100%;}
h1,h2,h3,h4,h5 {line-height: 1;}

.con_title {width: 100%!important;}
.indent_content {margin-top: 20px;}



#nano .box01 {background-color: #deecef; padding: 20px;}
#nano .box01 ul {background: url("img/nano/box01_ul_bg.jpg")repeat; padding: 20px; font-size: 20px; }
#nano .box01 li {display: flex; justify-content: flex-start; align-items: center; margin-top: 20px; line-height: 1;}
#nano .box01 li:nth-child(1) {margin-top: 0;}
#nano .box01 li img{margin-right: 20px;}
#nano .box01 .txt01{margin-top: 20px;}

#nano .box02 h2 {background-color:#033575; padding:20px; color:#fff; font-size: 30px;}
#nano .box02 .bg {padding: 20px; background: url("img/nano/box02_bg.jpg") top left repeat;}
#nano .box02 .con01 h3 {font-size: 20px; line-height: 1.5;}
#nano .box02 .con01 .inner{margin-top: 20px;}
#nano .box02 .con01 .inner p {font-size: 14px; line-height: 2;margin-left: 20px;}

#nano .box02 .con02 h3 {font-size: 28px; line-height: 1.5; background-color: #58a7c6; padding: 15px; color:#fff; margin-top:20px;}
#nano .box02 .con02 .bg {background: #fff;}
#nano .box02 .con02 .txt01 {font-size: 14px; line-height: 1.6; text-align: left;}
#nano .box02 .con02 .img {margin-left: -20px;}
#nano .box02 .con02 .img_area {position: relative; text-align: left;}
#nano .box02 .con02 .txt02 {font-size: 18px; position: absolute; top: 15px; right: 0;}
#nano .box02 .con02 .txt03 {font-size: 16px; position: absolute; top: 130px; right: 40px;}
#nano .box02 .con02 .txt04{font-size: 16px; margin-top: 20px; text-align: center}
#nano .box02 .con02 .arrow{margin:auto;}
#nano .box02 .con02 .inner{display: flex; justify-content: space-between; align-items: flex-end; margin-top: -10px;}
#nano .box02 .con02 .txt05 {text-align: left;}
#nano .box02 .con02 .txt05 p {font-size: 20px; border-bottom: 1px dashed #000; display: inline; line-height: 1.8;}
#nano .box02 .con02 .txt05 p span {font-size: 26px;}
#nano .box02 .con02 .txt05 p .orange{color: #ea711b;}

#nano .box02 .con03 h3  {font-size: 25px; margin: 20px; background-color: #58a7c6; color: #fff; padding: 20px;}
#nano .box02 .con03 ul{display:flex; justify-content:space-between; align-items: center; margin: 20px}
#nano .box02 .con03 li {width: 156px;}
#nano .box02 .con03 h4 {font-size: 25px; color: #dd7200; margin: 10px auto;}
#nano .box02 .ex {position: relative; font-size: 16px; line-height: 1; text-align: left;}
#nano .box02 .ex::after {content: ''; position: absolute; background: url("img/nano/box02_con03_arrow.png")no-repeat; width: 20px; height: 15px; left: 68px; top: 0; bottom: 0; margin: auto;}
#nano .box02 .con03 .txt01{font-size:14px; text-align: center;line-height: 1.5;background-color: #fff; margin: 10px;}

#nano .box03 {background-color:#deecef; padding-bottom: 20px;}
#nano .box03 h2 img {margin: 20px auto 0;} 
#nano .box03 .title{display: flex; justify-content: space-between; align-items: center; background: url("img/nano/box03_obi.png")left center no-repeat; background-color: #033575;}
#nano .box03 .title img{margin-top: -10px; margin-left: 15px;}
#nano .box03 h3{font-size: 30px; margin: auto; color: #fff;}
#nano .box03 h3 span{color: #fff620;}
#nano .box03 h4 {font-size: 25px; margin: 20px auto; line-height: 1.3;}
#nano .box03 h4 span{font-size: 30px;}
#nano .box03 .con01 .inner{margin: 20px 20px 0;}
#nano .box03 .con01 .inner p {font-size: 14px; line-height: 2;margin-left: 20px;}

#nano .box03 .under01 h4 {font-size: 20px; color:#fff; background-color: #58a7c6; margin: 20px 20px 0;padding: 10px 0;} 
#nano .box03 .bg{padding: 20px; background: url("img/nano/box01_ul_bg.jpg") top left repeat;margin: 0 20px;}
#nano .box03 .under01 p{margin-left: 20px; line-height: 2;}

#nano .box03 .under02 h4 {margin:20px auto;display: inline-block;position: relative;font-size: 30px; letter-spacing: 2px;}
#nano .box03 .under02 h4::before{content: '';position: absolute; background: url("img/nano/under02_icon01.png") no-repeat;width: 11px; height: 26px; top:-6px; left: -20px;}
#nano .box03 .under02 h4::after{content: '';position: absolute; background: url("img/nano/under02_icon02.png") no-repeat;width: 11px; height: 26px; bottom:-6px; right: -20px;}
#nano .box03 .under02 ul {margin: 0 20px 20px;}
#nano .box03 .under02 li {width: 219px;}
#nano .box03 li:nth-child(n + 4) {margin-top: 15px;}
#nano .box03 .under02 li p {color: #fff; font-size: 16px; background-color: #58a7c6; margin-top:15px;}

#nano .box03 .under03{margin-top: 20px;}
#nano .box03 .under03 .txt01 {font-size: 22px; color: #285186;}
#nano .box03 .under03 span {font-size: 27px;}
#nano .box03 .under03 .txt02 {font-size: 14px; margin-top: 20px;}

#nano .box03 .under04 h4 {font-size: 20px; line-height: 1.5; margin: 0;}
#nano .box03 .under04 .inner p {font-size: 14px; line-height:2; margin-left: 0;}
#nano .box03 .under04 .txt-j{margin-left: 20px;}

#nano .end{margin: 20px auto;}
.marker {background: linear-gradient(transparent 70%, #fff620 70%);}