@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* CSS Document */
#contents { background:#fff; color:#211815 !important; position:relative; font-family: 'Noto Sans JP';  background: url(/assets/img/dotline01.png) repeat-x bottom transparent; font-weight: 300; padding:0 0 160px; }


.sec01 { width:1010px; margin:160px auto 50px; }
.sec01 .logo { margin:0 0 30px; }
.sec01 h2 { margin:0 0 40px; }
.sec01 .tx { margin:0 0 40px; position:relative; }
.sec01 .tx .parts { position:absolute; top:-130px; left:0; }
.sec01 .qr h4 { color:#211815; font-size:20px; letter-spacing:0.2em; }
.sec01 .qr p { font-size:18px; font-weight:bold; }


.sec02 { width:1010px; margin:0 auto 50px; padding:0 0 60px; background:#f9faec; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); }
.sec02 h3 { background:#56a048; text-align:left; padding: 35px 50px 30px; margin:0 0 30px; position:relative; }
.sec02 h3 .parts { position:absolute; top:-125px; right:-20px; }
.sec02 ul { padding:50px 40px 15px; }
.sec02 ul li { margin:0 0 35px; }
.sec02 ul li .box { border:6px solid #3b4b97; background:#fff; position:relative; }
.sec02 ul li .box .fltL { position:relative; }
.sec02 ul li .box .parts { position:absolute; top:-30px; left:-25px; z-index:2; }
.sec02 ul li .box .date { background:#3b4b97; position:relative; z-index:1; }
.sec02 ul li .box .item { position:absolute; top:-45px; left:270px; }
.sec02 .qr h4 { color:#211815; font-size:20px; letter-spacing:0.2em; margin:0 0 15px; }
.sec02 .qr p { font-size:18px; font-weight:bold; margin:15px 0 0; }


.sec03 { font-size:13px; width:1010px; margin:0 auto; text-align:left; }


.end { margin:20px auto 0; background: #F66; text-align:center }
.end p { color:#fff; font-size:30px; font-weight:bold; letter-spacing:0.1em; }


.pc_none { display:none; }
.sp_none { display:block; }


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

#contents { padding:0 0 60px; }


.sec01 { width:auto; margin:90px auto 30px; padding:0 20px; }
.sec01 .logo { margin:0 0 20px; }
.sec01 .logo img { width:100px; }
.sec01 h2 { margin:0 0 20px; }
.sec01 h2 img { width:100%; }
.sec01 .tx { margin:0 0 30px; }
.sec01 .tx img { width:70%; }
.sec01 .tx .parts { position:absolute; top:-60px; left:-15px; width:85px !important; height:auto; }
.sec01 .qr h4 { color:#211815; font-size:13px; letter-spacing:0.2em; line-height:1.6; margin:0 0 10px; }
.sec01 .qr p { font-size:11px; margin:5px 0 0; }


.sec02 { width:auto; margin:0 20px 30px; padding:0 0 30px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); }
.sec02 h3 { text-align:center; padding: 15px 0; margin:0 0 30px; position:relative; }
.sec02 h3 img { width:80%; }
.sec02 h3 .parts { position:absolute; top:-30px; right:-15px; width:50px !important; height:auto; }
.sec02 .tx img { width:70%; }
.sec02 ul { padding:30px 20px 0; }
.sec02 ul li { margin:0 0 30px; }
.sec02 ul li .box { border-top:none; border-left:4px solid #3b4b97; border-right:4px solid #3b4b97; border-bottom:4px solid #3b4b97; }
.sec02 ul li .box .fltL { float:none; }
.sec02 ul li .box .parts { position:absolute; top:-40px; left:-20px; z-index:2; width:75px; height:auto; }
.sec02 ul li .box .date img { width:65%; margin:0; }
.sec02 ul li img { width:100%; margin:15px 0; }
.sec02 ul li .box .item { display:none; }
.sec02 .qr { padding:0 20px; }
.sec02 .qr h4 { color:#211815; font-size:13px; letter-spacing:0.2em; line-height:1.6; margin:0 0 15px; }
.sec02 .qr p  { font-size:11px; margin:10px 0 0; }


.sec03 { font-size:12px; width:auto; margin:0 20px; }


.end { margin:10px 10px 0; }
.end p { font-size:16px; }


.qr img { width:100%; }



.pc_none { display:block; }	
.sp_none { display:none; }	
}



@media screen and (max-width: 320px) {
.sec01 .tx .parts { position:absolute; top:-60px; left:-15px; width:75px !important; height:auto; }
.sec02 h3 .parts { position:absolute; top:-10px; right:-15px; width:40px !important; height:auto; }
.sec02 ul li .box .parts { position:absolute; top:-30px; left:-20px; z-index:2; width:65px; height:auto; }


.pc_none { display:block; }	
.sp_none { display:none; }	
}