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

/* CS S Document */
#contents { background:#fff; position:relative; padding:0; }
.contents_inner { margin: 0 auto !important; padding: 0 0 80px; font-family: 'Noto Sans JP'; }


.b-tit { width:1080px; position:relative; text-align:left; padding:10px 0 0; margin:0 auto 30px; }
.b-tit .num { position:absolute; top:40px; left:-10px; z-index:1; }
.b-tit h3 { color:#261d1a; font-size:36px; line-height:1.2em; letter-spacing:0.1em; padding: 40px 0 0 230px; }
.b-tit h3 span { color:#e3ce22; font-size:18px; font-weight:400; }


.read { width:1080px; margin:0 auto 35px; }
.read p { color:#442a19; letter-spacing:0.2em; font-size:17px; }


.mov { width:990px; margin:0 auto; padding:45px; background:#fce94e; }
.movie-wrap {
     position: relative;
     padding-top: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;}
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;}



.block01 { width:1080px; margin:0 auto; position:relative; }
.block01 ul li { width:50%; float:left; text-align:center; }
.block01 ul li .pic { margin:0 0 30px; padding:40px 0 0; 
	background: -moz-linear-gradient(top, #fff 60%, #f1f2f4);
 	background: -webkit-linear-gradient(top, #fff 60%, #f1f2f4);
 	background: linear-gradient(to bottom, #fff 60%, #f1f2f4);}
.block01 ul li h4 { margin:0 0 0; }
.block01 p { color:#0c0000; font-size:17px; font-weight:600; letter-spacing:0.2em; }
.block01 .box01 { margin:0 0 20px; }
.block01 .box01 p { position:absolute; bottom:90px; left:50%; margin:0 0 0 -70px; }
.block01 .box02 h4 { margin:0 0 60px; }
.block01 .box02 p { margin:0 0 10px; }


.block02 { width:1080px; margin:40px auto 70px; }
.block02 .read { color:#0c0000; font-size:18px; font-weight:600; letter-spacing:0.1em; margin:0 0 40px; }
.block02 .read span { color:#d92e20; }
.block02 ul { margin:0 0 0 -60px; }
.block02 ul li { width:50%; float:left; }
.block02 ul li .inner { margin:0 0 0 60px; cursor:pointer; }
.block02 ul li a { color:#241715; font-size:20px; font-weight:500; line-height:1.6em; text-decoration:none; }
.block02 ul li a span { color:#e79a20; font-size:24px; }
.block02 ul li .pic { margin:0 0 20px; }


.block03 { width:1080px; margin:0 auto 30px; padding:40px 0 0; text-align:left; border-top:1px solid #f1f2f4; }
.block03 .pic { float:left; width:205px; }
.block03 .tx { float:right; width:830px; }
.block03 .tx h4 { margin:10px 0 20px; }
.block03 .tx a { color:#330000;  font-weight:600; }


.bn { width:1080px; margin:0 auto 80px; background:#fce94e; padding:12px; box-sizing:border-box; }


.wash { width:1080px; margin:0 auto 40px; text-align:left; position:relative; }
.wash .wash01 { margin:0 0 0 -55px; }
.wash .wash02 { position:absolute; top:140px; right:80px; }


.btn-back { background:#f1eee8; padding:60px 0; }
.btn-back .btn-inner { margin: 0 auto; min-width:1024px; max-width:1200px; }
.btn-back a { font-size:16px; letter-spacing:0.2em; color:#452a19; text-decoration:none; padding:15px 0; background:#fff; border:4px solid #485a97; display:block; text-align:center; position:relative; min-width:1024px; max-width:1280px; margin:0 auto; display: block }
.btn-back a:hover { background: #485a97; color: #fff }
.ar01 { position:absolute; top:50%; left:50%; margin:-8px 0 0 -105px; }


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

.none { display:block; }




@media screen and (max-width: 780px) {
/*#main img { width:150%; margin-left: -25% }*/

.contents_inner { margin:　60px auto 0 !important; padding: 0 0 30px  !important; min-width: inherit; max-width: inherit; }


.b-tit { width:auto; padding: 10px 20px 0; margin:0 auto 20px; }
.b-tit .num { position: relative; top: inherit; left: inherit; height: 80px; margin-bottom: 0 }
.b-tit h3 { font-size:24px; line-height:1.4em; padding: 10px 0 0; }
.b-tit h3 span { font-size:14px; line-height:1.6; display:inline-block; }


.read { width:auto; padding:0 20px; text-align:left; }
.read p { font-size:15px; }


.mov { width:auto; padding:15px; margin:0 0 20px;  }
.movie-wrap {
     padding-top: calc( calc(100% - 30px) * 9 / 16);
}


.block01 { width:auto; }
.block01 ul li { width:100%; }
.block01 ul li .pic { margin:0 0 15px; padding:20px 0 0; }
.block01 h4 img { height:18px; }
.block01 p { font-size:15px; }
.block01 .box01 { margin:0 0 20px; }
.block01 .box01 h4 { margin:0 0 15px; }
.block01 .box01 p { position:static; margin:0 0 3px; }
.block01 .box02 h4 { margin:0 0 15px; }
.block01 .box02 p { margin:0 0 3px; }
.thanks { padding:20px 10px 0; }
.thanks img { width:100%; }


.block02 { width:auto; margin:30px auto 10px; padding:0 20px; }
.block02 .read { font-size:15px; margin:0 0 25px; }
.block02 ul { margin:0; }
.block02 ul li { width:100%; }
.block02 ul li .inner { margin:0 0 25px; }
.block02 ul li a { font-size:15px; }
.block02 ul li a span { font-size:18px; }
.block02 ul li .pic { margin:0 0 10px; }


.block03 { width:auto; margin:0 auto 30px; padding:30px 20px 0; }
.block03 .pic { float:none; width:auto; text-align:center; margin:0 0 20px; }
.block03 .tx { float:none; width:auto; }
.block03 h4 img { height:16px; margin:0 0 10px; }


.bn { width:auto; margin:0 20px 60px; padding:10px; }
.bn img { width:100%; }


.wash { width:auto; margin:0 auto 40px; padding:0 20px; text-align:center; }
.wash .wash01 { margin:0; width:100%; margin:0 0 20px; }
.wash .wash02 { position:static; width:70%; }

.u_logo { padding:0 20px; }
.u_logo img { width:60%; }


.btn-back { padding: 30px 20px; }
.btn-back a { font-size:14px; padding:15px 0; min-width:inherit; max-width:inherit; }
.ar01 { position:absolute; top:50%; left:50%; margin:-8px 0 0 -95px; }


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

.none { display:none; }
}


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




}