@charset "shift_jis";

@media (max-width:640px) {
#que_left_inner, .que_smallnone { display: none; }
#que_mainimg_sp, #que_lead_txt_sp, #que_date { height: auto; width: 100%; }
#que_maincontent, #que_left { float: none; width: auto; }
#que_maincontent { clear: both; padding-top: 7px; }
h1 img { width: 100%; height: auto; }
h2 img { height: auto; width: 100%; }
h3 img { height: auto; width: 100%; }
h4 img { height: auto; width: 100%; }
.s0 img { height: auto; width: 100%; }
#que_top_sp ul li img { height: auto; width: 100%; display: block; }
#que_top_sp ul li { float: left; width: 33.33%; }
.sns { float: left; text-align: left; width: auto; margin: 15px 0 25px 0; }
.title { float: none; margin: 0 10px 0 0; padding: 4px 0 0 0; width: 80px; }
.mod-column1 { margin: 10px auto 0; width: auto; }
.mod-column1 img { height: auto; width: 100%; }
.pc { display: none; }
.sp { display: block; }
.lead { color: #000000; font-size: 13px; margin: 10px 3px 0; }
.link { margin-bottom: 30px; }
.link ul li { float: none; margin-left: 0px; }
.link ul li.l1 { margin-left: 0; margin-bottom: 10px; }
.link ul li img {width:100%; height:auto;}
.section { margin: 0 0 0px; }
.section .text { font-size: 14px; line-height: 1.6; }
.section .left { float: none; }
.section .right { float: none }
.section img { width: 100%; height: auto; }
.section p.img { margin-bottom: 0px; text-align: center; }
.section p.img img {width:80%;}
.section p.img2 { margin-bottom: 0px; text-align: center; }
.section p.img2 img {width:80%;}

.section h3 img {display:none;}
.section h3 span {display:block; font-size:18px; line-height:1.25; font-weight:normal;}

.facebook{float:left; margin:0 10px 0 0; padding:0; width:110px;}
.gplus{float:left; margin:0 0px 0 0; padding:0; width:65px;}
.mixi{float:left; margin:0; padding:2px 0 0 0; width:80px;}
.hatena{float:left; margin:0 10px 0 0; padding:0;}
.sns li img{ vertical-align: top;}

.mainv h1 {margin:0 0 0px;}
.mainv  {margin:0 0 15px;}

.section h3 {margin:0 0 20px;}

.interview span.staff1 {font-weight:bold; color:#b37122;}
.interview span.staff2 {font-weight:bold; color:#b37122;}
.interview span.name1 {font-weight:bold; color:#dc3345;}
.interview span.name2 {font-weight:bold; color:#0070cb;}

.s1 {margin-bottom:30px; }
.s1 .u1 .left {width:auto;}
.s1 .u1 .right {width:auto; margin-top:30px;}
.s1 .u1 .text {margin-bottom:15px;}
.s1 .u1 .img2 {margin:15px 0 0;}
.s1 h3 {padding-bottom:5px; border-bottom:double #cd8530;}
.s1 .u1 .left img {width:100% !important;}

.s2 {margin-bottom:30px; position:relative;}
.s2 h2 {margin-bottom:0px;}
.s2 .ttl_img {position: static; top:0; right:0;margin-bottom:35px;}
.s2 h3 span {color:#ea485a; padding-bottom:5px; border-bottom:dotted 2px #ec6a79; font-size:19px !important; }
.s2 .u1 {margin-bottom:30px;}
.s2 .u1 .left {width:auto;}
.s2 .u1 .right {width:auto;}
.s2 .u1 .text {font-weight:bold;}
.s2 .u2 {margin-bottom:15px;}
.s2 .u2 .left {width:auto;}
.s2 .u2 .right {width:auto; margin:0;}
.s2 .u3 .left {width:auto; margin:20px 0 0;}
.s2 .u3 .right {width:auto;}
.s2 .u3 .right .text {margin-bottom:35px;}

.s2 .point .text {font-size:13px; line-height:19px; margin-bottom:0 !important;}
.s2 .point .img { float:none; margin:0; text-align:center; }
.s2 .point .img img {width:25%; margin-bottom:10px;}
.s2 .point .hl {margin-bottom:7px;}

.point {border:solid 2px #ddc3a4; background:#fbf7f2; border-radius:8px; padding:25px 15px 18px; position:relative;}
.point .icon {position:absolute; top:-19px; left:0px;}
.point .hl span {display:block; font-size:14px; line-height:1.25; color:#b37122;}
.point .hl img {display:none;}

.s3 {margin-bottom:30px;}
.s3 h3 span {color:#5a0814; padding-bottom:5px; border-bottom:dotted 2px #ec6a79;}
.s3 .point {margin:20px 0 0; padding:15px 15px 8px 15px;}
.s3 .point .left {width:auto; margin:10px 0 15px;}
.s3 .point .left img {width:100% !important;}
.s3 .point .right {width:auto;}
.s3 .point .img2 {position: static; top:11px; right:11px; width:90px; float:right; text-align:left !important;}
.s3 .point .img2 img {width:100% !important;}
.s3 .point .text {margin:0 90px 0 0;background:#e9d8c4; border-radius:8px; padding:15px;font-size:13px; line-height:19px;}
.s3 .point .note {margin:10px 0 0; clear:both; text-align:right; padding-left:100px;}

.s4 {margin-bottom:35px;}
.s4 h3 span {color:#5a0814; padding-bottom:5px; border-bottom:dotted 2px #ec6a79;}
.s4 .u1 .left {width:auto; margin:0;}
.s4 .u1 .right {width:auto;}

.s5 {margin-bottom:25px;}
.s5 h3 span {color:#5a0814; padding-bottom:5px; border-bottom:dotted 2px #ec6a79;}
.s5 .u1 .left {width:auto;}
.s5 .u1 .right {width:auto; margin:0;}
.s5 .u3 .left {width:auto; margin:0;}
.s5 .u3 .right {width:auto;}

.s5 .point {margin:40px 0 20px;padding-top:30px;}
.s5 .point .hl {margin-bottom:15px;}
.s5 .point .img {float:none; margin-right:0px; margin-bottom:10px;}
.s5 .point .img img {width:100% !important;}
.s5 .point .img2 img {width:100% !important;}
.s5 .point .img3 {position: static; top:18px; right:0px; text-align:center; margin-top:15px;}
.s5 .point .img3 img {width:35% !important;}
.s5 .point .img4 {position:static; bottom:18px; right:18px; text-align:center; margin-top:10px;}
.s5 .point .img4 img {width:50% !important;}
.s5 .point .img5 {position:static; top:295px; right:171px;}
.s5 .point .text { clear:both; margin:15px 0 0; width:auto; background:#e9d8c4; border-radius:8px; padding:15px;font-size:13px; line-height:19px;}

.s6 {margin-bottom:40px;}
.s6 h3 {color:#5a0814; padding-bottom:5px; border-bottom:dotted 2px #ec6a79;}
.s6 .u1 .left {width:auto;}
.s6 .u1 .right {width:auto; margin:0;}
.s6 .u2 {text-align:right; margin-top:20px;}
.s6 .u2 img {width:100% !important;}


.s7 {margin-bottom:30px; position:relative;}
.s7 h2 {margin-bottom:0px;}
.s7 .ttl_img {position:static; top:0; right:0;margin-bottom:35px;}
.s7 h3 span {color:#1587e4; padding-bottom:5px; border-bottom:dotted 2px #2380cb; font-size:19px !important; }
.s7 .u1 {margin-bottom:30px;}
.s7 .u1 .left {width:auto;}
.s7 .u1 .right {width:auto;}
.s7 .u1 .text {font-weight:bold;}
.s7 .u2 {margin-bottom:20px;}
.s7 .u2 .left {width:auto;}
.s7 .u2 .right {width:auto; margin:0;}
.s7 .point { padding-top:30px; margin-bottom:20px;}
.s7 .point .left {width:auto;}
.s7 .point .right {width:auto; margin-top:15px;}
.s7 .point .hl {margin-bottom:7px;}
.s7 .point .text {font-size:13px; line-height:19px;}

.s7 .u4 .left {width:auto; margin:0;}
.s7 .u4 .right {width:auto;}

.s8 {margin-bottom:30px;}
.s8 h3 span {color:#0a406b; padding-bottom:5px; border-bottom:dotted 2px #2380cb;}
.s8 .u1 .left {width:auto;}
.s8 .u1 .right {width:auto; margin:0 0 10px;}

.s9 {margin-bottom:30px;}
.s9 h3 span {color:#0a406b; padding-bottom:5px; border-bottom:dotted 2px #2380cb;}
.s9 .u1 .left {width:auto; margin:0;}
.s9 .u1 .right {width:auto;}
.s9 .u2 {margin-top:10px;}
.s9 .u2 .left {width:auto;}
.s9 .u2 .right {width:auto; margin:0;}

.s10 {margin-bottom:30px;}
.s10 h3 span {color:#0a406b; padding-bottom:5px; border-bottom:dotted 2px #2380cb;}
.s10 .u1 .left {width:auto; margin:0;}
.s10 .u1 .right {width:auto;}
.s10 .u2 {text-align:right; margin-top:20px;}
.s10 .u2 img {width:100% !important;}

.s11 {margin-bottom:50px;}
.s11 .u1 .left {width:auto; margin-bottom:20px;}
.s11 .u1 .right {width:auto;}
.s11 .u1 .btn {background:url(../images/s11_bg.png) 0 bottom no-repeat; padding:0px 12px 15px; text-align:center; background-size:cover;}
.s11 .u1 .btn img {vertical-align:top;}
.s11 .u1 .btn .b1 { display:inline; padding-right:7px;}
.s11 .u1 .btn .b2 { display:inline;}
.s11 .u1 .btn img {width:47%;}

.s12 {margin-bottom:80px; text-align:center;}



/*common*/
.foot_note { color: #999999; font-size: 10px; line-height: 1.4 !important; margin: 30px 0 0; }
.section .column .c_img { float: none; margin: 0 0 15px; text-align: center; }
.section .column .btn img { width: auto !important; }
.bnr_next img { height: auto; width: 100%; }
.mod-pageTop2 { clear: both; font-size: 0.76923em; margin: 10px 0 30px; text-align: right; }
}