@charset "utf-8";

.contents-area {
	padding-left: 20rem;
}

#index a {
	text-decoration: none;
}

#low-page {
	margin-bottom: 10rem;
}

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

    section

*/
.section01 {
	padding-top: 2rem;
	padding-bottom: 4rem;
}

.section02 {
	padding-bottom: 12rem;
}

.section03 {
	padding: 0 0 7rem;
}

.section04 {
	padding: 6rem 0 9rem;
}

.section05,
.section06,
.section07 {
	padding-top: 9rem;
	padding-bottom: 9rem;
}

.section08 {
	padding-top: 10rem;
}

.img__wrap img {
	border: 1px solid #dfdfdf;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.section01 {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.section02 {
		padding-bottom: 7rem;
	}

	.section03 {
		padding: 0 0 7rem;
	}

	.section04 {
		padding: 2rem 0 6rem;
	}

	.section05 {
		padding: 0;
		margin-bottom: var(--s4);
	}

	.section06,
	.section07 {
		padding-top: 0;
	}
	.section08 {
	padding-top: var(--s9);
	}
}

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

    mv

*/
.mv-img_area {
	position: absolute;
	top: 0;
	right: 0;
	width: 49%;
	height: 140vh;
	overflow: hidden;
}

.mv-img_area::before {
	width: 1400px;
	height: 1400px;
	content: "";
	top: 2%;
	left: 3%;
	position: absolute;
	background: url(./img/mv_right.png) no-repeat center / 100%;
}

.l-mv-wrapper {
	position: relative;
}

.l-mv-wrapper::before {
	width: 110rem;
	height: 100rem;
	content: "";
	top: -41rem;
	left: -29%;
	position: absolute;
	background: url(./img/mv_left.png) no-repeat center / contain;
	z-index: -1;
}

.l-mv-inner {
	max-width: 100rem;
	margin: 0 auto;
	padding: 10rem 0rem 2rem;
}

.l-mv-txt {
	max-width: 563px;
	letter-spacing: 0;
}

.l-mv-title {
	font-size: 3.7rem;
	font-weight: 700;
	line-height: 1.42;
}

.l-mv-title .label {
	display: inline-block;
	position: relative;
	padding: 0.5rem 0.7rem;
	color: var(--base-color01);
	background: var(--text-color);
	font-size: 2.8rem;
	margin-bottom: 3rem;
}

.l-mv-title .dot {
	font-size: 4.6rem;
	background-image: radial-gradient(circle at center, var(--accent-color01) 20%, transparent 20%);
	background-position: top right;
	background-repeat: repeat-x;
	background-size: 1em 0.3em;
	padding-top: 0.2em;
}

.l-mv-title .txt-small {
	font-size: 3.7rem;
}
.l-mv-txt p.txt {
	font-weight: 400;
	color: #000;
	line-height: 1.7;
	max-width: 55rem;
}
.l-mv-txt p.txt01 {
	margin-top: 2.8rem;
}

.l-mv-txt p.txt02 {
	margin-top: 1rem;
}

.l-mv-txt p:not([class])>span:not([class]) {
	color: var(--accent-color01);
	font-weight: 700;
}

.l-mv-inner .btn-internal {
	max-width: 40rem;
	margin: var(--s5) auto var(--s5) 7rem;
}

.l-mv-inner .btn-internal a {
	background: var(--main-color) url(./img/arrow-01-wht-down.svg) no-repeat center right 2rem / 1em;
}

@media screen and (min-width:768px) and ( max-width:1531px) {
	.l-mv-wrapper::before {
		width: 110rem;
		height: 100rem;
		top: -51rem;
		left: -56%;
	}
	.mv-img_area::before {
		width: 1140px;
		height: 1140px;
		left: 5%;
		z-index: -1;
	}
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.contents-area {
		padding-left: 0;
	}

	.l-mv-wrapper {
		position: relative;
		margin: 0;
	}

	.l-mv-wrapper::before {
		width: 67rem;
		height: 67rem;
		content: "";
		top: 21rem;
		left: -37rem;
		position: absolute;
		background: url(./img/mv_left.png) no-repeat center / contain;
		z-index: -1;
	}

	.l-mv-inner {
		width: 100%;
		padding: 30rem 2rem 1rem;
	}

	.l-mv-logo {
		position: absolute;
		top: 12%;
		width: 30%;
		left: 33%;
		/* transform: translateX(-50%); */
	}

	.l-mv-title {
		font-size: 2.2rem;
		margin: 0;
	}

	.l-mv-title .label {
		font-size: 1.6rem;
		margin-bottom: 1.5rem;
		padding: 2px 8px;
	}

	.l-mv-title .dot {
		font-size: 2.5rem;
	}

	.l-mv-title .txt-small {
		font-size: 2.3rem;
	}

	.l-mv-txt p.txt {
		line-height: 1.5;
	}

	.l-mv-txt p.txt01 {
		margin-top: var(--s3);
	}

	.l-mv-txt p.txt02 {
		margin-top: 2rem;
	}

	.mv-img_area {
		position: absolute;
		top: 0px;
		right: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: -1;
	}

	.mv-img_area::before {
		width: 70rem;
		height: 70rem;
		content: "";
		top: -1%;
		left: 6%;
		position: absolute;
		background: url(./img/mv_right.png) no-repeat center / 100%;
	}
	
	.l-mv-inner .btn-internal {
		width: 90%;
		margin: 4rem auto;
	}
}

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

    index01

*/
.onb-index01-frame {
	width: 100%;
	background-color: var(--sub-);
}

.onb-index01-wrap {
	margin: 0 auto;
	padding: var(--s2);
	background-color: var(--base-color02);
	position: relative;
}

.onb-index01-title {
	padding: var(--s2) var(--s2) var(--s2) var(--s7);
	color: var(--text-color);
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1;
	background: var(--base-color02) url("./img/icon-toc.svg") no-repeat left 1rem center;
	background-size: 3rem auto;
	position: relative;
	cursor: pointer;
}

.onb-index01-title::before {
	content: "";
	width: 2rem;
	height: 0.3rem;
	background: var(--main-color);
	position: absolute;
	top: 50%;
	right: 2rem;
	transform: translate(0, -50%);
}

.onb-index01-title::after {
	content: "";
	width: 0.3rem;
	height: 2rem;
	background: var(--main-color);
	position: absolute;
	top: 50%;
	right: 2.9rem;
	transform: translate(0, -50%);
	transition: transform 0.3s;
}

.onb-index01-title.is-open::after {
	transform: translate(0, -50%) rotate(270deg);
}

#toc .onb-index01-chapter {
	padding: var(--s2) var(--s2) var(--s2) var(--s7);
	font-weight: 700;
	counter-reset: number 0;
}

#toc ul li.chapter-h-two::before,
#toc ul li.onb-index01-chapter-h-two::before {
	counter-increment: number 1;
	content: counter(number, decimal-leading-zero);
	color: var(--main-color);
	position: absolute;
	top: 0;
	left: -1.8em;
}

#toc ul li.onb-index01-chapter-h {
	margin: 0 0 0 var(--s2);
	font-size: 100%;
	line-height: 1.7;
	position: relative;
}

#toc ul li.onb-index01-chapter-h a {
	display: block;
	text-decoration: none;
}

#toc ul li.onb-index01-chapter-h a:hover {
	opacity: .6;
}

#toc ul li.onb-index01-chapter-h-two {
	margin-left: var(--s2);
	position: relative;
}

#toc ul li.onb-index01-chapter-h-three {
	margin-left: var(--s4);
	position: relative;
}

#toc ul li.onb-index01-chapter-h-two::before,
#toc ul li.onb-index01-chapter-h-three::before {
	color: var(--main-color);
	position: absolute;
	top: 0;
	left: -1.8em;
}

#toc ul li.chapter-h-three::before,
#toc ul li.onb-index01-chapter-h-three::before {
	content: "└";
}

.more-content {
	display: none;
}

.onb-index01-content {
	border-top: 1px solid var(--text-color);
	background: var(--base-color02);
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	#toc .onb-index01-chapter {
		padding-left: var(--s4);
	}

	    .onb-index01-title {
        background-size: 2.5rem auto;
        font-size: 2rem;
        padding: var(--s2) var(--s2) var(--s2) var(--s5);
    }
}

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

    background

*/
.bg-01 {
	background: linear-gradient(to bottom, #ECF9DF, #CBECD5);
	background-size: cover;
}

.bg-02 {
	background-color: var(--base-color02);
}

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

    accordion

*/
.acc-more-btn {
	max-width: 46rem;
	margin: var(--s5) auto;
	position: relative;
	width: 100%;
}

.acc-more-btn span {
	width: 100%;
	margin: auto;
	padding: 2rem 6rem 2rem 3rem;
	border: .2rem solid var(--main-color);
	border-radius: 4rem;
	color: var(--main-color);
	font-weight: 700;
	display: block;
	text-align: center;
	transform: translate(0, 0);
	transition: transform 0.3s;
	cursor: pointer;
	box-shadow: 0px 0px 20px 0px rgba(42, 171, 158, 0.16);
	background: var(--base-color01);
}

.acc-more-btn span::before {
	content: "";
	width: 2rem;
	height: 0.3rem;
	background: var(--main-color);
	position: absolute;
	top: 50%;
	right: 2rem;
	transform: translate(0, -50%);
}

.acc-more-btn span::after {
	content: "";
	width: 0.3rem;
	height: 2rem;
	background: var(--main-color);
	position: absolute;
	top: 50%;
	right: 2.9rem;
	transform: translate(0, -50%);
	transition: transform 0.3s;
}

.acc-more-btn:hover span {
	opacity: 0.8;
}

.acc-more-btn.is-open span::after {
	transform: translate(0, -50%) rotate(270deg);
}

.more-content {
	display: none;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.acc-more-btn {
		margin: 0;
	}

	.acc-more-btn span {
		transition: inherit;
		transform: none;
	}

	.acc-more-btn:hover span {
		transform: none;
	}
}

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

    ttl

*/
.section-title08 {
    margin-top: 3rem;
    padding: var(--s3);
    font-size: 2.2rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
    border-radius: .5rem;
    position: relative;
}
.section-title08::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 5rem solid transparent;
    border-left: 5rem solid transparent;
    border-right: 5rem solid var(--sub-color01);
    border-bottom: 5rem solid var(--sub-color01);
    transform: translateX(-50%) rotate(45deg);
    position: absolute;
    left: 50%;
    bottom: 2rem;
    z-index: -1;
}
/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.section-title08 {
		padding: var(--s2);
		font-size: 2rem;
	}
	    .section-title08::after {
        bottom: 5.5rem;
        border-top: 3rem solid transparent;
        border-left: 3rem solid transparent;
        border-right: 3rem solid var(--sub-color01);
        border-bottom: 3rem solid var(--sub-color01);
    }
}

.section-title01-frame {
	padding-top: 12rem;
	position: relative;
}

.section-title01-frame::before {
	content: "";
	width: 100%;
	min-height: 38.8rem;
	background: url("./img/recommend_bg.jpg") no-repeat center center;
	background-size: cover;
	transform: translateX(-50%);
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
}

.section-title01-frame p {
	/* color: #fff; */
}

.section-title01-bg {
	padding: 8rem 7.2rem 4.2rem 7.2rem;
	background-color: rgba(var(--text-color-rgb), .87);
	background: linear-gradient(to right, rgb(236 249 223 / 87%), rgb(203 236 213 / 87%));
	position: relative;
	z-index: 2;
}
.section-title01-bg p span {
    background: linear-gradient(transparent 90%, #fc8d33 90%);
    color: var(--text-color);
}
.section-title01 {
	margin-bottom: 2rem;
	font-size: 3.2rem;
	font-weight: 700;
	/* color: #fff; */
	line-height: 1.5;
	text-align: center;
	position: relative;
}

.section-title01::before {
	content: "RECOMMEND";
	padding: 0 var(--s2);
	font-size: 2.6rem;
	transform: translateX(-50%);
	color: var(--main-color);
	position: absolute;
	top: -4.8rem;
	left: 50%;
	z-index: 3;
}

.section-title01::after {
	content: "";
	height: 1px;
	transform: translateX(-50%);
	background-color: #ccc;
	position: absolute;
	top: -2rem;
	left: 50%;
	z-index: 2;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.section-title01-frame {
		padding-top: 2rem;
	}
	
	.section-title01-bg {
		padding: var(--s7) var(--s2) var(--s4) var(--s2);
	}

	.section-title01 {
		margin-bottom: var(--s3);
		font-size: 2.4rem;
	}

	.section-title01::before {
		font-size: 1.8rem;
		top: -3.2rem;
	}
	
	#low-page .section-title01-frame::before {
		min-height: 32rem;
	}
}

/*------------------------------------------------------------
    ttl section-title02
*/
.section-title02-frame {
	margin-top: 5rem;
	text-align: center;
	position: relative;
}

.section-title02 {
	font-size: 3.6rem;
	font-weight: 700;
	color: var(--text-color);
	text-align: center;
	line-height: 1.4;
}

.section-title02 a {
	display: block;
	background: url("./img/arrow-01-green-right.svg") no-repeat center right 12% / auto 2rem;
}

.section-title02-sub {
	width: 100%;
	margin-bottom: 1rem;
	font-size: 2.6rem;
	font-weight: 700;
	color: var(--main-color);
	text-align: center;
	position: absolute;
	top: -1.5em;
	left: 0;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.section-title02 {
		font-size: 2.4rem;
		line-height: 1.5;
	}
.section-title02-frame {
	margin-top: 3rem;
}
	.section-title02 a {
		padding-right: 1rem;
		background: url("./img/arrow-01-green-right.svg") no-repeat center right 0 / auto 2rem;
	}
	.section-title02-sub {
	font-size: 2rem;
}
}

/*------------------------------------------------------------
    ttl section-title07
*/
.section-title07-frame {
	margin-top: 5rem;
	position: relative;
}

.section-title07-frame::before {
    content: "IN DETAIL";
    width: 100%;
    font-size: 3rem;
    font-weight: 700;
    color: rgba(42, 171, 151, 0.31);
    text-align: center;
    position: absolute;
    top: -3rem;
    left: 0;
}

.section-title07 {
	width: 100%;
	padding: var(--s4) var(--s12);
	font-size: 3.6rem;
	font-weight: 700;
	color: var(--text-color);
	text-align: center;
	position: relative;
	line-height: 1.4;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.section-title07-frame {
		background-color: transparent;
	}

	    .section-title07-frame::before {
        width: 100%;
        padding: var(--s1) 0;
        font-size: 2.2rem;
        top: -3rem;
    }

	.section-title07 {
		padding: var(--s2);
		font-size: 2.4rem;
	}
}



.l-pickup-contents03-l {
    width: 100%;
	background: url('./img/pickup-bg-l.jpg') no-repeat left top;
	background-size: cover;
    position: relative;
    display: grid;
    place-items: center;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
        "catch image"
        "content image";
}
.l-pickup-contents03-l::before {
    content: "";
    width: 8.6rem;
    height: 7.6rem;
    background: url(./img/pickup_icon.jpg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: -2.8rem;
    left: -1.8rem;
}
.l-pickup-contents03-l-catch {
    padding: var(--s8) var(--s8) var(--s2) var(--s8);
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.5;
    grid-area: catch;
}

.l-pickup-contents03-l-catch span {
	font-size: 2rem;
	display: inline-block;
	line-height: 1.3;
}

.l-pickup-contents03-l-img {
    /* padding: var(--s8); */
    padding-right: var(--s8);
    grid-area: image;
}
.l-pickup-contents03-l-content {
    padding: 0 var(--s8) var(--s7) var(--s8);
    grid-area: content;
    position: relative;
    z-index: 5;
}

.l-pickup-contents03-l-content p:first-child {
	font-size: 2rem;
	font-weight: 700;
	color: var(--main-color);
}

.l-pickup-contents03-l-subcatch {
	font-size: 2.4rem;
	font-weight: 700;
	color:var(--main-color)
}
.btn-pickup-contents03 {
    margin: var(--s5) auto 0 auto;
}
/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {

	
    .l-pickup-contents03-l {
        grid-template-columns: none;
        grid-template-areas: inherit;
		background: url(./img/pickup-bg-l-sp.jpg) no-repeat left top;
		background-size: cover;
    }
    .l-pickup-contents03-l::before {
        width: 8.8rem;
        height: 6.8rem;
        top: -3.4rem;
        left: 0;
    }
    .l-pickup-contents03-l-catch {
        padding: var(--s6) var(--s2) 0 var(--s2);
        font-size: 2.4rem;
    }
	.l-pickup-contents03-l-catch span {
		font-size: 1.8rem;
	}
    .l-pickup-contents03-l-img {
        padding: var(--s2);
    }
    .l-pickup-contents03-l-content {
        max-width: inherit;
        padding: 0 var(--s2) var(--s4) var(--s2);
    }
    .l-pickup-contents03-l-catch,
    .l-pickup-contents03-l-content {
        grid-area: inherit;
    }
	.l-pickup-contents03-l-img {
        grid-area: inherit;
        margin: auto;
        text-align: center;
    }
	.l-pickup-contents03-l-img img {
    width: 50%;
}
    .btn-pickup-contents03 {
        margin-right: var(--s1);
    }
}

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

    column

*/
/*------------------------------------------
    1box column settings
*/
.column-medium {
	padding: 0 var(--s4);
	background-color: var(--base-color01);
}

.onb-box-full {
	width: calc(100% + var(--s8));
	margin-left: calc(var(--s4) * -1);
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.column-medium {
		padding: var(--s2);
	}

	.onb-box-full {
		width: calc(100% + var(--s4));
		margin-left: calc(var(--s2) * -1);
	}
}

/*------------------------------------------
    2box column settings
*/
.twb-box-full {
	/* width: calc(100% + var(--s8)); */
	/* margin-left: calc(var(--s4) * -1); */
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.column-medium {
		padding: 0 var(--s2);
	}

	.twb-box-full {
		/* width: calc(100% + var(--s4)); */
		/* margin-left: calc(var(--s2) * -1); */
	}
}

/*------------------------------------------
    3box column settings
*/
.column-small {
	padding: 0 var(--s2);
	background-color: var(--sub-color02);
}

.thb-box-full {
	width: calc(100% + var(--s4));
	margin-left: calc(var(--s2) * -1);
}

/*------------------------------------------
    1box_item-title-r
*/
.onb-item-title-frame {
	padding: var(--s2);
	background-color: var(--main-color);
	position: relative;
}

.onb-item-title-icon {
	width: 8.5rem;
	height: 8.5rem;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	top: -4rem;
	left: -2rem;
}

.onb-item-title-icon img {
	width: 100%;
}

.l-onb-item-title {
	color: #fff;
	display: flex;
	align-items: center;
	gap: var(--s2);
}

.l-onb-item-title__side,
.l-onb-item-title__main {
	padding: var(--s2);
	text-align: center;
	line-height: 1.2;
}

.l-onb-item-title__side span {
	font-size: 1.4rem;
}

.l-onb-item-title__side {
	width: calc((100% - var(--s2))*.4);
	font-size: 2.8rem;
	font-weight: 700;
	background-color: var(--text-color);
	color: var(--base-color01);
}

.l-onb-item-title__main {
	width: calc((100% - var(--s2))*.7);
}

.onb-item-title-catch {
	margin-bottom: var(--s2);
	font-size: 2.8rem;
	font-weight: 700;
	display: block;
}

.onb-item-title-catch--underline {
	padding-bottom: var(--s1);
	border-bottom: 2px solid var(--accent-color01);
	display: inline-block;
}

.onb-item-title-title {
	font-size: 3.2rem;
	font-weight: 700;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.onb-item-title-frame {
		padding: var(--s2);
	}

	.onb-item-title-icon {
		width: 6rem;
		height: 6rem;
		position: absolute;
		top: -2rem;
		left: -1rem;
	}

	.l-onb-item-title {
		flex-direction: column;
	}

	    .l-onb-item-title__side {
        width: 100%;
        font-size: 1.8rem;
        padding: var(--s1);
    }
.l-onb-item-title__main {
        width: 100%;
        font-size: 1.8rem;
        padding: 0 0 var(--s2);
    }
	.l-onb-item-title__side span,
	.l-onb-item-title__main span {
		font-size: 1.2rem;
	}

	.onb-item-title-catch {
		font-size: 2.2rem;
	}
	.onb-item-title-title {
	font-size: 2.6rem;
}
}

/*------------------------------------------------------------
    1box_m-title05
*/
.onb-m-title5 {
	line-height: 1.4;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
}

.onb-m-title5 span {
	display: flex;
	align-items: center;
}

.onb-m-title5 span::before,
.onb-m-title5 span::after {
	content: "";
	min-width: 5%;
	height: 1px;
	background-color: var(--main-color);
	flex-grow: 1;
}

.onb-m-title5 span::before {
	margin-right: var(--s2);
}

.onb-m-title5 span::after {
	margin-left: var(--s2);
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
.onb-m-title5 {
	font-size: 1.8rem;
}
	.onb-m-title5 span::before,
	.onb-m-title5 span::after {
		width: 4rem;
	}

	.onb-m-title5 span::before {
		margin-right: var(--s1);
	}

	.onb-m-title5 span::after {
		margin-left: var(--s1);
	}
}

/*------------------------------------------------------------
    1box_m-title06
*/
.onb-m-title6 {
	padding: .5rem 1rem .8rem 1rem;
	line-height: 1.5;
	font-size: 2.4rem;
	font-weight: 700;
	border-left: .5rem solid var(--main-color);
	border-bottom: 1px solid var(--main-color);
}
/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.onb-m-title6 {
	font-size: 2rem;
}
}

/*------------------------------------------------------------
    center-img
*/
.center-img {
	max-width: 80%;
	margin: 0 auto;
	padding-bottom: var(--s2);
}

.center-img-catch {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--text-color);
	line-height: 1.5;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.center-img {
		max-width: 100%;
	}
}

/*------------------------------------------------------------
    1box_casebox01
*/
.onb-casebox-01-frame {
	margin: 2rem 0;
	padding: var(--s6);
	background-color: var(--base-color02);
	position: relative;
}

.onb-casebox-01-sub {
	padding: var(--s1) var(--s2);
	background-color: var(--main-color);
	color: #fff;
	font-size: 1.8rem;
	transform: translateX(-50%);
	position: absolute;
	top: -2rem;
	left: 50%;
}

.l-onb-casebox-01 {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s3);
}

.l-onb-casebox-01__side {
	width: calc((100% - var(--s3))*.4);
}

.l-onb-casebox-01__main {
	width: calc((100% - var(--s3))*.6);
}

.onb-casebox-01-table {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
}

.onb-casebox-01-table th {
	font-weight: 700;
	text-align-last: left;
	background-color: var(--table-color);
	color: var(--base-color01);
	width: 20%;
}

.onb-casebox-01-table th,
.onb-casebox-01-table td {
	padding: var(--s1) var(--s2);
}

.onb-casebox-01-catch {
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 1.5;
	color: var(--text-color);
	margin-bottom: 1rem;
}

.onb-casebox-01-caption {
	text-align: right;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.l-onb-casebox-01 {
		flex-direction: column;
	}

	.l-onb-casebox-01__side,
	.l-onb-casebox-01__main {
		width: 100%;
	}

	.l-onb-casebox-01__side {
		text-align: center;
	}

	.onb-casebox-01-frame {
		padding: var(--s5) var(--s3) var(--s3);
	}

	    .onb-casebox-01-sub {
        font-size: 1.4rem;
        width: 70%;
        padding: var(--s1) var(--s2);
        text-align: center;
        line-height: 1.2;
    }
.onb-casebox-01-catch {
	font-size: 1.8rem;
}
	.onb-casebox-01-table th {
		width: 40%;
	}
}

/*------------------------------------------
    Slider settings
*/
.onb-txtSlider-area {
	position: relative;
}

.swiper.onb-txtSlider {
	width: calc(100% + 6.4rem);
	height: auto;
	margin-left: -3.2rem;
}

.slide-text-img img {
	width: 100%;
}

.slide-text-box {
	padding: 1.6rem;
}

.slide-text-box p {
	line-height: 1.5;
}

.box-title {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--text-color);
}

.onb-txtSlider .swiper-pagination-fraction {
	width: 4em;
	padding: var(--s1);
	background-color: #fff;
	display: inline-block;
	bottom: inherit;
	top: 0;
	left: inherit;
	right: 18%;
	z-index: 5;
}

.onb-txtSlider-area .swiper-button-next,
.onb-txtSlider-area .swiper-button-prev {
	width: 5rem;
	height: 5rem;
	top: 38%;
}

.onb-txtSlider-area .swiper-button-prev {
	left: 12%;
}

.onb-txtSlider-area .swiper-button-next {
	right: 12%;
}

.onb-txtSlider-area .swiper-button-next:hover,
.onb-txtSlider-area .swiper-button-prev:hover {
	opacity: .6;
}

.onb-txtSlider-area .swiper-button-next:after,
.onb-txtSlider .swiper-rtl .swiper-button-prev:after {
	content: "";
	width: 5rem;
	height: 5rem;
	background: url("./img/slider-arrow-right.svg") no-repeat center center;
	background-size: contain;
}

.onb-txtSlider-area .swiper-button-prev:after,
.onb-txtSlider .swiper-rtl .swiper-button-next:after {
	content: "";
	width: 5rem;
	height: 5rem;
	background: url("./img/slider-arrow-left.svg") no-repeat center center;
	background-size: contain;
}

.onb-txtSlider .swiper-slide-prev .slide-text-img,
.onb-txtSlider .swiper-slide-next .slide-text-img {
	background-color: #fff;
}

.onb-txtSlider .swiper-slide-prev .slide-text-img img,
.onb-txtSlider .swiper-slide-next .slide-text-img img {
	opacity: .7;
}

.onb-txtSlider .swiper-slide-prev .slide-text-img .caption,
.onb-txtSlider .swiper-slide-next .slide-text-img .caption,
.onb-txtSlider .swiper-slide-prev .slide-text-box,
.onb-txtSlider .swiper-slide-next .slide-text-box {
	display: none;
}

.onb-txtSlider .swiper-slide-active .slide-text-box {
	display: flex;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.swiper.onb-txtSlider {
		width: calc(100% + var(--s4));
		height: auto;
		margin-left: calc(var(--s2) * -1);
	}

	.onb-txtSlider .swiper-slide {
		width: 100% !important;
	}

	.onb-txtSlider .swiper-pagination-fraction {
		width: 5.5em;
		font-size: 1rem;
		right: 0;
	}

	.onb-txtSlider-area .swiper-button-next,
	.onb-txtSlider-area .swiper-button-prev {
		width: 3rem;
		height: 3rem;
		top: 30%;
	}

	.onb-txtSlider-area .swiper-button-prev {
		left: -1rem;
	}

	.onb-txtSlider-area .swiper-button-next {
		right: -1rem;
	}
}

/*------------------------------------------------------------
    1box_casebox02
*/
.onb-casebox02-frame {
	margin-top: 2rem;
	padding: var(--s3);
	background-color: var(--sub-color01);
	position: relative;
}

.onb-casebox02-sub {
	padding: var(--s1) var(--s3);
	background-color: var(--text-color);
	color: #fff;
	font-size: 2.1rem;
	transform: translateX(-50%);
	position: absolute;
	top: -2rem;
	left: 50%;
}

.l-onb-casebox02 {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s3);
}

.l-onb-casebox02__side {
	width: calc((100% - var(--s3))*.2);
}

.l-onb-casebox02__main {
	width: calc((100% - var(--s3))*.7);
}

.onb-casebox02-imgcap {
	margin-top: 1rem;
	text-align: center;
	font-size: 1.2rem;
}

.onb-casebox02-catch {
	font-size: 2.1rem;
	font-weight: 700;
	color: var(--text-color);
	line-height: 1.5;
}

.onb-casebox02-caption {
	text-align: left;
}
@media screen and (max-width: 767px) {
.onb-casebox02-catch {
    font-size: 1.8rem;
}
.l-onb-casebox02__main {
	width: calc((100% - var(--s3))*.8);
}
}
/*------------------------------------------------------------
    1box_icon-head01

*/
.onb-icon-head01 {
	margin-top: var(--s4);
	margin-bottom: var(--s4);
	margin-left: var(--s4);
	padding: var(--s4) var(--s2) var(--s4) var(--s12);
	line-height: 1.5;
	font-size: 2.4rem;
	font-weight: 700;
	background-color: var(--base-color02);
	position: relative;
}

.onb-icon-head01::before {
	content: "";
	width: 10.5rem;
	height: 10.5rem;
	background: url('./img/icon-head-point.svg') no-repeat center center;
	background-size: contain;
	position: absolute;
	left: -4rem;
	top: -1.6rem;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.onb-icon-head01 {
		margin-left: var(--s2);
		padding: var(--s1) var(--s1) var(--s1) var(--s8);
		font-size: 1.8rem;
		margin-bottom: 1rem;
	}

	.onb-icon-head01::before {
		content: "";
		width: 8rem;
		height: 8rem;
		left: -2.5rem;
		top: -2.4rem;
	}
}

/*------------------------------------------------------------
    icon-head02

*/
.icon-head02 {
	margin-top: var(--s4);
	margin-bottom: var(--s4);
	margin-left: var(--s4);
	padding: var(--s4) var(--s2) var(--s4) var(--s12);
	line-height: 1.5;
	font-size: 2.4rem;
	font-weight: 700;
	background-color: var(--sub-color01);
	position: relative;
}

.icon-head02::before {
	content: "";
	width: 10.5rem;
	height: 10.5rem;
	background: url('./img/icon-head-point.svg') no-repeat center center;
	background-size: contain;
	position: absolute;
	left: -4rem;
	top: -1.6rem;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.icon-head02 {
		margin-left: var(--s2);
		padding: var(--s1) var(--s1) var(--s1) var(--s8);
		font-size: 1.8rem;
	}

	.icon-head02::before {
		content: "";
		width: 8rem;
		height: 8rem;
		left: -2.5rem;
	}
}

/*------------------------------------------
    1box_text-list
*/
.twb-text-list {
	padding: var(--s2);
	line-height: 1.5;
	display: flex;
	align-items: center;
	gap: var(--s2);
	background-color: var(--sub-color01)
}

.twb-text-list__left {
	min-width: 6em;
	color: var(--text-color);
	font-weight: 700;
}

.twb-text-list__right {
	width: calc(100% - (4em + var(--s2)));
	font-size: 1.4rem;
}

.twb-text-list__right em {
	font-size: 2.1rem;
	font-style: normal;
	font-weight: 700;
}

/*------------------------------------------
    2box_catch
*/
.twb-title-catch {
    padding: var(--s4);
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--text-color);
    text-align: center;
    line-height: 1.5;
    background: url(./img/twb-title-catch_bg.png) no-repeat top left #eaf6f4;
	background-size: 29rem;
}

.twb-title-catch a {
	display: block;
	background: url("./img/arrow-01-green-right.svg") no-repeat center right / auto 2rem;
}

.twb-title-catch span {
	font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
	.twb-title-catch {
		padding: var(--s4) var(--s2);
	}

	.twb-title-catch a {
		padding-right: 2rem;
		display: block;
		background: url("./img/arrow-01-green-right.svg") no-repeat center right/ auto 2rem;
	}
}

/*------------------------------------------
    3box column arrow-title
*/
.arrow-title {
	padding: var(--s2);
	font-size: 2.2rem;
	font-weight: 700;
	color: #fff;
	background: var(--text-color) no-repeat / cover ;
	text-align: center;
	line-height: 1.3;
	position: relative;
}

.arrow-title.title01 {
	background-image: url(img/recommend_bg01.jpg);
}

.arrow-title.title02 {
	background-image: url(img/recommend_bg02.jpg);
}

.arrow-title.title03 {
	background-image: url(img/recommend_bg03.jpg);
}

.arrow-title-sub {
    font-size: 2.4rem;
    line-height: 1;
    border-bottom: 2px solid var(--accent-color01);
}

.arrow-title-small {
	font-size: 1.6rem;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.arrow-title {
		background-size: 100%;
	}
}

/*------------------------------------------
    3box column ttl
*/
.m-title01 {
	padding: var(--s1) 0;
	font-size: 2rem;
	font-weight: 700;
	color: var(--text-color);
	text-align: center;
	line-height: 1.5;
}

/*------------------------------------------
    3box_com-box
*/
.com-box-frame {
	border: 1px solid var(--text-color);
	text-align: center;
}

.com-box-title {
	padding: var(--s1) 0;
	background-color: var(--text-color);
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--base-color01);
	line-height: 1.5;
}

.com-box-area {
	padding: var(--s2);
	display: flow-root;
	background: var(--base-color01);
}

.com-box-img {
	width: 8.2rem;
	margin-right: var(--s2);
	margin-bottom: var(--s2);
	float: left;
}

.com-box-img span {
	margin-top: var(--s1);
	display: block;
	font-size: 1.2rem;
	text-align: center;
}

.com-box-catch {
	font-weight: 700;
	color: var(--accent-color01);
	line-height: 1.5;
	font-size: 1.8rem;
}

/*------------------------------------------
    3box_listbox
*/
.thb-listbox-bg-colored {
	padding-top: 2rem;
}

.thb-listbox-area {
	padding: 4rem var(--s2) var(--s2) var(--s2);
	background-color: var(--base-color01);
	position: relative;
}

.thb-listbox-title {
	margin-top: -5.5rem;
	padding: var(--s1);
	color: #fff;
	background-color: var(--text-color);
	text-align: center;
	line-height: 1.4;
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 2rem;
}

.thb-listbox-subtitle {
	text-align: center;
	font-weight: 700;
}

.thb-listbox-list {
	width: 100%;
	padding-left: 2rem;
}

#low-page .thb-listbox-list {
	margin: 0;
}

.thb-listbox-list li {
	padding: 0 var(--s1);
	line-height: 1.5;
	position: relative;
}

.thb-listbox-list li::before {
	content: "";
	width: 2rem;
	height: 2rem;
	background: var(--accent-color01) url("./img/icon-check.svg") no-repeat left top;
	background-size: contain;
	position: absolute;
	top: .3rem;
	left: -2rem;
}

.thb-listbox-list li span {
	color: var(--accent-color01);
    font-weight: 700;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.thb-listbox-area {
		padding: var(--s5) var(--s2) var(--s2) var(--s2);
	}

	.thb-listbox-list li {
		font-size: 1.4rem;
	}

	.thb-listbox-list--three li {
		width: calc((100% - var(--s2)) / 2);
	}

	.thb-listbox-title {
		width: 80%;
		margin: -5rem auto 2rem;
		padding: var(--s1);
		font-size: 1.4rem;
		text-align: center;
	}
}

/*------------------------------------------------------------
    3box_text-list
*/
.thb-text-list {
	padding: var(--s2);
	border: 1px solid var(--main-color);
	line-height: 1.5;
	display: flex;
	align-items: center;
	gap: var(--s2);
}

.thb-text-list__left {
	width: 10em;
	color: var(--main-color);
	font-size: 1.4rem;
	font-weight: 700;
}

.thb-text-list__right {
	width: calc(100% - (4em + var(--s2)));
	font-size: 1.4rem;
}

.thb-text-list__right em {
	font-size: 2.1rem;
	font-style: normal;
	font-weight: 700;
}

/*------------------------------------------------------------
    3box_table
*/
.thb-table {
	table-layout: fixed;
	line-height: 1.5;
	border-collapse: collapse;
	border: 1px solid #D3D3D3;
	margin-bottom: 3rem;
}

.thb-table th,
.thb-table td {
	padding: var(--s1);
	border: 1px solid #707070;
	word-break: break-all;
}

.thb-table th {
	width: 35%;
}

/*------------------------------------------------------------
    3box_m-title04
*/
.thb-m-title04-frame {
	position: relative;
}

.thb-m-title04 {
	padding: var(--s6) var(--s1) var(--s1) var(--s1);
	font-size: 3rem;
	font-weight: 700;
	color: var(--text-color);
	line-height: 1.5;
	border-bottom: 5px solid rgba(var(--appeal-color01-rgb), .5);
	text-align: center;
	margin-top: 2rem;
}

.thb-m-title04-sub {
	padding: .8rem;
	font-size: 1.6rem;
	font-weight: normal;
	color: #fff;
	background-color: var(--main-color);
	transform: translateX(-50%);
	position: absolute;
	top: 0;
	left: 50%;
}

/*------------------------------------------------------------
    3box_m-title02
*/
.m-title02 {
    padding: var(--s1);
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    background-color: var(--text-color);
    text-align: center;
    margin: 1rem;
}

.m-title02.title01 {
	background-color: var(--main-color);
}

.m-title02.title02 {
	background-color: var(--appeal-color01);
}

.m-title02.title03 {
	background-color: var(--appeal-color02);
}

/*------------------------------------------------------------
    iconbox02
*/
.iconbox02-frame {
	padding: var(--s3);
	background-color: var(--sub-color02);
}

.iconbox02-catch {
    padding: var(--s1) var(--s1) var(--s3) var(--s5);
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--text-color);
    line-height: 1.5;
    border-bottom: 1px solid var(--main-color);
    background: url(./img/icon-catch.svg) no-repeat top left;
    background-size: 2.6rem;
}

.iconbox02-catch a {
	display: block;
	background: url("./img/arrow-01-green-right.svg") no-repeat center right / auto 2rem;
}

.iconbox02-caption {
	text-align-last: left;
}

@media screen and (max-width: 767px) {
	.iconbox02-catch {
		background-position: 0 10px;
	}

	.iconbox02-catch a {
		display: block;
		padding-right: 2rem;
		background: url("./img/arrow-01-green-right.svg") no-repeat center right / auto 2rem;
	}
}

/*------------------------------------------------------------
    2box_m-title03
*/
.twb-m-title03 {
	padding: var(--s3) var(--s1) var(--s3) var(--s7);
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--text-color);
	line-height: 1.5;
	border-bottom: 3px solid var(--sub-color01);
	background: url('./img/twb-m-title03.svg') no-repeat center left;
	background-size: 4rem auto;
	margin-bottom: var(--s2);
}
@media screen and (max-width: 767px) {
.twb-m-title03 {
	font-size: 2rem;
	background-size: 3.6rem auto;
	}
}
/*------------------------------------------------------------
    lower-bottom banner
*/
.l-contents-banner02 {
	margin: 22rem auto 14rem;
	position: relative;
	width: 66%;
	max-width: 730px;
}

.l-contents-banner02::after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: var(--text-color);
	position: absolute;
	right: -2rem;
	bottom: -2rem;
	z-index: -1;
}

.contents-banner02-img {
	width: 100%;
	min-height: 25rem;
	overflow: hidden;
}

.contents-banner02-img img.for-pc {
	display: block;
	object-fit: contain;
}

.contents-banner02-content {
	width: 40rem;
	padding: var(--s3);
	color: var(--base-color01);
	background-color: #fd8d32e0;
	position: absolute;
	top: -7rem;
	left: -5rem;
	z-index: 5;
}

.contents-banner02-catch {
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.2;
}

.contents-banner02-catch span {
	margin-bottom: 1rem;
	padding: var(--s1);
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1;
	color: #fff;
	background-color: var(--text-color);
}

.contents-banner02-text {
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.5;
}

.contents-banner02-btn {
    max-width: 25rem;
    margin: 0;
    position: absolute;
    right: 3rem;
    bottom: 2rem;
    z-index: 3;
}

.contents-banner02-btn a {
	box-shadow: unset;
	border: #fff solid 1px;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.l-contents-banner02 {
		background-color: var(--accent-color01);
		width: 92%;
		margin: 3rem auto 9rem;
	}

	.l-contents-banner02::after {
		right: -1rem;
		bottom: -1rem;
	}

	.contents-banner02-img {
		width: 100%;
		min-height: inherit;
		margin-left: 0;
	}

	.contents-banner02-content {
		width: 100%;
		padding: var(--s2);
		position: inherit;
		top: inherit;
		left: inherit;
	}

	.contents-banner02-img img.for-pc {
		display: none;
	}

	.contents-banner02-catch {
		font-size: 2.3rem;
	}

	.contents-banner02-text {
		font-size: 1.8rem;
	}

	.contents-banner02-btn-area {
		padding: 0 0 var(--s3) var(--s14);
		position: relative;
	}

	.contents-banner02-btn {
		width: 80%;
		margin: 0 auto;
		position: inherit;
		right: inherit;
		bottom: inherit;
		z-index: 3;
	}
}

/*------------------------------------------------------------
    追尾バナーPC
*/
.pc-fix-banner01 {
	width: 20rem;
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 50;
	display: none;
	transition: 0.5s;
	border: 1px solid #0b3d43;
	box-shadow: 5px 5px 0px #0b3d43;
}

.pc-fix-banner01 a {
	color: #fff;
	text-decoration: none;
	display: block;
}

.pc-fix-banner01 a:hover {
	opacity: .7;
}

.pc-fix-banner01-img {
	position: relative;
}

.pc-fix-banner01-img::before {
    content: "";
    width: 7rem;
    height: 3.4rem;
    background: url(/wp/wp-content/uploads/banner_icon.jpg) no-repeat center center;
    background-size: cover;
    /* border: 1px solid #0b3d43; */
    position: absolute;
    top: -1.5rem;
    left: .5rem;
    z-index: 5;
}

.pc-fix-banner01-text {
	padding: var(--s2);
	color: #fff;
	position: relative;
	background: linear-gradient(146deg, #58c77d, #4dbf98, #2aab9e);
	font-weight: bold;
}

.pc-fix-banner01-text::after {
	content: "";
	width: 0.1rem;
	height: 0.1rem;
	border-top: .5rem solid transparent;
	border-left: .5rem solid transparent;
	border-right: .5rem solid #fff;
	border-bottom: .5rem solid #fff;
	position: absolute;
	right: .5rem;
	bottom: .5rem;
}

.pc-fix-banner01-text p {
	margin: 0;
	font-size: 1.6rem;
	text-align: center;
}

.pc-fix-banner01-text p.text-small {
	font-size: 1.4rem;
	line-height: 1.5;
}

.pc-fix-banner01.is-hidden{
	visibility: hidden;
	opacity: 0;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	.pc-fix-banner01 {
		display: none !important;
	}
}

/*------------------------------------------------------------
    追尾バナーSP
*/
.sp-fix-banner01 {
	display: none;
	opacity: 0;
	visibility: hidden;
}

/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
	    .sp-fix-banner01 {
        width: 80%;
        position: fixed;
        left: 6px;
        bottom: 6px;
        z-index: 50;
        opacity: 1;
        visibility: visible;
        box-shadow: 5px 5px 0px #0b3d43;
			border: 1px solid #0b3d43;
    }

	.sp-fix-banner01-text {
		padding: var(--s2) var(--s2) var(--s1);
		color: #fff;
		position: relative;
		background: linear-gradient(146deg, #58c77d, #4dbf98, #2aab9e);
		font-weight: bold;
	}

	.sp-fix-banner01-text::before {
		content: "";
		width: 6rem;
		height: 3rem;
		background: url("/wp/wp-content/uploads/banner_icon.jpg") no-repeat center center;
		background-size: cover;
		position: absolute;
		top: -1.5rem;
		left: .5rem;
		z-index: 5;
	}

	.sp-fix-banner01-text p {
		margin: 0;
		font-size: 1.4rem;
	}

	.sp-fix-banner01-text a {
		padding-right: 1.6rem;
		color: #fff;
		text-decoration: none;
		background: url("./img/arrow-01-wht-right.svg") no-repeat right center / 1rem auto;
		display: block;
	}

	.sp-fix-banner01-text a:hover {
		opacity: .7;
	}
	
	.sp-fix-banner01.is-hidden{
	  visibility: hidden;
	  opacity: 0;
	}
}

/*------------------------------------------------------------
    arrow
*/
.arrow {
	text-align: center;
	width: 20%;
	margin: 0 auto 1rem;
}

/*------------------------------------------------------------
    btn
*/
.recommend_btn {
	margin-bottom: 3rem;
}

.recommend_btn .btn-web,
.recommend_btn .btn-ancher {
	margin: 2rem auto;
}

.section05 .btn-internal {
	margin: 1rem auto 4rem;
}

.section02 ul {
	margin: 2rem 0;
}

.info {
	margin-bottom: 6rem;
}
/*------------------------------------------------------------
    SP settings
*/
@media screen and (max-width: 767px) {
.recommend_btn {
	margin-bottom: 1rem;
}
}	
/* section */
.section03 .l-grid-three .recommend_btn .btn-web a {
	display: flex;
	align-items: center;
	justify-content: center;
}

#index .section03 .l-grid-three .recommend_btn .btn-ancher a {
	background-image: url("./img/arrow-01-wht-down.svg");
	background-size: 1em;
}

.section03 .column-small {
	border: 1px solid var(--sub-color01);
}
.section03 .caption {
    text-align: left;
}
.section03 .caption.caption--center {
    text-align: center;
}
.section04 .head__wrap {
	background: url("./img/bg-01.png") no-repeat center top 4rem / auto;
	padding-bottom: 4rem;
	padding-top: 1rem;
}

.section04 .img__area img {
	border: 1px solid #dfdfdf;
}

.section05 .column-medium {
	border: none;
	background: var(--sub-color01);
	padding-top: 0;
}

.section06 .column-small {
	padding: var(--s2);
	background-color: var(--base-color01);
}

.section06 .column-small .m-title01 {
    display: flex;
    align-items: center;
	text-align: left;
	min-height: 80px;
    padding: 1rem 3rem 1rem 2rem;
    background: #eaf6f4 url(./img/arrow-01-green-right.svg) no-repeat center right 9px / auto 1.6rem;
}

@media screen and (max-width: 767px) {
	#index .section03 .l-grid-three .recommend_btn .btn-ancher a {
		background-size: 0.8em;
	}
	
	.section04 .head__wrap {
		background: url("./img/bg-01.png") no-repeat center top 4rem / 90%;
	}
}