﻿

a{
	word-break: break-all;
}

/* よくあるご質問 */
.faq_box {
	margin: 3rem auto;
	box-sizing: border-box;
	color: #333;

}

/*.faq_box h2.title {
	font-size: 2rem;
	margin: 0 0 1rem;
	color: #469DDF;
	font-weight: bold;
	border-left: solid 5px #469DDF;
	padding: 1rem;
	line-height: 1.2;
}*/
.faq_box .note {
	margin-bottom: 1rem;
}
.faq_box .multi {
	color: red;
	margin-bottom: 2rem;
}

/* 質問ジャンル */
.faq_box .item {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	box-sizing: border-box;
}
.faq_box .item li {
	padding: 1px;
	width: 33.3333%;
	display:flex;
	position: relative;
	box-sizing: border-box;
}
.faq_box .item li.active {

}
.faq_box .item li a {
	width: 100%;
	display: flex;
	background-color: #DDECE5;
	color: #469DDF;
	text-align: center;
	font-size: 0.8em;
	align-items: center;
	padding: 1rem 0.5rem;
	box-sizing: border-box;
	font-weight: bold;
}


.faq_box .item li a span {
	width: 100%;
}
.faq_box .item li span.aks {
	width: auto;
	display: inline-block;
}
.faq_box .item li.active a {
	background-color: #469DDF;
	color: #fff;
	font-size: 0.9em;
}

.faq_box h2 {
	padding: 2rem 0 1rem 2rem;
	margin-top: 0;
	margin-bottom: 1rem;
	font-weight: bold;
	color: #fff;
	background-color: #00a7ea;
}

.faq_box h3 {
	padding: 2rem 0 1rem 2rem;
	margin-top: 0;
	margin-bottom: 1rem;
	font-weight: bold;
	color: #fff;
	background-color: #00a7ea;
	height:55px;
}

/* 質問ジャンルタイトル */
.faq_box h3.title {
	font-size: 2rem;
	padding: 1.5rem;
	margin: 0;
	border-top: solid 5px #469DDF;
	background-color: #EBEBEB;
	font-weight: bold;
	line-height: 1.2;
/*	margin-bottom: 2rem;*/
	color: #000;
}

/* 質問タイトル */
.faq_box h4.title {
	font-size: 1.8rem;
	padding: 1rem 3rem 1rem 5rem;
	margin: 0;
	color: #fff;
	background-color: #469DDF;
	font-weight: bold;
	line-height: 1.5;
	position: relative;
	cursor: pointer;
}
.faq_box h4.title:after {
	position: absolute;
	right: 0.5rem;
	top: 50%;
	content: "＋";
	display: block;
	-webkit- transform: translateY(-50%) translateX(0);
	transform: translateY(-50%) translateX(0);
	color: #fff;
	padding: 0 0.3em;
	font-weight: normal;
}
.faq_box h4.title.active:after {
	content: "－";
}
.faq_box h4.title .question_num {
	font-size: 1.5rem;
	position: absolute;
	left: 1rem;
	top: 50%;
	-webkit- transform: translateY(-50%) translateX(0);
	transform: translateY(-50%) translateX(0);
}
.faq_box .faq_block {
	margin-bottom: 2rem;
}

/* 質問回答 */
.faq_box .inner {
	padding: 1rem;
	display: none;
	background-color: #F7F3F7;
}

.faq_box .inner p {
	padding: 0.5rem 1rem 0.5rem 4rem;
	position: relative;
	margin: 0;
	font-weight: normal;
}
.faq_box .inner p img {
	width: 100%;
	max-width: 600px;
	height: auto;
	margin: 1rem auto;
	display: block;
}
.faq_box .inner p .answer_num {
	position: absolute;
	left: 0;
	font-weight: bold;
	font-size: 1.5rem;
	color: #469DDF;
}
.faq_box .inner p .text_red {
	color: #f00;
}
.faq_box .inner a {
	font-weight: bold;
	font-size: 1.5rem;
	color: #0000FF;
	/*color: #0099FF;*/
}

.text_red {
	color: #f00;
}
.text_black {
	color: #000;
}

.text_tsuyome {
	font-size: 1.8rem;
}

.text_yakkan {
	font-size: 1.8rem;
}

.text_mottotsuyome {
	font-size: 2.1rem;
}

.text_yowame {
	font-size: 1.2rem;
}

.faq_box dt{
	font-weight: bold;
	color: #404040;
	margin-top: 0.5em;
	font-size:15px;
}

.faq_box dd{
/*	border: solid 1px #cccccc;*/
	padding: 1em;
	margin-left: 0.5em;
	margin-top: 0.5em;
	font-size:14px;
}
dd .text_small{
	margin-top: -2.0em;
	font-weight:normal;
	font-size: 1.2rem;
	position: absolute;
}
dd .text_mannaka{
	line-height: 45px;	
}

.faq_box ul li{
	margin-top:10px;
	margin-bottom:15px;
	border-bottom:1px dotted #999999;
}

.faq_box ul li::after,
.faq_box ul li::before {
	display: block;
	content: '';
	position: absolute;
}

.panel-body{
	font-size: 1.3rem;
}

.sssss_box ul li{
	list-style-type:none; background-image:none; padding-left:0;
}

.sssss_box ul li::after,
.sssss_box ul li::before {
	list-style-type:none; background-image:none; padding-left:0;
}


.cp_table *, .cp_table *:before, .cp_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_table {
	width: 60%;
	border-collapse: collapse;
}
.cp_table thead th {
	padding: 10px 15px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #dddddd;
}
.cp_table thead th:last-child {
	border-right: 1px solid #dddddd;
}
.cp_table tbody th {
	padding: 10px 15px;
	vertical-align: top;
	border-bottom: 1px solid #ffffff;
	background: #dddddd;
	white-space: nowrap;
}
.cp_table tbody tr:last-child th {
	border-bottom: 1px solid #dddddd;
}
.cp_table tbody td {
	padding: 10px 15px;
	vertical-align: top;
	border: 1px solid #dddddd;
	/* border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd; */
	background: #ffffff;
}
.cp_table2 *, .cp_table2 *:before, .cp_table2 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_table2 {
	width: 100%;
	border-collapse: collapse;

}
.cp_table2 thead th {
	padding: 10px 15px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #dddddd;
}
.cp_table2 thead th:last-child {
	border-right: 1px solid #dddddd;
}
.cp_table2 tbody th {
	padding: 10px 15px;
	vertical-align: top;
	border-bottom: 1px solid #ffffff;
	background: #dddddd;
	white-space: nowrap;
}
.cp_table2 tbody tr:last-child th {
	border-bottom: 1px solid #dddddd;
}
.cp_table2 tbody td {
	padding: 10px 15px;
	vertical-align: top;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background: #ffffff;
}
.cp_table3 *, .cp_table3 *:before, .cp_table3 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_table3 {
	width: 35%;
	border-collapse: collapse;

}
.cp_table3 thead th {
	padding: 10px 15px;
}
.cp_table3 thead th:last-child {
}
.cp_table3 tbody th {
	padding: 10px 15px;
	vertical-align: top;
	white-space: nowrap;
}
.cp_table3 tbody tr:last-child th {
}
.cp_table3 tbody td {
	padding: 10px 15px;
	vertical-align: top;
}
.car_table *, .car_table *:before, .car_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.car_table {
	width: 60%;
	border-collapse: collapse;
}
.car_table thead th {
	padding: 10px 15px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #dddddd;
}
.car_table thead th:last-child {
	border-right: 1px solid #dddddd;
}
.car_table tbody th {
	padding: 10px 15px;
	vertical-align: top;
	border-bottom: 1px solid #ffffff;
	background: #dddddd;
	white-space: nowrap;
}
.car_table tbody tr:last-child th {
	border-bottom: 1px solid #dddddd;
}
.car_table tbody td {
	padding: 10px 15px;
	vertical-align: top;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background: #ffffff;
}
.car_note li{
	list-style-type: disc;
	border-bottom:none!important;
	margin-bottom:0!important;
	margin-top:0!important;
	 margin-left:15px;
 }
.car_h3{
	font-weight: bold;
	color: #fff;
	padding: 10px;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 15px;
	border-radius: 5px;
}
#pink{background-color: #Ff6666;}
#blue{background-color: #1144ee;}

.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
}

.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
}

.col-head-type1 th {
  background: #f9fafc;
  text-align: left;
/*  width: 120px;*/
}

.col-head-type2 {
  border-collapse: collapse;
  width: 100%;
}

.col-head-type2 th,
.col-head-type2 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
}

.col-head-type2 th {
  background: #f9fafc;
  text-align: left;
  width: 120px;
}

.res_table table {
  border-collapse: collapse;
	width: 100%;
}
.res_table table td, .res_table table th {
  padding: 8px;
  display: block;
  border: 1px solid #dbe1e8;  
}
.res_table table th {
  background-color: #eee;
}

.cp_table4 *, .cp_table4 *:before, .cp_table4 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_table4 {
	width: 100%;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
	border-collapse: collapse;
}
.cp_table4 thead th {
	padding: 10px 15px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #dddddd;
}
.cp_table4 thead th:last-child {
	border-right: 1px solid #dddddd;
}
.cp_table4 tbody th {
	padding: 10px 15px;
	vertical-align: top;
	border-bottom: 1px solid #ffffff;
	background: #dddddd;
}
.cp_table4 tbody tr:last-child th {
	border-bottom: 1px solid #dddddd;
}
.cp_table4 tbody td {
	padding: 10px 15px;
	vertical-align: top;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background: #ffffff;
}
.hyoumidashi{
	width:60%;
}
.haikei {
	background-color: #f4f4f4;
	border-top:solid 1px #dbdbdb;
	border-bottom:solid 1px #dbdbdb;
}
.car_h2 {
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	/*color: #494949;文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #FF66FF;/*左線*/
	font-size: 1.5rem;
	font-weight: bold;
  }

#navi .jr_kip_btnarea li{
    font-size: 0.5em;
    background-color: #337ab7;
    box-sizing: border-box;
    padding: 0.2em !important;
    margin: 0 0.1em 0.1em;
    line-height: 1.3;
}
#navi .navi_icon{
    font-size: 0.7em;	
    background-color: #337ab7;
    box-sizing: border-box;
    padding: 0.4em;
    margin: 0.5em;
    line-height: 3;
}

#navi .navi_icon a{
    color: #fff;
    margin: auto;
    font-size:1.3em;
    font-weight: normal;
}

#navi .width30, .width30{
    width: 32%;
}

a.yakkan:link { color: #000; }
a.yakkan:visited { color: #000; }
a.yakkan:hover { color: #000; }
a.yakkan:active { color: #000; }


@media screen and (min-width: 320px) and (max-device-width: 689px)  {
	.faq_box h2 {
		font-size: 1.6rem;
	}
	.faq_box h3.title {
		font-size: 1.4rem;
		height:100%;
	}
	.yokohaba{
		width:100%;
	}
	.tablemidashi{
		font-size: 1.3rem;
	}
	.morelittle{
		font-size: 1.0rem;
	}
	.cp_table3 {
	width: 100%;
	}
	.cp_table2 {
		width: 100%;
		display: block;
	}
	.cp_table {
		width: 100%;
	}
	.car_table {
		width: 100%;
	}
	.res_table {
		width: 100%;
	}
	.img-responsive {
		max-width: 100%;
		height: auto;
	}
	.pc_area{
		display:none;
	}
	.phone_area{
		display:block;
	}
	.text_yakkan {
		font-size: 1.2rem;
	}
	.sp_table{
		font-size: 0.9em;
	}
}


@media screen and (min-width: 690px) and (max-device-width: 767px)  {
	.faq_box h2 {
		font-size: 1.7rem;
	}
	.faq_box h3.title {
		font-size: 1.5rem;
		height:100%;
	}
	.yokohaba{
		width:100%;
	}
	.cp_table3 {
		width: 50%;
	}
	.cp_table2 {
		width: 100%;
	}
	.img-responsive {
		max-width: 100%;
		height: auto;
	}
	.pc_area{
		display:block;
	}
	.phone_area{
		display:none;
	}
}

@media ( min-width: 768px ) {
	.faq_box h2 {
		font-size: 1.9rem;
	}
	.faq_box h3.title {
		font-size: 1.7rem;
		height:100%;
	}
	.yokohaba{
		width:100%;
	}
	.cp_table3 {
		width: 50%;
	}
	.cp_table2 {
		width: 100%;
	}
	.cp_table {
		width: 100%;
	}
	.img-responsive {
		max-width: 100%;
		height: auto;
	}
	.pc_area{
		display:block;
	}
	.phone_area{
		display:none;
	}
}

@media ( min-width: 992px ) {
	/* 質問ジャンル */
	.faq_box .item {flex-wrap: nowrap;}
	.faq_box .item li {width: 10%;}
	.faq_box .item li.active {width: 20%;}
	.faq_box .item li:hover a {
		text-decoration: none;
	}
	.faq_box .item li.active:hover a {
		cursor: default;	
	}
	.faq_box .item li:hover:after {
		content: "";
		display: block;
		height: 4px;
		width : 99%;
		width: calc(100% - 2px) ;
		background-color: #469DDF;
		position: absolute;
		bottom: 0;
	}
	.faq_box .item li.active:hover:after {
		display: none;
	}
	.yokohaba{
		width:80%;
	}
	.img-responsive {
		max-width: 100%;
		height: auto;
	}
	.pc_area{
		display:block;
	}
	.phone_area{
		display:none;
	}
}

@media ( min-width: 1200px ) {
	.pc_area{
		display:block;
	}
	.phone_area{
		display:none;
	}
}
