@charset "utf-8";
/* 
181031 全体フォントサイズ調整(基本指定なし Ssize:10px Msize:18px Lsize:25px)
*/


/* サイト全体の共通部分から
--------------------------------------------------- */
/*保険を学ぶ 基本*//*保険を学ぶ 比べる*/
.point_wrapper .table_format2{margin-bottom: 20px;}
.point_wrapper .table_format2 td:first-child{background-color: #fffadd;border-top: 1px solid #DBD3C5;border-bottom: 1px solid #DBD3C5;}
.point_wrapper .table_format2 tr:first-child td:first-child{border-top: none;}
.point_wrapper h3{font-weight: bold;}
.point_wrapper .leaf_title{padding: 15px 20px;background-color: #DFF1BD;margin-left: -20px;margin-right: -20px;margin-bottom: 15px;border-left: 5px solid #71b244;position: relative;}
.point_wrapper .leaf_title::before{content: "";position: absolute;left: 0;top: 0;box-sizing: border-box;border: 28px solid ransparent;border-left: 10px solid #7a0;}
.point_wrapper .leaf_title h3{background: url(../../images/title_leaf.png) left center no-repeat;background-size: contain;padding-left: 40px; font-size: 16px;}


.qa_wrapper .qalist dt,
.qa_wrapper .qalist dd{padding: 10px 50px;border-top: 1px solid #ccc;position: relative;}
.qa_wrapper .qalist dd{display: none;}
.qa_wrapper .qalist dt::before{content: "Q.";position: absolute;left: 20px;top:10px;color: #6BAF3F;font-weight: bold;}
.qa_wrapper .qalist dd::before{content: "A.";position: absolute;left: 20px;top: 10px;color: #FEB10A;font-weight: bold;}
.qa_wrapper .qalist dt span::before{content: "";display: block;background-color: #6BAF3F;position: absolute;top: 50%;width: 2px;height: 12px;right: 25px;margin-top: -6px;}
.qa_wrapper .qalist dt span::after{content: "";display: block;background-color: #6BAF3F;position: absolute;top: 50%;width: 12px;height: 2px;right: 20px;margin-top: -1px;}
.qa_wrapper .qalist dt.open{background-color: #f0f0f0;}
.qa_wrapper .qalist dt.open span::before{background-color: transparent;}
.qa_wrapper .qalist{border-bottom: 1px solid #ccc;}


.mt0 {margin-top: initial !important;margin-top: auto !important;}
.mb0 {margin-bottom: initial !important;margin-bottom: auto !important;}
.pt0 {padding-top: initial !important;padding-top: auto !important;}
.pb0 {padding-bottom: initial !important;padding-bottom: auto !important;}
.bold{font-weight:bold !important;}
.point_wrapper{}
.ac{text-align: center !important;}
.al{text-align: left !important;}
.ar{text-align: right !important;}

/* 本文 */
#point_txtbox{line-height: 1.5;}
#point_txtbox .point_section{margin-bottom: 60px;}
#point_txtbox .point_section p{margin-bottom: 20px;overflow: hidden;}
#point_txtbox .point_section h4{background:#fffadd;padding: 10px 20px;margin-left: -20px;margin-right: -20px;margin-bottom: 15px;}

/* 保険を学ぶ【 基礎】のみ
--------------------------------------------------- */
/* nav */
#point_nav{padding:0 0 4%;}
#point_nav ul{width:100%;overflow: hidden;}
#point_nav li:nth-child(n + 2){margin-left:2%;}
#point_nav li { width: 31.4%; height: 15vmin;display:table;float: left;position:relative;text-align: center; background: #e4f5e2; border: solid 1px #72b244; border-radius: 6px; }
#point_nav li a{display: table-cell; vertical-align: middle; color: #4a4a4a; font-weight: bold; padding: 0 2vmin 0 4vmin;}
#point_nav li::before{content: ""; position: absolute; top: 6vmin; left: 1.5vmin; box-sizing: border-box; width: 2vmin; height: 1.5vmin; border: 1.5vmin solid transparent; border-left: 1.5vmin solid #72b244;}
#point_nav li.select{float:left;background:#72b244;}
#point_nav li.select a{color:#fff;}
#point_nav li.select::before{border-left: 1.5vmin solid #fff;}

/* ボタン、問い合わせ */
#point_commonbox{line-height: 1.5;}
#point_commonbox .point_btnbox{background: #ffa956;margin-right: -6%;margin-left: -6%;padding: 6% 6% 3%;margin-bottom: 6%;color: #fff;}
#point_commonbox .inner{color: #000;background: #fff;text-align: center;padding:6%;margin-bottom:20px; border-radius: 4%;}
#point_commonbox .inner h4{color: #fc451b;font-weight:bold;font-size: 18px;}
#point_commonbox .inner p{margin-bottom:0% !important;padding:3% 0;text-align: left;}
#point_commonbox p{margin-bottom:20px;}
#point_commonbox ul{margin-bottom:20px;}
#point_commonbox li{margin-bottom:10px;padding-left: 1em !important;text-indent: -1em !important;}


/* 保険の選び方 */
#point_txtbox .point_section.index02{text-align: center;border-radius: 3%;padding: 2% 7%;margin-bottom: 70px;}
#point_txtbox .point_section.index02 img{margin-top: -15vmin;}
#point_txtbox .point_section.index02 p{text-align: left;}
#point_txtbox .point_section.index02 .bold{padding:10px 0 0;margin-bottom:0;font-size: 16px; text-align: center;}
.pink{background:#feeef1;}
.ora{background:#fff0d9;}
.ora p span{display: block;padding-left: 1em !important;text-indent: -1em !important;}

/* 保険の見直し */
#point_txtbox .index03 {margin-bottom:10px;}
#point_txtbox .index03 .inner{background: #fff0d9;border-radius: 10px;padding:6%;}
#point_txtbox .index03 .inner p{margin-bottom:0px;}
#point_txtbox .index03 .step{margin-bottom: -7.8vmin;}
#point_txtbox .index03 ul{margin-bottom:3%;}
#point_txtbox .index03 ul li{display:inline-block;vertical-align: middle;}
#point_txtbox .index03 ul li:first-child{width:60%;color: #ff7c00;line-height: 1.3;font-weight: bold;font-size: 5.5vmin;}
#point_txtbox .index03 ul li:last-child{width:30%;}
#point_txtbox .san{display: block;width: 30%;margin: 0 auto 20px;}
.point_wrapper .orebtn{padding:0 !important;text-align: center !important;border: 2px solid #fc3217;border-radius: 8px;
background: #fd8235; /* Old browsers */
background: -moz-linear-gradient(top, #fd8235 41%, #fd3615 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fd8235 41%,#fd3615 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fd8235 41%,#fd3615 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8235', endColorstr='#fd3615',GradientType=0 ); /* IE6-9 */
}
.point_wrapper .orebtn a{color: #fff;font-weight: bold;line-height: 1;display: block;padding: 5% 0;font-size: 18px;}
.point_wrapper .orebtn a span{display:block;}
.point_wrapper .telbtn{padding: 0 !important;text-align: center !important;border: 2px solid #f96e8d;border-radius: 8px;margin: 3% 3% 0;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 41%, #e8e8e8 99%);
background: -webkit-linear-gradient(top, #ffffff 41%,#e8e8e8 99%);
background: linear-gradient(to bottom, #ffffff 41%,#e8e8e8 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
}
.point_wrapper .telbtn span{display:block;font-weight: bold;}
.point_wrapper .telbtn .ttl{background: #f96e8d; color: #fff;  padding: 1% 0;}
.point_wrapper .telbtn .telbox{padding:2% 2% 3%;}
.point_wrapper .telbtn .txt{}
.point_wrapper .telbtn .num{ color: #f96e8d; letter-spacing: -0.1vmin; font-weight: bold;line-height: 0vmin;font-size:25px;}
.point_wrapper .telbtn .num img{vertical-align: -2vmin;}
.point_wrapper .telbtn .pink {font-weight: bold;background: none;  color: #f96e8d;}


/* 保険を学ぶ【比べる】のみ
--------------------------------------------------- */
.compare01ttl {padding: 3% 0; display: block; font-weight: bold;}

.point_wrapper .comparelist_green{background: #eef8dd; margin-right: -20px; margin-left: -20px; padding: 5%; margin-bottom: 60px;}
.point_wrapper .comparelist_green h3{color: #1daa39;text-align: center;margin-bottom: 3%;}
.point_wrapper .comparelist_green_inner{background: #fff;border-radius: 8px;}
.point_wrapper .comparelist_green ul{padding:7% 0;}
.point_wrapper .comparelist_green li{}
.point_wrapper .comparelist_green li:nth-child(-n + 3){text-align: center;font-weight:bold ;}
.point_wrapper .comparelist_green li:nth-child(n + 4){text-align: left;}
.point_wrapper .comparelist_green_num{color: #cf0906;font-weight:bold }
.point_wrapper .comparelist_green li:nth-child(3){background: #1daa39;color: #fff;padding: 1% 0;border-radius: 50px;margin: 0 4% 4%;letter-spacing: 0.2em;font-weight: normal;}
.point_wrapper .comparelist_green_kome{vertical-align: top;}
.point_wrapper .comparelist_green_right{overflow: hidden;margin: 1% 4%;border-bottom: 1px solid #ddd;}
.point_wrapper .comparelist_green_right span{float:right;}
.point_wrapper .comparelist_green_right span span{float:none;font-weight:bold;}
.point_wrapper .comparelist_green_note li{font-weight: normal !important;text-align: left !important;padding-left: 1em !important;text-indent: -1em !important;}

/* 【比べる】アコーディオン共通 */
.accordion6 {text-align: center; position: relative;}
.accordion6 .inner {display: none;margin-top: -50px;background:#fff;}
.accordion6 p{cursor: pointer; padding: 10px;}
.accordion6 p.ac1 { background: #72b244; color: #fff; border-radius: 7px; margin-bottom: 0 !important; }
.accordion6 li{position:relative;}
.accordion6 .inner li{padding: 10px 0; position: relative;}
.accordion6 .inner li.content1-1{text-align: left;}
.accordion6 li.plus p.ac1::before{content: "＋"; font-weight: bold; color: #fff; position: absolute; top: 11px; right: 25px;}/* ＋ */
/* AさんBさんCさん */
.accordion6.accordionwide { margin: 0 -20px !important; }
.accordion6.accordionwide .inner {padding-top:50px;}
.accordion6.accordionwide li p{padding:0 !important;border-radius:0px;background:#fff;position: relative;}
.accordion6.accordionwide li.plus p.ac1::before{content: "●"; color: #fff; position: absolute; top: 33px; right: 8px; font-size: 25px;}/* ● */
.accordion6.accordionwide li.plus p.ac1::after{content: "＋"; font-weight: bold; color: #4e4e4e; position: absolute; top: 42px; right: 14px;}/* ＋ */
.accordion6.accordionwide li.plus.minus p.ac1::after{content: "－"; font-weight: bold; color: #4e4e4e; position: absolute; top: 42px; right: 14px;}/* － */
.accordion6.accordionwide .inner p{padding: 0 6% !important;}
/* Aさん *//* Bさん */
.accordion6.accordionwide .Asan_ttl{ text-align: center; font-weight: bold; color: #d00b03; margin-bottom: 3% !important;font-size:18px;}
.deepred{color: #d00b03; font-weight: bold;}
.deepblue{color: #0039db; font-weight: bold;}
.paleblue{color: #2ba9f6; font-weight: bold;}
/* Cさん */
.accordion6.accordionwide .Csan_ttl{ text-align: center; font-weight: bold; color: #008cdb; margin-bottom: 3% !important;font-size:18px;}
.accordion_conclusion{text-align: center;padding-top: 20px;}
.accordion_conclusion span{display:block;padding-top: 10px;}

/* 比較 */
#premise{background:#e8e8e8;border-radius: 6%;padding:7% 3%;margin :0 6.5% 6% !important;}
#premise p{background: none;text-align: center}
#premise ul{text-align: center;}
#premise ul li{font-weight:bold;padding: 0 0;}
#premise ul li span{font-weight: bold;}
#premise ul li .right{display: inline-block;width: 24%;}
#premise ul li .left{text-align: left;display: inline-block;width: 76%;}
#premise ul li:nth-child(1){}
#premise ul li:nth-child(2){padding: 10px 0;}
#premise ul li:nth-child(3){margin: 0 2%;font-size: 12px;}
#premise ul li:nth-child(4){margin: 0 2%;font-size: 12px;}
#premise ul li:nth-child(5){margin: 4% 0; padding: 5px; background: #cf0906; color: #fff; border-radius: 50px; }
#premise ul li:nth-child(6){}
#premise ul li:nth-child(7) .num{letter-spacing: -0.1em;display: inline-block;padding-right: 3%;font-size:25px;}
#premise.Csan{position:relative;}
#premise.Csan ul::before{content:''; background: url(../../compare/images/Csan.png) no-repeat;background-size:contain;position: absolute;bottom:0 ;right:0;width: 30%; height: 42%;}
#premise.Csan ul li:nth-child(5){background: #008cdb;}
#premise.Csan ul li:nth-child(8){width: 80%;}

/* ポイント */
.bg-pink-h3{background-image: repeating-linear-gradient(-45deg, #fe6d8e, #fe6d8e 1px, #ff8ca7 0, #ff8ca7 12px);position:relative;margin-left: -20px;margin-right: -20px;margin-bottom: 10px;}
.bg-pink-h3 span{display: block; color: #fff; padding: 10px 40px; font-weight: bold;}
.bg-pink-h3 span::after{position: absolute; top: 0px; left: 0px; content: ""; display: inline-block; width: 20%; height: 100%; background: url(../../compare/images/double_arrow.png) no-repeat; background-size: contain;}