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

/*
Theme Name: gaikou-koji
*/

body{
	width: 100vw;
	height: auto;
	margin: 0;
	padding: 0;
	
}

body.panelactive{
	overflow: hidden;
}

img{
	border: none;
}
p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 0;
}
a {
	color: white;
	text-decoration: none;
	cursor: pointer!important;
}
.main_wrap{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

container{
	width: 100vw;
	height: auto;
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;
	overflow: hidden;
}
.main_wrap{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
/*---------------common------------------*/
/*PC*/
@media screen and (min-width:1025px){
	.pc{
		display: block;
	}
	.sp{
		display: none!important;
	}
	.tb{
		display: none!important;
	}
	.banner-pc{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.banner-sp{
		display: none;
	}
	.banner-tb{
		display: none;
	}
.main_wrap{
	width: 100vw;
	max-width: 1920px;
	overflow-x: hidden;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.content{
	width: 100%;
	height: auto;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
section{
	width: 100%;
	height: auto;
	display: flex;
	overflow-x: hidden;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

}

/*iPad*/
@media screen and (min-width: 751px) and (max-width:1024px){
	.pc{
		display: none!important;
	}
	.sp{
		display: none!important;
	}
	.tb{
		display: block;
		width: 100%;
	}
	.banner-pc{
		display: none!important;
	}
	.banner-sp{
		display: none!important;
	}
	.banner-tb{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
.main_wrap{
	width: 100vw;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.content{
	width: calc(100vw - 8vw);
	height: auto;
	padding: 0 4vw;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
section{
	width: 100%;
	height: auto;
	display: flex;
	overflow-x: hidden;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

	
}

/*SP*/
@media screen and (max-width:750px){
	.pc{
		display: none!important;
	}
	.sp{
		display: block;
		width: 100%;
	}
	.tb{
		display: none!important;
	}
	.banner-pc{
		display: none!important;
	}
	.banner-sp{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.banner-tb{
		display:none;
	}
.main_wrap{
	width: 100vw;
	height: auto;
	padding: 0 0 24vw 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.content{
	width: calc( 100vw - 8vw);
	height: auto;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
section{
	width: 100%;
	height: auto;
	display: flex;
	overflow-x: hidden;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
}

	
/*---------------cta------------------*/
@media screen and (min-width: 1025px){
.cta_title{
	width: 100%;
	height: auto;
}
.cta_title img{
	width: 914px;
	height: auto;
}
.cta{
	width: 100%;
	height: auto;
	padding-top: 4rem;
	background-image: url("../images/cta_bg_01.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.cta_text_area_wrap{
	width: 1050px;
	min-height: 260px;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background: white;
	border-radius: 7px;
	/*padding: 20px;*/
	margin: 50px 0 0 0;
}
.text_area_title{
	width: 240px;
	height: auto;
	line-height: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.text_area_border{
	width: 1010px;
	height: 220px;
	border: 3px #a0d3dc solid;
	border-radius: 5px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.cta_bar{
	width: 5px;
	height: 50px;
	border-radius: 2.5px;
	background: #1d719d;
}
.text_area_text{
	width: 765px;
	height: auto;
	text-align: left;
	padding: 3rem;
	line-height: 1.5em;
}
	.areamap_list{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.areamap_list li{
		width: auto;
		list-style: none;
		font-size: 1rem;
	}
	.areamap_list li:after{
		content: "、";
	}
	.areamap_list li:last-child:after{
		content: "";
	}
.telbanner_wrap{
	width: 1050px;
	height: auto;
	line-height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 4rem;
	position: relative;
}
.telbanner_wrap img{
	width: 100%;
	height: auto;
}
.banner_tel_wrap{
	width: 746px;
	height: 162px;
	position: absolute;
	z-index: 1;
	right: 5px;
	top: 118px;
	transition: .5s;
}
.banner_tel_wrap:hover{
	filter: brightness(1.2);
}
.banner_tel_wrap img{
	width: 100%;
	height: auto;
}
.banner_tel_text{
	/*font-size: min(5.2rem,82px);*/
	font-size: 68px;
	line-height: 1em;
	position: absolute;
	color: white;
	top: 22px;
	right: 30px;
}
.banner_tel_info{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	line-height: 1em;
	position: absolute;
	color: white;
	top: 103px;
	right: 145px;
}
.cta_footer{
	width: 100vw!important;
	height: 400px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.cta_ft_obj{
	width: 1300px!important;
	height: auto;
	position:absolute;
	z-index: 1;
	bottom:0;
}
.cta_ft_bg{
	width: 100vw;
	height: 320px!important;
	position: absolute;
	z-index: 0;
	bottom: 0;
}
}

@media screen and (min-width: 751px) and (max-width: 1024px){
.cta_title{
	width: 88vw;
	height: auto;
}
.cta_title img{
	width: 100%;
	height: auto;
}
.cta{
	width: 100vw;
	height: auto;
	padding-top: 4vw;
	background-image: url("../images/cta_bg_01.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.cta_text_area_wrap{
	width: 92vw;
	min-height: 260px;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background: white;
	border-radius: 7px;
	/*padding: 20px;*/
	margin: 4vw 0 0 0;
}
.text_area_title{
	width: 240px;
	height: auto;
	line-height: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.text_area_border{
	width: calc(92vw - 40px);
	height: 220px;
	border: 3px #a0d3dc solid;
	border-radius: 5px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.cta_bar{
	width: 5px;
	height: 50px;
	border-radius: 2.5px;
	background: #1d719d;
}
.text_area_text{
	width: 765px;
	height: auto;
	text-align: left;
	padding: 3rem;
	line-height: 1.5em;
}
	.areamap_list{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.areamap_list li{
		width: auto;
		list-style: none;
		font-size: 1rem;
	}
	.areamap_list li:after{
		content: "、";
	}
	.areamap_list li:last-child:after{
		content: "";
	}
.telbanner_wrap{
	width: 92vw;
	height: auto;
	line-height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 4vw 0;
	position: relative;
}
.telbanner_wrap img{
	width: 100%;
	height: auto;
}
.banner_tel_wrap{
	width: auto;
	height: auto;
	position: absolute;
	z-index: 1;
	right: .5vw;
	top: 10.25vw;
	transition: .5s;
}
.banner_tel_wrap:hover{
	filter: brightness(1.2);
}
.banner_tel_wrap img{
	width: 66vw;
	height: auto;
}
.banner_tel_text{
	font-size: 7vw;
	line-height: 1em;
	position: absolute;
	color: white;
	top: 2vw;
	right: 3vw;
}
.banner_tel_info{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 2.5vw;
	line-height: 1em;
	position: absolute;
	color: white;
	top: 9vw;
	right: 14vw;
}
.cta_footer{
	width: 100vw!important;
	height: 30vw;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.cta_ft_obj{
	width: 100vw!important;
	height: auto;
	position:absolute;
	z-index: 1;
	bottom:0;
}
.cta_ft_bg{
	width: 100vw;
	height: 25vw!important;
	position: absolute;
	z-index: 0;
	bottom: 0;
}
}

@media screen and (max-width: 750px){
.cta_title{
	width: 100%;
	height: auto;
}
.cta_title img{
	width: 100%;
	height: auto;
}
.cta{
	width: 100vw;
	height: auto;
	padding-top: 4vw;
	background-image: url("../images/sp_cta_bg_01.png");
	background-repeat: no-repeat;
	background-size: cover;
}
	
.cta_text_area_wrap{
	width: 100%;
	height: 52vw;
	display: flex;
	justify-content: center;
	align-items: center;
	background: white;
	border-radius: 1vw;
	margin: 4vw 0 0 0;
}
.text_area_title{
	width: 100%;
	height: auto;
	margin: 1em 0 1em 0;
	line-height: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.text_area_border{
	width: calc(100% - 6vw);
	height: calc(100% - 6vw);
	border: 3px #a0d3dc solid;
	border-radius: 1vw;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.cta_bar{
	width: 8vw;
	height: 1vw;
	border-radius: .5vw;
	background: #1d719d;
}
.text_area_text{
	width: calc(100% - 8vw);
	height: auto;
	text-align: left;
	padding: 4vw;
	padding-right: 4vw;
	line-height: 4vw;
	font-size: .6rem;
}
	.areamap_list{
		height: auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.areamap_list li{
		width: auto;
		list-style: none;
		font-size: .8rem;
	}
	.areamap_list li:after{
		content: "、";
	}
	.areamap_list li:last-child:after{
		content: "";
	}
	
/*---------------------*/
.telbanner_wrap{
	width: 100%;
	height: auto;
	line-height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: .5rem;
	position: relative;
}
.telbanner_wrap img{
	width: 100%;
	height: auto;
}
.banner_tel_wrap{
	width: 65vw;
	height: auto;
	position: absolute;
	z-index: 1;
	right: 1vw;
	top: 10vw;
	transition: .5s;
}
.banner_tel_wrap:hover{
	filter: brightness(1.2);
}
.banner_tel_wrap img{
	width: 100%;
	height: auto;
}
.banner_tel_text{
	font-size: 7vw;
	line-height: 1em;
	position: absolute;
	color: white;
	top: 2vw;
	right: 3vw;
}
.banner_tel_info{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 2.5vw;
	line-height: 1em;
	position: absolute;
	color: white;
	top: 9vw;
	right: 14vw;
}
.cta_footer{
	width: 100vw!important;
	height: auto;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
}
.cta_ft_obj_01{
	width: 54vw;
	height: auto;
	position: absolute;
	z-index: 1;
	top: 5vw;
	left: 23vw;
}
.cta_ft_obj_02{
	width: 52vw;
	height: auto;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 24vw;
}
.cta_ft_bg{
	width: 100vw;
	height: 53vw;
	position: relative;
	z-index: 0;
}

}
/*---------------set_plan------------------*/
@media screen and (min-width: 1025px){
#set_plan{
	width: 100vw;
	height: auto;
	line-height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(../images/setplan_bg_01.png);
	background-size: contain;
	background-repeat: repeat-y;
}
.set_plan_wrap{
	width: 1050px;
	height: auto;
	padding: 50px 0 100px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.set_plan_wrap img{
	width: 100%;
	height: auto;
	margin: 1rem 0 1rem 0;
}
.set_plan_title{
	width: 805px!important;
	height: auto!important;
}	

}

@media screen and (min-width: 751px) and (max-width: 1024px){
#set_plan{
	width: 100vw;
	height: auto;
	line-height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(../images/setplan_bg_01.png);
	background-size: contain;
	background-repeat: repeat-y;
}
.set_plan_wrap{
	width: 92vw;
	height: auto;
	padding: 4vw 0 8vw 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.set_plan_wrap img{
	width: 92vw;
	height: auto;
	margin: 1rem 0 1rem 0;
}
.set_plan_title img{
	width: 92vw!important;
	height: auto!important;
}	
}

@media screen and (max-width: 750px){
#set_plan{
	width: 100vw;
	height: auto;
	line-height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(../images/setplan_bg_01.png);
	background-size: contain;
	background-repeat: repeat-y;
}
.set_plan_wrap{
	width: calc( 100vw - 8vw);
	height: auto;
	padding: 2vw 0 10vw 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.set_plan_wrap img{
	width: 100%;
	height: auto;
	margin: .25rem 0 .25rem 0;
}
.set_plan_title{
	width: 92vw!important;
	height: auto!important;
}
}
/*---------------trouble------------------*/
@media screen and (min-width: 1025px){
#trouble{
	width: 100vw;
	height: auto;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/trouble_bg_01.png);
	background-size: contain;
}
.trouble_wrap{
	width: 1050px;
	height: auto;
	padding: 100px 0 100px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
	.trouble_title img{
		width: 697px!important;
		height: auto!important;
	}
	
.trouble_box{
	width: 100%;
	height: 356px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	line-height: 0;
	margin: 50px 0;
}
.trouble_box img{
	width: 244px;
	height: 356px;
}
}

@media screen and (min-width: 751px) and (max-width: 1024px){
#trouble{
	width: 100vw;
	height: auto;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/trouble_bg_01.png);
	background-size: contain;
}
.trouble_wrap{
	width: 92vw;
	height: auto;
	padding: 8vw 0 8vw 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
	.trouble_title img{
		width: 82vw!important;
		height: auto!important;
	}
	
.trouble_box{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	line-height: 0;
	margin: 4vw 0;
}
.trouble_box img{
	width: 21vw;
	height: auto;
}
}

@media screen and (max-width: 750px){
#trouble{
	width: 100vw;
	height: auto;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/trouble_bg_01.png);
	background-size: contain;
}
.trouble_wrap{
	width: calc(100vw - 8vw);
	height: auto;
	padding: 5vw 0 5vw 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
	.trouble_title img{
		width: 92vw!important;
		height: auto!important;
	}
	
.trouble_box{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	line-height: 0;
	margin: 4vw 0 0 0;
}
.trouble_box img{
	width: 44vw;
	height: auto;
	margin-bottom: 4vw;
}
}

/*---------------kaiketu------------------*/
@media screen and (min-width: 1025px){
#kaiketu{
	width: 100vw;
	height: auto;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/kaiketu_bg_01.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.kaiketu_wrap{
	width: 1050px;
	height: auto;
	padding: 50px 0 100px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
}
.kaiketu_wrap img {
	width: 100%;
	height: auto;
	margin-bottom: 2rem;
}
.kaiketu_title{
	width: 100%;
	height: auto;
}
.kaiketu_title img{
	width: 660px;
	height: auto;
}
.kaiketu_text{
	position: absolute;
	left: 3em;
	width: 780px;
	line-height: 2.5em;
	text-align: left;
	z-index: 1;
}
.kaiketu_text p{
	font-size: 18pt;
}
.kaiketu_text_area{
	position: relative;
	width: 100%;
	height: 218px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.kaiketu_text_bg{
	position: absolute;
	z-index: 0;
	width: 1050px;
	height: 218px;
}
}

@media screen and (min-width: 751px) and (max-width: 1024px){
#kaiketu{
	width: 100vw;
	height: auto;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/kaiketu_bg_01.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.kaiketu_wrap{
	width: 92vw;
	height: auto;
	padding: 4vw 0 8vw 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
}
.kaiketu_wrap img {
	width: 100%;
	height: auto;
	margin-bottom: 2rem;
}
.kaiketu_title{
	width: 100%;
	height: auto;
}
.kaiketu_title img{
	width: 80vw;
	height: auto;
}
.kaiketu_text{
	position: absolute;
	left: 3em;
	width: auto;
	line-height: 2.5em;
	text-align: left;
	z-index: 1;
}
.kaiketu_text p{
	font-size: .8rem;
}
.kaiketu_text_area{
	position: relative;
	width: 100%;
	height: 218px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.kaiketu_text_bg{
	position: absolute;
	z-index: 0;
	width: 1050px;
	height: 218px;
}
}


@media screen and (max-width: 750px){
#kaiketu{
	width: 100vw;
	height: auto;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/kaiketu_bg_01.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.kaiketu_wrap{
	width: 100%;
	height: auto;
	padding: 1rem 0 2rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
}
.kaiketu_wrap img {
	width: 100%;
	height: auto;
	/*margin-bottom: 2rem;*/
}
.kaiketu_title{
	width: 92vw;
	height: auto;
	display: flex;
	justify-content: center;
}
.kaiketu_title img{
	width: 100%;
	height: auto;
}
.kaiketu_text{
	position: absolute;
	width: 80vw;
	line-height: 1.5em;
	text-align: left;
	z-index: 1;
}
.kaiketu_text p{
	font-size: .8rem;
}
.kaiketu_text_area{
	position: relative;
	width: 88vw;
	height: 10em;
	margin: 2rem 0;
	padding-top: 1em;
	background: white;
	border-radius: 1vw;
	border-left: 2vw #00bbde solid;
	border-right: 2vw #00bbde solid;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.kaiketu_obj{
	width: 4rem!important;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 2vw;
}
.kaiketu_text_bg{
	position: absolute;
	z-index: 0;
	width: 1050px;
	height: 218px;
}
}
/*---------------tuyomi------------------*/
@media screen and (min-width: 1025px){
#tuyomi{
	width: 100vw;
	height: auto;
	padding: 50px 0 80px 0;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/tuyomi_bg_01.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.tuyomi img{
	width: 100%;
	height: auto;
}
.tuyomi_title img{
	width: 730px; 
	height: auto; 
	margin-bottom: 20px;
}
.tuyomi_part{
	width: 1050px;
	height: 200px;
	margin: 2rem 0 2rem 0;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.tuyomi_part_text{
	width: 100%;
	height: 200px;
	line-height: 5rem;
	padding: 0 0 0 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: white;
}
.tuyomi_part_text_b{
	font-size: 24pt;
	line-height: 1.25em;
	margin: 0 0 .5em 0!important;
}
.tuyomi_part_text_n{
	font-size: 13pt;
	line-height: 1.5em;
	margin: 0!important;
	padding: 0 2.5em 0 2.5em;
	text-align: left;
}
}

@media screen and (min-width: 751px) and (max-width: 1024px){
#tuyomi{
	width: 100vw;
	height: auto;
	padding: 4vw 0 8vw 0;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/tuyomi_bg_01.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.tuyomi img{
	width: 100%;
	height: auto;
}
.tuyomi_title img{
	width: 80vw ;
	height: auto; 
	margin-bottom: 4vw;
}
.tuyomi_part{
	width: 92vw;
	height: 15vw;
	margin: 2vw 0 2vw 0;
	display: flex;
	flex-direction: row;
	align-items: center;
}
	.tuyomi_part img{
		width: auto!important; 
		height: 15vw!important;
	}
	
	
.tuyomi_part_text{
	width: 100%;
	height: 15vw;
	line-height: 5rem;
	padding: 0 0 0 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: white;
}
.tuyomi_part_text_b{
	font-size: 1.4rem;
	line-height: 1.25em;
	margin: 0 0 .25em 0!important;
}
.tuyomi_part_text_n{
	font-size: .8rem;
	line-height: 1.5em;
	margin: 0!important;
	padding: 0 2.5em 0 2.5em;
	text-align: left;
}
}


@media screen and (max-width: 750px){
#tuyomi{
	width: 100vw;
	height: auto;
	padding: 1rem 0 2rem 0;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/tuyomi_bg_01.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.tuyomi img{
	width: 100%;
	height: auto;
}
.tuyomi_title img{
	width: 92vw;
	height: auto; 
	margin-bottom: 1rem;
}
	.tuyomi_title img{
		width: 100%;
		height: auto;
	}
.tuyomi_part{
	width: 92vw;
	height: 24rem;
	margin: 1rem 0 1rem 0;
	background: white;
	border-radius: 2vw;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
	.tuyomi_part img{
		width: 100%;
		height: auto;
	}
.tuyomi_part_text{
	width: 100%;
	height: auto!important;
	margin-top: .5em;
	padding: 0 0 0 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.tuyomi_part_text_b{
	font-size: 5.5vw;
	line-height: 1.25em;
	margin: 0 0 .5em 0!important;
	font-weight: bold;
}
.tuyomi_part_text_n{
	font-size: .8rem;
	line-height: 1.5em;
	margin: 0 0 0 0!important;
	padding: 0 4vw;
	text-align: left;
}
}

/*---------------kiken------------------*/
@media screen and (min-width: 1025px){
#kiken{
	width: 100%;
	height: auto;
	line-height: 0;
	background-image: url(../images/kiken_bg_01.png);
	background-size: cover;
}
.kiken_title{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #525A5B;
}
.kiken_title img {
	width: 696px; 
	height: auto;
	line-height: 0;
	padding: 50px 0 50px 0;
}
.kiken_content{
	width: 1050px;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.kiken_content_sankaku{
	width: 100%;
	height: auto;
	line-height: 0;
	position: relative;
	top: -2px;
	margin: 0 0 2rem 0;
}
.kiken_content img{
	width: 100%;
	height: auto;
	line-height: 0;
	margin: 0 0 2rem 0;
}
.kiken_content_title{
	width: 777px;
	height: auto;
}
.kiken_content_text_area{
	width: 100%;
	height: 430px;
	display: flex;
}
.kiken_content_text_area img{
	width: 525px;
	height: auto;
	margin: 0!important;
}
.kiken_content_text{
	width: 525px;
	height: auto;
	line-height: 1.5em;
	font-size: 1.5rem;
	text-align: left;
}
}

@media screen and (min-width: 751px) and (max-width: 1024px){
#kiken{
	width: 100%;
	height: auto;
	line-height: 0;
	background-image: url(../images/kiken_bg_01.png);
	background-size: cover;
}
.kiken_title{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #525A5B;
}
.kiken_title img {
	width: 80vw; 
	height: auto;
	line-height: 0;
	padding: 4vw 0 4vw 0;
}
.kiken_content{
	width: 92vw;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.kiken_content_sankaku{
	width: 100%;
	height: auto;
	line-height: 0;
	position: relative;
	top: -2px;
	margin: 0 0 2rem 0;
}

	
.kiken_content img{
	width: 100%;
	height: auto;
	line-height: 0;
	margin: 0 0 2rem 0;
}
.kiken_content_title{
	width: 80vw;
	height: auto;
}
.kiken_content_text_area{
	width: 100%;
	height: auto;
	display: flex;
	align-items: flex-start;
}
.kiken_content_text_area img{
	width: 35vw;
	height: auto;
	margin: 0!important;
}
.kiken_content_text{
	width: 52vw;
	height: auto;
	line-height: 1.5em;
	font-size: .9rem;
	text-align: left;
}
}


@media screen and (max-width: 750px){
#kiken{
	width: 100%;
	height: auto;
	line-height: 0;
	background-image: url(../images/kiken_bg_01.png);
	background-size: cover;
}
.kiken_title{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #525A5B;
}
.kiken_title img {
	width: 92vw;
	height: auto;
	line-height: 0;
	padding: 1rem 0 1rem 0;
}
.kiken_content{
	width: 92vw;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.kiken_content_sankaku{
	width: 100%;
	height: auto;
	line-height: 0;
	position: relative;
	top: -2px;
	margin: 0 0 0 0!important;
}
.kiken_content img{
	width: 100%;
	height: auto;
	line-height: 0;
	margin: 0 0 2rem 0;
}
.kiken_content_title{
	width: 100%;
	height: auto;
}
.kiken_content_text_area{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
}
.kiken_content_text_area img{
	width: 80vw;
	height: auto;
	margin: 1rem 0 0 0!important;
}
.kiken_content_text{
	width: 92vw;
	height: auto;
	line-height: 1.5em;
	font-size: .8rem;
	text-align: left;
}
}
/*---------------owner------------------*/
@media screen and (min-width: 1025px){
#owner{
	width: 100%;
	height: auto;
	padding: 100px 0 150px 0;
	line-height: 0;
	background-image: url(../images/owner_bg_01.png);
	background-size: cover;
}
.owner_title{
	width: 1050px;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.owner_title img{
	width: 699px;
	height: auto;
}
.owner_content{
	width: 1050px;
	height: auto;
	margin: 4rem 0 4rem 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items:center;
}
.owner_content_text{
	width: 525px;
	height: auto;
	font-size: 1.5rem;
	line-height: 1.5em;
	text-align: left;
}
.owner_content_obj{
	width: 525px;
	height: auto;
}
.owner_box{
	width: 1050px;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.owner_box img{
	width: 244px;
	height: 356px;;
}
}

@media screen and (min-width: 751px) and (max-width: 1024px){
#owner{
	width: 100%;
	height: auto;
	padding: 4vw 0 4vw 0;
	line-height: 0;
	background-image: url(../images/owner_bg_01.png);
	background-size: cover;
}
.owner_title{
	width: 92vw;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.owner_title img{
	width: 80vw;
	height: auto;
}
.owner_content{
	width: 92vw;
	height: auto;
	margin: 4vw 0 4vw 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items:center;
}
.owner_content_text{
	width: auto;
	height: auto;
	font-size: .9rem;
	line-height: 1.5em;
	text-align: left;
}
.owner_content_obj{
	width: 40vw;
	height: auto;
}
.owner_box{
	width: 92vw;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.owner_box img{
	width: 22vw;
	height: auto;
}
}

@media screen and (max-width: 750px){
#owner{
	width: 100%;
	height: auto;
	padding: 1rem 0 1rem 0;
	line-height: 0;
	background-image: url(../images/owner_bg_01.png);
	background-size: cover;
}
.owner_title{
	width: 92vw;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.owner_title img{
	width: 100% ;
	height: auto;
}
.owner_content{
	width: 92vw;
	height: auto;
	margin: 1rem 0 1rem 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items:center;
}
.owner_content_text{
	width: 100%;
	height: auto;
	font-size: .8rem;
	line-height: 1.5em;
	text-align: left;
}
.owner_content_obj{
	width: 80vw;
	height: auto;
}
.owner_box{
	width: 92vw;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.owner_box img{
	width: 44vw;
	height: auto;
	margin-bottom: 4vw;
}
}
/*---------------ansin------------------*/
@media screen and (min-width:1025px){
#ansin{
	width: 100vw;
	height: auto;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/onayami_bg_01.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.ansin_wrap{
	width: 1050px;
	height: auto;
	padding: 100px 0 100px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.ansin_wrap img{
	width: 100%;
	height: auto;
}
.ansin_title{
	width: 346px; 
	height: auto; 
	margin-bottom: 2rem;
}
.ansin_box_a{
	width: 1050px;
	height: 250px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	background: white;
	border-radius: 7px;
	border: 3px #099371 solid;
	margin: 1rem 0 1rem 0;
}
.ansin_box_point{
	width: 81px;
	height: 81px;
	position: absolute;
	top: 18px;
	left: 18px;
}
.ansin_box_point img{
	width: 100%;
	height: auto;
}
.ansin_box_text{
	width: calc(100% - 340px);
	height: 100%;
	padding: 0 170px;
	margin: 40px 0 0 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.ansin_box_text_title{
	font-size: 30px;
	line-height: 1.5em;
}
.ansin_box_text_info{
	font-size: 1rem;
	line-height: 2.25em;
	margin: 1em 0;
	text-align: left;
}
.ansin_box_b{
	width: 806px;
	height: 508px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin: 20px 0;
	border-radius: 7px;
	border: 3px #099371 solid;
	background-image: url(../images/ansin_box_b_bg_01.png);
	background-repeat: repeat;
	background-size: auto;
}
.ansin_box_b_title{
	width: 807px;
	height: 103px;
	display: flex;
	position: relative;
	top: -1px;
	left: -1px;
	line-height: 0;
	justify-content: center;
	align-items: center;
	background: #099371;
}
.ansin_box_b_title_wrap img{
	width: 713px!important;
	height: 46px!important;
}
.ansin_box_b_text{
	width: calc(100% - 250px);
	height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	line-height: 2.5em;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}
}

@media screen and (min-width: 751px) and (max-width:1024px){
#ansin{
	width: 100vw;
	height: auto;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/onayami_bg_01.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.ansin_wrap{
	width: 92vw;
	height: auto;
	padding: 8vw 0 8vw 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.ansin_wrap img{
	width: 100%;
	height: auto;
}
.ansin_title{
	width: 40vw; 
	height: auto; 
	margin-bottom: 2rem;
}
.ansin_box_a{
	width: 92vw;
	height: 10rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	background: white;
	border-radius: 7px;
	border: 3px #099371 solid;
	margin: 1rem 0 1rem 0;
}
.ansin_box_point{
	width: 8vw;
	height: 8vw;
	position: absolute;
	top: 2vw;
	left: 2vw;
}
.ansin_box_point img{
	width: 100%;
	height: auto;
}
.ansin_box_text{
	width: 65vw;
	height: 100%;
	padding: 0;
	margin: 2vw 0 0 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.ansin_box_text_title{
	font-size: 1.25rem;
	line-height: 1.5em;
}
.ansin_box_text_info{
	font-size: .8rem;
	line-height: 2.25em;
	margin: 1em 0;
	text-align: left;
}
.ansin_box_b{
	width: 92vw;
	height: 20rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin: 4vw 0;
	border-radius: 7px;
	border: 3px #099371 solid;
	background-image: url(../images/ansin_box_b_bg_01.png);
	background-repeat: repeat;
	background-size: auto;
}
.ansin_box_b_title{
	width: 100%;
	height: auto;
	padding: 1rem 0;
	display: flex;
	position: relative;
	top: -1px;
	left: 0;
	line-height: 0;
	justify-content: center;
	align-items: center;
	background: #099371;
}
.ansin_box_b_title_wrap img{
	width: 80vw!important;
	height: auto!important;
}
.ansin_box_b_text{
	width: 26em;
	height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	line-height: 2.5em;
	font-size: 1rem;
	font-weight: bold;
	text-align: left;
}
}

@media screen and (max-width:750px){
#ansin{
	width: 100vw;
	height: auto;
	line-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/onayami_bg_01.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.ansin_wrap{
	width: 92vw;
	height: auto;
	padding: 2rem 0 2rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.ansin_wrap img{
	width: 100%;
	height: auto;
}
.ansin_title{
	width: 100%;
	height: auto;
	margin-bottom: 1rem;
}
.ansin_title img{
	width: auto;
	height: 5rem;
}
.ansin_box_a{
	width: 92vw;
	height: 17rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	background: white;
	border-radius: 1vw;
	border: 3px #099371 solid;
	margin: .5rem 0 .5rem 0;
}
.ansin_box_point{
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: .5rem;
	/*left: .5rem;*/
}
.ansin_box_point img{
	width: 100%;
	height: auto;
}
.ansin_box_text{
	width: calc(100% - 2rem);
	height: 100%;
	padding: 0 1rem;
	margin: 2.75rem 0 0 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.ansin_box_text_title{
	font-size: 1.5rem;
	line-height: 1.5em;
}
.ansin_box_text_info{
	font-size: .8rem;
	line-height: 2.25em;
	margin: 1em 0;
	text-align: left;
}
.ansin_box_b{
	width: 92vw;
	height: 15rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin: 1rem 0;
	border-radius: 1vw;
	border: 3px #099371 solid;
	background-image: url(../images/ansin_box_b_bg_01.png);
	background-repeat: repeat;
	background-size: auto;
}
.ansin_box_b_title{
	width: 92vw;
	height: auto;
	padding: .5rem 0;
	display: flex;
	position: relative;
	top: -1px;
	left: 0;
	line-height: 0;
	justify-content: center;
	align-items: center;
	background: #099371;
}
.ansin_box_b_title_wrap img{
	width: 88vw!important;
	height: auto!important;
}
.ansin_box_b_text{
	width: calc(88vw - 2rem);
	height: 12rem;
	padding-left: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	line-height: 2.5em;
	font-size: 3vw;
	font-weight: bold;
	text-align: left;
}
}

/*---------------daininki------------------*/
@media screen and (min-width: 1025px){
#daininki{
	width: 100vw;
	height: auto;
	line-height: 0;
	padding: 50px 0 50px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/daininki_bg_01.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.daininki_wrap{
	width: 1050px;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.daininki_wrap img{
	width: 100%;
	height: auto;
}
.daininki_title{
	width: 763px; 
	height: auto;
}
.daininki_box{
	width: 1050px;
	height: 341px;
	margin: 50px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.daininki_box img{
	width: 100%;
	height: auto;
}
.daininki_box_img img{
	width:470px!important; 
	height: 341px!important;
}
.daininki_box_text_wrap{
	width: calc(100% - 3em);
	height: 341px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.daininki_box_text{
	width: calc(100% - 76px);
	line-height: 2em;
	font-size: 15px;
	text-align: left;
	margin-bottom: 20px;
}
.daininki_box_title{
	width: calc(100% - 76px);
	line-height: 1em;
	font-size: 32px;
	margin-bottom: 20px;
}
.daininki_box_price{
	width: calc(100% - 76px);
	height: 60px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.daininki_box_price img{
	width: 131px!important; 
	height: auto!important;
}
.daininki_box_price_num{
	width: calc(100% - 76px);
	height: 60px;
	position: relative;
	top:-2px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: flex-end;
}
.daininki_box_price_num p{
	line-height: 1em;
}
.price{
	font-size: 59px;
}
.en{
	font-size: 38px;
}
.zei{
	font-size: 24px;
}	

}
@media screen and (min-width: 751px) and (max-width: 1024px){
#daininki{
	width: 100vw;
	height: auto;
	line-height: 0;
	padding: 0 0 4vw 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/daininki_bg_01.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.daininki_wrap{
	width: 92vw;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.daininki_wrap img{
	width: 100%;
	height: auto;
}
.daininki_title{
	width: 80vw 
	height: auto;
}
.daininki_box{
	width: 92vw;
	height: auto;
	margin: 4vw 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.daininki_box img{
	width: 100%;
	height: auto;
}
.daininki_box_img img{
	width:32vw!important; 
	height: auto!important;
}
.daininki_box_text_wrap{
	width: 58vw;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.daininki_box_text{
	width: auto;
	line-height: 2em;
	font-size: .8rem;
	text-align: left;
	margin-bottom: 2vw;
}
.daininki_box_title{
	width: auto;
	line-height: 1em;
	font-size: 1.25rem;
	margin-bottom: 2vw;
}
.daininki_box_price{
	width: auto;
	height: 60px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.daininki_box_price img{
	width: 10vw!important; 
	height: auto!important;
}
.daininki_box_price_num{
	width: auto;
	height: auto;
	position: relative;
	top:-2px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: flex-end;
}
.daininki_box_price_num p{
	line-height: 1em;
}
.price{
	font-size: 9vw;
}
.en{
	font-size: 4vw;
}
.zei{
	font-size: 2vw;
}	

}

@media screen and (max-width: 750px){
#daininki{
	width: 100vw;
	height: auto;
	line-height: 0;
	padding: 1rem 0 1rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../images/daininki_bg_01.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.daininki_wrap{
	width: 92vw;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.daininki_wrap img{
	width: 100%;
	height: auto;
}
.daininki_title{
	width: 100%; 
	height: auto;
}
	.daininki_title img{
		width: 88vw!important;
		height: auto!important;
	}
.daininki_box{
	width: 92vw;
	height: auto;
	margin: 1rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.daininki_box img{
	width: 100%;
	height: auto;
}
.daininki_box_img img{
	width:100%!important; 
	height: auto!important;
}
.daininki_box_text_wrap{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.daininki_box_text{
	width: 88vw;
	line-height: 2em;
	font-size: .8rem;
	text-align: left;
	margin: 1rem 0;
}
.daininki_box_title{
	width: 88vw;
	line-height: 1em;
	font-size: 1.5rem;
	margin-bottom: .5rem;
}
.daininki_box_price{
	width: 92vw;
	height: 3rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
}
.daininki_box_price img{
	width: 24vw!important; 
	height: auto!important;
}
.daininki_box_price_num{
	width: 100%;
	height: 2rem;
	position: relative;
	/*top:-2px;*/
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: flex-end;
}
.daininki_box_price_num p{
	line-height: 1em;
}

.price{
	font-size: 13vw;
}
.en{
	font-size: 8vw;
}
.zei{
	font-size: 4vw;
}
	
}
/*---------------hokanimo------------------*/
@media screen and (min-width:1025px ){
#hokanimo{
	width: 100vw;
	height: auto;
	line-height: 0;
	background-image: url(../images/hokanimo_bg_01.png);
	background-repeat: repeat-x;
	background-size: contain;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 100px 0;
}
.hokanimo_wrap{
	width: 1050px;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.hokanimo_title{
	width: 617px;
	height: auto;
	margin-bottom: 60px;
}
.hokanimo_img_wrap{
	width: 1050px;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
.hokanimo_img_wrap img{
	width: 270px;
	height: 270px;
	margin-bottom: 60px;
}
}

@media screen and (min-width:751px ) and (max-width: 1024px){
#hokanimo{
	width: 100vw;
	height: auto;
	line-height: 0;
	background-image: url(../images/hokanimo_bg_01.png);
	background-repeat: repeat-x;
	background-size: contain;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8vw 0;
}
.hokanimo_wrap{
	width: 92vw;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.hokanimo_title{
	width: 70vw;
	height: auto;
	margin-bottom: 4vw;
}
.hokanimo_img_wrap{
	width: 92vw;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
.hokanimo_img_wrap img{
	width: 28vw;
	height: auto;
	margin-bottom: 3vw;
}
}


@media screen and (max-width:750px ){
#hokanimo{
	width: 100vw;
	height: auto;
	line-height: 0;
	background-image: url(../images/hokanimo_bg_01.png);
	background-repeat: repeat-x;
	background-size: contain;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem 0;
}
.hokanimo_wrap{
	width: 92vw;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.hokanimo_title{
	width: 75vw;
	height: auto;
	margin-bottom: 1rem;
}
.hokanimo_img_wrap{
	width: 92vw;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.hokanimo_img_wrap img{
	width: 28vw;
	height: auto;
	margin-bottom: 4vw;
}
}
/*---------------Q&A------------------*/
@media screen and (min-width: 1025px){
#qanda{
	width: 100vw;
	height: auto;
	line-height: 0;
	background-image: url(../images/qanda_bg_01.png);
	background-repeat: repeat;
	background-size: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qanda_title{
	width: 100%;
	height: auto;
	background-color: #099371;
	padding: 50px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qanda_title img{
	width: 429px;
	height: auto;
}
.qanda_wrap{
	width: calc(1050px - 100px);
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 50px 0;
}
.qanda_parts{
	width: 100%;
	height: 210px;
	background: white;
	border-radius: 7px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding:3rem;
	margin: 0 0 50px 0;
}
.qanda_parts_q {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	margin-bottom: 30px;
}
.qanda_parts_q img{
	width: 50px;
	height: 50px;
}
.qanda_parts_a{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	margin-bottom: 30px;
}
.qanda_parts_a img{
	width: 50px;
	height: 50px;
}
.qanda_text{
	width: 100%!important;
	height: auto;
	text-align: left;
	padding: .25em 0 1em 1em;
}
.qanda_text p{
	font-size: 16pt;
	line-height: 2em;
}
}

@media screen and (min-width: 751px) and (max-width: 1024px){
#qanda{
	width: 100vw;
	height: auto;
	line-height: 0;
	background-image: url(../images/qanda_bg_01.png);
	background-repeat: repeat;
	background-size: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qanda_title{
	width: 100%;
	height: auto;
	background-color: #099371;
	padding: 4vw 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qanda_title img{
	width: 45vw;
	height: auto;
}
.qanda_wrap{
	width: 92vw;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 4vw 0;
}
.qanda_parts{
	width: 88vw;
	height: auto;
	background: white;
	border-radius: 7px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding:2vw;
	margin: 0 0 50px 0;
}
.qanda_parts_q {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	margin-bottom: 30px;
}
.qanda_parts_q img{
	width: 50px;
	height: 50px;
}
.qanda_parts_a{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	margin-bottom: 30px;
}
.qanda_parts_a img{
	width: 50px;
	height: 50px;
}
.qanda_text{
	width: 100%!important;
	height: auto;
	text-align: left;
	padding: .25em 0 1em 1em;
}
.qanda_text p{
	font-size: 1rem;
	line-height: 2em;
}
}


@media screen and (max-width: 750px){
#qanda{
	width: 100vw;
	height: auto;
	line-height: 0;
	background-image: url(../images/qanda_bg_01.png);
	background-repeat: repeat;
	background-size: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qanda_title{
	width: 100%;
	height: auto;
	background-color: #099371;
	padding: 1rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qanda_title img{
	width: 60vw!important;
	height: auto;
}
.qanda_wrap{
	width: 92vw;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: .5rem 0;
}
.qanda_parts{
	width: 92vw;
	height: auto;
	background: white;
	border-radius: 1vw;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding:2vw;
	margin: 0 0 1rem 0;
}
.qanda_parts_q {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	margin-bottom: .5rem;
}
.qanda_parts_q img{
	width: 2rem;
	height: 2rem;
}
.qanda_parts_a{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	margin-bottom: 1rem;
}
.qanda_parts_a img{
	width: 2rem;
	height: 2rem;
}
.qanda_text{
	width: 100%!important;
	height: auto;
	text-align: left;
	padding: .25em 0 .25em 1em;
}
.qanda_text p{
	font-size: .8rem;
	line-height: 2em;
}
}
/*---------------footer------------------*/
@media screen and (min-width: 751px){
#footer{
	width: 100vw;
	height: auto;
	line-height: 0;
	display: flex;
	justify-content:center;
	align-items: center;
	background: #424242;
	padding: 0 0 15px 0;
}
.footer_wrap{
	width: 1050px;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 13pt;
	line-height: 1.5em;
	text-decoration: none;
}
}

@media screen and (max-width: 750px){
#footer{
	width: 100vw;
	height: auto;
	line-height: 0;
	display: flex;
	justify-content:center;
	align-items: center;
	background: #424242;
	padding-bottom: calc(15px + 3vw);
	margin-bottom: -3vw;
}
.footer_wrap{
	width: 92vw;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: .8rem;
	line-height: 1.5em;
	text-decoration: none;
}
}