@charset "utf-8";

/*************************
commonstyle for /

set Variable (only Modan Browser)
*************************/

/* Reset Stylesheet Based on - html5doctor.com Reset Stylesheet http://html5doctor.com/html-5-reset-stylesheet/ */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
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;}

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: #f6f6f6;}.bg-gray{background: #f6f6f6;}
.bg-green{background: #006835;color: #fff;}.bg-black{background-color: #000;color: #fff}.bg-blue{background-color: #004488;color: #fff}.bg-red{background-color: rgb(220,0,0);color: #fff}.bg-lightgold{background: #e3dcc8;}.bg-gold{background: #c5a175;}.bg-brown{background-color: #2c0f04;color: #fff;}
.bg-lightblue{background: #00a0e9;color: #fff;}
.box-gray-round{background: #eee;border-radius: 10px;padding: 20px;}
.bg-yellow{background: yellow;}

.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;}

.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{width: 100%;vertical-align: bottom;-webkit-backface-visibility: hidden;}
.img-auto{width: auto;}
.img-auto-allways{width: auto !important;}
.img-40{width: 40px !important;}

.left,.left-both{float: left;}
.right,.right-both{float: right;}

.onlysp,
.only480{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%;}


@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;}
}

@media screen and (max-width:480px){
.only480{display: block;}
}
/* columns
---------------------------------------*/

.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;margin-bottom: 3%;}
.col2 > div:nth-child(2n),
.col2 > li:nth-child(2n){margin-left: 3%;}
.col2 > div:nth-child(2n+1),
.col2 > li:nth-child(2n+1){clear: both;}
.col3 > div,
.col3 > li{width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;}
.col3 > div:nth-child(3n),
.col3 > li:nth-child(3n){margin-right: 0;}
.col3 > div:nth-child(3n+1),
.col3 > li:nth-child(3n+1){clear: both;}
.col4 > div,
.col4 > li{width: 23.5%;float: left;margin-right: 2%;margin-bottom: 2%;}
.col4 > div:nth-child(4n),
.col4 > li:nth-child(4n){margin-right: 0;}
.col4 > div:nth-child(4n+1),
.col4 > li:nth-child(4n+1){clear: both;}
.col5 > div,
.col5 > li{width: 18%;float: left;margin-right: 2.5%;margin-bottom: 2.5%;}
.col5 > div:nth-child(5n),
.col5 > li:nth-child(5n){margin-right: 0;}
.col5 > div:nth-child(5n+1),
.col5 > li:nth-child(5n+1){clear: both;}

@media screen and (max-width:1200px){
.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 > div:nth-child(2n+1),
.col4 > li:nth-child(2n+1){clear: both;}
}
@media screen and (max-width:980px){
.col5 > div,
.col5 > li{width: 32%;float: left;margin-right: 2%;}
.col5 > div:nth-child(5n),
.col5 > li:nth-child(5n){margin-right: 2%;}
.col5 > div:nth-child(5n+1),
.col5 > li:nth-child(5n+1){clear: none;}
.col5 > div:nth-child(3n),
.col5 > li:nth-child(3n){margin-right: 0;}
.col5 > div:nth-child(3n+1),
.col5 > li:nth-child(3n+1){clear: both;}
}

@media screen and (max-width:640px){
.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:nth-child(2n+1),
.col3 > li:nth-child(2n+1){clear: none;}
.col3 > div,
.col3 > li{width: 100%;float: none;margin-right: 0;}
.col3 > div:nth-child(3n+1),
.col3 > li:nth-child(3n+1){clear: none;}
/*.col4 > div,
.col4 > li{width: 100%;float: none;margin-bottom: 5%;}
.col4 > div:nth-child(2n),
.col4 > li:nth-child(2n){margin-left: 0;}*/
}
@media screen and (max-width:480px){
.col5 > div,
.col5 > li{width: 48.5%;float: left;margin-right: 3%;margin-bottom: 3%;}
.col5 > div:nth-child(5n),
.col5 > li:nth-child(5n){margin-right: 2%;}
.col5 > div:nth-child(3n),
.col5 > li:nth-child(3n){margin-right: 2%;}
.col5 > div:nth-child(3n+1),
.col5 > li:nth-child(3n+1){clear: none;}
.col5 > div:nth-child(2n),
.col5 > li:nth-child(2n){margin-right: 0;}
.col5 > div:nth-child(2n+1),
.col5 > li:nth-child(2n+1){clear: both;}
}


/* 　text
******************************************/

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

.bg-blue strong{color: #dec98f;}
.bg-black strong{color: #dec98f;}
.bg-lightblue strong{color: yellow;}

h1,h2,h3,h4,h5,h6{font-size: 120%;font-weight: bold !important;font:16px / 1.7 'Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}
.gothic h1,.gothic h2,.gothic h3,.gothic h4,.gothic h5,.gothic h6{}

h1{font-size: 200%;}
h2{font-size: 150%;line-height: 1.4;}
h1 .en,h2 .en{display: block;font-size: 50%;line-height: 1;color: #aaa;font-weight: normal;margin-top: -10px;}
h3{font-size: 130%;}
@media screen and (max-width:900px){
h1{font-size: 200%;}
h2{font-size: 130%;}
h3{font-size: 110%;}
}
@media screen and (max-width:640px){
h1{font-size: 150%;}
h2{font-size: 110%;}
h3{font-size: 100%;}
}


/* 　list
******************************************/
.list-inline li{display: inline-block;}
.list-inline-border li{border-right: solid 1px #ddd;padding-right: 5px;}
.list-inline-border li:last-child{border: none;}

.list-default li{display: list-item;list-style: square inside;padding-left: 10px;}

.list-horizontal a,.list-vertical a{display: block;text-decoration: none;}
.list-horizontal>li:before,.list-horizontal>li:after { content: ""; display: table; }
.list-horizontal>li:after { clear: both; }
.list-horizontal>li { zoom: 1; }
.list-horizontal .thumbnail{width: 30%;float: left;border: solid 1px #fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.list-horizontal .text{width: 67%;float: right;}
.list-horizontal .title{line-height: 1.4;margin-bottom: 5px;}
.list-horizontal a:hover .title,
.list-horizontal a:active .title{text-decoration: underline;}

.list-vertical .thumbnail{border: solid 1px #fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);margin-bottom: 5px;}
.list-vertical .text{line-height: 1.4;}
.list-vertical .title{line-height: 1.4;margin-bottom: 5px;}
.list-vertical .tags{margin-bottom: 8px;}
.list-vertical a:hover .title,
.list-vertical a:active .title{text-decoration: underline;}

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

table{ width: 100%;margin: 10px auto 20px; text-align: left;border: 0; background: #fff;}
table th,
table td{padding: 10px;}
table th{text-align: center;vertical-align: middle;}
table caption{font-size: 110%;color:#011E54;text-align: center;}

.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: #0075c1;color: #fff;}
.table-row tr img{vertical-align: middle;}

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

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

.datepicker{max-width: 100%;font-size: 75%;}
.datepicker table td{padding: 5px !important;}

@media screen and (max-width:640px){
.table-horizontal,
.table-horizontal > caption,
.table-horizontal > thead,
.table-horizontal > tbody,
.table-horizontal > thead > tr,.table-horizontal > tbody > tr,
.table-horizontal > thead > tr > th,.table-horizontal > tbody > tr > th,
.table-horizontal > thead > tr > td,.table-horizontal > tbody > tr > 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: #011E54;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: #011E54;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;}
}


/* preset: label
---------------------------------------*/

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



/*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;}