@charset "utf-8";

.hodonaku{
	margin-top: 15rem;
	max-width: 148rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 4rem;
	padding-right: 4rem;
	line-height: 1.8;
}

@media screen and (max-width: 559px) {

	.hodonaku{
		margin-top: 10rem;
		padding-left: 3rem;
		padding-right: 3rem;
	}

	.hodonaku .main {
		margin-left: -3rem;
		margin-right: -3rem;
    }

}

.hodonaku.sub{
	margin-top: 0;
}

.hodonaku .title{
	margin-bottom: 4rem;
}

.hodonaku .main{
	
}

.hodonaku .main img{
	width: 100%;	
}

.hodonaku .catch_area{
	margin-bottom: 10rem;
}

.hodonaku .catch_area .move_title{
	font-size: 3.8vw;
	width: max-content;
	line-height: 1.2;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
}

.hodonaku .catch_area .move_title small{
	font-size: 3rem;
	margin-left: 2.5vw;
}

.hodonaku .catch_area .kakeru{
	font-size: 3.8vw;
	text-align: center;
	margin-bottom: 3rem;
}

.hodonaku .catch_area .logo{
	max-width: 21vw;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}

.hodonaku .bt_list{
	display: flex;
	justify-content: space-evenly;

	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15rem;
}

.hodonaku .bt_list li{
	width: 34%;
}

.hodonaku .bt_list li a{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #009c84;
	font-size: 2vw;
	height: 10rem;
}

@media screen and (max-width: 767px) {

	.hodonaku .title {
		margin-bottom: 2rem;
	}

	.hodonaku .catch_area {
		margin-bottom: 5rem;
	}

	.hodonaku .catch_area .move_title {
		font-size: 6.5vw;
		margin-bottom: 0.5rem;
	}

	.hodonaku .catch_area .move_title small {
		font-size: 2rem;
	}

	.hodonaku .catch_area .kakeru {
		font-size: 6vw;
		margin-bottom: 0.5rem;
	}

	.hodonaku .catch_area .logo {
		max-width: 35vw;
	}

	.hodonaku .bt_list {
		justify-content: space-between;
		margin-bottom: 5rem;
	}

	.hodonaku .bt_list li {
		width: 48%;
	}

	.hodonaku .bt_list li a {
		font-size: 4.0vw;
		height: 5rem;
	}

}

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

.hodonaku .about_list{
	display: flex;
	justify-content: space-between;

	/* max-width: 100rem; */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15rem;
}

.hodonaku .about_list li:first-child{
	width: 50%;
}

.hodonaku .about_list li:first-child .title{
	/* font-size: 2.0vw; */
	/* font-size: 3rem; */
	font-size: 3.5rem;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 2rem;
}

.hodonaku .about_list li:first-child .text{
	font-size: 1.7rem;
	margin-bottom: 4rem;
}

.hodonaku .about_list li:first-child .text:last-child{
	margin-bottom: 0;
}

.hodonaku .about_list li:last-child{
	width: 42%;
	background: #e1ebe7;
	padding: 3rem;
}

.hodonaku .about_list li:last-child .title{
	/* font-size: 1.2vw; */
	font-size: 1.8rem;
	margin-bottom: 1rem;
}

.hodonaku .about_list li:last-child .text{
	margin-bottom: 4rem;
}

.hodonaku .about_list li:last-child .text:last-child{
	margin-bottom: 0;
	color: #2e9b84;
}

@media screen and (max-width: 767px) {

	.hodonaku .about_list {
		flex-wrap: wrap;
		margin-bottom: 4rem;
	}

	.hodonaku .about_list li:first-child .title{
		font-size: 5.8vw;
		margin-bottom: 2rem;
	}

	.hodonaku .about_list li:first-child .text{
		font-size: 1.4rem;
		margin-bottom: 2rem;
	}

	.hodonaku .about_list li:first-child {
		width: 100%;
		margin-bottom: 4rem;
	}

	.hodonaku .about_list li:last-child {
		width: 100%;
		background: #e1ebe7;
		padding: 3rem;
	}

	.hodonaku .about_list li:last-child .text{
		font-size: 1.4rem;
		margin-bottom: 2rem;
	}

}

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

h3.hodonaku_title{
	font-size: 3.5rem;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 8rem;
}

@media screen and (max-width: 559px) {

	h3.hodonaku_title{
		font-size: 5.8vw;
		margin-bottom: 3rem;
	}

}

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

.hodonaku #movie{
	margin-top: -5rem;
	padding-top: 5rem;
}

.hodonaku .movie_area{
	max-width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

.hodonaku .movie_area .title{
	text-align: center;
	font-size: 2.8rem;
}

.hodonaku .movie_area .movie{
	display: flex;
	justify-content: center;
	align-items: center;
}

.hodonaku .movie_area .movie video{
	max-width: 100rem;
	width: 100%;
}

.hodonaku .movie_area .movie video:hover{
	transition: .5s;
	opacity: .8;
}

@media screen and (max-width: 1180px) {

	.hodonaku .movie_area .movie iframe{
		width: 90rem;
		height: 50.6rem;
	}

}

@media screen and (max-width: 820px) {

	.hodonaku .movie_area .movie video {
		max-width: 60rem;
		width: 100%;
	}

	.hodonaku .movie_area .movie iframe{
		width: 60rem;
		height: 33.8rem;
	}

}

@media screen and (max-width: 559px) {

	.hodonaku .movie_area .movie video {
		max-width: 40rem;
		width: 100%;
	}

	.hodonaku .movie_area .movie iframe{
		width: 34rem;
		height: 19.1rem;
	}

}

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

.bg_hodonaku{
	background: #ffffe6;
	padding-top: 15rem;
	padding-bottom: 15rem;
}

.hodonaku .tenreikaikan_about{
	display: flex;
	justify-content: space-between;

	max-width: 120rem;
	margin-left: auto;
	margin-right: auto;
}

.hodonaku .tenreikaikan_about .text_area{
	/* width: 45%; */
	width: 40%;
}

.hodonaku .tenreikaikan_about .text_area .title{
	/* font-size: 3rem; */
	font-size: 3.5rem;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 2rem;
}

.hodonaku .tenreikaikan_about .text_area .text{
	font-size: 1.7rem;
	line-height: 1.8;
	margin-bottom: 4rem;
}

.hodonaku .tenreikaikan_about .image_area{
	width: 50%;
}

.hodonaku .tenreikaikan_about .image_area .image{
	margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {

	.bg_hodonaku{
		padding-top: 10rem;
		padding-bottom: 10rem;
	}

	.hodonaku .tenreikaikan_about{
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.hodonaku .tenreikaikan_about .text_area {
		width: 100%;
	}

	.hodonaku .tenreikaikan_about .text_area .title {
		font-size: 5.8vw;
	}

	.hodonaku .tenreikaikan_about .text_area .text{
		font-size: 1.4rem;
		margin-bottom: 2rem;
	}

	.hodonaku .tenreikaikan_about .image_area {
		width: 100%;
		margin-bottom: 2rem;
	}

}

/*-----*/

.bt_hodonaku{
	width: 100%;
}

.bt_hodonaku a{
	display: flex;
	width: 100%;
	font-size: 1.8rem;
	height: 6rem;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #009d85;
}

@media screen and (max-width: 767px) {

	.bt_hodonaku {
		display: flex;
		justify-content: center;
	}

	.bt_hodonaku a {
		max-width: 24rem;
		font-size: 1.8rem;
		height: 6rem;
	}

}

/*-----*/

.korekara_title{
	
}

.korekara_list{
	display: flex;
	max-width: 120rem;
	margin-left: auto;
	margin-right: auto;
	/* justify-content: space-evenly; */
	justify-content: space-between;
}

.korekara_list li{
	/* width: 40%; */
	width: 46%;
}

.korekara_list li .image{
	margin-bottom: 2rem;
}

.korekara_list li .text{
	
}

.korekara_list li .text .title{
	font-size: 2.5rem;
	margin-bottom: 1rem;
}

.korekara_list li .text .comment{
	margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {

	.korekara_list{
		flex-wrap: wrap;
	}

	.korekara_list li {
		width: 100%;
	}

	.korekara_list li:first-child {
		margin-bottom: 6rem;
	}

	.korekara_list li .text .title {
		font-size: 2.2rem;
	}

	.korekara_list li .text .comment{
		font-size: 1.4rem;
		margin-bottom: 2rem;
	}


}

/*-----*/

.hodonaku .reason_title{
	
}

.hodonaku .reason_list{
	display: flex;
	justify-content: space-between;
}

.hodonaku .reason_list > li{
	width: 30%;
}

.hodonaku .reason_list > li .image{
	position: relative;
	margin-bottom: 2rem;
}

.hodonaku .reason_list > li .image span{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
	height: 3rem;
	color: #fff;
	background: #009d85;
}

.hodonaku .reason_list > li .text{
	
}

.hodonaku .reason_list > li .text .title{
	font-size: 2.5rem;
	color: #009c84;
	margin-bottom: 1rem;
}

.hodonaku .reason_list > li .text ul{
	
}

.hodonaku .reason_list > li .text ul li{
	display: flex;
	margin-bottom: 0.8rem;
}

.hodonaku .reason_list > li .text ul li::before{
	content: '●';
	color: #009d85;
}

.hodonaku .annotation{
	font-size: 1.4rem;
	display: flex;
}

@media screen and (max-width: 767px) {

	.hodonaku .reason_list{
		flex-wrap: wrap;
	}

	.hodonaku .reason_list > li{
		width: 100%;
		margin-bottom: 6rem;
	}

	.hodonaku .reason_list > li:last-child{
		margin-bottom: 0;
	}

	.hodonaku .reason_list > li .text .title {
		font-size: 5.0vw;
	}

	.hodonaku .reason_list > li .text ul {
		font-size: 1.5rem;
	}

	.hodonaku .annotation {
		font-size: 1.3rem;
	}

}

/*-----*/

.hodonaku .voice_area{
	
}

.hodonaku .voice_area .image{
	margin-bottom: 4rem;
}

.hodonaku .voice_area .bt_hodonaku{
	max-width: 48rem;
	margin-left: auto;
	margin-right: auto;
}

/*-----*/

.hodonaku .sns_list{
	display: flex;
	justify-content: center;
}

.hodonaku .sns_list li{
	margin-left: 1rem;
	margin-right: 1rem;
}

@media screen and (max-width: 767px) {

	.hodonaku .sns_list li {
		max-width: 3.5rem;
	}

}