@charset "utf-8";
:root {
	--font-shippori: "Shippori Mincho", "Noto Sans JP", Meiryo, MS PGothic, arial, sans-serif;
	--noshiro-color: #f26da7;
	--futatsui-color: #39bfa9;
	--mitane-color: #f29018;
	--hover-color: #001655;
}


#keyVisual{
	background: url("../img/keyvisual_pc.jpg") no-repeat right center / cover;
}

@media screen and (max-width: 1600px){
	#keyVisual{
		background-position: 50% center;
	}
}
@media screen and (max-width: 1024px){
	#keyVisual{
		background-position: 82% center;
	}
}
@media screen and (max-width: 768px){
	#keyVisual{
		background: url("../img/keyvisual_sp.jpg") no-repeat right center / cover;
	}
}

/* ------------------------------------------------------------------------ */

/* 共通

/* ------------------------------------------------------------------------ */
#contentsBlock section{
    margin-top: 100px;
}

.contents,
.contents > section {
    text-align: left;
}

.contents > section {
    margin: 0 0 100px;
}

.contents > section > div{
    margin-bottom: 60px;
}

.contents > section > div > p,
.contents > p,
.contents > section > p{
    text-align: left;
    font-size: 1.6rem;
    line-height: 2.0;
}

.contents > section > div > p > span{
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.hd01 span{
    color: #2fa77f;
}

.ulStyle01 {
	margin	: 0 15px 10px;
    font-size: 1.6rem;
}

	.ulStyle01 li {
		list-style	: disc;
		margin		: 0 15px 3px;
		padding		: 0;
		text-align	: left;
	}


#tab_btn {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	border-bottom: 2px solid #b48fcc;
}

.plan02 #tab_btn {
	border-bottom: 2px solid #f090bb;
}
.plan03 #tab_btn {
	border-bottom: 2px solid #76c4c4;
}

#tab_btn li {
	text-align: center;
	max-width: 310px;
    width: 100%;
	margin-right: 10px;
	font-family: var(--font-shippori);
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

#tab_btn li:last-child{
	margin-right: 0px;
}

#tab_btn li.tab01{
	background: #b48fcc;
    border: 2px solid #b48fcc;
}

#tab_btn li.tab02{
	background: #f090bb;
    border: 2px solid #f090bb;
}

#tab_btn li.tab03{
	background: #76c4c4;
    border: 2px solid #76c4c4;
}

#tab_btn li.btn_active {
	background: #fff;
    border-bottom: none;
    margin-bottom: -2px;
}

#tab_btn li a{
    color: #fff;
    padding: 8px 0;
    display: block;
    font-size: 2.4rem;
}

#tab_btn li.tab01.btn_active a{
	color: #b48fcc;
    border-bottom: none;
}
#tab_btn li.tab02.btn_active a{
	color: #d94c8b;
    border-bottom: none;
}
#tab_btn li.tab03.btn_active a{
	color: #76c4c4;
    border-bottom: none;
}

#tab_btn li.tab01 a:hover{
    background: #fff;
    color: #b48fcc;
}
#tab_btn li.tab02 a:hover{
    background: #fff;
    color: #f090bb;
}
#tab_btn li.tab03 a:hover{
    background: #fff;
    color: #76c4c4;
}

@media screen and (max-width: 768px){
	#keyVisual{
		background-image: url("../img/keyvisual_sp.jpg");
	}
	
	#contentsBlock > section{
		margin-top: 60px;
	}
	#contentsBlock > section + section{
		margin-top: 100px;
	}
	
}