@charset "utf-8";
/*---------------------------------------------
 custom
---------------------------------------------*/







*,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a { text-decoration: none; color: #185a9b; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
a:link,a:visited { color: #185a9b;  }
a:hover,a:active { text-decoration: underline; }
a:hover img{ opacity: 0.8; }
a.target{ background: url(/shoutan/common/images/icon_blank.png) no-repeat left 0.5em; padding-left: 20px; display: inline-block; }
html,body { height: 100%; font-size:14px; line-height: 1.5; color: #333; font-family:'Noto Sans Japanese', sans-serif !important;} /*$行間*/
.wrapInner{ overflow: hidden; margin: 0 auto; max-width: 1360px;/*$サイト幅*/}
img {max-width: 100%; height: auto;}
/*---------------------------------------------
 generic  class
---------------------------------------------*/
.txtB { font-weight: bold; }.txtN { font-weight: normal; }
.layoutC { text-align: center; }.layoutL { text-align: left; }.layoutR { text-align: right; }
.ov{overflow: hidden;}.fl{float: left;}.fr{float: right;}
.w5p{ width: 5%!important;}.w10p{ width: 10%!important;}.w14p{ width: 14%!important;}.w15p{ width: 15%!important;}.w20p{ width: 20%!important;}.w25p{ width: 25%!important;}.w30p{ width: 30%!important;}.w35p{ width: 35%!important;}.w40p{ width: 40%!important;}.w45p{ width: 45%!important;}.w50p{ width: 50%!important;}.w55p{ width: 55%!important;}.w60p{ width: 60%!important;}.w65p{ width: 65%!important;}.w70p{ width: 70%!important;}.w75p{ width: 75%!important;}.w80p{ width: 80%!important;}.w85p{ width: 85%!important;}.w90p{ width: 90%!important;}.w95p{ width: 95%!important;}.w100p{ width: 100%!important;}
.wmax{ width: 100%!important; height: auto!important;}
.fontB{font-size: 129%;}
.caution{	margin-top: 32px;}
.cur{
	color: #fff;
	background-color: #185a9b;
	background-image: url(/shoutan/common/images/arrow_b_white.png) no-repeat right center;
}

.fontL{ font-size: 115%;
}
.otherTelWrap{text-align: center; padding: 15px; margin-top: 15px; font-size: 16px; background: #e9f4f9;}
.otherTelWrap img{ max-width: 100%; height: auto; }
.otherTelWrap .tel{ font-weight: bold;}
.flowTitle{ border: 2px solid #185a9b; width: 260px; padding: 10px 15px; font-weight: bold; margin-bottom: 15px; }

.insuranceWrap .telCenter{text-align: center; overflow: hidden;}
.insuranceWrap .telCenter .tel{text-align: center; float: none; margin: 0 auto; display: inline-block; }
.contents.rooms .insuranceWrap .graphtable th{ background: #f2dfe5; }

/*---------------------------------------------
 base margin
---------------------------------------------*/
.mt0 { margin-top: 0px !important; }.mt5 { margin-top: 5px !important; }.mt10 { margin-top: 10px !important; }.mt15 { margin-top: 15px !important; }.mt20 { margin-top: 20px !important; }.mt30 { margin-top: 30px !important; }.mt40 { margin-top: 40px !important; }.mt50 { margin-top: 50px !important; }.mt60 { margin-top: 60px !important; }.mt70 { margin-top: 70px !important; }.mt80 { margin-top: 80px !important; }
.ml0 { margin-left: 0 !important; }.ml5 { margin-left: 5px !important; }.ml10 { margin-left: 10px !important; }.ml15 { margin-left: 15px !important; }.ml20 { margin-left: 20px !important; }.ml30 { margin-left: 30px !important; }.ml40 { margin-left: 40px !important; }
.mb0 { margin-bottom: 0px !important; }.mb5 { margin-bottom: 5px !important; }.mb10 { margin-bottom: 10px !important; }.mb15 { margin-bottom: 15px !important; }.mb20 { margin-bottom: 20px !important; }.mb30 { margin-bottom: 30px !important; }.mb40 { margin-bottom: 40px !important; }.mb50 { margin-bottom: 50px !important; }.mb60 { margin-bottom: 60px !important; }.mb70 { margin-bottom: 70px !important; }.mb80 { margin-bottom: 80px !important; }
.mr0 { margin-right: 0px !important; }.mr5 { margin-right: 5px !important; }.mr10 { margin-right: 10px !important; }.mr15 { margin-right: 15px !important; }.mr20 { margin-right: 20px !important; }.mr30 { margin-right: 30px !important; }.mr40 { margin-right: 40px !important; }
/*---------------------------------------------
 grid system
---------------------------------------------*/
.grid {margin: 0 auto;overflow: hidden;padding-right: 0;}
.grid:after {content: "";display: table;clear: both;}
.colNum {float: left;min-height: 1px;}.push_right { float: right }
.gd_0 { margin-right: -0px; margin-bottom: -0px;}.gd_1 { margin-right: -1px; margin-bottom: -1px;}.gd_10 { margin-right: -10px; margin-bottom: -10px;}.gd_15 { margin-right: -15px; margin-bottom: -15px;}.gd_20 { margin-right: -20px; margin-bottom: -20px;}.gd_25 { margin-right: -25px; margin-bottom: -25px;}.gd_30 { margin-right: -30px; margin-bottom: -30px;}.gd_40 { margin-right: -40px; margin-bottom: -40px;}
.gd_0 .colNum {margin-bottom: 0; padding-right: 0;}.gd_1 .colNum {margin-bottom: 1px; padding-right: 1px;}.gd_10 .colNum {margin-bottom: 10px; padding-right: 10px;}.gd_15 .colNum {margin-bottom: 15px; padding-right: 15px;}.gd_20 .colNum {margin-bottom: 20px; padding-right: 20px;}.gd_25 .colNum {margin-bottom: 25px; padding-right: 25px;}.gd_30 .colNum {margin-bottom: 30px; padding-right: 30px;}.gd_40 .colNum {margin-bottom: 40px; padding-right: 40px;}
.grid.border .colNum{border-right: 1px solid rgba(0,0,0,0.2);/*$カラム間ボーダー*/}
.grid.border.gd_10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px;}.grid.border.gd_15 { margin-right: -7px; margin-left: -7px; margin-bottom: -15px;}.grid.border.gd_20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px;}.grid.border.gd_25 { margin-right: -12px; margin-left: -12px; margin-bottom: -25px;}.grid.border.gd_30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px;}.grid.border.gd_40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px;}
.grid.border.gd_10 .colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.grid.border.gd_15 .colNum {margin-bottom: 15px; padding-right: 7px; padding-left: 7px; }.grid.border.gd_20 .colNum {margin-bottom: 20px; padding-right: 10px; padding-left: 10px; }.grid.border.gd_25 .colNum {margin-bottom: 25px; padding-right: 12px; padding-left: 12px; }.grid.border.gd_30 .colNum {margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }.grid.border.gd_40 .colNum {margin-bottom: 40px; padding-right: 20px; padding-left: 20px; }
.col_1_1 { width: 100% }.col_2_3,.col_8_12 { width: 66.66% }.col_1_2,.col_6_12 { width: 50% }.col_1_3,.col_4_12 { width: 33.33% }.col_1_4,.col_3_12 { width: 25% }.col_1_5 { width: 20% }.col_1_6,.col_2_12 { width: 16.667% }.col_1_7 { width: 14.28% }.col_1_8 { width: 12.5% }.col_1_9 { width: 11.1% }.col_1_10 { width: 10% }.col_1_11 { width: 9.09% }.col_1_12 { width: 8.33% }.col_11_12 { width: 91.66% }.col_10_12 { width: 83.333% }.col_9_12 { width: 75% }.col_5_12 { width: 41.66% }.col_7_12 { width: 58.33% }
.push_2_3,.push_8_12 { margin-left: 66.66% }.push_1_2,.push_6_12 { margin-left: 50% }.push_1_3,.push_4_12 { margin-left: 33.33% }.push_1_4,.push_3_12 { margin-left: 25% }.push_1_5 { margin-left: 20% }.push_1_6,.push_2_12 { margin-left: 16.667% }.push_1_7 { margin-left: 14.28% }.push_1_8 { margin-left: 12.5% }.push_1_9 { margin-left: 11.1% }.push_1_10 { margin-left: 10% }.push_1_11 { margin-left: 9.09% }.push_1_12 { margin-left: 8.33% }
.colInner{height: 100%;}


/*******************************/

.maintitle { margin: 0 0 10px }
.maintitle.h1_01{ background: url(/shoutan/common/images/bg_blue.png) no-repeat; background-size: cover; padding: 48px 40px 40px; display: block; text-align: center; }
.maintitle.h1_02{ background: url(/shoutan/common/images/bg_red.png) no-repeat; background-size: cover; padding: 48px 40px 40px; display: block; text-align: center; }
.maintitle.h1_03{ background: url(/shoutan/common/images/bg_pink.png) no-repeat; background-size: cover; padding: 48px 40px 40px; display: block; text-align: center; }
.maintitle.h1_04{ background: url(/shoutan/common/images/bg_green.png) no-repeat; background-size: cover; padding: 48px 40px 40px; display: block; text-align: center; }

.maintitle .titleInner { display: inline-block; background: url(/shoutan/common/images/line.png) no-repeat top center; }
.maintitle .titleInner .pic {     margin: -25px auto 18px; display:block;}
.maintitle  h1{ color: #fff; padding: 6px 20px 20px; font-size: 32px; display: inline-block; border-bottom: 1px solid #fff; font-size: 200%; }
.hdWrap .hd02_01 { font-size: 172%; color: #185a9b; text-align: center; }
.hdWrap .hd02_02 { border-bottom: solid 1px #185a9b; color: #185a9b; font-size: 129%; padding: 16px 0; }
.hdWrap .hd02_01:after { border-bottom: solid 1px #CCC; content: ""; display: block; width: 100px; margin: 0 auto; padding-top: 15px; }
.hdWrap .hd02_03 { padding: 40px 0 0 16px; font-size: 129%; color: #185a9b; }
.hdWrap .hd02_03 .border_l { border-bottom: solid 1px #185a9b; margin-right: 5px; padding: 4px 8px; margin-bottom: 10px; vertical-align: middle; display: inline-block; }

.insuranceWrap .hd02_04 {  color: #185a9b; font-size: 129%;color: #333; font-weight: bold;}
.flowWrap .hd02_04{}
.hdWrap .hd03_01 { border-bottom: dotted 1px #ccc; color: #185a9b; padding: 16px 0; }
.tableWrap { margin: 10px }
.tableWrap table { width: 100%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.tableWrap .col2 th { width: 17%; padding: 22px; border-bottom: dotted 1px #ccc; color: #185a9b; vertical-align: top; }
.tableWrap .col2 .space { width: 7%; padding: 22px; border: none; }
.tableWrap .col2 td { border-bottom: 1px dotted #ccc; padding: 22px; }
.tableWrap .col3 th { color: #185a9b; padding: 16px; border-bottom: 1px dotted #ccc; }
.tableWrap .col3 td { padding: 16px; border-bottom: 1px dotted #ccc; }
.tableWrap .col3 .space { width: 7%; padding: 22px; border: none; }
.listWrap { margin-bottom: 54px }
.listWrap ul { margin-top: 30px }
.listWrap li { padding-left: 1em; text-indent: -1em; }
.listWrap .date { text-align: right; margin-top: 60px; }
.sitemap.items-container { overflow: hidden; margin-right: -3%; }
.sitemap { overflow: hidden }
.sitemap li { width: 30%; float: left; margin-right: 3%; margin-bottom: 56px; }
.sitemap a { background-size: 18px; padding: 15px 0px 10px 30px; display: block; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sitemap .home { background: url(/shoutan/common/images/icon_home.png) left center no-repeat }
.sitemap .product { background: url(/shoutan/common/images/icon_description.png) left center no-repeat; pointer-events: none; cursor: default; text-decoration: none; color: #000; }
.sitemap .about { background: url(/shoutan/common/images/icon_about.png) left center no-repeat }
.sitemap .contact { background: url(/shoutan/common/images/icon_mail.png) left center no-repeat }
.sitemap .privacy { background: url(/shoutan/common/images/icon_privacy.png) left center no-repeat }
.sitemap .policy { background: url(/shoutan/common/images/icon_flag.png) left center no-repeat }
.sitemap .list { overflow: hidden }
.sitemap .list li { margin: 0; width: 100%;  padding-left: 25px;}
.sitemap li.item>a{ font-size: 114.28%; }
.sitemap .list a { border-top: none; background: url(/shoutan/common/images/arrow_right.png) left center no-repeat; padding-left: 10px; border-bottom: 1px dotted #ccc; }
.insuranceWrap .supportWrap { overflow: hidden }
.insuranceWrap .supportWrap .pic { text-align: center }
.insuranceWrap .supportWrap ul { margin:-16px -3% 30px 0px; overflow: hidden; }
.insuranceWrap .supportWrap li { margin: 20px 3% 0 0; width: 22%; float: left; display: block; }
.insuranceWrap .supportWrap img { width: 100% }
.insuranceWrap .hd02_02 { border-bottom: solid 1px #185a9b; color: #185a9b; font-size: 129%; padding: 10px 0; margin-top: 25px;}
.insuranceWrap .hd03_02 { font-weight: bold; text-align: center; padding: 16px; }
.insuranceWrap .supportWrap h4 { text-align: center; padding: 10px; font-weight: bold; }
.insuranceWrap .disasterWrap ul { margin-right: -3%; overflow: hidden; margin-bottom: -20px; }
.insuranceWrap .disasterWrap li { float: left; width: 22%; margin: 0 3% 50px 0; }
.insuranceWrap .disasterWrap .pic { text-align: center }
.insuranceWrap .disasterWrap h4 { text-align: center; padding: 10px 0; }
.insuranceWrap .ifWrap { border: solid 4px #ccc; padding: 30px; }
.insuranceWrap .ifWrap h3 { font-weight: bold;  font-size: 129%}
.insuranceWrap .ifWrap .notice { color: #b82323; margin-bottom: 5px; font-size: 100%; font-weight: bold;}
.insuranceWrap .small { font-size: 12px; color: #666; margin-top: 5px; }
.insuranceWrap .ifWrap .small { margin-top: 25px; margin-bottom: 5px}
.insuranceWrap { border-bottom: solid 1px #ccc; padding-bottom: 30px; }
.insuranceWrap.col2 { margin-right: -25px }
.insuranceWrap h3 { padding: 5px 0; font-weight: bold;  }
.insuranceWrap.col2Inner { width: 48%; float: left; border: none; margin-right: 2%; }
.insuranceWrap .date { text-align: right; margin-top: 60px; }
.insuranceWrap .tel { background: url(/shoutan/common/images/icon_tel.png) no-repeat left center; padding: 10px 0 10px 50px; display: block; float: left; }
.insuranceWrap .counseling { padding-top: 16px }
.insuranceWrap .col2 h3 { font-size: 100% }
.insuranceWrap h4 { font-size: 100%; font-weight: bold; padding: 5px 0; }
.insuranceWrap span { border-left: 1px solid #ccc; margin: 0 16px; }
.insuranceWrap .fax { display: inline-block; padding: 10px 0; }
.insuranceWrap .example { padding: 20px; background-color: #f4f4f4; margin-top: 30px; }
.insuranceWrap .graphtable table th td { float: left; border: solid #fff 1px; }
.insuranceWrap .graphtable th { background-color: #f2e2df; padding: 10px; border-bottom: solid 2px #fff; border-right: solid 1px #fff; width: 24%; }
.insuranceWrap .graphtable td { background-color: #f4f4f4; padding: 10px; border-bottom: solid 2px #fff; width: 24%; }
.insuranceWrap .icons { padding: 5px 0 }
.insuranceWrap .icons a { color: #185a9b }
.insuranceWrap .icons a:before { background: url(/shoutan/common/images/arrow_right.png) no-repeat left center; display: block; padding: 10px 5px; content: ""; float: left; }
.insuranceWrap .icons a:after { background: url(/shoutan/common/images/icon_pdf.png) no-repeat right center; padding: 10px 0 0 30px; content: ""; }
.insuranceWrapInner{overflow: hidden; margin-right: -2%}
.insuranceWrapInner .text{margin-top: -10px;}
.insuranceWrap.text .small{margin-top: 5px;}
.insuranceWrap .item .caption{text-align: center;font-weight: bold;padding: 10px 0;}
.insuranceWrap .iconFlowchart p{padding:10px 0;}
.insuranceWrap .iconFlowchart .arrow{padding:45px 0;}

.insuranceWrap .ifWrapInner{ margin-bottom: 16px; padding-bottom: 20px; border-bottom: 1px dotted #ccc;}

.insuranceWrap .button{ margin:40px 0 15px; }
.insuranceWrap .button p{ text-align: center; }
.insuranceWrap .button a{ padding: 20px 80px; color:#fff; background: #185a9b; border-radius: 10px; text-align: center; box-shadow: #13487c 0px -5px 0 inset; text-decoration: none; display: inline-block;}
.insuranceWrap .hd02_02.mtn{ margin-top: 0; }
.insuranceWrap .button a:hover{
	opacity:0.7;
}

.listWrap .consultation .tel{background: url(/shoutan/common/images/icon_tel.png) no-repeat left center;padding: 10px 0 10px 50px;display: block;float: left;
}

.listWrap .consultation .telnum{overflow: hidden;}

.insuranceWrap.bn{border:none;}
.tabWrap ul{overflow: hidden; display:table;  border-left: 1px solid #ccc;}

.tabWrap li{display:table-cell;   box-sizing: border-box; text-align: center; vertical-align: middle; width:1000px;}

.tabWrap a{ display:table-cell; padding: 20px 0;   color:#185a9b; text-align: center; vertical-align: middle; width:1000px; border-right: 1px solid #ccc;  border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc;}

.tabWrap span {background: url(/shoutan/common/images/arrow_b_blue.png) no-repeat;display: inline-block;height: 15px;width: 15px;margin-left: 10px;}

.tabWrap a:hover{background: #185a9b; color:#fff; text-decoration: none; border-right: 1px solid #185a9b;  border-top: 1px solid #185a9b;  border-bottom: 1px solid #185a9b; }

.tabWrap a:hover span{background: url(/shoutan/common/images/arrow_b_white.png) no-repeat; display: inline-block; height: 15px;width: 15px;margin-left: 10px;}

.sitemap ul{
  overflow: hidden;
  margin-right: -3%;
}


/*---------------------------------------------
 wrap
---------------------------------------------*/
#wrap{  position: relative; height: auto !important; height: 100%; min-height: 100%; border-top: 36px solid #1761a9;}
/*#common{background: #1761a9; height: 36px;}*/
/*---------------------------------------------
 header
---------------------------------------------*/
#header{padding:0 20px;}
#header .wrapInner{ padding:  0; background: #fff; }
#header .headerContentsWrap{ display: table;width: 100%;}
#header .headerContentsWrap .siteId,
#header .headerContentsWrap .headerContents{ display: table-cell; vertical-align: middle;}
#header .headerContentsWrap .siteId{ width: 200px; /*height: 105px;*/ padding: 30px 0; background: #fff; }
#header .headerContentsWrap .headerContents {padding: 10px 0;}
#header .headerContentsWrap .headerContents .headerConTop,
#header .headerContentsWrap .headerContents .headerConMiddle,
#header .headerContentsWrap .headerContents .headerConBottom{ overflow: hidden;}
#header .headerContentsWrap .headerContents .headerConBottom{ margin-top: 5px;}
#header .headerContentsWrap .headerContents .headerConBlock{ float: right; padding-right: 10px; }
#header .headerContentsWrap .headerContents .headerConBlock:first-child{ padding-right: 0; }
.siteNavList{overflow: hidden; font-size: 12px; text-align: right;}
.siteNavList li{display: inline-block; padding: 10px;}
.siteNavList li a{ color: #333; display: inline; }

/*font-change-area*/
.fontChangeWrap{ overflow: hidden; width: 120px; }
.fontChangeWrap .btn{ cursor: pointer; float: left; background-position: top center; font-size: 0; text-align: center; width: 40px; height: 28px; text-indent: -9999px;}
.fontChangeWrap .btn.cur{ background-position: bottom; }
.fontChangeWrap #font-s{ background-image: url(/shoutan/common/images/btn_font_s.png);}
.fontChangeWrap #font-m{ background-image: url(/shoutan/common/images/btn_font_m.png);}
.fontChangeWrap #font-l{ background-image: url(/shoutan/common/images/btn_font_l.png);}

/*searchWrap*/
.searchWrap {position: relative;}
.searchWrap .click-area{position: absolute;top: 0;right: 0;height: 100%;width: 35px;cursor: pointer;}
.searchWrap .text-area {border: 2px solid #eeeeee;padding: 5px;padding-right: 30px;width: 260px;background: url(/shoutan/common/images/icon_search.png) no-repeat 97% center;}

/*---------------------------------------------
 gnav
---------------------------------------------*/
#gnav{}
#gnav .parentList{ /*display: table;*/ text-align: right; width: 100%; border: 0 solid rgba(0,0,0,0.2); /*border-left-width: 1px;*/ }
#gnav .parentList>li{ /*display: table-cell;*/ display: inline-block; text-align: center; vertical-align: middle; border-width: 0; border-style: inherit;border-color: inherit; border-right-width: 1px;}
#gnav .parentList>li:last-child{ border-right: 0; }
#gnav .parentList>li>a{/* display: table-cell;*/ display: inline-block;  height: 30px; vertical-align: middle; font-size: 121.42%; color: #333; font-weight: bold; padding: 0 15px; /* width: 1000px;*/}


/*---------------------------------------------
 mainVisual
---------------------------------------------*/
#mainVisual{ background: url(/shoutan/common/images/main_01.jpg) no-repeat center; height: 600px; -webkit-background-size: cover;background-size: cover; padding: 0 20px;  }
#mainVisual .wrapInner{ overflow: visible; }
#mainVisual .wrapInner .mainBtnWrap{padding-top: 320px;}
#mainVisual .wrapInner .mainBtnWrap .colNum{text-align: center; }
#mainVisual .wrapInner .mainBtnWrap .colNum a{ display: block; padding: 40px;  background: rgba(255,255,255,0.5); border-radius: 8px; }
#mainVisual .wrapInner .mainBtnWrap .colNum a img{ max-width: 100%; height: auto; }
/*---------------------------------------------
 contents
---------------------------------------------*/
.contents { padding: 0 20px; }
/*---------------------------------------------
 container サイドナビが有る場合
---------------------------------------------*/
#container {padding: 0 20px;}
#container .wrapInner{ display: table; width: 100%; }
#container .contents{  display: table-cell; vertical-align: top; padding: 0; }
#container #side{ display: table-cell; vertical-align: top; width: 370px; padding-left: 40px; padding-top: 40px;}
#container #side .sideInner{ padding:0; }

/*---------------------------------------------
 footer
---------------------------------------------*/
#footer { }

.footerContents{padding: 40px 20px;}
.footerTop{  background: #f6f6f6; }
.footerBottom{ padding: 20px 0; background: #dfe0e0;}
.footerContents .siteNavWrap{ float: right; letter-spacing: -0.4em;}
.footerContents .siteNavList li{display: inline-block; letter-spacing: normal; padding: 0 9px; border-left: 1px solid #686868;}
.footerContents .siteNavList li:first-child{ border-left: 0; }
.footerContents .copyrightWrap{ float: left; font-size: 12px; }
.footerMenu{ padding-top: 40px; max-width: 960px; margin: 0 auto;}
.footerMenu:first-child{padding-top: 0;}
.footerMenu ul{ overflow: hidden; }
.footerMenu ul li{float: left; padding-right: 10px; margin-right: 10px; margin-bottom: 10px; border-right: 1px solid #686868; line-height: 1.25; font-size: 13px;}
.footerMenu dl{overflow: hidden;}
.footerMenu dl dt{ float: left; font-size: 14px; width: 13em; font-weight: bold; }
.footerMenu dl dd{ overflow: hidden; }
.footerLogo{ padding-top: 30px; padding-bottom: 40px; text-align: center; }
.pageTopWrap {position: relative; display: none;}
.pageTopWrap p{ padding: 0; overflow: hidden;}
.pageTopWrap #page-top-btn{ position: absolute; right: 0; bottom: 0; cursor: pointer; float: right; display: block; text-indent: -9999px; background: url(/shoutan/common/images/icon_pagetop.png) no-repeat; width: 40px; height: 40px;}

/*---------------------------------------------
 module
 ---------------------------------------------*/
.hdWrap{overflow: hidden; margin-bottom: 20px;}
.hdWrap img{ vertical-align: middle; }
.hdWrap .hd02{ float: left;}
.hdWrap .moreLink{ float: right; padding: 5px 0;}
.hd02 .ttl{ margin-right: 10px; }
.hd02 .guide{ margin-left: 10px; padding-left: 20px; border-left: 1px solid #ccc; font-size: 114.28%; }
.hd03 .ttl{ font-size: 129%; }
.normalLink {color: #005adb; padding-left: 10px;background: url(/shoutan/common/images/arr_normal_link.png) no-repeat left center;}
.infoList ul{ border-top: 1px solid #eeeeee; }
.infoList ul li { border-bottom: 1px solid #eeeeee; }
.infoList ul li dl {overflow: hidden; line-height: 1.75; display: table; width: 100%; /*font-size: 14px;*/ padding: 13px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.infoList ul li dl dt {display: table-cell; vertical-align: top; width: 8em; padding-right: 10px; /*font-size: 14px;*/ } .kyokaiPage .infoList ul li dl dt {color: #999999; }
.infoList ul li dl dd {display: table-cell; vertical-align: top;}
.infoList ul li dl dd.type {width: 100px; color: #fff; text-align: center; padding-right: 10px; font-size: 12px; letter-spacing: -1px; }
.infoList ul li dl dd.type p {background: #f00;}
.section{padding: 35px 0;}
.bnrList>ul>li{ margin-bottom: 15px; }
.bnrColWrap{  }
.bnrColWrap ul{overflow: hidden; margin-right: -20px; margin-bottom: -20px;}
.bnrColWrap ul li{width: 256px; margin-right: 20px; margin-bottom: 20px; float: left;}
.bnrColWrap ul li a{display: block; border: 1px solid #ccc;}
 /*==========================================================================================================
 PC Only
==========================================================================================================*/
@media screen and (min-width: 1166px){
	#gnav .wrapInner{display: block!important;}
}
/*==========================================================================================================
 TAB Only
==========================================================================================================*/
@media screen and (min-width: 768px) and (max-width: 1165px){
    /*#header .headerContentsWrap .siteId, #header .headerContentsWrap .headerContents{display: block;}*/
    #container #side{width: 100%; display: block;}
    #gnav .wrapInner{display: block!important;}
    .footerContents .copyrightWrap{float: none; text-align: center; margin-top: 10px; font-size: 13px;}
    .footerContents .siteNavWrap{float: none;}
    .siteNavList{float: none; text-align: center;}
    .bnrList>ul>li{text-align: center;}
    /*#gnav .parentList{text-align: center;}*/
.sitemap li { width: 47%; float: left; margin-right: 3%; margin-bottom: 56px; }
.maintitle { margin: 0;}
.insuranceWrap .supportWrap li { margin: 20px 2% 0 0; width: 48%; float: left; display: block; }
.insuranceWrap .disasterWrap ul {overflow: hidden;margin-bottom: -20px;}
.insuranceWrap .disasterWrap li { float: left;width: 310px;margin: 0 20px 50px 0;}

}
/*==========================================================================================================
 sp Only
==========================================================================================================*/
@media screen and (max-width: 767px){
    body{font-size: 12px;}
    a:hover img{ opacity: 1; }
    #wrap{border-top-width:5px ;}
    #header{padding:0;}
    #header .headerContentsWrap .siteId{ width: 100%; display: table; padding: 0;z-index: 100; position: relative;}
    #header .headerContentsWrap .siteId .logo{ display: table-cell; vertical-align: middle; padding-left: 10px; padding-right: 20px; }
    #header .headerContentsWrap .siteId img{max-width: 100%;height: auto; max-height: 30px; width: auto;}
    #header .headerContentsWrap .headerContents{padding: 0;}
    #gnav { position: absolute; top: 0; left: 0; width: 100%; z-index: 90; }
    #gnav .wrapInner { padding-top: 40px; display: none; }
    #gnav .parentList, #gnav .parentList li, #gnav .parentList li a { display: block; border-width: 0; width: 100%; height: auto; }
    #gnav .parentList li { border-bottom-width: 1px; text-align: left; }
    #gnav .parentList li:first-child{ border-top-width: 1px;}
    #gnav .parentList li a { padding: 10px; }

    .spMenuToggle { display: table-cell; vertical-align: middle;  width: 40px; height: 40px; background: url(/shoutan/common/images/btn_menu_sp.png) no-repeat center; -webkit-background-size: 100%; background-size: 100%; cursor: pointer; }
    .spMenuToggle.cur { background: url(/shoutan/common/images/btn_menu_close_sp.png) no-repeat center; -webkit-background-size: 100%; background-size: 100%;  }
    #container .wrapInner{width: 100%; display: block;}
    #container .contents{width: 100%; display: block;}
    #container #side{width: 100%; display: block; padding-left: 0; padding-top: 0;}
    #container #side img{ width: 100%; height: auto; }
    .footerTop{ padding: 20px 20px; }
    .footerBottom{ padding: 5px 20px 0; }
    .footerBottom .copyrightWrap{float: none; text-align: center; margin-bottom: 20px;}
    .footerMenu{ padding-top: 10px; }
    .footerMenu dl dt{float: none; margin-bottom: 10px;}
    .footerLogo{padding-top: 10px; padding-bottom: 10px;}
    .footerLogo img{ width: 100%; height: auto; }
    .section{padding: 20px 0;}
    #mainVisual{height: auto; -webkit-background-size: cover;background-size: cover; }
    #mainVisual .wrapInner .mainBtnWrap{padding-top: 10px; padding-bottom: 10px;}
    #mainVisual .wrapInner .mainBtnWrap .colNum{ }
    #mainVisual .wrapInner .mainBtnWrap .colNum a{padding: 15px;}
    .bnrColWrap ul{margin: 0;}
    .bnrColWrap ul li{float: none; width: auto; margin-right: 0;}
    .bnrColWrap ul li a img{width: 100%; height: auto;}
    .hd02 .guide{display: inline-block; border-left: none; padding-left: 0; margin-left: 0;}


.items-container { overflow: hidden;  }
.sitemap { overflow: hidden }
.sitemap li { width: 100%; float: left;  margin-bottom: 56px; }

.tabWrap ul{display:block;}
.tabWrap li{ display:block; width: 100%;}
.tabWrap a{ display:block; width: 100%;}
.insuranceWrap .supportWrap ul { margin:0;}
.insuranceWrap .supportWrap li { width: 100%; float:none;}
.insuranceWrap .disasterWrap ul {overflow: hidden;margin-bottom: -20px; margin-right: 0;}
.insuranceWrap .disasterWrap li { float: none;width: 100%;margin: 0 0 50px 0; text-align: center;}
.insuranceWrapInner{overflow: hidden; margin-right: 0}
.insuranceWrap.col2Inner { width: 100%; float: none; margin-right: 0; }
.insuranceWrap.col2Inner table { width: 100%;}
.insuranceWrap .button a{padding-left: 40px;padding-right: 40px;}

}