@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}
	.doga_base{
		text-align: center;
		padding: 60px 0 60px;
	}
	.doga_base iframe{
		margin:0 auto;
		height: 387px;
		width: 660px;
	  }
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
	.doga_base{
		text-align: center;
		padding: 0vw 0 19vw;
	}
	.doga_base iframe{
		width: 91vw;
		height: 52vw;
	  }
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top_in{
		width: 1360px;
		padding: 0 0 0 0vw;
		margin: -138px auto 0;
	}
	.main_top_in img{
		width:100%;
	}
	.main_btn{
		margin: -233px 0 0 68px;
		position: absolute;
	}
	.main_btn > div{
		display:inline-block;
	}
	.main_btn a{
		width: 300px;
		display: inline-block;
		position: relative;
		padding: 11px 0;
		color: #FFF;
		border-radius: 9px;
		background: -webkit-gradient(45deg, #2ca9e1 35%, #007bbb);
		background: linear-gradient(45deg, #3ba9cc, #49c0aa);
		text-align: center;
		font-size: 26px;
		margin: 0 5px 0 0;
		font-weight: 400;
	  }

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top_in{
		width: 100vw;
		margin-top: -10vw;
		padding: 0px 0 0 0vw;
	}
	.main_top_in img{
		width:100%;
	}
	.main_btn{
		margin: -76vw 0 0 3vw;
		position: absolute;
	}
	.main_btn > div{
		display:inline-block;
	}
	.main_btn a{
		display: block;
		background: #44BFA2;
		color: #FFF;
		border-radius: 1px;
		width: 100%;
		padding: 3vw;
		font-size: 4vw;
		font-weight: 600;
		border: 1px solid;
	}
}





/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top01{
		width: 1100px;
		margin: 166px auto 0;
		text-align: center;
	}
	.top01 img{
		width:100%;
	}
	.top02{
		width: 1100px;
		margin: 0 auto;
		text-align:center;
	}
	.top02 img{
		width:100%;
	}

	.top03{
		width: 1100px;
		margin: 0 auto;
		text-align:center;
	}
	.top03 img{
		width:100%;
	}

	.top04{
		width: 100vw;
		margin: 0vw 0 0 0;
	}
	.top04 img{
		width:100%;
	}
	.top07{
		width: 100vw;
		margin: 5vw 0 -1vw 0;
	}
	.top07 img{
		width:100%;
	}
	.top08{
		width: 100vw;
		margin: 5vw 0 2vw 0;
	}
	.top08 img{
		width:100%;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top01{
		width: 100vw;
		margin: 9vw 0 0 0;
	}
	.top01 img{
		width:100%;
	}
	.top02{
		width: 100vw;
		margin: 0vw 0 0 0;
	}
	.top02 img{
		width:100%;
	}

	.top03{
		width: 100vw;
		margin: 0vw 0 0 0;
	}
	.top03 img{
		width:100%;
	}

	.top04{
		width: 100vw;
		margin: 0vw 0 8vw 0;
	}
	.top04 img{
		width:100%;
	}

	.top07{
		width: 100vw;
		margin: 17vw 0 8vw 0;
	}
	.top07 img{
		width:100%;
	}
	.top08{
		width: 100vw;
		margin: 15vw 0 8vw 0;
	}
	.top08 img{
		width:100%;
	}
}





/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top06_umekomi{

	}
	.top06_umekomi ul{
		width:1100px;
		margin:0 auto;
	}
	.top06_umekomi li{
		display:inline-block;
		width : calc(100% / 4.1) ;
	}
	.top06_umekomi img {
		width:100%!important;

	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top06_umekomi{

	}
	.top06_umekomi ul{
		width:80vw;
		margin:0 auto;
	}
	.top06_umekomi li{

	}
	.top06_umekomi img {
		width:100%!important;

	}
}





/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.tiktok_text{
		text-align: center;
		font-weight: 600;
		border-bottom: 1px dashed;
		padding: 0 0 12px 0;
		margin: 8px 0 12px 0;
	}
	.tiktok_access{
		font-size:12px;
	}
	.tiktok_name{
		font-size:16px;
		font-weight:600;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.tiktok_text{
		text-align: center;
		font-weight: 600;
		border-bottom: 1px dashed;
		padding: 0 0 12px 0;
		margin: 8px 0 12px 0;
	}
	.tiktok_access{
		font-size:12px;
	}
	.tiktok_name{
		font-size:16px;
		font-weight:600;
	}	
}





/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.gyotai_base{
		width: 100vw;
		background: #F2F2F2;
		padding: 100px;
		text-align: center;
	}
	.gyotai{
		background: #FFF;
		border-radius: 4px;
		text-align: center;
		font-size: 30px;
		padding: 13px 34px;
		margin: 0 4px 0;
	}
	.gyotai_base ul{

	}
	.gyotai_base li{
		display:inline-block;

	}
	.boshu_genzai{
		font-size: 18px;
		padding: 14px;
	}
	.contact_form{
		width:1000px;
		margin:0 auto;
	}
	.sp_contact{
		position: fixed;
		right: 0;
		width: 47px;
		line-height: 1.2;
	}
	.sp_contact_a{
		text-align: center;
	}
	.sp_contact_a a{
		display: block;
		background: #44BFA2;
		color: #FFF;
		border-radius: 0px;
		width: 100%;
		padding: 10px;
		font-size: 21px;
		font-weight: 600;
		border: 1px solid;
	  }
	.contact_setsumei{
		padding: 39px;
		border: #DDD 1px solid;
		border-radius: 3px;
		font-size: 16px;
		line-height: 1.3;
		width: 705px;
		margin: 0 auto 56px;
		line-height: 1.7;
	}
	.line_btn{
		width: 700px;
		margin: -63px auto 0;
	}
	.line_btn img{
		width:100%;
	}
	.line_btn a{
		
	}
	.line_btn_pc{
		width: 700px;
		margin: 24px auto 0;
	}
	.line_btn img{
		width:100%;
	}
	.line_btn a{
		
	}
	}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.gyotai_base{
		width: 100vw;
		background: #F2F2F2;
		padding: 5vw;
		text-align: center;
	}
	.gyotai{
		background: #FFF;
		border-radius: 4px;
		text-align: center;
		font-size: 5vw;
		padding: 3vw;
		margin: 0 1vw 4vw;
	}
	.gyotai_base ul{

	}
	.gyotai_base li{
		display:inline-block;

	}
	.boshu_genzai{
		font-size: 4vw;
		padding: 0 0 0 0;
	}
	.contact_form{
		width: 90vw;
		margin: 0 auto;
	}
	.sp_contact{
		position: fixed;
		bottom: 0;
		width: 100vw;
		display: flex;
		z-index: 9999;
	}
	.sp_contact_a{
		width:50%;
		text-align: center;
	}
	.sp_contact_a a{
		display: block;
		background: #44BFA2;
		color: #FFF;
		border-radius: 1px;
		width: 100%;
		padding: 3vw;
		font-size: 4vw;
		font-weight: 600;
		border: 1px solid;
	}
	.contact_setsumei{
		padding: 6vw;
		border: #DDD 1px solid;
		border-radius: 3px;
		font-size: 3.5vw;
		line-height: 1.3;
		width: 97vw;
		margin: 0 auto;
		line-height: 1.7;
	}
	.line_btn{
		width: 90vw;
		margin: -11vw auto 10vw;
	}
	.line_btn img{
		width:100%;
	}
	.line_btn a{
		
	}
	
}