@charset "utf-8";

/* ----------------------------------------
	common
---------------------------------------- */
body {
font-size:16px;
font-family: "heisei-kaku-gothic-std", sans-serif;
font-weight: 500;
line-height:1.5;
background-color: transparent;
color: #000;
}

img {
	max-width: 100%;
	height: auto;
	display: block; //ブロック要素化
	margin: 0 auto; //中央寄せ
}

a {text-decoration:none;}

a:hover {
	text-decoration: transparent;
}

.pc_area { display: block !important; }
.sp_area { display: none !important; }
@media only screen and (max-width: 750px) {
	.pc_area { display: none !important; }
	.sp_area { display: block !important; }
}

@media screen and (max-width: 750px) {
.spbr_none_box br {
	display: none;
	}
}

.link_img01 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition-duration: .1s;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.movebox {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}
	 
.movebox iframe,
.movebox object,
.movebox embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.inner {
	max-width: 1180px;
	margin: 0 auto;
	box-sizing: border-box;
}


@media screen and (max-width: 750px) {
	.inner {
		padding: 0 20px 0 20px;
	}
}

/* ----------------------------------------
	アニメーション
---------------------------------------- */

.scr-target {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.scr-target[class*='fadeIn'],
.scr-target[class*='zoom'] {
	opacity: 0;
}

/* フェードイン */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
.anime__fadeIn.is-active {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

/* フェードイン(上から) */
@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -200%, 0);
		transform: translate3d(0, -200%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -200%, 0);
		transform: translate3d(0, -200%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.anime__fadeInDown.is-active {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

/* フェードイン(下から) */
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.anime__fadeInUp.is-active {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

/* フェードイン(左から) */
@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-200%, 0, 0);
		transform: translate3d(-200%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-200%, 0, 0);
		transform: translate3d(-200%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.anime__fadeInLeft.is-active {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

/* フェードイン(右から) */
@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.anime__fadeInRight.is-active {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

/* ズームイン */
@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	100% {
		opacity: 1;
	}
}
@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	100% {
		opacity: 1;
	}
}
.anime__zoomIn.is-active {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

/* ズームアウト */
@-webkit-keyframes zoomOut {
	from {
		opacity: 0;
		-webkit-transform: scale3d(1.6, 1.6, 1.6);
		transform: scale3d(1.6, 1.6, 1.6);
	}
	100% {
		opacity: 1;
	}
}
@keyframes zoomOut {
	from {
		opacity: 0;
		-webkit-transform: scale3d(1.6, 1.6, 1.6);
		transform: scale3d(1.6, 1.6, 1.6);
	}
	100% {
		opacity: 1;
	}
}
.anime__zoomOut.is-active {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}



/* ----------------------------------------
	head
---------------------------------------- */

.head_slider_box{
	padding: 0;
	background: #FFE34D;
}
.head_01_s_box{
	padding: 0;
}
.head_01_s_box img{
	width: 100%;
}
.head_box01{
	padding: 0;
	background: #FFE34D;
	position: relative;
}
.head_ttl01{
	padding: 35px 20px 25px 20px;
	display: flex;
	justify-content: center;
}

.head_flex{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align:center;
	padding:0 0 0 0;
}

.head_flex_01{
	padding:10px 27px 25px 27px;
}

.btn_01 {
    display: inline-block;
    padding: 6px 5px 3px 5px;
    font-size: 25px;
	min-width: 212px;
    text-decoration: none;
	background: #000000;
    color: #ffffff;
    border: solid 2px #000000;
    border-radius:25px;
    transition: .4s;
}

.btn_01:hover {
    background: #ffffff;
    border: solid 2px #000000;
    color: #000;
}

.head_m_line_up{
	background: url(../img/head_m_line_up.png),#FFE34D;
	height: 86px;
	position: relative;
}

.head_m_line_up::before {
  content: url(../img/head_02.png);
  position: absolute;
  top:-50px;
  left: 15vw;
}
.head_m_line_dw{
	background: url(../img/head_m_line_dw.png);
	height: 41px;
}

.head_m_box01{
	background: #6CC8F4;
}

.head_wheather_box01{
	padding: 50px 20px 50px 20px;
}

.head_wheather_box01 iframe {
	aspect-ratio:16 / 6;
	width:100%;
	height:100%;
}



@media screen and ( max-width:750px ){
	.head_flex{
		padding:0 0 60px 0;
	}
	.head_flex_01{
		padding:10px 15px 25px 15px;
	}
	.btn_01 {
		padding: 6px 15px 3px 15px;
		font-size: 20px;
		min-width: auto;
	}
	.head_m_line_up::before {
		content: url(../img/head_02.png);
		position: absolute;
		top:-80px;
		left: 0;
		transform: scale(0.7);
	}
	  .head_wheather_box01{
		padding: 10px 20px 40px 20px;
	}
	.head_wheather_box01 iframe {
		aspect-ratio:16 / 8;
		width:100%;
		height:100%
	}
}



.honjitu_box{
	position: fixed;
	bottom: 10vh;
	right: 0;
	z-index: 5;
}
.honjitu_box01{
	position: relative;
}
.honjitu_text01{
	position: absolute;
	bottom: 56px;
	right: 57px;
	font-size: 30px;
	transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
	text-align: center;
	color: #FFE34D;
	line-height: 1.2;
}
.honjitu_text02{
	font-size: 19px;
	color: #fff;
	line-height: 1.2;
}


@media screen and ( max-width:750px ){
	.honjitu_box{
		position: absolute;
		top: -130px;
		right: 0;
		z-index: 5;
		max-height: 200px;
	}
	.honjitu_box01{
		width: 250px;
	}
	.honjitu_text01{
		position: absolute;
		bottom: 29px;
		right: 25px;
		font-size: 19px;
		transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		text-align: center;
		color: #FFE34D;
	}
	.honjitu_text02{
		font-size: 15px;
		color: #fff;
	}
}

/* ----------------------------------------
	menu
---------------------------------------- */

.menu_inner {
	max-width: 878px;
	margin: 0 auto;
	box-sizing: border-box;
}

.menu {
	padding: 15px 0 15px 0;
	text-align:center;
}
.menu ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
	.menu {
	padding: 15px 30px 15px 30px;
	}
	.menu ul li{
		width: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 20px 20px 020px;
		box-sizing: border-box;
	}
}


/* ----------------------------------------
	sec_01
---------------------------------------- */

.sec_01_box01{
	padding: 0;
	overflow: hidden;
}
.sec_01_ttl01{
	padding: 80px 20px 0 20px;
	position: relative;
	display: flex;
	justify-content: center;
	z-index: 0;
}
.sec_01_il01_pc{
	position: absolute;
	top: -10px;
	left: -10%;
	z-index: -1;
	
}
.sec_01_il02_pc{
	position: absolute;
	bottom: -20px;
	right: -10%;
	z-index: -1;
}
.sec_01_flex{
	display: flex;
	flex-wrap: wrap;
	padding: 130px 0 0 0;
}
.sec_01_flex_01{
	width: 50%;
	padding: 0 20px 150px 20px;
	box-sizing: border-box;
}

.sec_01_flex_img{
	padding: 0 0 35px 0;
	position: relative;
	z-index: 0;
}

.sec_01_flex_img img{
	width: 100%;
}

.sec_01_il03_pc{
	position: absolute;
	top: -70px;
	right: -20%;
	z-index: -1;
}

.sec_01_flex_ttl{
	padding: 0 0 0 0;
	background: url(../img/ttl_bg_01.png);
	background-repeat:no-repeat;
	height: 97px;
	width: 398px;
	margin: 0 auto;
	font-size: 28px;
	line-height: 1.2;
	font-family: "kaisei-opti", sans-serif;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.sec_01_flex_text{
	padding: 35px 0 0 0;
	font-size: 20px;
	line-height: 1.6;
}

.sec_01_il01_sp{
	display: none;
}

.sec_01_il03_sp{
	display: none;
}

@media screen and ( max-width:1000px ){
	.sec_01_il01_pc{
		display: none;
	}
	.sec_01_il02_pc{
		display: none;
	}
	.sec_01_il03_pc{
		display: none;
	}
}

@media screen and ( max-width:750px ){
	.sec_01_ttl01{
		padding: 70px 0 0 0;
	}
	.sec_01_flex{
		display: flex;
		flex-wrap: wrap;
		padding: 80px 0 0 0;
	}
	.sec_01_flex_01{
		width: 100%;
		padding: 0 0 80px 0;
		box-sizing: border-box;
	}

	.sec_01_flex_01:last-child{
		width: 100%;
		padding: 0 0 20px 0;
		box-sizing: border-box;
	}
	.sec_01_flex_img{
		padding: 0 0 25px 0;
	}

	.sec_01_flex_ttl{
		font-size: 25px;
	}
	
	.sec_01_flex_text{
		font-size: 18px;
		padding: 20px 0 0 0;
	}

	.sec_01_il01_sp{
		padding: 0;
		max-width: 200px;
		display: block;
	}

	.sec_01_il03_sp{
		position: absolute;
		top: -70px;
		right: -20%;
		z-index: -1;
		transform: scale(0.6);
		display: block;
	}

}


@media screen and ( max-width:450px ){
	.sec_01_flex_ttl{
		width: auto;
	}
}


/* ----------------------------------------
	sec_02
---------------------------------------- */

.sec_02_ttl01{
	padding: 50px 0 0 0;
	background: url(../img/sec_02_ttlbg_pc.png)no-repeat top center;
	background-size:cover;
	height: 615px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sec_02_box01{
	padding: 80px 0 0 0;
	background: #FFFCEB;
}

.sec_02_flex{
	display: flex;
	flex-wrap: wrap;
	flex-direction:row-reverse;
	padding: 0 0 110px 0;
}
.sec_02_flex02{
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 110px 0;
}
.sec_02_flex_01{
	width: 45%;
	padding: 0 20px 20px 20px;
	box-sizing: border-box;
}
.sec_02_flex_02{
	width: 55%;
	padding: 0 20px 0 20px;
	box-sizing: border-box;
}

.sec_02_flex_img{
	padding: 0 0 35px 0;
	position: relative;
	z-index: 0;
}

.sec_02_flex_img img{
	width: 100%;
}

.sec_02_flex_ttlbox01{
	padding: 0 0 0 0;
	font-size: 30px;
	font-family: "kaisei-opti", sans-serif;
	font-weight: 700;
	display: flex;
	align-items: start;
}

.sec_02_flex_ttlico{
	padding: 0 20px 0 0;
	width: 60px;
}

.sec_02_flex_ttl{
	padding: 25px 0 0 0;
	font-size: 35px;
	font-family: "kaisei-opti", sans-serif;
	font-weight: 700;
	line-height: 1.6;
}

.marker1 {
      background: linear-gradient(transparent 50%, #FFE34D 50%);
}

.sec_02_flex_text{
	padding: 0 0 0 0;
	font-size: 20px;
	line-height: 1.6;
}
.sec_02_flex_text p{
	padding: 17px 0 17px 0;
}

.sec_02_btn01{
	padding: 17px 0 17px 0;

}

.btn_02 {
    display: inline-block;
    padding: 6px 25px 3px 25px;
    font-size: 25px;
    text-decoration: none;
	background: #6CC8F4;
    color: #ffffff;
    border: solid 2px #6CC8F4;
    border-radius:25px;
    transition: .4s;
}

.btn_02:hover {
    background: #ffffff;
    border: solid 2px #6CC8F4;
    color: #6CC8F4;
}


@media screen and ( max-width:750px ){
	.sec_02_ttl01{
		padding: 0;
		background: none;
		background-size:cover;
		height: auto;
	}
	.sec_02_flex{
		padding: 0 0 60px 0;
	}

	.sec_02_flex02{
		padding: 0 0 60px 0;
	}
	.sec_02_flex_01{
		width: 100%;
		padding: 0 0 0 0;
	}
	.sec_02_flex_02{
		width: 100%;
		padding: 0 0 0 0;
	}
	.sec_02_flex_ttlbox01{
		font-size: 25px;
	}

	.sec_02_flex_img{
		padding: 0 0 25px 0;
	}
	
	.sec_02_flex_ttl{
		font-size: 30px;
	}

	.sec_02_flex_text{
		font-size: 18px;
		padding: 20px 0 0 0;
	}
	.btn_02 {
		font-size: 20px;
	}
}

.sec_02_move{
	padding: 0 0 0 0;
}
.sec_02_banar{
	padding: 80px 0 80px 0;
	max-width: 650px;
	margin: 0 auto;
}
.sec_03_banar{
	padding: 80px 0 80px 0;
	max-width: 650px;
	margin: 0 auto;
}


.sec_02_tyuui{
	padding: 80px;
	max-width: 700px;
	margin: 0 auto;
	position: relative;
}

.sec_02_tyuui_ttl{
	padding: 0 0 30px;
	font-size: 30px;
	text-align: center;
}
.sec_02_tyuui_text{
	padding: 0;
	font-size: 20px;
	line-height: 1.4;
}

.sec_02_btn03{
	padding: 80px 0 80px 0;
	display: flex;
	justify-content: center;
}
.btn_03 {
    display: inline-block;
    padding: 6px 25px 3px 25px;
    font-size: 30px;
    text-decoration: none;
	background: #6CC8F4;
    color: #ffffff;
    border: solid 2px #6CC8F4;
    border-radius:30px;
    transition: .4s;
}

.btn_03:hover {
    background: #ffffff;
    border: solid 2px #6CC8F4;
    color: #6CC8F4;
}


.sec_02_box02{
	padding: 0 0 70px 0;
	font-size: 30px;
	line-height: 1.4;
	text-align: center;
}

.sec_02_box02 p{
	padding: 17px 0 17px 0;
}

.sec_02_box02_fo01{
	font-size: 35px;
}
.sec_02_box02_fo02{
	font-size: 20px;
}

.sec_02_flexbox02{
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 0 0;
}
.sec_02_flexbox02_01{
	width: 33.3333%;
	padding: 0 20px 20px 20px;
	box-sizing: border-box;
	position: relative;
}

.sec_02_flexbox02_img{
	padding: 0;
}

.sec_02_flexbox02_ttl{
	padding: 30px 0 0 0;
	text-align: center;
	font-size: 30px;
	line-height: 1.5;
}

.sec_02_flexbox02_text01{
	padding: 30px 0 0 0;
	text-align: center;
	font-size: 20px;
	line-height: 1.5;
}

.sec_0s_il01_pc{
	padding: 0;
}
.sec_0s_il01_sp{
	display: none;
}

.sec_02_il02_pc{
	position: absolute;
	top: -180px;
	right: -40%;
}

@media screen and ( max-width:750px ){
	.sec_02_tyuui_ttl{
		font-size: 25px;
	}
	.sec_02_tyuui_text{
		font-size: 18px;
	}

	.btn_03 {
		font-size: 25px;
	}
	
	.sec_02_box02{
		font-size: 22px;
	}

	.sec_02_box02_fo01{
		font-size: 28px;
	}
	.sec_02_box02_fo02{
		font-size: 18px;
	}
		
	.sec_02_flexbox02_01{
		width: 50%;
		padding: 0 10px 20px 10px;
		box-sizing: border-box;
	}

	.sec_02_flexbox02_ttl{
		padding: 20px 0 0 0;
		font-size: 22px;
	}
	
	.sec_02_flexbox02_text01{
		padding: 20px 0 0 0;
		font-size: 16px;
	}
	
	.sec_0s_il01_pc{
		display: none;
	}
	.sec_0s_il01_sp{
		padding: 10px 0 0 0;
		display: flex;
    	justify-content: end;
	}

	.sec_0s_il01_sp img{
		width: 50vw;
	}

	.sec_02_il02_pc{
		display: none;
	}


}



/* ----------------------------------------
	sec_03
---------------------------------------- */

.sec_03_ttl01{
	padding: 50px 0 0 0;
	background: url(../img/sec_03_ttlbg_pc.png)no-repeat top center;
	background-size:cover;
	height: 583px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sec_03_box01{
	padding: 80px 0 0 0;
	overflow: hidden;
}

@media screen and ( max-width:750px ){
	.sec_03_ttl01{
		padding: 0;
		background: none;
		background-size:cover;
		height: auto;
	}
}

.sec_03_flex{
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 0 0;
}

.sec_03_flex_01{
	width: 50%;
	padding: 0 20px 150px 20px;
	box-sizing: border-box;
}

.sec_03_flex_img{
	padding: 0 0 35px 0;
	position: relative;
	z-index: 0;
}

.sec_03_flex_img img{
	width: 100%;
}

.sec_03_il01_pc{
	position: absolute;
	top: -180px;
	right: -30%;
	z-index: -1;
}

.sec_03_il02_pc{
	position: absolute;
	top: -180px;
	left: -30%;
	z-index: -1;
}

.sec_03_flex_ttl{
	padding: 0 0 0 0;
	background: url(../img/ttl_bg_01.png);
	background-repeat:no-repeat;
	height: 97px;
	width: 398px;
	margin: 0 auto;
	font-size: 28px;
	line-height: 1.2;
	font-family: "kaisei-opti", sans-serif;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.sec_03_flex_text{
	padding: 35px 0 0 0;
	font-size: 20px;
	line-height: 1.6;
}

.sec_03_btn04{
	padding: 30px 0 17px 0;
	display: flex;
	justify-content: center;

}

.btn_04 {
    display: inline-block;
    padding: 6px 40px 3px 40px;
    font-size: 25px;
    text-decoration: none;
	background: #6CC8F4;
    color: #ffffff;
    border: solid 2px #6CC8F4;
    border-radius:25px;
    transition: .4s;
}

.btn_04:hover {
    background: #ffffff;
    border: solid 2px #6CC8F4;
    color: #6CC8F4;
}

.sec_03_il01_sp{
	display: none;
}

.sec_03_il03{
	display: flex;
	justify-content: end;
	width: 100%;
	margin-top: -130px;
}

@media screen and ( max-width:1000px ){
	.sec_03_il01_pc{
		display: none;
	}
	.sec_03_il02_pc{
		top: -180px;
		left: -10%;
		z-index: -1;
	}
	.sec_03_il02_pc img{
		transform: scale(0.6);
	}
}

@media screen and ( max-width:750px ){
	
	.sec_03_flex{
		display: flex;
		flex-wrap: wrap;
		padding: 0 0 0 0;
	}
	.sec_03_flex_01{
		width: 100%;
		padding: 0 0 80px 0;
		box-sizing: border-box;
	}

	.sec_03_flex_img{
		padding: 0 0 25px 0;
	}

	.sec_03_flex_ttl{
		font-size: 25px;
	}
	
	.sec_03_flex_text{
		font-size: 18px;
		padding: 20px 0 0 0;
	}
	
	.btn_04 {
		font-size: 20px;
	}

	.sec_03_il01_sp{
		position: absolute;
		top: -160px;
		right: -30%;
		z-index: -1;
		transform: scale(0.5);
		display: block;
	}

	.sec_03_il02_pc{
		top: -180px;
		left: -25%;
		z-index: -1;
	}
	.sec_03_il02_pc img{
		transform: scale(0.5);
	}
	.sec_03_il03{
		margin-top: -80px;
	}
	.sec_03_il03 img{
		width: 150px;
		object-fit: contain;
	}

}


@media screen and ( max-width:450px ){
	.sec_03_flex_ttl{
		width: auto;
	}
}




/* ----------------------------------------
	sec_04
---------------------------------------- */

.sec_04_ttl01{
	padding: 50px 0 0 0;
	background: url(../img/sec_04_ttlbg_pc.png)no-repeat top center;
	background-size:cover;
	height: 583px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sec_04_box01{
	padding: 80px 0 0 0;
	background: #FFFCEB;

}

@media screen and ( max-width:750px ){
	.sec_04_ttl01{
		padding: 0;
		background: none;
		background-size:cover;
		height: auto;
	}
}

.sec_04_flex{
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 0 0;
}

.sec_04_flex_01{
	width: 50%;
	padding: 0 20px 150px 20px;
	box-sizing: border-box;
}

.sec_04_flex_img{
	padding: 0 0 35px 0;
	position: relative;
	z-index: 0;
}

.sec_04_flex_img img{
	width: 100%;
}

.sec_04_flex_ttl{
	padding: 0 0 0 0;
	background: url(../img/ttl_bg_01.png);
	background-repeat:no-repeat;
	height: 97px;
	width: 398px;
	margin: 0 auto;
	font-size: 28px;
	line-height: 1.2;
	font-family: "kaisei-opti", sans-serif;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.sec_04_flex_text{
	padding: 35px 0 0 0;
	font-size: 20px;
	line-height: 1.6;
}

.sec_04_btn05{
	padding: 30px 0 17px 0;
	display: flex;
	justify-content: center;

}

.btn_05 {
    display: inline-block;
    padding: 6px 40px 3px 40px;
    font-size: 25px;
    text-decoration: none;
	background: #6CC8F4;
    color: #ffffff;
    border: solid 2px #6CC8F4;
    border-radius:25px;
    transition: .4s;
}

.btn_05:hover {
    background: #ffffff;
    border: solid 2px #6CC8F4;
    color: #6CC8F4;
}

.sec_04_il01_sp{
	display: none;
}

.sec_04_il01{
	padding: 0;
	margin-top: -130px;
}


@media screen and ( max-width:750px ){
	
	.sec_04_flex{
		display: flex;
		flex-wrap: wrap;
		padding: 0 0 0 0;
	}
	.sec_04_flex_01{
		width: 100%;
		padding: 0 0 80px 0;
		box-sizing: border-box;
	}

	.sec_04_flex_img{
		padding: 0 0 25px 0;
	}

	.sec_04_flex_ttl{
		font-size: 25px;	
	}
	
	.sec_04_flex_text{
		font-size: 18px;
		padding: 20px 0 0 0;
	}
	
	.btn_05 {
		font-size: 20px;
	}

	.sec_04_il01{
		margin-top: -80px;
	}
	.sec_04_il01 img{
		width: 180px;
	}

}


@media screen and ( max-width:450px ){
	.sec_04_flex_ttl{
		width: auto;
	}
}



/* ----------------------------------------
	footer
---------------------------------------- */


.map_box{
	padding: 0;
	height: 500px;
}
.footer_box{
	padding: 35px 20px 35px 20px;
	font-size: 25px;
	text-align: center;
}

.footer_banar01{
	padding: 60px 20px 30px 20px;
	display: flex;
	justify-content: center;

}

.footer_banar02{
	padding: 30px 20px 60px 20px;
	display: flex;
	justify-content: center;
}

@media screen and ( max-width:750px ){
	.footer_box{
		font-size: 20px;
	}
}