@charset "utf-8";
/* Reset Stylesheet Based on - html5doctor.com Reset Stylesheet http://html5doctor.com/html-5-reset-stylesheet/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; font-family: inherit;}
ul, li { list-style: none; }
ol > li{display: list-item;list-style: decimal inside;padding-left: 10px;}
*{box-sizing:border-box;}
/*-------------------------------------
clearfixs
-------------------------------------*/
.clearfix:before,.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* preset
---------------------------------------*/
.clear{clear: both;}

img{width: 100%;}
i.fa{margin-right: 10px;}

.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.white{color: #fff;}.black{color: #000;}.blue{color: #014cc4;}.red{color: #ca051c;}
.c333{color: #333;}.c666{color: #666;}.c999{color: #999;}
.bg-white{background-color: #fff;}.bg-ashgray{background-color: #f6f4ec;}.bg-gray{background: #eee;}
.bg-green{background: #5cb531;color: #fff;}.bg-black{background-color: #000;color: #fff}.bg-blue{background-color: #0075c1;color: #fff}.bg-red{background-color: rgb(220,0,0);color: #fff}

.box-gray-round{background: #eee;border-radius: 10px;padding: 20px;}

.shdw-b{box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}.shdw-t{text-shadow:1px 1px 1px rgba(0,0,0,.2);}

.bdt{border-top: solid 1px #ddd;}
.bdr{border-right: solid 1px #ddd;}
.bdb{border-bottom: solid 1px #ddd;}
.bdl{border-left: solid 1px #ddd;}
.bd{border: solid 1px #ddd;}

.aligncenter{text-align: center;}.alignleft{text-align: left;}.alignright{text-align: right;}

.iblock{display: inline-block !important;}.block{display: block !important;}

.m0{margin: 0 !important;}.m10{margin: 10px !important;}.m20{margin: 20px !important;}
.p0{padding: 0 !important;}.p10{padding: 10px !important;}.p20{padding: 20px !important;}.p30{padding: 30px !important;}
.p0-side{padding-left: 0 !important;padding-right: 0 !important;}
.pt0{padding-top: 0 !important;}.pr0{padding-right: 0 !important;}.pb0{padding-bottom: 0 !important;}.pl0{padding-left: 0 !important;}
.mt0{margin-top: 0 !important;}.mr0{margin-right: 0 !important;}.mb0{margin-bottom: 0 !important;}.ml0{margin-left: 0 !important;}

.mt10{margin-top: 10px !important;}.mt15{margin-top: 15px !important;}.mt20{margin-top: 20px !important;}.mt30{margin-top: 30px !important;}
.mb5{margin-bottom: 5px !important;}.mb10{margin-bottom: 10px !important;}.mb20{margin-bottom: 20px !important;}.mb30{margin-bottom: 30px !important;}
.mr10{margin-right: 10px !important;}.mr20{margin-right: 20px !important;}.mr30{margin-right: 30px !important;}
.ml10{margin-left: 10px !important;}.ml20{margin-left: 20px !important;}.ml30{margin-left: 30px !important;}
.w100{width: 100% !important;}
.w50{width: 47%;}.w60{width: 60%;margin: auto;}.w70{width: 70%;margin: auto;}.w80{width: 80%;margin: auto;}

img.thumb-m{max-width:180px;}
img{width: 100%;vertical-align: bottom;}
a:hover img{opacity: .8;}a:hover .rollover{opacity: 1;}

.left{float: left;}.right{float: right;}
.list-inline li{display: inline-block;}

.onlysp{display: none;}
.onlypc{display: block;}
span.border{border-right: solid 1px #ccc;margin: 0 10px;height: 3em;vertical-align: middle;width: 3px;}

.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.font-3xl{font-size: 180% !important;}.font-2xl{font-size: 150% !important;}
.font-xl{font-size: 120% !important;}.font-l{font-size: 110% !important;}.font-m{font-size: 100% !important;}
.font-s{font-size: 90% !important;}.font-xs{font-size: 80% !important;}

.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}

.w10{width: 10%;}.w20{width: 20%;}.w30{width: 30%;}
.w40{width: 40%;}.w50{width: 50%;}.w60{width: 60%;}
.w70{width: 70%;}.w80{width: 80%;}.w90{width: 90%;}

.col2:before,.col2:after,
.col3:before,.col3:after,
.col4:before,.col4:after { content: ""; display: table; }
.col2:after,
.col3:after,
.col4:after { clear: both; }
.col2,
.col3,
.col4 { zoom: 1; }

.col2 > div,
.col2 > li{width: 48.5%;float: left;}
.col2 > div:nth-child(2n),
.col2 > li:nth-child(2n){margin-left: 3%;}
.col3 > div,
.col3 > li{width: 32%;float: left;margin-left: 2%;}
.col3 > div:nth-child(3n),
.col3 > li:nth-child(3n){margin-left: 0;}
.col4 > div,
.col4 > li{width: 23.5%;float: left;margin-right: 2%;}
.col4 > div:nth-child(4n),
.col4 > li:nth-child(4n){margin-right: 0;}

.col2-nomargin > div,
.col2-nomargin > li{width: 50%;float: left;}
.col3-nomargin > div,
.col3-nomargin > li{width: 33.33%;float: left;}
.col4-nomargin > div,
.col4-nomargin > li{width: 25%;float: left;}

@media screen and (max-width:1200px){.img-auto{width: auto;}
.col4 > div,
.col4 > li{width: 48.5%;float: left;margin-right: 0;}
.col4 > div:nth-child(2n),
.col4 > li:nth-child(2n){margin-left: 3%;}
.col4-nomargin > div,
.col4-nomargin > li{width: 50%;float: left;}
}
@media screen and (max-width:640px){
.left,
.right{float: none;}
.onlysp{display: block;}
.onlypc{display: none;}
.img-auto{width: 100%;}
span.border{display: inline-block;border-bottom: solid 1px #ccc;margin: 10px 0;height: 1px;width: 100%;}
.font-3xl,.font-2xl{font-size: 110% !important;}
.col2 > div,
.col2 > li{width: 100%;float: none;margin-bottom: 5%;}
.col2 > div:nth-child(2n),
.col2 > li:nth-child(2n){margin-left: 0;}
.col3 > div,
.col3 > li{width: 100%;float: none;margin-left: 0;}
.col3 > div:nth-child(3n),
.col3 > li:nth-child(3n){margin-top: 5%;}
.col4 > div,
.col4 > li{width: 100%;float: none;margin-bottom: 5%;}
.col4 > div:nth-child(2n),
.col4 > li:nth-child(2n){margin-left: 0;}

.col2-nomargin > div,
.col2-nomargin > li{width: 100%;float: none;margin-top: 5%;}
.col4-nomargin > div,
.col4-nomargin > li{width: 100%;float: none;}

}



/* preset: table
---------------------------------------*/

table{ width: 100%;margin: 10px auto 20px; text-align: left;border: 0; }
table th,
table td{padding: 10px;}
table th{text-align: center;vertical-align: middle;}

.table-border tr{ border: solid 1px #ddd;border-top:0; }
.table-border tr:first-child{ border-top: solid 1px #ddd; }
.table-border td{border-left: solid 1px #ddd;}
.table-border td:first-child{border-left: 0;}
.table-border tr.row2 td:first-child{border-left: solid 1px #ddd;}
.table-border .noborder{ border: 0; text-align: center;background: none !important; }

.table-80{width: 80%;margin: auto;}

/*スマホ時並列class*/
.table-horizontal th { width: 30%; padding: 10px;}
.table-horizontal td { width: 70%; padding: 10px;}

/*スマホ時縦列class*/
.table-vertical th,.table-vertical td{padding: 10px;}
.table-vertical th.check-all-row{line-height: 1;}
.table-vertical th{border-right: solid 1px #ddd;}
.table-vertical th:last-child{border-right: 0;}
.table-vertical tr.row2 th:last-child{border-right: solid 1px #ddd;}
.table-vertical td{vertical-align: middle;}

.table-col2{table-layout:fixed;}
.table-col2 th{width: 18%;background: #eee;}
.table-col2 td{width: 32%;vertical-align: middle;}
.table-col2 td:nth-child(2){border-right: solid 1px #ddd;}

.table-row{border-collapse:separate;border-spacing:10px;}
.table-row th,.table-row td{padding: 20px;}
.table-row tr{box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);margin-bottom: 10px;background: rgba(255,255,255,.9);}
.table-row tr th{background: #00ab84;color: #fff;}
.table-row tr img{vertical-align: middle;}

.submit th,
.submit td{padding-top: 40px;}

.table-result{font-size: 90%;}

@media screen and (max-width:640px){
.table-horizontal,
.table-horizontal caption,
.table-horizontal thead,
.table-horizontal tbody,
.table-horizontal tr,
.table-horizontal th,
.table-horizontal td{display: block;width: 100%;}
.table-horizontal th{border-bottom: solid 1px rgba(0,0,0,.2);}

.table-vertical caption{width: 100%;}
.table-vertical thead{display: none;}
.table-vertical tr,
.table-vertical th,
.table-vertical td{display: block;width: 100%;}
.table-vertical td{border-bottom: solid 1px #ddd;}
.table-vertical td:nth-child(1){background: #333;color: #fff;font-weight: bold;}

.table-border td{border-left: 0;}
.table-col2 td:nth-child(2){border-right: 0;}

.table-vertical-checked tr:after{content:'';display: block;clear: both;height: 0;}
.table-vertical-checked td:nth-child(1){width: 20%;display:inline-block;}
.table-vertical-checked td:nth-child(1) input{height: auto;}
.table-vertical-checked td:nth-child(2){background: #333;color: #fff;font-weight: bold;width: 80%;display: block;float: right;}
.table-vertical-checked td:nth-child(2) a{color: #fff;}
.table-vertical-checked td:nth-child(2) .kana{display: none;}
.table-vertical-checked td:nth-child(3){clear: both;}

/*複数行またがり時チェック並列解除*/
.table-vertical-checked tr.row2 td:nth-child(1){width: 100%;display: block;background: transparent;color:inherit;font-weight: normal;}
.table-vertical-checked tr.row2 td:nth-child(2){background: transparent;color:inherit;font-weight: normal;width: 100%;float: none;}

.sp-center{text-align: center !important;}
}

/* 　共通
******************************************/
body,input,select,textarea,button{font:16px / 1.7 'Roboto',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;color: #333;word-break:break-all;position: relative;font-weight: bold;}
/*body,input,select,textarea {font-family:"游明朝",'Droid Serif',"ヒラギノ明朝 Pro W3", "小塚明朝 Pro","ＭＳ Ｐ明朝",serif;}*/
body{background: #eee;}

.serif{font-family:"游明朝",'Droid Serif',"ヒラギノ明朝 Pro W3", "小塚明朝 Pro","ＭＳ Ｐ明朝",serif;}

/*ページ幅指定*/
.wrap{width: 100%;/*max-width: 1200px;*/margin: auto;background: #fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);}
.content{min-height:600px;}

.section-inner{padding: 40px;max-width: 1200px;margin: auto;}
.box{margin-bottom: 30px;}
@media screen and (max-width:640px){
.content{min-height:0;}
.section-inner{padding: 20px;}
.box{margin-bottom: 20px;}
}
/* 　text
******************************************/

p{margin-bottom: 11px;}
strong{color: #e60012;font-weight: bold;}
.come{font-size: 12px;color: #999;}

.label{padding: 3px 8px;border-radius:2px;font-size: 12px;}
.label-required{background: #e60012;color: #fff;margin-left: 10px;vertical-align: 2px;}

h1,h2,h3,h4,h5,h6{font-size: 120%;font-weight: bold;}
h1{font-size: 400%;/*font-family:"游明朝",'Droid Serif',"ヒラギノ明朝 Pro W3", "小塚明朝 Pro","ＭＳ Ｐ明朝",serif;*/}
h2{font-size: 200%;line-height: 1.4;}h1 .en,h2 .en{display: block;font-size: 50%;line-height: 1;margin-bottom: 30px;color: #aaa;font-weight: normal;margin-top: -10px;}
h3{font-size: 150%;}
@media screen and (max-width:900px){
h1{font-size: 300%;}
h2{font-size: 180%;}
h3{font-size: 130%;}
}
@media screen and (max-width:640px){
h1{font-size: 200%;}
h2{font-size: 130%;}
h3{font-size: 110%;}
}

/*-------------------------------------
slide
-------------------------------------*/
/*#header_silde{width: 100%;background-repeat: no-repeat;background-position: center;}
#header_slide *{transition: all 0.6s linear 0s;}
.header_inner{width: 100%;max-width: 980px;margin: auto;}
.slide_outer{position: relative;}
.slider{overflow: hidden;width: 100%;}
.slider li{position: absolute;float: left;text-align: center;max-width: 100%;overflow: hidden; }
.slider li.current{position: static;}
.slider li img{opacity: 0;}
.slider li.current img{opacity: 1;}

#slider_main li img{transform:scale(.8,.8);}
#slider_main li.current img{transform:scale(1,1);}

@media screen and (max-width:640px){
.header_inner{width: 90%;}
#header_slide{background-size:200%;position: relative;background-repeat: repeat;}
.header_inner img{width: 175%;}
}*/



/* 　contact
******************************************/
.contact h2{font-size: 130%;color: #666;}

@media screen and (max-width:640px){
#contact th,#contact td{padding: 10px 5px;}
}
.form-group .input-s{width: 30%;margin-right: 1%;}
.form-group .input-m{width: 39%;margin-right: 2%;}

.form-group-inner{display: block;margin-bottom: 10px;}
.form-group .come{display: block;margin-bottom: 3px;}
.form-group .error{display: block;margin-top: 3px;color: #e60012;}
.form-group .form-subttl{display: block;margin-bottom: 5px;}
.address_txt{display: block;}
.postcode_txt,.address1,.address2,.address3{display: block;}
.address_inner{margin-bottom: 20px;}

input[type="radio"]{vertical-align: 0;}

input[type="number"].form-control::-webkit-outer-spin-button,
input[type="number"].form-control::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="number"].form-control {-moz-appearance:textfield;}

:placeholder-shown,
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {color: #ccc;font-size: 90%;}

input[type=text],
input[type=tel],
input[type=email],
input[type=number],
textarea{
border:0;
padding:10px;
color:#111;
border:solid 1px #999;
margin:0;
width:100%;
border-radius: 3px;
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
font-weight: normal;
}
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=number]:focus,
textarea:focus,
select:focus{
    border:solid 1px #333;
		background: #fcfcfc;
		box-shadow:inset 1px 4px 9px -6px rgba(0,0,0,0.5),
		0 0 4px 0 rgba(0,150,230,.6);
}

select {
  border-radius: 3px;
  border: 1px solid #999;
  margin: 0;
  vertical-align: middle;
  color: inherit;
  box-sizing: content-box;
  cursor:pointer;
	padding:10px;
}

input[type=submit],
.btn{
border:solid 1px rgba(0,0,0,.05);
padding:15px 40px;
margin:0 0 20px;
font-size:110%;
font-weight: bold;
text-transform:uppercase;
font-weight:bold;
cursor:pointer;
border-radius: 3px;
box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);
}
.btn-blue{color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #205dff), color-stop(0.00, #3fafd9));
background: -webkit-linear-gradient(#3fafd9, #205dff);
background: -moz-linear-gradient(#3fafd9, #205dff);
background: -o-linear-gradient(#3fafd9, #205dff);
background: -ms-linear-gradient(#3fafd9, #205dff);
background: linear-gradient(#3fafd9, #205dff);
}
.btn-blue:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3fafd9), color-stop(0.00, #205dff));
background: -webkit-linear-gradient(#205dff, #3fafd9);
background: -moz-linear-gradient(#205dff, #3fafd9);
background: -o-linear-gradient(#205dff, #3fafd9);
background: -ms-linear-gradient(#205dff, #3fafd9);
background: linear-gradient(#205dff, #3fafd9);
}

.btn-gold{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d6b95c), color-stop(0.00, #ece09d));
background: -webkit-linear-gradient(#ece09d, #d6b95c);
background: -moz-linear-gradient(#ece09d, #d6b95c);
background: -o-linear-gradient(#ece09d, #d6b95c);
background: -ms-linear-gradient(#ece09d, #d6b95c);
background: linear-gradient(#ece09d, #d6b95c);
}
.btn-gold:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ece09d), color-stop(0.00, #d6b95c));
background: -webkit-linear-gradient(#d6b95c, #ece09d);
background: -moz-linear-gradient(#d6b95c, #ece09d);
background: -o-linear-gradient(#d6b95c, #ece09d);
background: -ms-linear-gradient(#d6b95c, #ece09d);
background: linear-gradient(#d6b95c, #ece09d);
}

.btn-red{color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f02f00), color-stop(0.00, #ff6861));
background: -webkit-linear-gradient(#ff6861, #f02f00);
background: -moz-linear-gradient(#ff6861, #f02f00);
background: -o-linear-gradient(#ff6861, #f02f00);
background: -ms-linear-gradient(#ff6861, #f02f00);
background: linear-gradient(#ff6861, #f02f00);
}
.btn-red:hover{color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff6861), color-stop(0.00, #f02f00));
background: -webkit-linear-gradient(#f02f00, #ff6861);
background: -moz-linear-gradient(#f02f00, #ff6861);
background: -o-linear-gradient(#f02f00, #ff6861);
background: -ms-linear-gradient(#f02f00, #ff6861);
background: linear-gradient(#f02f00, #ff6861);
}

.btn_back{
border:solid 1px #000;
padding:15px 30px;
margin:0 10px 20px 0;
font-size:140%;
font-weight: bold;
text-shadow:-1px -1px 1px rgba(255,255,255,.8);
text-transform:uppercase;
font-weight:bold;
color:#fff;
cursor:pointer;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #333), color-stop(0.00, #666));
background: -webkit-linear-gradient(#333, #666);
background: -moz-linear-gradient(#333, #666);
background: -o-linear-gradient(#333, #666);
background: -ms-linear-gradient(#333, #666);
background: linear-gradient(#333, #666);
border-radius: 3px;
box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);
vertical-align: top;
text-decoration: none;
}

.btn_back:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #666), color-stop(0.00, #333));
background: -webkit-linear-gradient(#666, #333);
background: -moz-linear-gradient(#666, #333);
background: -o-linear-gradient(#666, #333);
background: -ms-linear-gradient(#666, #333);
background: linear-gradient(#666, #333);
}

option:nth-child(2n){background-color: #eee;}

/*WP*/
div.wpcf7-response-output{background:#fff !important;padding:20px !important;text-align: center !important;}
div.wpcf7-mail-sent-ok{border: solid 1px #ddd !important;color: #999;}
div.wpcf7-validation-errors{border: solid 1px #f00 !important;color: #f00;}

.wrap{overflow: hidden;}
.number{font-size: 500px;opacity: .2;position:absolute;line-height: 0;letter-spacing:-30px;}
.number0{left: 10%;bottom: 0;color: #0e51c0;}
.number1{right: 10%;top: -10%;color: #0e51c0;}
.number2{left: 0;top: 0%;color: #0e51c0;}
.number3{right: 37%;top: -10%;color: #fff;}
.number4{left: 5%;top: -6%;color: #0e51c0;}
@media screen and (max-width:640px){
.number{display: none;}
}
/* 　company
******************************************/
.company{position: relative;overflow: hidden;background: url(../img/mainimg-bg.png) repeat-x center 122%;}
.company h1{color: #fff;background: url(../img/company-bg.jpg) no-repeat center top;padding: 300px 30px;text-shadow:1px 1px 4px rgba(0,0,0,.2);position: relative;z-index: 2;box-shadow:1px 2px 3px 0 rgba(0,0,0,.2);}
.company .img-auto{width: auto;}
@media screen and (max-width:640px){
.company h1{padding: 70px 0;background-size: contain;}
}
/* 　footer
******************************************/
footer{width: 100%;clear: both;background: #333;color: #fff;
font-size: 13px;text-align: center;padding: 40px 20px;}

/* 　header
******************************************/
.headline{background: #fff;box-shadow:1px 2px 3px 0 rgba(0,0,0,.2);position: relative;z-index: 6;}
.logo{display: inline-block;padding: 10px;max-width: 300px;}

.mainimg{background: url(../img/mainimg-bg.png) repeat-x center bottom;padding-bottom: 250px;margin: auto;position: relative;z-index: 10;}
.mainimg img{max-width: 1200px;}
@media screen and (max-width:640px){
}
/* 　intro
******************************************/
.service{background: #00ab84;margin-top: -200px;padding-top: 150px;color: #fff;text-shadow:1px 1px 4px rgba(0,0,0,.2);background-size:50%;box-shadow:1px 2px 3px 0 rgba(0,0,0,.2);overflow: hidden;position: relative;z-index: 4;}
.service .left{width: 50%;padding:150px 50px;background-size:cover;}
.service h2{margin-bottom: 30px;font-size: 130%;}
.service h3{font-size: 200%;padding: 20px;background: url(../img/intro-text-bg.png);background-size:cover;border-bottom: solid 5px #fff;}
.service-single{border: solid 5px #fff;box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);margin-bottom: 20px;}
.service-single .text{padding: 20px;border-top: solid 5px #fff;height: 150px;font-size: 110%;}
@media screen and (max-width:640px){
	.service{background-image: none;}
	.service .left{width: 100%;padding:30px}
}
/* 　message
******************************************/
.message{box-shadow:1px 3px 3px rgba(0,0,0,.2);position: relative;background: url(../img/message-bg.jpg) no-repeat left bottom;background-size:50%;text-shadow:0 0 4px #fff;overflow: hidden;}
.message h1{font-size: 160px;opacity: .2;position:absolute;line-height: 0;left: 5%;top: 0%;color: #0e51c0;}
.message h2{color: #00ab84;border-bottom: solid 1px #00ab84;margin-bottom: 10px;}
.message .text{width: 50%;/*background: rgba(255,255,255,.9);*/padding: 10px;margin-bottom: 20px;color: #111;}
@media screen and (max-width:1400px){
.message{background-size:45%;}
.message h1{font-size: 80px;}
.message .text{padding: 0px;}
.message .text1{width: 100%;float: none;}
}

@media screen and (max-width:1000px){
.message{background-position: center top;padding: 75% 30px 30px;background-size:90%;}
.message .text{width: 100%;}
}
@media screen and (max-width:640px){
.message{padding: 70% 0 0;}
.message .text{padding: 20px 10px 10px;}
}
/* 　sub
******************************************/
.sub .content{padding: 40px 20px;}
.sub .content h1{margin-bottom: 30px;padding-bottom: 10px;border-bottom: solid 1px #eee;}