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

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

/* incnt */
.incnt{ max-width: 820px; margin:0 auto; }
#index.incnt { max-width: 1000px; }

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

/* section */
.section { margin-bottom: 100px }
#index .section { position: relative; padding-top: 55px; padding-bottom: 45px; margin-bottom: 0 }
@media screen and (max-width: 1040px) {
	.section { margin-bottom: 80px }
	#index .section { padding-top: 40px; padding-bottom: 43px }
}
@media screen and (max-width: 639px) {
	.section { margin-bottom: 60px }
	#index .section { padding-top: 30px; padding-bottom: 40px }
}


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


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

/* borderbottominbox */
.borderbottominbox{ margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px dotted #b2b2b2; }
@media screen and (max-width: 639px) {
	.borderbottominbox { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px dotted #b2b2b2; }
}


/* 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: 780px; margin: 0 auto; }
@media screen and (max-width: 1040px) {
	.insec { width: 92%; }
}


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







/* ---------------------------------------
link/btn
--------------------------------------- */

/* normal */
a{ color:inherit; }
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 */
p.linktxt1:before{ content: " "; background: url(../img/common/arr3.png) no-repeat left; background-size: contain; width:20px; height:20px; display: inline-block; margin-right: 5px; vertical-align: sub; }


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

/* fax_link */
a.fax_link { cursor: default; text-decoration: none }
a.fax_link:hover, a.fax_link:active { opacity: 1; }
@media screen and (max-width: 639px) {
	a.fax_link { display: inline; width:100%; }
}

/* linkbtn1 */
.linkbtn1 a{ background: #fff; border:1px solid #004385; color:#004385; text-decoration: none; text-align:center; vertical-align: middle; display: block; font-weight: bold; font-size: 1.13em; padding:20px 0; margin:0 auto; letter-spacing: 2px; line-height: 1.6; width: 290px; position: relative; }
.linkbtn1 a span{ font-weight: bold; }
.linkbtn1 a:after{ content:" "; background: #fedf41; width: 38px; height:1px; position: absolute; top:0; bottom:0; right:-19px; margin:auto 0; }
.linkbtn1 a:hover{ opacity: 1; background: #004385; color:#fff; }
@media screen and (max-width: 639px) {
	.linkbtn1 a{ padding:15px 0; width: 92%; letter-spacing: 0px }
	.linkbtn1 a:after{ width: 20px; right:-10px; }
}


/* linkbtn2 */
.linkbtn2{ padding-top: 20px; padding-bottom:20px; }
.linkbtn2 a{ background: url(../img/common/arr4.png) no-repeat 90% center, #fed343; background-size: 6px 10px; color:#fff; text-decoration:none; font-weight: bold; font-size: 1.07em; border:1px solid #fed343; padding:20px 50px 20px 40px; position: relative; }
.linkbtn2 a:hover{ background: url(../img/common/arr4_y.png) no-repeat 90% center, #fff; color:#fed343; opacity: 1; background-size: 6px 10px; }
.linkbtn2 a img{ width: 24px; height:16px; }
@media screen and (max-width: 639px) {
	.linkbtn2{ padding-top: 10px; padding-bottom:10px; }
	.linkbtn2 a{ padding:10px 40px 10px 30px; }
}
@media screen and (max-width: 350px) {
	.linkbtn2 a{ background: url(../img/common/arr4.png) no-repeat 96% center, #fed343;; background-size: 6px 10px; padding:10px 8% 10px 2%; width: 90%; font-size: 1em }
}

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



/* map_link */
p.map_link{ text-align: right; padding-right: 10px; }
p.map_link a:hover{ text-decoration: underline; }

/* arrow */
p.map_link.arrow:before{ content: " "; background: url(../img/common/arr5.png) no-repeat; background-size: contain; width: 8px; height:14px; display: inline-block; margin-right: 3px }






/* ---------------------------------------
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; }
.txtlinethrough { text-decoration: line-through; }
.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; }
.txtblack { color: #333; }
.txtblue { color: #004385; }
.txtred { color: #ff0000; }
.txtshingo { font-family: "A-OTF UD新ゴ Pro",A-OTF UD Shin Go Pro,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }


/* 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{ margin-bottom: 15px }
.copytxt_type1 .inwraptxt{ font-size: 22px; color:#fff; background: #c9dc59; padding:10px; line-height: 1.1; display: inline-block; margin-bottom:10px; letter-spacing: 5px; text-align: left }
@media screen and (max-width: 1040px) {
	.copytxt_type1 .inwraptxt{ font-size: 20px }
}
@media screen and (max-width: 800px) {
	.copytxt_type1 .inwraptxt{ font-size: 18px }
}
@media screen and (max-width: 639px) {
	.copytxt_type1{ margin-bottom: 20px; padding:10px 4%; background: #c9dc59; line-height: 1.6 }
	.copytxt_type1 .inwraptxt{ font-size: 14px; width: 100%; padding:0; margin-bottom:0; background: transparent; line-height: 1.6 }
	/*.copytxt_type1 p{ padding:0; letter-spacing: 1.5px; margin-bottom:0; background:transparent; color:#c9dc59; line-height: 1.6; font-weight: bold; }*/
	/*.copytxt_type1 p span{ font-weight: bold; }*/
}
@media screen and (max-width: 479px) {
	/*.copytxt_type1 span{ padding:5px; letter-spacing: 0; margin-bottom:5px; font-size: 14px }*/
}
@media screen and (max-width: 400px) {
	/*.copytxt_type1 span{ padding:8px; }*/
	.copytxt_type1 .inwraptxt{ letter-spacing: 2px;  }
}


/* copytype_type2 */
.copytype_type2 { font-weight: bold; font-size: 18px; line-height: 1.8; margin-bottom: 10px; color: #194b99; }
@media screen and (max-width: 639px) {
	.copytype_type2 { font-size: 16px; }
}
@media screen and (max-width: 479px) {
	.copytype_type2 { font-size: 15px; }
}








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

/* sectitle1 */
.sectitle1 { text-align: center; margin-bottom: 35px }
.sectitle1 img{ height:10px; max-width: auto; margin-bottom:15px; }
.sectitle1 .title1_1{ font-weight: bold; font-size: 1.87em; color: #004385; margin-bottom: 0; line-height: 1.6 }
.sectitle1:after{ content:" "; width: 38px; height:2px; background: #004385; display: inline-block; }
@media screen and (max-width: 639px) {
	.sectitle1 { margin-bottom:20px; }
	.sectitle1 img{ margin-bottom: 10px }
	.sectitle1 .title1_1{ font-size: 1.57em }
}

/* sectitle2 */
.sectitle2 { text-align: center; margin-bottom: 30px; width:92%; padding:10px 4%; font-weight: bold; color: #004385; font-size: 1.86em; border:1px solid #004385; line-height: 1.6 }
.sectitle2 span{ font-weight: bold; }
@media screen and (max-width: 1040px) {
	.sectitle2{ font-size: 1.6em; }
}
@media screen and (max-width: 639px) {
	.sectitle2{ margin-bottom: 20px; font-size: 1.4em; padding:8px 4%; }
}


/* subtitle_type1 */
.subtitle_type1 { color:#598a48; font-size: 20px; line-height: 1.6; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px dashed #598a48; }
@media screen and (max-width: 767px) {
	.subtitle_type1 { font-size: 18px; margin-bottom: 10px; }
}
@media screen and (max-width: 479px) {
	.subtitle_type1 { font-size: 16px; margin-bottom: 10px; padding-bottom: 3px; }
}


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




/* cstitle1 */
.cstitle1{ background: #cedf6a; font-size: 1.14em; font-weight: bold; color:#fff; text-align: center; letter-spacing: 2px; padding:3px 0; margin-bottom:10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

/* cstitle2 */
.cstitle2{ background: #33b4ad; font-size: 1.14em; font-weight: bold; color:#fff; text-align: center; letter-spacing: 2px; padding:3px 0; margin-bottom:10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }





/* ---------------------------------------
table
--------------------------------------- */
/* table_type1 */
.table_type1 { width: 100%; }
.table_type1 th, .table_type1 td { padding: 20px 2%; line-height: 1.6; background: #fff; border-bottom: 1px dotted #b2b2b2; }
.table_type1 th{ background:#f7f7f7; font-weight: bold; width: 18%; text-align: center; }
.table_type1 td p{ text-align: left }
.table_type1 .brd{ border-right: 1px dotted #b2b2b2 }
.table_type1 .bbn{ border-bottom: 0 }
.table_type1 a.bluelink{ color:#0153a1; }
.table_type1 .linkslist1 li{ display: inline-block; margin-right:4%; }
.table_type1 .title_type1{ font-weight: bold; color:#0153a1; }
@media screen and (max-width: 639px) {
	.table_type1 th, .table_type1 td { padding: 10px 4%; display: block; width: 92%; border-bottom: 0 }
	.table_type1 th{ text-align: left }
	.table_type1 td{ padding-bottom: 15px }
	.table_type1 .brd{ border-right: 0; padding: 0 4%; margin-bottom: -5px }
	.table_type1 .spmb{ margin-bottom: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; }



/* sche */
.sche{ width: 100%; margin-bottom: 5px; }
.sche thead th { background: #e9f1bd; color: #598a48; text-align: center; padding: 5px; border-right: 1px solid #fff; font-weight: bold; }
.sche tbody td { color: #5c5c5c; text-align: center; padding: 10px 5px; border-left: 1px dotted #b2b2b2; border-bottom: 1px solid #b2b2b2; font-weight: bold; }
.sche tbody th { padding: 5px; border-left-width: 0px; font-weight: bold; line-height: 1.4; width: 22%; font-size: 0.93em; border-bottom: 1px solid #b2b2b2; text-align: center; }
.sche tbody th span{ font-weight: bold; }
.sche .bbn td, .sche .bbn th { border-bottom: none; }
.sche td.bn, .sche th.bn { border-right: none; }




/* ---------------------------------------
list
--------------------------------------- */
.list_style1{ background: #f2f5f9; padding:20px 4% 10px 2%; width: 94% }
.list_style1 li{ float: left; margin-left: 5%; width: 15%; margin-bottom: 10px }
.list_style1 li a{ font-weight: bold; font-size: 1.14em }
.list_style1 li:before{ content: " "; background: url(../img/common/arr3.png) no-repeat left; background-size: contain; width:20px; height:20px; display: inline-block; margin-right: 5px; vertical-align: sub; }
@media screen and (max-width: 1040px) {
	.list_style1 li{ width: 20% }
}
@media screen and (max-width: 767px) {
	.list_style1 li{ width: 28% }
}
@media screen and (max-width: 639px) {
	.list_style1 li{ width: 45% }
}


/* #pankuzu */
#pankuzu {background:#f7f7f7; padding:15px 4%; }
#pankuzu ul li{ display: inline; color: #808080; }
#pankuzu ul li a{ color: #808080; }
#pankuzu ul li:after { content:">"; margin: 0 5px 0 7px; vertical-align: middle; }
#pankuzu ul li.none:after { content:none; padding:0px;  }
@media screen and (max-width: 1040px) {
	#pankuzu{ display: none; }
}



/* blist1 */
dl.blist1 dt { width: 100px; float: left; font-weight: bold; color:#0153a1; }
 dl.blist1 dt .catmark{ margin-left: 20px; background: #194B99; color:#fff; /*border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ width:70px; text-align: center; display: inline-block; padding-top: 2px; }
dl.blist1 dd { padding-left: 110px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #c4c4c4; }
dl.blist1 dd.last{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
@media screen and (max-width: 1040px) {
	dl.blist1{ padding:30px 4%; }
}
@media screen and (max-width: 767px) {
	dl.blist1 dt{ float: none; width:auto; padding-left: 0; margin-bottom: 0px; font-weight: bold; text-align: left }
	dl.blist1 dd{ padding-left: 0;  }
}
@media screen and (max-width: 639px) {
	.blog_box1 dl.blist1{ padding:20px 4%; }
}





/* ---------------------------------------
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-bottom: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:46%; margin-left: 4%; }
.imgrightbox .imgbox img{ max-width: 300px; width:100%; }
.imgrightbox .txtbox{ float: left; width:50%; }
@media screen and (max-width: 1040px) {
	.imgrightbox .imgbox{ width:36%; }
	.imgrightbox .txtbox{ width:60%; }
}
@media screen and (max-width: 767px) {
	.imgrightbox .imgbox{ width:40%; }
	.imgrightbox .txtbox{ width:56%; }
}
@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; }
}

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

/* imgrightbox_style3 */
.imgrightbox_style3:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; }
.imgrightbox_style3 .imgbox{ float: right; width:42%; margin-left: 4%; }
.imgrightbox_style3 .imgbox img{ max-width: 250px; width:100%; }
.imgrightbox_style3 .txtbox{ float: left; width:54%; }
@media screen and (max-width: 1040px) {
	.imgrightbox_style3 .imgbox{ width:30%; }
	.imgrightbox_style3 .txtbox{ width:66%; }
}
@media screen and (max-width: 767px) {
	.imgrightbox_style3 .imgbox{ width:40%; }
	.imgrightbox_style3 .txtbox{ width:56%; }
}
@media screen and (max-width: 639px) {
	.imgrightbox_style3 .imgbox{ float: none; width:100%; text-align: center; margin-top:10px; margin-left: 0; }
	.imgrightbox_style3 .imgbox img{ max-width: 100%; width: 100%; } /* max-width:100%でも悪くない */
	.imgrightbox_style3 .txtbox{ float: none; width:100%; }
}
@media screen and (max-width: 479px) {
	.imgrightbox_style3 .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: #fff; background: #194b99; display: inline-block; line-height: 1; padding: 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; vertical-align: middle; margin-right: 10px; }
.telbox .img { width: 300px; display: inline-block; vertical-align: middle; }
@media screen and (max-width: 639px) {
	.telbox .txt { padding: 10px 20px; margin: 0; margin-bottom: 10px; }
	.telbox .img { width: 290px; display: block; vertical-align: middle; margin: 0 auto; }
}