@charset "utf-8";
/*
Theme Name: kaigaihokennet
Template: lightning
*/


/*********************** 
*
*親テーマCSS修正
*
************************/
body {
 font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
 -ms-word-wrap: break-word;
 font-size: 16px;
}

@media screen and (max-width: 767px) { 
 body {font-size: 15px;}
}

@media screen and (max-width: 480px) { 
 body {font-size: 14px;}
}

.entry-body p { 
 line-height: 1.6;
 margin-bottom: 10px;
}

@media screen and (max-width: 767px) { 
 .entry-body p {line-height: 1.5;}
}

@media screen and (max-width: 480px) { 
 .entry-body p {line-height: 1.375;}
}

ul, ol, dl {
 margin:0 0 10px;
 padding: 0 0 0 20px;
}
ul li, ol li{
 line-height: 1.6;
 padding: 4px 0 2px;
 margin: 0;
}
ol ol, ul ul, ol ul, ul ol {
 margin-top: 0;
 margin-bottom: 10px;
}

dl { padding: 0;}

h2 { margin:50px 0 18px;}
h3 { margin:40px 0 16px;}
h4 { margin:30px 0 14px;}
h5 { margin:20px 0 10px; padding:10px 8px 8px;}
h6 { margin:20px 0 10px;}

.breadSection .breadcrumb {
 font-size: 12px;
}

.siteContent {
 padding: 2em 0 3em;
}

label { font-weight: normal;}

blockquote {font-size:100%;}

/* WPキャプション */
.wp-caption {
 margin-top: 0;
 margin-bottom: 0;
}


/*********************** 
*
*サイト用CSS
*
************************/

/*保険会社別CSS
************************/

/* 損保ジャパン #CC0022 */
.sj-fc { color: #CC0022 !important;}
.sj-bgc { background-color: #CC0022 !important;}
.sj-bdc { border-color: #CC0022 !important;}
.sj-table { border-top: 2px solid #CC0022 !important;}

#sjnk h2 {
 background-color: #CC0022;
 padding: 14px 15px 10px;
 border-top: none;
 border-bottom: none;
 color: #FFFFFF;
 text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
 font-weight: bold;
}

#sjnk h3:after { border-bottom:1px solid #CC0022;}
#sjnk h4 { font-weight: bold;}
#sjnk dt { border-left-color: #CC0022 !important;}
#sjnk dl.pointBlock dt { background: #CC0022A !important;}
#sjnk dl.pointBlock dt > span { border-left-color: #CC0022 !important;}


/* 三井住友海上 #00665A */
.ms-fc { color: #00665A !important;}
.ms-bgc { background-color: #00665A !important;}
.ms-bdc { border-color: #00665A !important;}
.ms-table { border-top: 2px solid #00665A !important;}

#msins h2 {
 background-color: #00665A;
 padding: 14px 15px 10px;
 border-top: none;
 border-bottom: none;
 color: #FFFFFF;
 text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
 font-weight: bold;
}

#msins h3:after { border-bottom: 1px solid #00665A;}
#msins h4 { font-weight: bold;}
#msins dt { border-left-color: #00665A !important;}
#msins dl.pointBlock dt { background: #00665A !important;}
#msins dl.pointBlock dt > span { border-left-color: #00665A !important;}


/* ジェイアイ傷害火災 #3A6398 */
.ji-fc { color: #3A6398 !important;}
.ji-bgc { background-color: #3A6398 !important;}
.ji-bdc { border-color: #3A6398 !important;}
.ji-table { border-top: 2px solid #3A6398 !important;}

#jihoken h2 {
 background-color: #3A6398;
 padding: 14px 15px 10px;
 border-top: none;
 border-bottom: none;
 color: #FFFFFF;
 text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
 font-weight: bold;
}

#jihoken h3:after { border-bottom: 1px solid #3A6398;}
#jihoken h4 { font-weight: bold;}
#jihoken dt { border-left-color: #3A6398 !important;}
#jihoken dl.pointBlock dt { background: #3A6398 !important;}
#jihoken dl.pointBlock dt > span { border-left-color: #3A6398 !important;}


/* チャブ保険（エース保険） #99CC00 */
.chubb-fc { color: #99CC00 !important;}
.chubb-bgc { background-color: #99CC00 !important; text-shadow: 1px 2px 0 rgba(0,0,0,0.3);}
.chubb-bdc { border-color: #99CC00 !important;}
.chubb-table { border-top: 2px solid #99CC00 !important;}

#chubbhoken h2 {
 background-color: #99CC00;
 padding: 14px 15px 10px;
 border-top: none;
 border-bottom: none;
 color: #FFFFFF;
 text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
 font-weight: bold;
}

#chubbhoken h3:after { border-bottom: 1px solid #99CC00;}
#chubbhoken h4 { font-weight: bold;}
#chubbhoken dt { border-left-color: #99CC00 !important;}
#chubbhoken dl.pointBlock dt { background: #99CC00 !important;}
#chubbhoken dl.pointBlock dt > span { border-left-color: #99CC00 !important;}


/* AIG損保 #009CE0 */
.aig-fc { color: #009CE0 !important;}
.aig-bgc { background-color: #009CE0 !important; text-shadow: 1px 2px 0 rgba(0,0,0,0.3);}
.aig-bdc { border-color: #009CE0 !important;}
.aig-table { border-top: 2px solid #009CE0 !important;}

#aigsonpo h2 {
 background-color: #009CE0;
 padding: 14px 15px 10px;
 border-top: none;
 border-bottom: none;
 color: #FFFFFF;
 text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
 font-weight: bold;
}

#aigsonpo h3:after { border-bottom: 1px solid #009CE0;}
#aigsonpo h4 { font-weight: bold;}
#aigsonpo dt { border-left-color: #009CE0 !important;}
#aigsonpo dl.pointBlock dt { background: #009CE0 !important;}
#aigsonpo dl.pointBlock dt > span { border-left-color: #009CE0 !important;}


/* AIU保険 #DC0030 */
.aiu-fc { color: #DC0030 !important;}
.aiu-bgc { background-color: #DC0030 !important; text-shadow: 1px 2px 0 rgba(0,0,0,0.3);}
.aiu-bdc { border-color: #DC0030 !important;}
.aiu-table { border-top: 2px solid #DC0030 !important;}

#aiuhoken h2 {
 background-color: #DC0030;
 padding: 14px 15px 10px;
 border-top: none;
 border-bottom: none;
 color: #FFFFFF;
 text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
 font-weight: bold;
}

#aiuhoken h3:after { border-bottom: 1px solid #DC0030;}
#aiuhoken h4 { font-weight: bold;}
#aiuhoken dt { border-left-color: #DC0030 !important;}
#aiuhoken dl.pointBlock dt { background: #DC0030 !important;}
#aiuhoken dl.pointBlock dt > span { border-left-color: #DC0030 !important;}


/* 東京海上日動 #009CE5 */
.tmn-fc { color: #009CE5 !important;}
.tmn-bgc { background-color: #009CE5 !important; text-shadow: 1px 2px 0 rgba(0,0,0,0.3);}
.tmn-bdc { border-color: #009CE5 !important;}
.tmn-table { border-top: 2px solid #009CE5 !important;}

#tokiomarine h2 {
 background-color: #009CE5;
 padding: 14px 15px 10px;
 border-top: none;
 border-bottom: none;
 color: #FFFFFF;
 text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
 font-weight: bold;
}

#tokiomarine h3:after { border-bottom: 1px solid #009CE5;}
#tokiomarine h4 { font-weight: bold;}
#tokiomarine dt { border-left-color: #009CE5 !important;}
#tokiomarine dl.pointBlock dt { background: #009CE5 !important;}
#tokiomarine dl.pointBlock dt > span { border-left-color: #009CE5 !important;}


/* エイチエス損保 #2E895E */
.hs-fc { color: #2E895E !important;}
.hs-bgc { background-color: #2E895E !important; text-shadow: 1px 2px 0 rgba(0,0,0,0.3);}
.hs-bdc { border-color: #2E895E !important;}
.hs-table { border-top: 2px solid #2E895E !important;}

#hssonpo h2 {
 background-color: #2E895E;
 padding: 14px 15px 10px;
 border-top: none;
 border-bottom: none;
 color: #FFFFFF;
 text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
 font-weight: bold;
}

#hssonpo h3:after { border-bottom: 1px solid #2E895E;}
#hssonpo h4 { font-weight: bold;}
#hssonpo dt { border-left-color: #2E895E !important;}
#hssonpo dl.pointBlock dt { background: #2E895E !important;}
#hssonpo dl.pointBlock dt > span { border-left-color: #2E895E !important;}


/* 日新 #355CA1 */
.ns-fc { color: #355CA1 !important;}
.ns-bgc { background-color: #355CA1 !important; text-shadow: 1px 2px 0 rgba(0,0,0,0.3);}
.ns-bdc { border-color: #355CA1 !important;}
.ns-table { border-top: 2px solid #355CA1 !important;}

#nisshin h2 {
 background-color: #355CA1;
 padding: 14px 15px 10px;
 border-top: none;
 border-bottom: none;
 color: #FFFFFF;
 text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
 font-weight: bold;
}

#nisshin h3:after { border-bottom: 1px solid #355CA1;}
#nisshin h4 { font-weight: bold;}
#nisshin dt { border-left-color: #355CA1 !important;}
#nisshin dl.pointBlock dt { background: #355CA1 !important;}
#nisshin dl.pointBlock dt > span { border-left-color: #355CA1 !important;}


/* テキストボックス */
.text_box{
 border-top:1px solid #E4E3DE;
 border-right:1px solid #E4E3DE;
 border-bottom:1px solid #E4E3DE;
 border-left:5px solid #E4E3DE;
 border-radius:4px;
 padding:20px;
 margin:20px auto;
 background-color:#FFF;
 min-height: 200px;
}

#sjnk .text_box {border-left:5px solid #CC0022;}
#msins .text_box {border-left:5px solid #399;}
#jihoken .text_box {border-left:5px solid #3A63982;}
#acehoken .text_box {border-left:5px solid #99CC02;}
#aiuhoken .text_box {border-left:5px solid #DC0030;}
#tokiomarine .text_box {border-left:5px solid #009CE5;}
#hssonpo .text_box {border-left:5px solid #2E895E;}
#nisshin .text_box {border-left:5px solid #355CA1;}


/*
その他CSS
************************/

/* サイドバー会社案内 */
.side-company {
 border-top: 1px #D9D9D9 solid;
 border-bottom: 1px #D9D9D9 solid;
 padding: 10px;
}

/*
.side-company:before {
 content: "";
 display: block;
 height: 1px;
 background: #FFFFFF;
 margin-bottom: 15px;
}

.side-company:after {
 content: "";
 display: block;
 height: 1px;
 background: #D9D9D9;
 margin-top: 15px;
}
*/

/* 検索 */
#kensakuBoxWrap {
 border: 1px solid #ddd;
 padding: 6px;
 margin-bottom: 20px;
}

#kensakuBox {
 margin: 0;
 padding: 6px;
}

.studying-back{
 background: url(https://kaigai-hoken.net/wp-content/uploads/studying_image.jpg) no-repeat left top; 
}
.working-back{
 background: url(https://kaigai-hoken.net/wp-content/uploads/working_image.jpg) no-repeat left top; 
}
.traveling-back{
 background: url(https://kaigai-hoken.net/wp-content/uploads/traveling_image.jpg) no-repeat left top; 
}

#kensakuBox h2{
 margin: 0;
 line-height:1;
 background-color: transparent;
 border-top: none;
 border-right: none;
 border-bottom: none;
 border-left: none;
 font-size: 3em;
 font-style: normal;
 font-weight:900;
 color:#FFFFFF;
 text-shadow: 2px 3px 0 #111;
}	

#kensakuBox p {
 margin-left: 14px;
 font-size: 1.2em;
 color:#FFFFFF;
 font-weight: bold;
 text-shadow: 1px 1px 0 #111;
}

#kensakuBox p span{
 background: linear-gradient(transparent 60%, #ffff66 70%);
}

.compareBox {
 position: relative;
 /*width: 100%;*/
 padding: 10px;
 margin: 4px 6px;
 border: 2px solid #036300;
 moz-border-radius: 5px;
 -ms-border-radius: 5px;
 -o-border-radius: 5px;
 border-radius: 5px;
 background-color: #FBFFFB;
}

.compareBox select{
 background-color: #FFFFBB;
 color: #036300;
 border: 1px solid #036300;
}


.form-horizontal .control-label {
 padding-top: 5px;
}
.compareLabel {
 position: relative;
 background: #048400;
 border: 1px solid #036300;
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
 color:#FFFFFF;
}

.compareLabel:after, .compareLabel:before {
 left: 100%;
 top: 50%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
}

.compareLabel:after {
 border-color: rgba(4, 132, 0, 0);
 border-left-color: #048400;
 border-width: 5px;
 margin-top: -5px;
}
.compareLabel:before {
 border-color: rgba(3, 99, 0, 0);
 border-left-color: #036300;
 border-width: 6px;
 margin-top: -6px;
}


/* ポイントブロック */
dl.pointBlock {
 display: table;
}

dl.pointBlock dt {
 display: table-cell;
 position: relative;
 background: #337ab7;
 border-left: none;
 color: #fff;
 font-weight: bold;
 padding: 0 10px;
 vertical-align: middle;
 white-space: nowrap;
}

dl.pointBlock dd {
 display: inline-block;
 display: table-cell;
 vertical-align: middle;
 border: 1px dotted #ccc;
 border-left: none;
 padding: 10px;
 padding-left: 20px;
 background-color: #fff;
 width: 100%;
}

dl.pointBlock dt > span {
 left: 100%;
 top: 50%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-left-color: #337ab7;
 border-width: 10px;
 margin-top: -10px;
}

dl.pointBlock dd > p {
 margin: 0 0 0;
}


/* FAQブロック */

.fqa dt {
	position: relative;
	margin: 0 0 1em 0;
	padding: 0;
	border-left: none;
}
.faq dd {
	position: relative;
	margin: 0 0 2em 0;
	padding: 0 0 1.5em 2em;
	border-left: none;
	border-bottom: 1px dotted #0097a7;
}







.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: 'Font Awesome 5 Free', sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa dt {
	position: relative;
	margin: 0 0 1em 0;
	padding: 0;
	border-left: none;
}
.cp_qa dd {
	position: relative;
	margin: 0 0 2em 0;
	padding: 0 0 1.5em 2em;
	border-left: none;
	border-bottom: 1px dotted #0097a7;
}
.cp_qa dt::before, .cp_qa dd::before {
	font-size: 1.21em;
	margin: 0 0.5em 0 0;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.2em;
}
.cp_qa dt::before {
  font-weight: 900;
	padding: 0.1em 0.3em;
	content: '\f128';
	background: #f57c00;
}
.cp_qa dd::before {
  font-weight: 900;
	padding: 0.12em 0.45em;
	content: '\f12a';
	background: #0097a7;
}
.cp_qa dt::after, .cp_qa dd::after {
	position: absolute;
	top: 0.5em;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-width: 5px 0 5px 5px;
	border-style: solid;
}
.cp_qa dt::after {
	left: 1.5em;
	border-color: transparent transparent transparent #f57c00;
}
.cp_qa dd::after {
	left: 3.5em;
	border-color: transparent transparent transparent #0097a7;
}


/* 関連リンク */
.related-link {
 position: relative;
}

.related-link a {
 display: block;
 padding: 10px 16px 10px 84px;
 border: 1px solid #aaa;
 background: #FFF;
 box-shadow: 1px 1px 1px rgba(0,0,0,.4);
 border-radius: 2px;
}

.related-link:before {
 position: absolute;
 top: 16px;
 left: 10px;
 width: 70px;
 content: "関連記事";
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 background-color: #FF7B0D;
 text-align: center;
 line-height: 24px;
 border-radius: 4px;
}

/*************************************************************
お問合せ
*************************************************************/

.toiawase {
 text-align: center;
 margin: 30px 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0){
input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
 line-height: inherit;}
}

form .w-auto {
 width: auto;
}

form .d-inline{ 
 display: inline;
}


/* Contact Form 7 修正 */
#content form span.wpcf7-form-control-wrap .wpcf7-list-item {
 display:block;
 float:none;
}

.wpcf7 span.wpcf7-not-valid-tip {
 font-size: 80%;
}
 
.wpcf7-list-item {
 margin-right: 5px;
}

/*************************************************************
ボタン
*************************************************************/

.btn-wrap {
 min-height: 20px;
 padding: 15px 20px;
 margin-top: 20px;
 margin-bottom: 20px;
 background-color: #f5f5f5;
 border: 1px solid #e3e3e3;
 border-radius: 4px;
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 text-align: center;
 /* clearfix */
 zoom:1;
 content: "";
 display: block;
 clear: both;
}

.btn-ins {
 font-size: 138.5%;
 font-weight: bold;
 color: #FFF;
 padding: 10px 18px;
 border-radius: 3px;
 text-align: center;
 text-decoration: none;
 text-shadow: 0 1px 1px #4f2f10;
 white-space: normal;
}

.btn-ins:hover {
 color: #FFFFFF;
 text-shadow:none;
}

.btn-orange {
 background-color: #FF6C00;
 border: #ff9900 solid 1px;
 box-shadow: 0 2px 2px #996633, inset 1px 1px rgba(255,255,255,.6);
 -webkit-box-shadow: 0 2px 2px #996633, inset 1px 1px rgba(255,255,255,.6);
 background-image: linear-gradient(to bottom, #ffc146, #ff9900);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc146), to(#ff9900));
}

.btn-green {
 background-color: #7DD336;
 border: #63a62f solid 1px;
 box-shadow: 0 2px 2px #3F6A1E, inset 1px 1px rgba(255,255,255,.6);
 -webkit-box-shadow: 0 2px 2px #3F6A1E, inset 1px 1px rgba(255,255,255,.6);
 background-image: linear-gradient(to bottom, #7fbf4d, #579429);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7fbf4d), to(#579429));
}


/*
ボタン横並び
************************/
@media screen and (max-width: 767px){
.btn-parallel {
 margin-bottom: 20px;
}
}

/*************************************************************
定義リスト
*************************************************************/


/*************************************************************
比較タブ
*************************************************************/

.nav {
 margin-bottom: 15px;
}
.nav-tabs li.active{
 font-weight: bold;
}


@media screen and (max-width: 480px){
.nav-tabs li{
 font-size: 70%;
}
.nav-tabs li.active{
 font-size: 90%;
}
}

/*************************************************************
テーブル
*************************************************************/

/* table */
table {
 position: relative;
 margin-bottom: 4px !important;
 border-collapse: collapse;
 border-spacing: 0;
 border-radius: 0;
 font-size: 87.5%;
}
table thead th, table thead td {
 font-weight:bold;
 background-color: #DDD;
}
table th, table td {
 font-size: 100%;
 font-weight: normal;
 padding: 6px 8px;
 border: 1px solid #CCC;
 vertical-align: top;
 text-align: left;
}
table th {
 background-color: #EEE;
}

@media (max-width: 480px) {
table td, table th {
 padding: 2px 4px;
 font-size: 12px;
}
}

/* table al-c */
table.al-c th, 
table.al-c td, 
tr.al-c th,
tr.al-c td,
th.al-c, 
td.al-c{
 text-align: center;
}

/* table val-m */
table.val-m th, 
table.val-m td, 
tr.val-m th,
tr.val-m td,
td.val-m, 
th.val-m {
 vertical-align: middle;
}

/* table width */
td.w20, th.w20 {width: 20%;}
td.w25, th.w25 {width: 25%;}
td.w33, th.w33 {width: 33%;}
td.w50, th.w50 {width: 50%;}

caption {
 margin: 10px 0 2px;
 padding: 0;
 text-align: left;
 font-size: 100%;
 font-weight: normal;
 color: #333;
}

/* table.list */
table.list {
 width:auto;
}
table.list td,
table.list th{
 border: 1px solid #CCCCCC;
}
table.list th{
 background-color: #EEEEEE;
 white-space: nowrap;
}


/* table.t-style01 */
table.t-style01 {
 border-radius: 0;
 width: auto;
 border-spacing: 0;
}

table.t-style01 th {
 background: #298CC3;
 border: 1px solid #CCCCCC;
 text-shadow:0 -1px 0 rgba(34,85,136,0.9);
 box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
 color: #FFFFFF;
}

table.t-style01 td {
 border: 1px solid #CCCCCC;
}
table.t-style01 tr:nth-child(2n+1) td {
 background: #F7F7F7;
}
table.t-style01 tr:hover td {
 background: #EBF6F7;
}


/* table.comp-chart */

@media screen and (max-width: 767px){
table.comp-chart {
 font-size: 12px;
}
/*.table-responsive > .table > tbody > tr > td{
 white-space: normal;
}*/
}

table.comp-chart .price{
 font-size: 120%;
 font-weight: bold;
}

table.comp-chart tr th{ width: 25%;}
table.comp-chart tr td.cell2{ width: 37.5%;}
table.comp-chart tr td.cell3{ width: 25%;}
table.comp-chart tr td.cell4{ width: 18.75%;}
table.comp-chart tr td.cell5{ width: 15%;}
table.comp-chart tr td.cell6{ width: 12.5%;}
table.comp-chart tr td.cell7{ width: 10.72%;}
table.comp-chart tr td.cell8{ width: 9.375%;}

table.comp-chart td,
table.comp-chart th{
 border: 1px solid #CCCCCC;
}

table.comp-chart td.bdr-dot {
 border-right: 1px dotted;
}
table.comp-chart td.bdl-dot {
 border-left: none;
}

table.comp-chart tr td{
 text-align: center;
 vertical-align: middle;
 font-size: 13px;
}

table.comp-chart tr:hover{
 background: #fbf8e9;
 -o-transition: all 0.1s ease-in-out;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

table.plan1 {
 border-top: 4px solid #259E00;
}
table.plan1 th{
 background-color: #F5FEF2;
}
.txt-plan1 {color: #259E00 !important;}

table.plan2 {
 border-top: 4px solid #007AB7;
}
table.plan2 th {
 background-color: #E5F1FF;
}
.txt-plan2 {color: #007AB7 !important;}

table.plan3 {
 border-top: 4px solid #744199;
}
table.plan3 th {
 background-color: #F4EFF8;
}
.txt-plan3 {color: #744199 !important;}


table.comp-chart tr.ins-fee th,
table.comp-chart tr.ins-fee td,
table.comp-chart tr.ins-applli th,
table.comp-chart tr.ins-applli td {
 border-bottom: 2px solid #aaaaaa;
 font-weight: bold;
 vertical-align: middle;
}

table.comp-chart tr.ins-fee th,
table.comp-chart tr.ins-applli th {
 color: #FFFFFF;
 text-align: center;
}

table.comp-chart tr.ins-fee th {
 background-color:#F26060;
}
 
table.comp-chart tr.ins-fee td {
 background-color: #FFF2F2;
 color: #F26060;
 font-size: 16px;
}

table.comp-chart tr.ins-applli th {
 background-color:#F9681E;
}
 
table.comp-chart tr.ins-applli td {
 background-color: #FFF8F4;
 color: #F9681E;
}

table.comp-chart tr.ins-other td {
 font-size: 60%;
 text-align: left;
 vertical-align: top;
}


table.comp-chart tr.ins-head th,
table.comp-chart tr.ins-head td {
 font-weight: bold;
 vertical-align: middle;
}

table.comp-chart tr.ins-head th {
 text-align: center;
 background-color: #ccc;
}
 
table.comp-chart tr.ins-head td {
 background-color: #eee;
}

table.comp-chart tr.ins-title th,
table.comp-chart tr.ins-title td, {
 border-bottom: 2px solid #aaaaaa;
 font-weight: bold;
 vertical-align: middle;
}

table.comp-chart tr.ins-title th {
 text-align: center;
 background-color: #007AB7;
 color: #FFFFFF;
}
 
table.comp-chart tr.ins-title td {
 background-color: #E5F1FF;
 font-size: 16px;
 color: #007AB7;
}


/*********************** 
*
*レイアウトスタイル
*
************************/

/*GoogleMapレスポンシブ
************************/
.google-maps {
 position: relative;
 padding-bottom: 75%;
 height: 0;
 overflow: hidden
}
.google-maps iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%!important;
 height: 100%!important
}

/*YouTubeレスポンシブ
************************/
.youtube-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden
}
.youtube-container embed, .youtube-container iframe, .youtube-container object {
 position: absolute;
 top: 0;
 left: 0;
 max-width: 560px;
 width: 100%;
 height: 100%
}

/*アドセンスCSS
************************/
.rwdAD {width:336px;height:280px;}

@media screen and (max-width:360px) {
.rwdAD {width:300px;height:250px;}
}

.halfwayAD,.splastAD{width:336px;margin:20px 0 30px padding:0;}

@media screen and (max-width:420px) {
.halfwayAD,.splastAD{margin:20px auto 30px;}
}

@media screen and (max-width:360px) {
.halfwayAD,.splastAD{width:300px;}
}

.sponcerLink300{width:300px;margin:20px 0 30px;padding:0;}
.sponcerLink336{width:336px;margin:20px 0 30px;padding:0;}

@media screen and (max-width:420px) {
.sponcerLink300,.sponcerLink336{margin:20px auto 30px;}
}


@media screen and (max-width:320px){
.sponcerLink320{ margin-left: -10px;}
}

@media screen and (min-width:321px){
.sponcerLink320{ width:320px; margin: 0 auto;}
}

.sponcerTxt{
 font-size: 80%;
 color: #999999;
 text-align:center;
}

.adBlock{ width: 620px; margin: 30px 0;}
.adLeft{ float: left; margin-right:15px;}
.adRight{ float: left;}

@media screen and (max-width:620px){
.adBlock{ width: 300px; margin:20px auto 30px;}
.adLeft{ clear:both; margin-bottom: 15px;}
.adRight{ clear:both;}
}


/*********************** 
*
*パーツスタイル
*
************************/

/*バッジ
************************/
.badge {
 display: inline-block;
 min-width: 10px;
 padding: 3px 7px;
 font-size: 12px;
 font-weight: 700;
 line-height: 1;
 color: #fff;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 background-color: #777;
 border-radius: 10px;
}

/*パネル
************************/
.panel{
 margin-bottom: 20px;
 background-color: #fff;
 border: 1px solid transparent;
 border-radius: 4px;
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
 box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-heading {
 padding: 8px 10px;
 border-bottom: 1px solid transparent;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
}
.panel-body { padding: 8px 10px;}

.panel-default{ border-color: #ddd;}
.panel-default>.panel-heading {
 color: #333;
 background-color: #f5f5f5;
 border-color: #ddd;
}

.panel-black { border-color: #333;}
.panel-black>.panel-heading { 
 color: #fff;
 background-color: #333;
 border-color: #333;
}

.panel-red { border-color: #D80000;}
.panel-red>.panel-heading { 
 color: #fff;
 background-color: #D80000;
 border-color: #D80000;
}

.panel-blue { border-color: #007AB7;}
.panel-blue>.panel-heading { 
 color: #fff;
 background-color: #007AB7;
 border-color: #007AB7;
}

.panel-green { border-color: #009250;}
.panel-green>.panel-heading { 
 color: #fff;
 background-color: #009250;
 border-color: #009250;
}

.panel-yellow { border-color: #F8D800;}
.panel-yellow>.panel-heading { 
 color: #fff;
 background-color: #F8D800;
 border-color: #F8D800;
}

.panel-pink { border-color: #F25499;}
.panel-pink>.panel-heading { 
 color: #fff;
 background-color: #F25499;
 border-color: #F25499;
}

.panel-orange { border-color: #FF7B0D;}
.panel-orange>.panel-heading { 
 color: #fff;
 background-color: #FF7B0D;
 border-color: #FF7B0D;
}


/*ボックス
************************/

/* デフォルトボックス */
.box,[class^="box-"],[class*=" box-"]{
 position:relative;
 margin:10px auto 20px !important;
 padding:8px 10px !important;
 border:1px solid #aaa;
 width:100%;
 line-height:1.6;
 background:#FFFFFF;
 color:#333 !important;
}

.box:after,[class^="box-"]:after,[class*=" box-"]:after{
 content:"";
 display:block;
 clear:both;
}

.box-c,[class^="box-c-"],[class*=" box-c-"]{
 -webkit-border-radius:3px;
    -moz-border-radius:3px;
     -ms-border-radius:3px;
      -o-border-radius:3px;
         border-radius:3px;
}
 
.box-gray,.box-c-gray { background-color:#F9F9F9;}
.box-red,.box-c-red { background-color:#FFF2F2; border:1px solid #D80000;}
.box-blue,.box-c-blue { background-color:#F2F7FF; border:1px solid #007AB7;}
.box-green,.box-c-green { background-color:#F5FEF2; border:1px solid #009250;}
.box-yellow,.box-c-yellow { background-color:#FEFEE2; border:1px solid #F8D800;}
.box-pink,.box-c-pink { background-color:#FFF5F9; border:1px solid #F25499;}
.box-orange,.box-c-orange { background-color:#FFEEE1; border:1px solid #FF7B0D;}

/* ドットボックス */
.box-dot {
 border: 2px dotted #3094DD;
}

/* ポイントボックス */
.box-point {
 margin:10px auto 20px;
 padding:30px 10px 8px !important;
 border: 2px solid #FFC107;
}

.box-point .point-title {
 position: absolute;
 display: inline-block;
 top: -2px;
 left: -2px;
 padding: 0 10px;
 height: 28px;
 line-height: 28px;
 vertical-align: middle;
 font-size: 16px;
 background: #FFC107;
 color: #ffffff;
 font-weight: bold;
}

/* 注釈ボックス */
.note {
 text-align: center;
 width: 95%;
 margin:10px auto 20px;
 padding: 0;
 clear: both;
}
.note p{
 margin-bottom:0;
}
.noteclassic, .notememo, .noteimportant, .notewarning, .notetip, .notehelp{
 padding: 12px 16px 12px 50px;
 margin: 0;
    /*IE min-height hack*/
    min-height:40px;
    height:auto !important;
    height:40px;
    overflow:visible;
 	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #ccc;
    /*Set the position of the background image*/
 background-position: 12px 12px;
 background-repeat: no-repeat;
 text-align: justify;
}
.noteclassic, .notememo, .noteimportant, .notewarning, .notetip, .notehelp{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}

.noteclassic:before, .notememo:before, .noteimportant:before, .notewarning:before, .notetip:before, .notehelp:before{
 position: absolute;
 top: 12px;
 left: 12px;
 width: 1.5em;
 height: 1.5em;
 text-align: center;
 border-radius: 50%;
 background: #ffb36b;
 color: #FFF;
 font-family: fontAwesome;
}

.noteclassic { background: #FFEEE1;}
.noteclassic:before { background: #FF7B0D; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f15b";}

.notememo { background: #F9F9F9;}
.notememo:before { background: #666; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f303";}

.noteimportant { background: #FEFEE2;}
.noteimportant:before { background: #F8D800; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f075";}

.notewarning { background:#FFF2F2;}
.notewarning:before { background: #D80000; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f12a";}

.notetip { background: #F5FEF2;}
.notetip:before { background: #009250; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f129";}

.notehelp { background: #FFF5F9;}
.notehelp:before { background: #F25499; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f128";}


/*ラベル
************************/
.label,[class^="label-"],[class*=" label-"]{
 display: inline-block;
 padding: 3px 6px;
 margin:0 3px 0 0;
 font-size: 80%;
 font-weight: bold;
 line-height: 1 !important;
 color: #FFF;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 white-space: nowrap;
 vertical-align: middle;
 background-color: #333;
 -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
         border-radius: 3px;
}

.label-gray  {background-color:#666666;}
.label-red   {background-color:#D80000;}
.label-blue  {background-color:#007AB7;}
.label-green {background-color:#009250;}
.label-yellow{background-color:#F8D800;}
.label-pink  {background-color:#F25499;}
.label-orange{background-color:#FF7B0D;}


/*********************** 
*
*commonスタイル
*
************************/

/*clearfix
************************/
.clearfix {zoom:1;}
.clearfix:after {content: ""; display: block; clear: both;}

/*画像
************************/
.img{width:auto;max-width:100%;height:auto;vertical-align:middle;box-sizing:border-box;margin:0;}

a img.linkimg{
 -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
     -ms-transition: all .4s ease;
      -o-transition: all .4s ease;
         transition: all .4s ease;
}

a:hover img.linkimg{
	-webkit-filter: brightness(65%);
	   -moz-filter: brightness(65%);
    	-ms-filter: brightness(65%);
	     -o-filter: brightness(65%);
         filter: brightness(65%);
}

/* 画像装飾 */
.img-polaroid{
 display: inline-block;
 max-width: 100%;
 height: auto;
 padding: 4px;
 background-color: #fff;
 border: 1px solid #ccc;
 border: 1px solid rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.img-rounded {
 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
         border-radius: 4px;
}

.img-circle {
 -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
         border-radius: 500px;
}

/*角丸
************************/
.round{
 border-radius:3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 position:relative;
}

/*テキスト
************************/
.b{font-weight: bold;}
.u{text-decoration:underline;}
.s{text-decoration:line-through;}

.txt-shadow {text-shadow: 1px 1px 1px #555;}  

.txt-marker {
 font-weight: bold;
 padding: 0.1em;
 background: -webkit-linear-gradient(transparent 0, transparent 60%, rgba(255,0,0,0.21) 60%, rgba(255,144,144,0.13) 100%);
 background: linear-gradient(transparent 0, transparent 60%, rgba(255,0,0,0.21) 60%, rgba(255,144,144,0.13) 100%);
}

.txt-marker-y{
 font-weight: bold;
 padding: 0.1em;
 background: -webkit-linear-gradient(transparent 40%, #FFFF99 40%);
 background: linear-gradient(transparent 40%, #FFFF99 40%);
}

/*フォントサイズ
************************/
.text50{font-size:50% !important;}
.text60{font-size:60% !important;}
.text70{font-size:70% !important;}
.text80{font-size:80% !important;}
.text90{font-size:90% !important;}
.text100{font-size:100% !important;}
.text120{font-size:120% !important;}
.text150{font-size:150% !important;}
.text200{font-size:200% !important;}

/*フォントカラー
************************/
.black {color:#000000 !important;}
.white {color:#FFFFFF !important;}
.gray  {color:#666666 !important;}
.red   {color:#D80000 !important;}
.blue  {color:#007AB7 !important;}
.green {color:#009250 !important;}
.yellow{color:#F8D800 !important;}
.pink  {color:#F25499 !important;}
.orange{color:#FF7B0D !important;}

/*バックグラウンドカラー
************************/
.bg-black {background-color:#333333 !important;}
.bg-white {background-color:#FFFFFF !important;}
.bg-gray  {background-color:#F9F9F9 !important;}
.bg-red   {background-color:#FFF2F2 !important;}
.bg-blue  {background-color:#F2F7FF !important;}
.bg-green {background-color:#F5FEF2 !important;}
.bg-yellow{background-color:#FEFEE2 !important;}
.bg-pink  {background-color:#FFF5F9 !important;}
.bg-orange{background-color:#FFEEE1 !important;}

/*ボーダー
************************/
.dot{border:2px dotted;}
.solid{border:1px solid;}
.dot-b{border-bottom:2px dotted;}
.solid-b{borde-bottom:1px solid;}
.dot-t{border-top:2px dotted;}
.solid-t{border-top:1px solid;}

/*ボーダーカラー
************************/
.b-white {color:#FFFFFF !important;}
.b-gray  {color:#666666 !important;}
.b-red   {color:#D80000 !important;}
.b-blue  {color:#007AB7 !important;}
.b-green {color:#009250 !important;}
.b-yellow{color:#F8D800 !important;}
.b-pink  {color:#F25499 !important;}
.b-orange{color:#FF7B0D !important;}

/*align 配置の設定
************************/
.al-c{text-align:center !important;}	/* 中央寄せ */
.al-r{text-align:right !important;}	/* 右寄せ */
.al-l{text-align:left !important;}		/* 左寄せ */

/*フロート
************************/
@media screen and (min-width: 481px){
.fl-r{float:right; margin:5px;}	/* 右に回り込み */
.fl-l{float:left; margin:5px;}	/* 左に回り込み */
.fl-c{clear:both;}			/* 回り込みの解除 */

img.fl-l,img.alignleft,.wp-caption.alignleft{
 margin:0 10px 10px 0;
}
img.fl-r,img.alignright,.wp-caption.alignright{
 margin:0 0 10px 10px;
}
div.fl-l{margin:0 10px 10px 0;}
div.fl-r{margin:0 0 10px 10px;}
}

@media screen and (max-width: 480px){
.fl-r,.fl-l,
img.fl-l,img.alignleft,.wp-caption.alignleft,
img.fl-r,img.alignright,.wp-caption.alignright,
div.fl-l,div.fl-r
{clear: both !important;margin:0 !important;}
}

/*マージン
************************/
.m0{margin:0 !important;}
.mt0{margin-top:0 !important;}
.mr0{margin-right:0 !important;}
.mb0{margin-bottom:0 !important;}
.ml0{margin-left:0 !important;}

.m5{margin:5px !important;}
.mt5{margin-top:5px !important;}
.mr5{margin-right:5px !important;}
.mb5{margin-bottom:5px !important;}
.ml5{margin-left:5px !important;}

.m10{margin:10px !important;}
.mt10{margin-top:10px !important;}
.mr10{margin-right:10px !important;}
.mb10{margin-bottom:10px !important;}
.ml10{margin-left:10px !important;}

.m15{margin:15px !important;}
.mt15{margin-top:15px !important;}
.mr15{margin-right:15px !important;}
.mb15{margin-bottom:15px !important;}
.ml15{margin-left:15px !important;}

.m20{margin:20px !important;}
.mt20{margin-top:20px !important;}
.mr20{margin-right:20px !important;}
.mb20{margin-bottom:20px !important;}
.ml20{margin-left:20px !important;}

.m30{margin:30px !important;}
.mt30{margin-top:30px !important;}
.mr30{margin-right:30px !important;}
.mb30{margin-bottom:30px !important;}
.ml30{margin-left:30px !important;}

.m40{margin:40px !important;}
.mt40{margin-top:40px !important;}
.mr40{margin-right:40px !important;}
.mb40{margin-bottom:40px !important;}
.ml40{margin-left:40px !important;}

.m50{margin:50px !important;}
.mt50{margin-top:50px !important;}
.mr50{margin-right:50px !important;}
.mb50{margin-bottom:50px !important;}
.ml50{margin-left:50px !important;}

.m60{margin:60px !important;}
.mt60{margin-top:60px !important;}
.mr60{margin-right:60px !important;}
.mb60{margin-bottom:60px !important;}
.ml60{margin-left:60p !important;}

.m70{margin:70px !important;}
.mt70{margin-top:70px !important;}
.mr70{margin-right:70px !important;}
.mb70{margin-bottom:70px !important;}
.ml70{margin-left:70px !important;}

.m80{margin:80px !important;}
.mt80{margin-top:80px !important;}
.mr80{margin-right:80px !important;}
.mb80{margin-bottom:80px !important;}
.ml80{margin-left:80px !important;}

.m1{margin:1em !important;}
.mt1{margin-top:1em !important;}
.mr1{margin-right:1em !important;}
.mb1{margin-bottom:1em !important;}
.ml1{margin-left:1em !important;}


/*パディング
************************/
.p0{padding:0 !important;}
.pt0{padding-top:0 !important;}	
.pr0{padding-right:0 !important;}
.pb0{padding-bottom:0 !important;}
.pl0{padding-left:0 !important;}

.p5{padding:5px !important;}
.pt5{padding-top:5px !important;}
.pr5{padding-right:5px !important;}
.pb5{padding-bottom:5px !important;}
.pl5{padding-left:5px !important;}

.p10{padding:10px !important;}
.pt10{padding-top:10px !important;}
.pr10{padding-right:10px !important;}
.pb10{padding-bottom:10px !important;}
.pl10{padding-left:10px !important;}

.p20{padding:20px !important;}
.pt20{padding-top:20px !important;}
.pr20{padding-right:20px !important;}
.pb20{padding-bottom:20px !important;}
.pl20{padding-left:20px !important;}

.p30{padding:30px !important;}
.pt30{padding-top:30px !important;}
.pr30{padding-right:30px !important;}
.pb30{padding-bottom:30px !important;}
.pl30{padding-left:30px !important;}

.p1{padding:1em !important;}
.pt1{padding-top:1em !important;}
.pr1{padding-right:1em !important;}
.pb1{padding-bottom:1em !important;}
.pl1{padding-left:1em !important;}