@charset "utf-8";
@import url('common.css');
/*
 * CSS common.css
 */


/*
//color
black #4d4d4d
main #194b99
brown #664c28
lightbrown #f0ede9
border #ccc
back #f2f5f7

//icon
arw1_white
arw1_red
arw1_brown
arw2_red
arw2_brown
icon_tel
*/

/* ---------------------------------------
basecontainer
--------------------------------------- */
.section { } .incnt { } .insec { } .block { } .inbox { } .inborderbox { } .cnt_left { } .cnt_right { } .boxsize { } .csection { } .wpsection { }

/* incnt */
.incnt { max-width: 1000px; margin:0 auto; }
@media screen and (max-width: 1040px) {
	.incnt { margin: 0 4%!important; width: 92%!important; }
}

/* section */
.section { position: relative; padding-top: 60px; padding-bottom: 60px }
.wp.single .section{ margin-top: 140px; padding-top: 0; padding-bottom: 0 }
@media screen and (max-width: 1040px) {
	.section { padding-top: 50px; padding-bottom: 50px }
}
@media screen and (max-width: 767px) {
	.section { padding-top: 40px; padding-bottom: 40px }
	.wp.single .section{ margin-top: 100px }
}
@media screen and (max-width: 639px) {
	.section { padding-top: 30px; padding-bottom: 30px }
	.wp.single .section{ margin-top: 60px }
}


/* csection */
/* .csection{ margin-bottom: 30px; } */


/* inbox */
.inbox{ margin-bottom: 60px }
@media screen and (max-width: 1040px) {
	.inbox{ margin-bottom: 40px }
}
@media screen and (max-width: 639px) {
	.inbox{ margin-bottom: 30px }
}


/* section_low */
.section_low { margin-bottom: 140px }
.section_low:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0; overflow:hidden; line-height:0; }
@media screen and (max-width: 767px) {
	.section_low { margin-bottom: 100px }
}
@media screen and (max-width: 639px) {
	.section_low { margin-bottom: 60px }
}


/* insec */
.insec { width: 100%; margin: 0 auto; }
#treatment .insec{ width: 100% }
.wp.single .insec { margin-top: 40px; }
@media screen and (max-width: 1040px) {
	.insec { width: 92%; }
}
@media screen and (max-width: 639px) {
    .wp.single .insec { margin-top: 30px; }
}

/* insecwide */
.insecwide { width: 1000px; margin: 0 auto; }
.insecwide:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0; overflow:hidden; line-height:0; }
@media screen and (max-width: 1040px) {
	.insecwide { width: 92%; }
}



/* #content_low */
#content_low { width: 100%; padding-top: 60px; }
#content_low:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0; overflow:hidden; line-height:0; }
@media screen and (max-width: 1040px) {
	#content_low { padding-top: 40px; }
}
@media screen and (max-width: 767px) {
	#content_low { padding-top:40px; }
}
@media screen and (max-width: 639px) {
	#content_low { padding-top: 40px; }
}


.subbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0; overflow:hidden; line-height:0; }
.insec2:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0; overflow:hidden; line-height:0; }


/* .block */
.block { margin-top: 30px; }
@media screen and (max-width: 639px) {
    .block { margin-top: 20px; }
}












/* ---------------------------------------
link/btn
--------------------------------------- */
/* normal */
a{ color:inherit; -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s; }
a:link { text-decoration: underline;  }
a:visited { text-decoration: underline;  }
a:hover { text-decoration: none; opacity: 0.7; }
a:active { text-decoration: none; opacity: 0.7; }


/* linktxt1 */
.linktxt1{  }
.linktxt1:before{ content: " "; background: url(../img/common/arr5.png) no-repeat left; background-size: contain; width:18px; height:18px; display: inline-block; padding-right: 5px; vertical-align: middle; }


/* tel_link */
.tel_link { cursor: default; }
.tel_link:hover, .tel_link:active { opacity: 1; }
@media screen and (max-width: 639px) {
	.tel_link { display: block; width:100%; }
}


/* linkbtn1 */
.linkbtn1 a{ background: #194b99; border:3px solid #194b99; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; color:#fff; text-decoration: none; text-align:center; vertical-align: middle; display: block; font-weight: bold; font-size: 1.2em; padding:10px 0; margin:0 auto; letter-spacing: 2px; line-height: 1.6 }
.linkbtn1 a span{ font-weight: bold; }
.linkbtn1 a:after{ content:" "; background:url(../img/common/arr3.png) no-repeat; background-size: contain; width: 6px; height:10px; display: inline-block; margin-left:10px; }
.linkbtn1 a:hover{ opacity: 1; background: #fff; color:#194b99; }
.linkbtn1 a:hover:after{ content:" "; background:url(../img/common/arr2.png) no-repeat; background-size: contain; width: 6px; height:10px; }


/* linkbtn2 */
.linkbtn2 a{ background: #fff; border:2px solid #194b99; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; color:#194b99; text-decoration: none; text-align:center; vertical-align: middle; display: block; font-weight: bold; font-size: 1.2em; padding:10px 0; margin:0 auto; }
.linkbtn2.notchangeFontSize a{ font-size: 1em; }
.linkbtn2 a:after{ content:" "; background:url(../img/common/arr2.png) no-repeat; background-size: contain; width: 6px; height:10px; display: inline-block; margin-left:10px; }
.linkbtn2 a:hover{ opacity: 1; background: #194b99; color:#fff; }
.linkbtn2 a:hover:after{ content:" "; background:url(../img/common/arr3.png) no-repeat; background-size: contain; width: 6px; height:10px; }


/* linkbtn3 */
.linkbtn3 { max-width: 320px; }
.linkbtn3 a{ background: #fff; border:2px solid #194b99; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; color:#194b99; text-decoration: none; text-align:center; vertical-align: middle; display: block; font-weight: bold; font-size: 1em; padding:10px 0; margin:0 auto; }
.linkbtn3 a:after{ content:" "; background:url(../img/common/arr2.png) no-repeat; background-size: contain; width: 6px; height:10px; display: inline-block; margin-left:10px; }
.linkbtn3 a:hover{ opacity: 1; background: #194b99; color:#fff; }
.linkbtn3 a:hover:after{ content:" "; background:url(../img/common/arr3.png) no-repeat; background-size: contain; width: 6px; height:10px; }


/* linkbtn4 */
a.linkbtn4{ background: #194b99; border:3px solid #194b99; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; color:#fff; text-decoration: none; text-align:center; vertical-align: middle; display: inline-block; font-weight: bold; padding:5px 20px!important; margin:0 auto; letter-spacing: 2px; line-height: 1.6; }
a.linkbtn4:after{ content:" "; background:url(../img/common/arr3.png) no-repeat; background-size: contain; width: 6px; height:10px; display: inline-block; margin-left:10px; }
a.linkbtn4:hover{ opacity: 1; background: #fff; color:#194b99; }
a.linkbtn4:hover:after{ content:" "; background:url(../img/common/arr2.png) no-repeat; background-size: contain; width: 6px; height:10px; }


/* linkbtn5 */
a.linkbtn5{ background: #fff; border:2px solid #194b99; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; color:#194b99; text-decoration: none; text-align:center; vertical-align: middle; display: inline-block; font-weight: bold; padding:5px 20px!important; margin:0 auto;  }
a.linkbtn5:after{ content:" "; background:url(../img/common/arr2.png) no-repeat; background-size: contain; width: 6px; height:10px; display: inline-block; margin-left:10px; }
a.linkbtn5:hover{ opacity: 1; background: #194b99; color:#fff; }
a.linkbtn5:hover:after{ content:" "; background:url(../img/common/arr3.png) no-repeat; background-size: contain; width: 6px; height:10px; }







/* ---------------------------------------
txt/font
--------------------------------------- */
.txtwhite { } .txtblack { } .txtgray { } .txtblue { } .txtskyblue { } .txtred { } .txtorange { } .txtpink { } .txtyellow { } .txtgreen { } .txtblue { } .txtyellowgreen { }

/* baseset [大きさ/太さ/色] */
.txtbase { font-weight: normal; color: #333;  font-size: 15px;  line-height: 1.8; }
.txtbold { font-weight: bold; }
.txtsmall { font-size: 13px; } @media screen and (max-width: 479px) { .txtsmall { font-size: 12px; } }
.txtbig1 { font-size: 16px; font-weight: bold; } @media screen and (max-width: 479px) {  .txtbig1 { font-size: 14px; } }
.txtbig2  { font-size: 18px; font-weight: bold; } @media screen and (max-width: 479px) { .txtbig1 { font-size: 16px; } }
.txtwhite { color: #fff; }
.txtcolor { color: #194b99; }
.txtblack { color: #333; }
.txtblue { color: #194b99; }
.txtred { color: #ff0000; }
.txtshingo { font-family: "新ゴ B",Shin Go Bold,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.txtorange{ color:#e69c25; }

/* inbtxt */
.inbtxt{ display: inline-block; }


/* line1 */
.line1{ background: url(../img/common/line1.png) repeat-x center 75%; display: inline-block; background-size: auto 8px }


/* copytxt_type1 */
.copytxt_type1:after{ content:" "; background:#194b99; background-size: contain; width: 58px; height:1px; display: inline-block; position: absolute; right:-30px; top:0; bottom:0; margin:auto 0; }
.copytxt_type1 { position: relative; background:url(../img/common/parentheses2_l.png) no-repeat left, url(../img/common/parentheses2_r.png) no-repeat right; background-size: 14px 100px; padding:0 15px; width: 100%; height:100px; display: table; vertical-align: middle; margin:0 auto 30px; box-sizing: border-box; }
.copytxt_type1 p{ display: table-cell; font-family: "新ゴ B",Shin Go Bold,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 24px; font-weight: bold; text-align: center; vertical-align: middle; }
.copytxt_type1 span { font-weight: bold; }
@media screen and (max-width: 1040px) {
	.copytxt_type1:after{ content: none; }
	.copytxt_type1{ background: transparent; padding:0; width: 100%; margin: 0 auto 20px; }
	.copytxt_type1.wrap { padding: 0 4%; width: 92%; }
}
@media screen and (max-width: 767px) {
	.copytxt_type1{ display: block; height:auto; margin-bottom: 15px; }
	.copytxt_type1 p{ text-align: left; display: block; }
	.copytxt_type1 span{ text-align: left; }
}
@media screen and (max-width: 639px) {
	.copytxt_type1{ margin-bottom: 10px }
	.copytxt_type1 p{ font-size: 20px; }
	.copytxt_type1 p span.inbtxt{ display: inline; }
}
@media screen and (max-width: 479px) {
	.copytxt_type1 p{ font-size: 17px; }
}


/* copytype_type2 */
.copytype_type2 { font-weight: bold; font-size: 18px; line-height: 1.8; margin-bottom: 10px; color: #194b99; }
.copytype_type2 .mark1{ background: #194b99; color:#fff; margin-right: 10px; padding:5px 10px; line-height: 1; display: inline-block; font-size: 0.9em; }
@media screen and (max-width: 639px) {
	.copytype_type2 { font-size: 16px; }
}
@media screen and (max-width: 479px) {
	.copytype_type2 { font-size: 15px; }
}








/* ---------------------------------------
title
--------------------------------------- */
.pagetitle {  } .pagesectitle {  }  .cnttitle {  } .sectitle {  } .insectitle { }, .blocktitle { }, .subtitle {  } .pagesubtitle {  }


/* sectitle1 */
.sectitle { text-align: center; margin:0 auto; line-height: 1.6; margin-bottom:30px; }
.sectitle .txt1{ font-weight: bold; color:#194b99; font-size: 0.93em; display: block; text-align: center; }
.sectitle .txt2{ font-weight: bold; font-family: "新ゴ B",Shin Go Bold,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 32px; display: block; text-align: center; }
.sectitle .txt3{ font-weight: bold; font-family: "新ゴ B",Shin Go Bold,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 24px; display: block; text-align: center; }
@media screen and (max-width: 639px) {
	.sectitle { margin-bottom:15px; }
	.sectitle .txt1{ font-size: 11px; }
	.sectitle .txt2{ font-size: 24px }
	.sectitle .txt3{ font-size: 20px }
}


/* subtitle_type1 */
.subtitle_type1 { font-weight: bold; color:#194b99; font-size: 24px; text-align: center; line-height: 1.6; margin-bottom: 20px; padding-bottom: 8px; border-bottom: 1px solid #194b99; }
@media screen and (max-width: 767px) {
	.subtitle_type1 { font-size: 20px; margin-bottom: 10px; }
}
@media screen and (max-width: 479px) {
	.subtitle_type1 { font-size: 16px; margin-bottom: 10px; padding-bottom: 5px; }
}


/* subtitle_type2 */
.subtitle_type2 { font-weight: bold; color:#194b99; font-size: 20px; text-align: center; line-height: 1.6; margin-bottom: 20px; background: #e8edf5; padding: 10px 4%; }
@media screen and (max-width: 767px) {
	.subtitle_type2 { }
}
@media screen and (max-width: 479px) {
	.subtitle_type2 { font-size: 16px; margin-bottom: 10px; padding: 8px 4%; }
}








/* セクションtitle（h2）*/
.insectitle { font-weight: bold; color:#194b99; font-size: 20px; text-align: center; line-height: 1.6; margin-bottom: 20px; background: #e8edf5; padding: 10px 4%; }
@media screen and (max-width: 767px) {
	.insectitle { }
}
@media screen and (max-width: 479px) {
	.insectitle { font-size: 16px; margin-bottom: 10px; padding: 8px 4%; }
}


.blocktitle { font-weight: bold; color:#194b99; font-size: 24px; text-align: center; line-height: 1.6; margin-bottom: 20px; padding-bottom: 8px; border-bottom: 1px solid #194b99; }
@media screen and (max-width: 767px) {
	.blocktitle { font-size: 20px; margin-bottom: 10px; }
}
@media screen and (max-width: 479px) {
	.blocktitle { font-size: 16px; margin-bottom: 10px; padding-bottom: 5px; }
}






/* ---------------------------------------
table
--------------------------------------- */
/* table_type1 */
.table_type1 { width: 100%; }
.table_type1 th, .table_type1 td { border: 1px solid #ccc; padding: 15px; line-height: 1.6; background: #fff; }
.table_type1 thead th { text-align: center; }
.table_type1 .bghead th { background: #f2f2f2; }
@media screen and (max-width: 479px) {
	.table_type1 th, .table_type1 td { padding: 10px; }
}

/* table_type2 */
.table_type2 { width: 100%; }
.table_type2 th, .table_type2 td { border: 1px solid #ccc; padding: 15px 10px; line-height: 1.6; background: #fff; }
.table_type2 thead th { text-align: center; }
.table_type2 .bghead th { background: #f2f2f2; }
@media screen and (max-width: 479px) {
	.table_type2 thead th { display: none; }
	.table_type2 th, .table_type2 td { border: none; display: block; }
	.table_type2 th { padding: 0; width: 100%; margin-bottom: 0px; font-weight: bold; }
	.table_type2 td { padding: 0; width: 100%; margin-bottom: 10px; }
	.table_type2 .tablelist:before { display: inline-block; *zoom: 1; *display: inline; content: attr(data-th); }
}
.bghead.bgbluetxtblue th { background: #e8edf5; color: #194b99; font-weight: bold; }

/* table_type3 */
.table_type3 { width: 100%; }
.table_type3 th, .table_type3 td { border: 1px solid #ccc; padding: 15px 10px; line-height: 1.6; background: #fff; }
.table_type3 thead th { text-align: center; }
.table_type3 .bghead th { background: #f2f2f2; }
.bghead.bgbluetxtblue th { background: #e8edf5; color: #194b99; font-weight: bold; }



/* normaltable */
.table_normal { width: 100%; margin: 10px 0; table-layout: fixed; }
.table_normal th, .table_normal td { text-align: left; padding: 12px 2%; border: 1px solid #b2b2b2; background: #fff }

/* colorcell */
th.colorcell, td.colorcell{ background: #e8edf5 }


/* styletable1 */
.styletable1 { width: 100%; margin-bottom: 5px; table-layout: fixed; }
.styletable1 th, .styletable1 td { padding: 12px 2%; width: 96%; border: 1px solid #b2b2b2; line-height: 1.5; background: #fff }
.styletable1 th { background: #f1f1f1; text-align: center; }
/*.styletable1 thead th, .styletable1 thead td { background: #e5e5e5; text-align: center; font-weight: bold; padding: 27px 2%; }*/
@media screen and (max-width: 639px) {
}


/* styletable2 */
.styletable2 { width: 100%; margin-bottom: 5px; table-layout: fixed; border: none; }
.styletable2 th, .styletable2 td { padding: 12px 2%; width: 96%; border: 1px solid #b2b2b2; line-height: 1.5; background: #fff }
.styletable2 th { background: #F2F2F2; text-align: center; }
.styletable2 thead th, .styletable2 thead td { background: #CCE1FF; text-align: center; font-weight: bold; padding: 27px 2%; width: 96% }
@media screen and (max-width: 639px) {
}





/* ---------------------------------------
list
--------------------------------------- */
ul.list_style1 li { padding-left: 1em; text-indent: -1em; }

/* pankuzu  */
#pankuzu { padding:10px 4%; line-height: 1.6; max-width: 1200px; margin: 60px auto 0; }
#treatment #pankuzu{ max-width: 1000px; }
#pankuzu ol li { display: inline; color: #333; display:inline-block; }
#pankuzu ol li a { text-decoration: underline; color: #333; }
#pankuzu ol li:before { content:"/"; display: inline-block; padding-right: 10px; padding-left: 8px; }
#pankuzu ol li.none:before { content:""; padding: 0; }
@media screen and (max-width: 1400px) {
	#pankuzu { padding:100px 4% 10px; margin: 0 auto; }
}
@media screen and (max-width: 1040px) {
	#pankuzu { padding:60px 4% 10px; }
}
@media screen and (max-width: 767px) {
	#pankuzu { padding:10px 4% 10px; }
}








/* ---------------------------------------
layout/box/customset
--------------------------------------- */
/* bgbox_type1 */
.bgbox_type1 { padding: 30px 40px; background: #f2f2f2; }
@media screen and (max-width: 1040px) {
    .bgbox_type1 { padding:30px 6%; }
}
@media screen and (max-width: 639px) {
    .bgbox_type1 { padding:20px 4%; }
}


/* borderbox_type1 */
.borderbox_type1 { padding: 30px 40px; border: 1px solid #194b99; }
@media screen and (max-width: 1040px) {
    .borderbox_type1 { padding:30px 6%; }
}
@media screen and (max-width: 639px) {
    .borderbox_type1 { padding:20px 4%; }
}
/* bgbox customclass */
.borderbox_type1.bordergrey { border: 1px solid #ccc; }


/* imgleftbox */
.imgleftbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; }
.imgleftbox .imgbox{ float: left; width:40%; margin-right: 4%; }
.imgleftbox .txtbox{ float: right; width:56%; }
@media screen and (max-width: 767px) {
	.imgleftbox .imgbox{ width:46%; }
	.imgleftbox .txtbox{ width:50%; }
}
@media screen and (max-width: 639px) {
    .imgleftbox .imgbox{ float: none; width:100%; margin-right: 0%; text-align: center; margin-top:10px; margin-right: 0; }
    .imgleftbox .imgbox img{ max-width: 100%; width: 100%; } /* max-width:100%でも悪くない */
    .imgleftbox .txtbox{ float: none; width:100%; }
}
@media screen and (max-width: 479px) {
    .imgleftbox .imgbox img{ max-width: none; }
}


/* imgrightbox */
.imgrightbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; }
.imgrightbox .imgbox{ float: right; width:40%; margin-left: 4%; }
.imgrightbox .txtbox{ float: left; width:56%; }
@media screen and (max-width: 767px) {
	.imgrightbox .imgbox{ width:46%; }
	.imgrightbox .txtbox{ width:50%; }
}
@media screen and (max-width: 639px) {
    .imgrightbox .imgbox{ float: none; width:100%; text-align: center; margin-top:10px; margin-left: 0; }
    .imgrightbox .imgbox img{ max-width: 100%; width: 100%; } /* max-width:100%でも悪くない */
    .imgrightbox .txtbox{ float: none; width:100%; }
}
@media screen and (max-width: 479px) {
    .imgrightbox .imgbox img{ max-width: none; }
}


/* contmiddle */
.contmiddle .txtbox{ display: table; }
.contmiddle .txtbox p{ display: table-cell; vertical-align: middle; }
@media screen and (max-width: 639px) {
    .contmiddle .txtbox p{ display: block; }
}


/* contwraparound */
.contwraparound .imgbox{ margin-bottom: 20px; }
.contwraparound .txtbox{ float: none; width: 100%; }
@media screen and (max-width: 639px) {
    .contwraparound .imgbox{ margin: 0; margin-bottom: 20px;}
}


/* contframe */
.contframe img { width: 100%; max-width: 600px; }
.contframe table { width:100%; table-layout:fixed; }
.contframe table td, .contframe table th { border: 1px solid #ccc; padding: 10px 5px; text-align: center; }
.contframe table th { background: #eee; }
.contframecaution { display: none; }
@media screen and (max-width: 479px) {
    .contframe { overflow: auto; }
    .contframe img { min-width: 500px; width: 100%; max-width: initial; }
    .contframe table { min-width:500px; width: 100%;  max-width: initial; }
    .contframecaution { display: block; margin-bottom: 5px; }
}


/* innerlink */
.innerlink ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0; overflow:hidden; line-height:0; }
.innerlink { text-align: center; }
.innerlink ul { display: inline-block; }
.innerlink ul li { float: left; margin-right: 30px; border-right: 1px solid #ccc; line-height: 1.4; position: relative; padding: 10px 30px 10px 23px; }
.innerlink ul li.last { margin-right: 0; padding-right: 0; border: none; }
.innerlink ul li a { font-weight: bold; font-size: 18px; color: #194b99; text-decoration: none; }
.innerlink ul li a:hover { text-decoration: underline; opacity: 1; }
.innerlink ul li:before { content: ""; width: 20px; height: 20px; position: absolute; top: 50%; left: 0; margin-top: -10px; background: url(../img/common/arr7.png) no-repeat; background-size: contain; display: inline-block;  }
@media screen and (max-width: 767px) {
	.innerlink ul li { margin-right: 20px; border-right: none; padding: 0px 0 0px 23px; }
}
@media screen and (max-width: 639px) {
	.innerlink { text-align: left; }
	.innerlink ul { display: block; }
	.innerlink ul li { padding-left: 20px; margin-bottom: 5px; }
	.innerlink ul li:before { width: 16px; height: 16px;margin-top: -9px; }
	.innerlink ul li a { font-size: 14px; }
}


/* innerlink2 */
.innerlink2 ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0; overflow:hidden; line-height:0; }
.innerlink2 { text-align: center; }
.innerlink2 ul { text-align: center; }
.innerlink2 ul li { display: inline-block; border-right: 1px solid #ccc; line-height: 1.4; position: relative; padding: 10px 30px 10px 23px; }
.innerlink2 ul li.last { margin-right: 0; padding-right: 0; border: none; }
.innerlink2 ul li a { font-weight: bold; font-size: 18px; color: #194b99; text-decoration: none; }
.innerlink2 ul li a:hover { text-decoration: underline; opacity: 1; }
.innerlink2 ul li:before { content: ""; width: 20px; height: 20px; position: absolute; top: 50%; left: 0; margin-top: -10px; background: url(../img/common/arr7.png) no-repeat; background-size: contain; display: inline-block;  }
@media screen and (max-width: 767px) {
	.innerlink2 ul li { margin-right: 20px; border-right: none; padding: 0px 0 0px 23px; }
}
@media screen and (max-width: 639px) {
	.innerlink2 { text-align: left; }
	.innerlink2 ul { display: block; }
	.innerlink2 ul li { padding-left: 20px; margin-bottom: 5px; }
	.innerlink2 ul li:before { width: 16px; height: 16px;margin-top: -9px; }
	.innerlink2 ul li a { font-size: 14px; }
}


/* telbox */
.telbox { width: 100%; text-align: center; }
.telbox .txt { text-align: center; font-weight: bold; color: #194b99; background: #fff; display: block; line-height: 1; padding: 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; vertical-align: middle; margin: 0 auto 20px; width: 200px; }
.telbox .img { width: 300px; display: inline-block; vertical-align: middle; }
.telbox ul { display: inline-block; }
.telbox li { float: left; margin: 0 10px; }
.telbox li.li1 a { background: #fff; padding:15px 0; width:280px; height:30px; display: block; text-decoration:none; font-weight: bold; font-size: 1.13em; text-align: center; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border: 2px solid #194b99; }
.telbox li.li1 a:hover{ opacity: 1 }
.telbox li.li1 a.link1:before{ content:" "; background:url(../img/common/icon1.png) no-repeat; background-size: contain; width: 32px; height:34px; display: inline-block; margin-right: 10px; vertical-align: middle; }
.telbox li.li1 a.link1{ border:3px solid #194b99; color:#194b99; vertical-align: middle; }
.telbox li.li1 a.link1:after{ content:" "; background:url(../img/common/arr2.png) no-repeat; background-size: contain; width: 6px; height:10px; display: inline-block; margin-left: 10px; }
.telbox li.li1 a.link1:hover:before{ content:" "; background:url(../img/common/icon1_h.png) no-repeat; background-size: contain; width: 32px; height:34px; }
.telbox li.li1 a.link1:hover{ background: #194b99; color:#fff; }
.telbox li.li1 a.link1:hover:after{ content:" "; background:url(../img/common/arr3.png) no-repeat; background-size: contain; width: 6px; height:10px; }
.telbox li.li2 { margin-top: 16px; }
@media screen and (max-width: 767px) {
	.telbox .txt { margin: 0 auto 10px; }
	.telbox .img { width: 240px; display: inline-block; vertical-align: middle; }
	.telbox li.li1 a { padding:8px 0; }
	.telbox li.li1 a { width:240px; height:auto; }
	.telbox li.li2 { margin-top: 12px; }
}
@media screen and (max-width: 639px) {
	.telbox li { float: none; display: block; margin: 5px 0px; }
}





/* imglist ※heightAdjust併用 */
ul.imglist { margin-left: -40px; }
ul.imglist :after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; }
ul.imglist li { float: left; width: 370px; margin-left: 40px; margin-bottom: 20px; }
.wp.single ul.imglist{ margin-left: -4% }
.wp.single ul.imglist li{ width: 46%; margin-left: 4% }
ul.imglist li img { width: 100%; }
@media screen and (max-width: 1040px) {
    ul.imglist { margin-left: -4%; }
    ul.imglist li { width: 46%; margin-left: 4%; }
}
@media screen and (max-width: 639px) {
    ul.imglist,.wp.single ul.imglist { margin-left: 0; }
    ul.imglist li,.wp.single ul.imglist li { width: 100%; margin-left: 0; }
}







}








/* ---------------------------------------
layout/box/customset
--------------------------------------- */
.bgbox1:after, borderbox1:after,
ul.imglist:after, ul.imgbox:after,
.imgtopbox:after, .imgbottombox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; }



/* bgbox1 */
.bgbox1 { padding: 30px 40px; background: #f2f2f2; }
@media screen and (max-width: 1040px) {
    .bgbox1 { padding:30px 6%; }
}
@media screen and (max-width: 639px) {
    .bgbox1 { padding:20px 4%; }
}



/* borderbox1 */
.borderbox1 { padding: 30px 40px; border: 1px solid #194b99; }
@media screen and (max-width: 1040px) {
    .borderbox1 { padding:30px 6%; }
}
@media screen and (max-width: 639px) {
    .borderbox1 { padding:20px 4%; }
}




/* imgbox */
ul.imgbox li { margin-bottom: 10px; }
ul.imgbox li img { margin: 0 auto 10px; display: block; width: 100%; }
.nosubtxt ul.imgbox { margin-top: 0px!important; margin-bottom: 0px!important; }
ul.imgbox li.last { margin-bottom: 0; }
ul.imgbox li p.title { margin-bottom: 5px; font-weight: bold; line-height: 1.5; }
ul.imgbox li p.caption{ margin-bottom: 5px }
@media screen and (max-width: 1040px) {
    ul.imgbox li img { width: 100%; }
}
@media screen and (max-width: 639px) {
    ul.imgbox li img { max-width: 100%; margin-bottom: 6px }
	ul.imgbox li p.title { margin-bottom: 3px; font-size: 15px; }
	ul.imgbox li p.caption{ margin-bottom: 3px }
}
@media screen and (max-width: 479px) {
    ul.imgbox li img { max-width: none; }
}



/* imgtopbox */
.imgtopbox ul.imgbox { margin-bottom: 10px; }
.imgtopbox ul.imglist { margin-bottom: 10px; }
@media screen and (max-width: 479px) {
	.imgtopbox ul.imgbox { margin-bottom: 10px; }
	.imgtopbox ul.imglist { margin-bottom: 10px; }
}



/* imgbottombox */
.imgbottombox ul.imgbox,
.imgbottombox ul.imglist { margin-top: 20px; }
@media screen and (max-width: 479px) {
	.imgbottombox ul.imgbox,
	.imgbottombox ul.imglist { margin-top: 10px; }
}



/* spimgbottom */
@media screen and (max-width: 639px) {
	.spimgbottom ul.imgbox, .spimgbottom ul.imglist { margin-top: 10px; margin-bottom: 0; }
}



/* 幅の指定はdata-boxwidth="80"で可能、処理はjsに記述 */
/* imgleftbox */
.imgleftbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; }
.imgleftbox .imgbox{ float: left; width:25%; margin-right: 4%; }
/* body.hasSide .imgleftbox .imgbox{ width:40%; } */
.imgleftbox .txtbox{ float: right; width:71%; }
/* body.hasSide .imgleftbox .txtbox{ width:56%; } */
@media screen and (max-width: 767px) {
	.imgleftbox .imgbox{ width:31%; }
/* 	body.hasSide .imgleftbox .imgbox{ width:46%; } */
	.imgleftbox .txtbox{ width:65%; }
/* 	body.hasSide .imgleftbox .txtbox{ width:50%; } */
}
@media screen and (max-width: 639px) {
	.imgleftbox .imgbox{ float: none; width:100%; margin-right: 0; text-align: center; margin-bottom:10px; }
/* 	body.hasSide .imgleftbox .imgbox{ width:100%; } */
	.imgleftbox .imgbox img{ max-width: 100%; width: 100%; }
	.imgleftbox .txtbox{ float: none; width:100%; }
/* 	body.hasSide .imgleftbox .txtbox{ width:100%; } */
}
@media screen and (max-width: 479px) {
	.imgleftbox .imgbox img{ max-width: none; }
}


/* imgrightbox */
.imgrightbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; }
.imgrightbox .imgbox{ float: right; width:25%; margin-left: 4%; }
/* body.hasSide .imgrightbox .imgbox{  width:40%; } */
.imgrightbox .txtbox{ float: left; width:71%; }
/* body.hasSide .imgrightbox .txtbox{ width:56%; } */
@media screen and (max-width: 767px) {
	.imgrightbox .imgbox{ width:31%; }
/* 	body.hasSide .imgrightbox .imgbox{ width:46%; } */
	.imgrightbox .txtbox{ width:65%; }
/* 	body.hasSide .imgrightbox .txtbox{ width:50%; } */
}
@media screen and (max-width: 639px) {
	.imgrightbox .imgbox{ float: none; width:100%; text-align: center; margin-bottom:10px; margin-left: 0; }
/* 	body.hasSide .imgrightbox .imgbox{ width:100%; } */
	.imgrightbox .imgbox img{ max-width: 100%; width: 100%; }
	.imgrightbox .txtbox{ float: none; width:100%; }
/* 	body.hasSide .imgrightbox .txtbox{ width:100%; } */
}
@media screen and (max-width: 479px) {
	.imgrightbox .imgbox img{ max-width: none; }
}


/* contmiddle */
.contmiddle .txtbox{ display: table; }
.contmiddle .txtbox p{ display: table-cell; vertical-align: middle; }
@media screen and (max-width: 639px) {
	.contmiddle .txtbox p{ display: block; }
}


/* contwraparound */
.contwraparound .imgbox{ margin-bottom: 10px; }
.contwraparound .txtbox{ float: none; width: 100%; }
@media screen and (max-width: 639px) {
	.contwraparound .imgbox{ margin: 0; margin-bottom: 10px; }
}


/* 画像の場合は、w500かw700をクラスに追加、tableの場合はtable自体にmin-widthを記述、処理はjs */
/* contframe */
.contframe img { width: 100%; }
.contframe table { width:100%; table-layout:fixed; }
/* .contframe table th { background: #eee; } */
.contframecaution { display: none; color: #ff0000; font-weight: bold; }
@media screen and (max-width: 639px) {
    .contframe.w700 { overflow: auto; }
    .contframe.w700 img { min-width: 700px!important; width: 100%!important; max-width: none!important; }
    .contframecaution.w500  { display: none; }
}
@media screen and (max-width: 479px) {
	.contframe { overflow: auto; border: 1px dashed #ff0000; overflow: scroll; -webkit-overflow-scrolling: touch; }
	.contframe img { min-width: 500px; width: 100%; max-width: initial; border: 10px solid #fff; }
    .contframe.w500 img { min-width: 500px!important; width: 100%!important; max-width: none!important;}
	.contframe table { /* min-width:500px;  */width: 100%;  max-width: initial; }
	.contframe table img { width: 100%; min-width: 0; max-width: initial; border: none; }
	.contframecaution { display: block; margin-bottom: 5px; font-size: 12px; }
    .contframecaution.w500  { display: block; }
}