@charset "utf-8";

@media only screen and (max-width:991px) {}
@media only screen and (max-width:767px) {}
@media only screen and (max-width:374px) {}

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

 index

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


/* index
--------------------------------------*/
.bg01 {
	padding: 60px 15px;
	background-color: #fff;
}
.bg01.pb {
	padding-bottom: 70px;
}
.bg02 {
	padding: 60px 15px;
	background-color: #f4f4f4;
}
.wrap {
	max-width: 1000px;
	margin: 40px auto 0;
}
.ttlText01 {
	margin-bottom: 30px;
	text-align: center;
	color: #009988;
	font-size: 26px;
	font-weight: bold;
	font-family: 'Noto Serif JP', serif;
}

@media only screen and (max-width:767px) {
	.bg01.noPt {
		padding-top: 0;
	}
	.bg01 {
		padding-top: 30px;
	}
	.bg01.pb {
		padding-bottom: 0;
	}
	.bg02 {
		padding-top: 30px;
	}
	.wrap.sp_mt {
		margin-top: 0;
	}
	.ttlImg01 {
		max-width: 240px;
		margin: 0 auto;
	}
	.ttlImg02 {
		max-width: 200px;
		margin: 0 auto;
	}
	.ttlImg03 {
		max-width: 170px;
		margin: 0 auto;
	}
	.ttlText01 {
		font-size: 20px;
	}
}

/* contentsBox02
--------------------------------------*/
.contentsBox02 {
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px;
	background-color: #fff;
}
.contentsBox02 .ttlText02 {
	display: flex;
}
.contentsBox02 .ttlText02 .ttl01 {
	margin-right: 15px;
	padding: 0px 10px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	background-color: #43789b;
	border: 1px solid #43789b;
	border-radius: 10px;
	box-sizing: border-box;
}
.contentsBox02 .ttlText02 .lead01 {
	font-size: 20px;
	font-weight: bold;
	align-self: center;
}
.contentsBox02 .inContents01 {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.contentsBox02 .inContents01 .inBox:nth-child(1) {
	width: 59.139%;
}
.contentsBox02 .inContents01 .inBox:nth-child(2) {
	width: 32.258%;
}
.contentsBox02 .inContents01 .inBox .inText01 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	background-color: #f4f4f4;
	border: 1px solid #f4f4f4;
	border-radius: 10px;
}
.contentsBox02 .inContents01 .inBox .inText01 p {
	font-size: 12px;
}
.contentsBox02 .inContents01 .inBox .listText ul {
	position: relative;
}
.contentsBox02 .inContents01 .inBox .listText ul li {
	font-size: 12px;
}
.contentsBox02 .inContents01 .inBox .inText02 {
	margin-top: 30px;
	padding: 15px 20px;
	background-color: #f4f4f4;
	border: 1px solid #f4f4f4;
	border-radius: 10px;
}
.contentsBox02 .inContents01 .inBox .inText02 ul li {
	position: relative;
	padding-left: 25px;
}
.contentsBox02 .inContents01 .inBox .inText02 ul li span {
	position: absolute;
	top: 0;
	left: 0;
	color: #44b4a8;
}
.contentsBox02 .inContents01 .inBox .inText02 ul li p {
	font-size: 16px;
	font-weight: bold;
}
.contentsBox02 .inContents01 .inBox .lead01 {
	margin-top: 20px;
	font-size: 14px;
}

@media only screen and (max-width:767px) {
	.contentsBox02 {
		padding: 20px;
	}
	.contentsBox02 .ttlText02 {
		flex-direction: column;
	}
	.contentsBox02 .ttlText02 .ttl01 {
		display: block;
		max-width: 300px;
		margin: 0 auto;
		width: 100%;
		font-size: 18px;
	}
	.contentsBox02 .ttlText02 .lead01 {
		margin-top: 10px;
		text-align: center;
		font-size: 16px;
	}
	.contentsBox02 .inContents01 {
		margin-top: 20px;
		flex-direction: column;
	}
	.contentsBox02 .inContents01 .inBox:nth-child(1),
	.contentsBox02 .inContents01 .inBox:nth-child(2) {
		width: 100%;
	}
	.contentsBox02 .inContents01 .inBox:nth-child(2) {
		margin-top: 40px;
	}
	.contentsBox02 .inContents01 .inBox figure {
		text-align: center;
	}
}

/* contentsBox03
--------------------------------------*/
.contents03 {
	padding: 50px 20px;
	border: 1px solid #d6d6d6;
}
.contents03 .ttlText03 {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #009988;
}
.contents03 .borderBox01 {
	margin-top: 30px;
	border: 1px solid #d6d6d6;
}
.contents03 .borderBox01 dl {
	display: table;
	width: 100%;
}
.contents03 .borderBox01 dl + dl {
	border-top: 1px solid #d6d6d6;
}
.contents03 .borderBox01 dl dt {
	display: table-cell;
	width: 250px;
	padding: 10px 20px;
	background-color: #f4f4f4;
	vertical-align: middle;
}
.contents03 .borderBox01 dl dd {
	display: table-cell;
	padding: 10px 20px;
}
.contents03 .borderBox01 dl dd.wid01 {
	width: 190px;
	padding-right: 0;
}
.contents03 .borderBox01 dl dd .topText {
	padding-left: 0;
	font-size: 12px;
}
.contents03 .borderBox01 dl dd span {
	padding-left: 40px;
}

@media only screen and (max-width:767px) {
	.contents03 {
		padding: 20px;
	}
	.contents03 .borderBox01 dl dt {
		display: block;
		width: auto;
	}
	.contents03 .borderBox01 dl dd {
		display: block;
	}
	.contents03 .borderBox01 dl dd.wid01 {
		width: 100%;
	}
	.contents03 .borderBox01.table03 dl {
		display: flex;
		flex-wrap: wrap;
	}
	.contents03 .borderBox01.table03 dl dt {
		width: 100%;
	}
	.contents03 .borderBox01.table03 dl dd.wid01 {
		width: auto;
	}
	.contents03 .borderBox01.table03 dl dd {
		display: block;
	}
}


/* borderBox02
--------------------------------------*/
.borderBox02 {
	margin-top: 40px;
}
.borderBox02 ul li {
	position: relative;
	padding-bottom: 50px;
}
.borderBox02 ul li:before {
	position: absolute;
	bottom: 15%;
	right: 26%;
	content: '';
	width: 0;
	height: 0;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-top: 18px solid #009988;
}
.borderBox02 ul li:last-child {
	padding-bottom: 0;
}
.borderBox02 ul li:last-child:before {
	display: none;
}
.borderBox02 ul li .inContents {
	display: flex;
	justify-content: space-between;
	padding: 20px;
	background-color: #f4f4f4;
	border: 1px solid #959595;
}
.borderBox02 ul li .inContents .inTtl {
	width: 46%;
}
.borderBox02 ul li .inContents .inTtl p {
	font-size: 18px;
	font-weight: bold;
	color: #009988;
}
.borderBox02 ul li .inContents .inLead {
	width: 55%;
	text-align: center;
}
.borderBox02 ul li .inContents .inLead p {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
/*.borderBox02 ul li .inContents .inLead.wid01 {
	width: 37%;
}
.borderBox02 ul li .inContents .inLead.wid02 {
	width: 33%;
}*/

@media only screen and (max-width:767px) {
	.borderBox02 ul li:before {
		right: 47%;
	}
	.borderBox02 ul li .inContents {
		display: block;
		text-align: center;
	}
	.borderBox02 ul li .inContents .inTtl,
	.borderBox02 ul li .inContents .inLead,
	.borderBox02 ul li .inContents .inLead.wid01,
	.borderBox02 ul li .inContents .inLead.wid02 {
		width: 100%;
	}
	.borderBox02 ul li:before {
		bottom: 8%;
	}
}


/* contents04
--------------------------------------*/
.contents04 {
	margin-top: 70px;
	margin-bottom: 50px;
	display: flex;
	justify-content: space-between;
}
.contents04 .inBox:nth-child(1) {
	width: 29%;
}
.contents04 .inBox:nth-child(2) {
	width: 69%;
}
.contents04 .inBox a {
	display: block;
}
.contents04 .inBox .ttlText {
	margin-bottom: 40px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #009a88;
}
.contents04 .inBox .inImg {
	display: flex;
	justify-content: space-between;
}
.contents04 .inBox figure {
	position: relative;
}
.contents04 .inBox figure figcaption {
	position: absolute;
	bottom: 0;
	right: 0;
}

@media only screen and (max-width:767px) {
	.contents04 {
		margin-top: 40px;
		flex-direction: column;
	}
	.contents04 .inBox .ttlText {
		margin-bottom: 20px;
	}
	.contents04 .inBox:nth-child(1),
	.contents04 .inBox:nth-child(2) {
		width: 100%;
		text-align: center;
	}
	.contents04 .inBox:nth-child(2) {
		margin-top: 40px;
	}
	.contents04 .inBox .inImg {
		flex-direction: column;
	}
	.contents04 .inBox .imgBox + .imgBox {
		margin-top: 20px;
	}
	.contents04 .inBox .box01 {
		max-width: 298px;
		margin: 0 auto;
	}
	.contents04 .inBox .box02 {
		max-width: 330px;
		margin: 0 auto;
	}
}

/* contents05
--------------------------------------*/
.contents05 {
	max-width: 1000px;
	margin: 0 auto;
	padding: 60px 30px;
	background-color: #fff;
}
.contents05 .borderText {
	margin-top: 30px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 20px;
	border-bottom: 1px solid #000;
}
.contents05 .leadList {
	margin-bottom: 60px;
}
.contents05 .tableArea {
	margin-top: 60px;
}
.contents05 .tableArea .tableBox {
	margin-top: 30px;
}
.contents05 .tableArea .tableBox dl {
	display: table;
	width: 100%;
}
.contents05 .tableArea .tableBox dl dt {
	display: table-cell;
	text-align: center;
}
.contents05 .tableArea .tableBox dl dd {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.contents05 .tableArea .tableBox dl.topTable {
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}
.contents05 .tableArea .tableBox dl.tableContes {
	padding: 10px 0;
}
.contents05 .tableArea .tableBox dl.tableContes + dl.tableContes {
	border-top: 1px dashed #e6e6e6;
}
.contents05 .tableArea .tableBox dl dt:nth-child(1),
.contents05 .tableArea .tableBox dl dd:nth-child(1) {
	width: 225px;
}
.contents05 .tableArea .tableBox dl dt:nth-child(2),
.contents05 .tableArea .tableBox dl dd:nth-child(2) {
	width: 165px;
}
.contents05 .tableArea .tableBox dl dt:nth-child(3),
.contents05 .tableArea .tableBox dl dd:nth-child(3) {
	width: 115px;
}
.contents05 .tableArea .tableBox dl dt:nth-child(4),
.contents05 .tableArea .tableBox dl dd:nth-child(4) {
	width: 425px;
}
.contents05 .tableArea .tableBox dl dd:nth-child(4) {
	text-align: left;
}
.contents05 .borderText02 {
	margin-top: 20px;
	margin-bottom: 40px;
	padding: 15px 30px;
	border-top: 1px solid #797979;
	border-bottom: 1px solid #797979;
}
.contents05 .borderText02.mb0 {
	margin-bottom: 0;
}
.contents05 .lineText {
	text-align: center;
	font-size: 27px;
	text-decoration: underline;
}
.contents05 .leadText {
	margin: 20px 0;
	padding-left: 50px;
}
.contents05 .rightText {
	margin-top: 20px;
	text-align: right;
}

@media only screen and (max-width:767px) {
	.contents05 {
		padding-top: 30px;
	}
	.contents05 .tableArea .tableBox dl dt:nth-child(1),
	.contents05 .tableArea .tableBox dl dd:nth-child(1) {
		width: 115px;
	}
	.contents05 .tableArea .tableBox dl dt:nth-child(2),
	.contents05 .tableArea .tableBox dl dd:nth-child(2) {
		width: 125px;
	}
	.contents05 .tableArea .tableBox dl dt:nth-child(3),
	.contents05 .tableArea .tableBox dl dd:nth-child(3) {
		width: 75px;
	}
	.contents05 .tableArea .tableBox dl dt:nth-child(4),
	.contents05 .tableArea .tableBox dl dd:nth-child(4) {
		width: 145px;
	}
	.contents05 .leadText {
		padding-left: 0;
	}
	.contents05 .lineText {
		font-size: 20px;
	}
	.contents05 .borderText {
		font-size: 16px;
	}
	.contents05 .borderText02 {
		padding: 15px;
	}
}

/* acdArea
--------------------------------------*/
.acdArea {
	margin-top: 40px;
}
.acdArea + .acdArea {
	margin-top: 20px;
}
.acd-check{
    display: none;
}
.acd-label{
	max-width: 1000px;
	margin: 0 auto;
    background: #009988;
    color: #fff;
    display: block;
    padding: 21px;
    position: relative;
}
.acd-label .inTexts {
	display: flex;
}
.acd-label .inTexts .inBox:nth-child(1) {
	padding-top: 5px;
}
.acd-label .inTexts .inBox + .inBox {
	margin-left: 25px;
}
.acd-label .inTexts .inBox {
	font-size: 18px;
}
.acd-label .inTexts .inBox span {
	margin-right: 25px;
}
.acd-label:before {
	position: absolute;
	top: 40%;
	right: 2.8%;
	content: '';
	width: 10px;
	height: 10px;
	border: 2px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(135deg);
	z-index: 2;
}
.acd-content{
	max-width: 1000px;
	margin: 0 auto 20px;
    display: block;
    height: 0;
    opacity: 0;
    /*padding: 0 10px;*/
    color: #000;
    font-size: 22px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:before{
    transform: rotate(-45deg);
}
.acd-check:checked + .acd-label.label01 + .acd-content{
    height: 130px;
    opacity: 1;
    visibility: visible;
}
.acd-check:checked + .acd-label.label02 + .acd-content{
    height: 80px;
    opacity: 1;
    visibility: visible;
}
.acd-check:checked + .acd-label.label03 + .acd-content{
    height: 80px;
    opacity: 1;
    visibility: visible;
}
.acd-check:checked + .acd-label.label04 + .acd-content{
    height: 130px;
    opacity: 1;
    visibility: visible;
}
.acd-check:checked + .acd-label.label05 + .acd-content{
    height: 80px;
    opacity: 1;
    visibility: visible;
}
.acd-check:checked + .acd-label.label06 + .acd-content{
    height: 80px;
    opacity: 1;
    visibility: visible;
}
.acd-content .inContents {
	position: relative;
	display: flex;
	padding: 10px 20px;
	background-color: #ccebe7;
}
.acd-content .inContents .inIcon {
	padding-top: 10px;
	padding-right: 20px;
}
.acd-content .inContents .inLead {
	font-size: 18px;
}

@media only screen and (max-width:767px) {
	.acd-content {
		font-size: 16px;
	}
	.acd-content .inContents .inLead {
		font-size: 16px;
	}
	.acd-label .inTexts .inBox {
		font-size: 16px;
	}
	.acd-label .inTexts .inBox + .inBox {
		margin-left: 0px;
	}
	.acd-check:checked + .acd-label.label01 + .acd-content {
		height: 160px;
	}
	.acd-check:checked + .acd-label.label03 + .acd-content{
		height: 60px;
	}
	.acd-check:checked + .acd-label.label04 + .acd-content{
		height: 240px;
	}
	.acd-label .inTexts .inBox:nth-child(1) {
		padding-top: 3px;
		width: 15%;
		align-self: center;
	}
	.acd-label .inTexts .inBox:nth-child(2) {
		width: 85%;
	}
	.acd-content .inContents .inIcon {
		width: 20%;
	}
}

































