@charset "UTF-8";
/* CSS Document */

.br-sp {
  display: none;
}

.new-main_img {
	max-width: 1200px;
	margin: 0 auto;
}

.wrapper {
	background: #f6f6f6;
	padding : 15px 15px;
	margin: 0 auto;
	margin-bottom: 25px;
}

/*ベース*/
.toggle {
	display: none;
}

.Label {		/*タイトル*/
	padding: 3px;
	display: block;
	color: #24bbb7;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
}

.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}

.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

.content {		/*本文*/
	height: 0;
	padding:0 20px;
	overflow: hidden;
}

.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	transition: all .3s;
}

.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

.section01 {
	max-width: 1200px;
	background-color: #fff;
	border-radius: 8px;
	margin: 0 auto;
	margin-top: 45px;
	margin-bottom: 20px;
	padding: 30px 30px;
}

.section02 {
	max-width: 1200px;
	background-color: #fff;
	border-radius: 8px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 30px 30px;
	position: relative;
}

.top-title_dc {
    font-size: 36px;
    letter-spacing: 1px;
    color: #24bbb7;
    font-weight: bold;
    text-align: center !important;

}


.top-title_dc2 {
    font-size: 31px;
    letter-spacing: 1px;
    color: #24bbb7;
    font-weight: bold;
    text-align: center !important;
    padding: 20px 15px 45px 15px;
    position: relative;
    z-index: 2;
    
}

.top-title_dc2 span {
	color          : #24bbb7;
    font-size      : 39px;
    letter-spacing : 1px;
    text-align     :center !important;
	
}

.triangle {
    width: 0;
    height: 0;
    border-left: 65px solid transparent;
    border-right: 65px solid transparent;
    border-top: 45px solid #24bbb7;
    margin: 0 auto;
}

.circle {
	width: 150px; /*幅*/
	height: 150px;/*高さ*/
	border-radius: 50%;/*角丸*/
	background: #ffffe0;
	position: absolute;
	top: 15px;
	left: 42%;
	z-index: 1;
}

.marker-normal {
	background: linear-gradient(transparent 80%, #ffff7f 75%);
}

.top_plan ul li {
	padding-left: 15px;
}

.top-sub-title {
	font-size: 22px;
	font-weight: bold;
	color: #24bbb7;
	line-height: 130%;
	text-align: center;
	padding-bottom: 10px;

}

.top-n-title {
	font-size: 22px;
	font-weight: bold;
	color: #24bbb7;
	line-height: 130%;
	text-align: center;
	padding-bottom: 10px;

}

.top-n-title-fix {
	padding: 50px 0 0 0;
}

.top-n-title2 {
	font-size: 24px;
	font-weight: bold;
	color: #24bbb7;
	text-align: center;
	padding-top: 10px;
	margin-bottom: -15px;

}

.top-n-title3 {
	font-size: 24px;
	font-weight: bold;
	color: #24bbb7;
	text-align: center;
	padding-top: 38px;
	margin-bottom: 17px;

}

.top-n-title3 span {
	color: #e00;
}

.content-sub-title {
	font-size: 22px;
	font-weight: bold;
	color: #24bbb7;
	line-height: 130%;
	padding: 25px 0 0 30px;

}

.content-sub-text {
	padding: 0 0 0 30px;
	font-size: 15px;
	
}

.top-n-title span{
	color: #e00;
}

.top-n-list {
	width: 99%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 20px;
}

.top-n-content {
	width: 33%;
	padding: 20px 15px 0px 15px;
}

.center-title {
	text-align: center;
	font-weight: bold;
	color: #000000;
    line-height: 140%;
    padding: 20px;
}

.center-title span {
	color: #e00;
}

.top-title_dc-sub {
	background-color: #24bbb7;
	padding: 15px 20px 15px 20px;
	color: #ffffff;
	text-align: center;
}

.text-fit01 {
	color: #000000;
	padding: 15px 30px;
    font-size: 15px;
    line-height: 145%;
}

.text-fit02 {
	padding: 0 30px;
    font-size: 24px;
    line-height: 145%;
    color: #000000;
}

.text-fit03 {
	font-size: 15px;
	text-align: center;
}

.text-fit04 {
	font-size: 28px;
	text-align: center;
	padding: 5px 0;
	color: #000000;
}

.text-fit05 {
	font-size: 28px;
	text-align: center;
	padding: 5px 0;
	color: #000000;	
}

.text-fit01 span {
	color: #e00;
}

.text-fit03 span {
	color: #e00;	
}

.text-fit04 span {
	color: #e00;
}

.h4-link {
	font-size: 16px;
	text-align: center;
	
}

.img-w {
	width: auto;
	padding: 0 25px;
	margin: auto;
	display: block;
}

.img-w2 {
	width: 80%;
	padding: 20px 25px;
	margin: auto;
	display: block;
}

.big-title {
	color: #24bbb7;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	font-size: 33px;
}

table tr td:nth-of-type(5) {
	border: 3px #e00 solid;
}

tr  {
	vertical-align: initial;
}

td, th {
	vertical-align: middle;
}

.table-header {
	text-align: center;
	
}

.table-cell-ng {
	visibility: hidden;
	width: 25%;
	border-bottom: 1px solid #ccc!important; 
}

.table-text {
	font-weight: bold;
	color: #000000;
}


.table-text2 {
	font-size: 18px;
	width: 18%
}

.table-text3 {
	font-size: 18px;
	width: 18%;
	vertical-align: middle;

}

.table-text span {
	color: #e00;
}

.tableBox {
	width: 850px;
	margin: 0 auto;
}

.tableBox table tr th {
	background: #24bbb7;
	color: #fff;
	border: #fff solid 1px;
	padding: 10px;
	padding-top: 10px;

}

.table-icon {
	margin-top: -20px;
	margin-bottom: 5px;
}

.table-ok {
	font-size: 28px;
	color: #e00;
}

.table-ng {
	font-size: 28px;
	
}

.table-cra-back {
	background: #ffdbff !important;
	border: 3px #e00 solid !important;
	border-bottom: 1px solid #ccc!important; 
}

.border-none01 {
	border-top: 1px solid #ccc!important; 
	border-bottom: 1px solid #ccc!important; 
}

.border-none02 {
	border-top: none!important; 
}


.d-text {
	font-size: 13px !important;
	line-height: 20px;

}

.d-text-table {
	border-top: none;
	border-bottom: none;
	border-right: none;
	text-align: left;
}

.d-text span {
	font-size: 23px;
	font-weight: 900;
	color: #e00;
}

ul.comp3 {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	list-style: none;
	margin-top: 25px;

}

ul.comp3 li {
    width: 30%;
	padding: 10px;

}

ul.comp3 li:not(.arw) {
	border: 5px solid #ececec;
}

ul.comp4 {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	list-style: none;

}

ul.comp4 li {
    width: 48%;
    padding: 0 2%;
    margin-bottom: 20px;

}

ul.comp4 li:not(.arw) img {
	border: 10px solid #ececec;
}



.f-comment {
	margin: 0 auto;
	max-width: 1200px;
	padding-top: 10px;
}


.mov_width {
	width: 80%;
	margin: 0 auto;
}

.swiper2-box {
	width: 800px;
}

.sample-swiper {
	max-width: 900px;
}

.swiper2 {
	max-width: 850px;
	margin: 0 auto;
}

.cus-voice {
	display: block;
	padding: 8px 12px;
	border: 1px solid #efefef;
	margin: 0 auto;
}

.cus-img {
	width: 60%;
	display: block;
	margin: 0 auto;
}

.cus-text {
	padding-top: 15px;
	font-size: 16px;
}

.sample-slider{
    width:80%;
}

.sample-slider img{
    width: 100%;
}

.cmn_contNavBtm {
	max-width: 1200px;
	padding: 0;
}


/*SPCSSここから*/
@media screen and (max-width:767px) {

.br-pc {
    display: none;
}

.br-sp {
    display: inline-block;
}

.sp-none {
	display: none;
}

.section01 {
	margin-top: 0;
	padding: 10px 10px 20px 10px;
}

.section02 {
	margin-top: 0;
	padding: 10px 10px 20px 10px;
}

.top-title_dc {
	font-size: 26px;
	padding-top: 10px;
} 

.top-title_dc2 {
	font-size: 26px;
	padding: 10px 0 0 15px;
} 


.top-title_dc2 span {
	font-size: 36px;
	padding-top: 10px;
	padding-bottom: 10px;
} 

.top-n-content {
    width: 50%;
    padding: 20px 8px 0px 8px;
}


.top-n-title {
	font-size: 17px;
}

.top-n-title-fix {
	padding: 15px;
}

.sub-bottom-text1 {
	padding-top: 10px;
	line-height: 15px;
	text-align: center;
}

.sub-bottom-text2 {
	padding-top: 10px;
	text-align: center;
}

.sub-bottom-text3 {
	padding-top: 2px;
	text-align: center;
}

.center-title {
	padding-top: 15px;
	font-size: 21px;
	padding-left: 1%;
    padding-right: 1%;
}

.circle {
	width: 125px;
	height: 125px;
	left: 33%;
}

.top-title_dc-sub {
	padding: 10px 20px 10px 20px;
	font-size: 21px;
}

.text-fit01 {
	padding: 5px 10px;
}

.text-fit02 {
	text-align: center;
	padding: 30px 0 0 0;
	font-size: 19px;
}

.top-title_dc2 {
	font-size: 26px;
	padding: 10px 0 22px 15px;
}

.link_btn {
	line-height: 27px;
}

.mov_width {
	width: 95%;
}

.text-fit05 {
	font-size: 22px;
	text-align: center;
	padding: 5px 0;
	color: #000000;
	margin-top: -30px;	
}

.sample-slider {
	width: 100%;
}

.content-sub-title {
	padding: 0;
	text-align: center;
}

.content-sub-text {
	padding: 5px 0 0 5px; 
 	text-align: center;
}

.sp-img-fix {
	width: 100%;
	margin-bottom: 18px;
}

.img-w {
	padding: 0;
}

.img-w2 {
	width: 100%;
	padding: 0;
	
}

.big-title {
	font-size: 28px;
}

.table-cell-ng {
	width: 18%;
}

.tableBox table tr th {
	padding: 0 2px 5px 2px;
}

.table-text {
	font-size: 11px;
}

.table-text2 {
	font-size: 13px;
}

.table-text3 {
	font-size: 13px;
}

.table-ok, .table-ng {
	font-size: 22px;
}

.d-text {
	font-size: 11px !important;
}

.d-text span {
	font-size: 16px;
}

.table-icon {
	width: 90px;
}

ul.comp3 {
	margin-top: 25px;
}

ul.comp3 li {
	padding: 0;
}

ul.comp4 li:not(.arw) img {
	border: 4px solid #ececec;
}

#faq_wrap {
	margin-top: -40px;
}

.f-comment {
	padding: 5px 15px 0 15px;
}

.tableBox {
	width: 100%;
}


} 
/*SPCSSここまで*/