@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Fjalla+One&family=Josefin+Sans:wght@500&family=Klee+One&family=Lexend+Deca:wght@800&family=Noto+Serif+JP:wght@600&family=Zen+Kurenaido&display=swap');
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

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

img {
    image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	image-rendering: -webkit-optimize-contrast;
}

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

	レイアウト

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
		background-color:#fff;
		color:#474343;
	}

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

	}

	.inner_wrap {
		position: relative;
	}
	.arrow_01 a::before{
		width: 5px;
		height: 5px;
		border-top: 2px solid #000;
		border-right: 2px solid #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.pc_none{
		display:none;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
		background-color:#fff;
		color:#474343;
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
		background-color:#f4f1e9;
	}

	.inner_wrap {
		position: relative;
	}
	.arrow_01 a::before{
		width: 5px;
		height: 5px;
		border-top: 2px solid #000;
		border-right: 2px solid #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.sp_none{
		display:none;
	}
}





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

	ここからコンテンツ内容

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


.displaynone{
	display:none;
}
.displayyes{
	display:block;
}

.links:hover{
		opacity: 0.9; 
		display: block;
}
/* ================================================================================

	ヘッダー

================================================================================ */
a:hover,a img:hover{
	 opacity: 0.9; 
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_contants{
		background: url(../images/full_03.jpg)center top repeat-x;
		background-size: auto;
		background-size: auto;
		height: 712px;
		margin-top: 56px;
		-webkit-backface-visibility: hidden;
	}
	.main_pics{

	}
	.main_taku_toroku{
		margin-left: -42px;
		margin-top: 417px;
	}
	.main_taku_toroku img{
		width: 97%;
	}

	.main_katsu_toroku{
		margin-top: 417px;

	}
	.main_katsu_toroku img{
		width: 97%;		
	}
	.main_innner{
		width:1000px;
		margin:0 auto;
		display:flex;
	}
	.main_textarea{
	width: 480px;
    margin: 141px 0 0 0px;
	}
	.sub_main_text{
	font-size: 18px;
    color: #fff;
    font-weight: 400;
	text-shadow: 2px 3px 1px rgba(21, 130, 35, 0.8);
	}
	.hon_main_text{
	font-size: 35px;
    font-weight: 600;
    color: #fff;
    margin-top: 16px;
	text-shadow: 2px 3px 1px rgba(21, 130, 35, 0.8);

	}
	.main_image{
	width: 600px;
    margin: 89px 0 0 0;
	}
	.main_image img{
		width:100%
	}
	.main_toroku_base{
	background: #428e43;
    border-radius: 20px;
    padding: 4px 11px 11px 11px;
    display: flex;
    width: 520px;
    margin: -67px 0 0 19px;
    position: relative;
	}
	.main_toroku_taku{
	width: 225px;
    padding: 3px;
    margin-right: 11px;
	}
	.main_toroku_katsu{
    width: 247px;
	padding:3px;
	}
	.main_toroku_taku_links{

	}
	.main_toroku_katsu_links{
		
	}
	.main_toroku_taku_links a{
	display: block;
    background-color: #1f6cc3 !important;
		width:100%;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    box-shadow: 4px 4px;
    box-shadow: 6px 6px #FFF;
	margin: 5px;
	}
	.main_toroku_katsu_links a{
	display: block;
    background-color: #fff !important;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    box-shadow: 4px 4px;
    box-shadow: 6px 6px #7dbf7d;
    color: #1b8c1c;
    margin: 5px;
	}
	.min_text{
		color:#FFF;
		font-size: 13px;
	}
	.big_text{
	color: #FFF;
    font-size: 22px;
    font-weight: 600;
	}
	.min_text_katsu{
		color:#1b8c1c;
		font-size: 13px;
	}
	.big_text_katsu{
	color: #1b8c1c;
    font-size: 22px;
    font-weight: 600;
	}
	.top_media{
	margin: -204px auto 0;
    width: 1093px;
	}
	.top_media img{
width: 100%;
    position: relative;
    z-index: 9999;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_contants{
		background: url(../images/topsp_01.jpg)center top repeat-x;
background-size: 100vw;
height: 189vw;

		-webkit-backface-visibility: hidden;
	}
	.main_pics{

	}
	.main_taku_toroku{
		margin-left: -42px;
		margin-top: 417px;
	}
	.main_taku_toroku img{
		width: 97%;
	}

	.main_katsu_toroku{
		margin-top: 417px;

	}
	.main_katsu_toroku img{
		width: 97%;		
	}
	.main_innner{
width: 100vw;
    margin: 0 auto;

	}
	.main_textarea{
width: 100vw;
    margin: 0vw 0 0 0vw;
    text-align: center;
    padding: 9vw;
	}
	.sub_main_text{
	font-size: 4vw;
    color: #fff;
    font-weight: 400;
	text-shadow: 2px 3px 1px rgba(21, 130, 35, 0.8);
	margin-top: 2vw;
	}
	.hon_main_text{
font-size: 6vw;
    font-weight: 600;
    color: #fff;
    margin-top: 3vw;
    text-shadow: 2px 3px 1px rgba(21, 130, 35, 0.8);

	}
	.main_image{
width: 100vw;
    margin: 121vw 0 0 0;
	}
	.main_image img{
		width:100%
	}
	.main_toroku_base{
background: #428e43;
    border-radius: 10px;
    padding: 3vw;
    display: flex;
    width: 100vw;
    margin: -64vw 0 0 0;
    position: relative;
	}
	.main_toroku_taku{
width: 58vw;
    padding: 1vw;
    margin-right: 1vw;
    margin-left: -4vw;
	}
	.main_toroku_katsu{
width: 58vw;
    padding: 1vw;

	}
	.main_toroku_taku_links{

	}
	.main_toroku_katsu_links{
		
	}
	.main_toroku_taku_links a{
	display: block;
    background-color: #1f6cc3 !important;
		width:100%;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    box-shadow: 4px 4px;
    box-shadow: 6px 6px #FFF;
	margin: 5px;
	}
	.main_toroku_katsu_links a{
	display: block;
    background-color: #fff !important;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    box-shadow: 4px 4px;
    box-shadow: 6px 6px #7dbf7d;
    color: #1b8c1c;
    margin: 5px;
	}
	.min_text{
color: #FFF;
    font-size: 2.3vw;
	}
	.big_text{
	color: #FFF;
    font-size: 22px;
    font-weight: 600;
	}
	.min_text_katsu{
		color:#1b8c1c;
		font-size: 2.3vw;
	}
	.big_text_katsu{
	color: #1b8c1c;
    font-size: 22px;
    font-weight: 600;
	}
	.top_media{
	margin: -204px auto 0;
    width: 1093px;
	}
	.top_media img{
		width:100%;
	}




}


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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_clm01{
		background: url(../images/pc_top_03.jpg)center top no-repeat;
		background-size: 1920px auto;
		height: 420px;
		margin-top: 54px;
		 -webkit-backface-visibility: hidden; 
	}
	.clm01_contents{
		width:1366px;
		margin:0 auto;
	}
	.top_movie{
	width: 499px;
    height: 280px;
    margin: 40px 0 0 642px;
    position: absolute;
	}
	.top_movie img{
		width:100%;
	}
	.top_shiryo_btn{
		margin: 210px 0 0 207px;
    	position: absolute;
	}
	.top_shiryo_btn img{

	}
	.top_02{
		width: 958px;
		margin: 127px auto 89px;
		display: flex;
	}
	.top02_left{

	}
	.top02_right{
	width: 499px;
    height: 280px;
    margin: -48px 0 0 439px;
    position: absolute;
	}
	.setsumei_text{

	}
	.setsumei_btn{
	margin-top: 26px;
	}
	.top03{
	margin:0 auto;
	}
	.top03_midashi{
	font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin: 156px 0 40px 0;
	}
	.green{
		color:#169218;
	}
	.top03_hyo_bg{
		background:url(../images/hon_top_05.jpg)center repeat;
		padding: 44px 0 60px;
	}
	.top03_hyo{
	display: flex;
    width: 1008px;
    margin: 0 auto;
	}
	.top03_01{
	width: 320px;
    background: #FFF;
    margin: 10px;
    border-radius: 9px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    padding: 2px;
	}
	.top03_head{
	background: url(../images/mach_bg.jpg)left repeat;
    padding]: 10px;
    padding: 13px;
    margin: 11px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
	}

	.top03_head02{
	background: url(../images/mach_bg02.jpg)left repeat;
    padding]: 10px;
    padding: 13px;
    margin: 11px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
	}

	.top03_head03{
	background: url(../images/mach_bg03.jpg)left repeat;
    padding]: 10px;
    padding: 13px;
    margin: 11px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
	}

	.top03_fukidashi{
	background: url(../images/fukidashi_bg.png)left no-repeat;
    width: 234px;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    font-weight: 600;
	}
	.top03_kaiketsu{
	padding: 10px 10px 10px 29px;
    font-size: 16px;
	}
	.top03_in{
		position:absolute;
		margin: -36px 0 0 265px;
	}

	.top04{
		width:800px;
		margin:0 auto;
	}
	.top04_midashi_fukidashi{
	background: url(../images/top_03_manga_fukidashi.png)left no-repeat;
    width: 339px;
    margin: 85px auto 3px;
    text-align: center;
    color: #FFF;
    font-weight: 600;
    height: 75px;
    position: relative;
    padding: 27px 8px 25px 8px;
    display: block;
	}
	.top04_midashi_text{
	text-align: center;
    font-size: 31px;
    font-weight: 600;
    color: #474747;
	}
	.top04_midashi{
		margin-bottom:30px;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_clm01{
	background: url(../images/sp_01_02.jpg)center top no-repeat;
    background-size: auto;
    background-size: 100vw;
    height: 95vw;
    margin-top: 0;
    -webkit-backface-visibility: hidden;
	}
	.clm01_contents{
	width: 100vw;
    margin: 0 auto;
	}
	.top_movie{
	width: 92vw;
    height: 53vw;
    margin: 46vw 0 0 4vw;
    position: absolute;
	}
	.top_movie iframe{
		width:100%;
		height:100%;
	}
	.top_02{
width: 100vw;
    margin: 0 auto 0;
    display: block;
	}
	.top02_left{
		position:releative;
	}
	.top02_right{
width: 100vw;
    height: auto;
    margin: 0 0 00 auto;
    position: relative;
	}
	.top02_right iframe{
width: 90vw;
    margin: 9vw auto 0;
    height: 50vw;
	}
	.setsumei_text{
font-size: 4vw;
    text-align: center;

	}
	.setsumei_btn{
margin: 4vw auto 0;
    width: 70vw;
	}
	.setsumei_btn a{


	}
	.setsumei_btn img{
		width:100%;
	}
	.top03{
	margin:0 auto;
	}
	.top03_midashi{
font-size: 6vw;
    font-weight: 600;
    text-align: center;
    margin: 19vw 0 6vw 0;
    padding: 0 8vw;
	}
	.green{
		color:#169218;
	}
	.top03_hyo_bg{
		background:url(../images/hon_top_05.jpg)center repeat;
		padding: 44px 0 60px;
	}
	.top03_hyo{
display: block;
    width: 91vw;
    margin: 0 auto;
	}
	.top03_01{
width: 100%;
    background: #FFF;
    margin: 3vw 0 8vw;
    border-radius: 9px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    padding: 0.5vw;
	}
	.top03_head{
	background: url(../images/mach_bg.jpg)left repeat;
    padding]: 10px;
    padding: 13px;
    margin: 11px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
	}

	.top03_head02{
	background: url(../images/mach_bg02.jpg)left repeat;
    padding]: 10px;
    padding: 13px;
    margin: 11px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
	}

	.top03_head03{
	background: url(../images/mach_bg03.jpg)left repeat;
    padding]: 10px;
    padding: 13px;
    margin: 11px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
	}

	.top03_fukidashi{
	background: url(../images/fukidashi_bg.png)left no-repeat;
    width: 234px;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    font-weight: 600;
	}
	.top03_kaiketsu{
	padding: 10px 10px 10px 29px;
    font-size: 16px;
	}
	.top03_in{
		position:absolute;
		margin: -36px 0 0 265px;
	}

	.top04{
width: 92vw;
    margin: 0 auto;
	}
	.top04_midashi_fukidashi{
background: url(../images/top_03_manga_fukidashi.png)left no-repeat;
    width: 91vw;
    margin: 85px auto 3px;
    text-align: center;
    color: #FFF;
    font-weight: 600;
    height: 20vw;
    position: relative;
    padding: 7vw 3vw 3vw 3vw;
    display: block;
	}
	.top04_midashi_text{
text-align: center;
    font-size: 5vw;
    font-weight: 600;
    color: #474747;
	}
	.top04_midashi{
		margin-bottom:30px;
	}

}


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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_clm02{
		background: url(../images/pc_top_04.jpg)center top no-repeat;
		background-size: 1920px auto;
		height: 884px;
		margin-top: -7px;	
		 -webkit-backface-visibility: hidden; 
	}
	.clm02_contents{
		width:1366px;
		margin:0 auto;
	}
	.top04_manga_base{
		width:800px;
		margin:0 auto;
	}
	.top04_manga_clm{
	display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    background-color: #e6f5f0;
    font-size: 18px;
    width: 800px;
    height: 260px;
    border-radius: 15px;
    box-shadow: 10px 10px 0px 0px rgba(54, 167, 98, 0.4);
    border: 3px solid #24914E;
	display:flex;
	margin-top: 46px;
	}
	.top04_manga_left{
	width: 386px;
    padding-right: 13px;
    margin-left: 17px;
	}
	.top04_manga_clm_midashi{
	font-size: 28px;
    font-weight: 500;
    color: #555;
	margin-bottom: 14px;
	}
	.top04_manga_clm_midashi:first-letter{
		color:#0fa324;
	}
	.top04_manga_clm_text{

	}
	.top04_manga_right{
	width:350px;
	margin-left: 8px;
	}
	.top04_manga_right img{

	}
	.top04_manga_enpitu{
	position: absolute;
    margin: -255px 0 0 768px;
	}



	.top04_manga_clm2{
	display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    background-color: #fff;
    font-size: 18px;
    width: 800px;
    height: 260px;
    border-radius: 15px;
    box-shadow: 10px 10px 0px 0px rgba(54, 167, 98, 0.4);
    border: 3px solid #24914E;
    display: flex;
    margin-top: 46px;
	}
	.top04_manga_left2{
	width: 386px;
    padding-right: 13px;
    margin-left: 17px;
	}
	.top04_manga_clm_midashi2{
	font-size: 28px;
    font-weight: 500;
    color: #555;
	margin-bottom: 14px;
	}
	.top04_manga_clm_midashi2:first-letter{
		color:#0fa324;
	}
	.top04_manga_clm_text2{

	}
	.top04_manga_right2{
	width:350px;
	margin-left: 8px;
	}
	.top04_manga_right2 img{

	}
	.top04_manga_enpitu2{
	position: absolute;
    margin: -255px 0 0 768px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_clm02{
	background: url(../images/sp_01_03.jpg)center top no-repeat;
    background-size: auto;
    background-size: 100vw;
    height: 421vw;
    margin-top: 32vw;
    -webkit-backface-visibility: hidden;
	}
	.clm02_contents{

		margin:0 auto;
	}
	.top04_manga_base{
width: 89vw;
    margin: 0 auto;
	}
	.top04_manga_clm{
	align-items: center;
    justify-content: center;
    color: #333333;
    background-color: #e6f5f0;
    font-size: 5vw;
    width: 100%;
    border-radius: 15px;
    box-shadow: 10px 10px 0px 0px rgba(54, 167, 98, 0.4);
    border: 3px solid #24914E;
    margin-top: 6vw;
	padding: 5vw;
	}
	.top04_manga_left{
	width: ;
    padding-right: 13px;
    margin-left: 17px;
	}
	.top04_manga_clm_midashi{
font-size: 5vw;
    font-weight: 600;
    color: #555;
    margin-bottom: 5vw;
    text-align: center;
    border-bottom: 2px solid #75B09F;
	}
	.top04_manga_clm_midashi:first-letter{
		color:#0fa324;
	}
	.top04_manga_clm_text{
		font-size:3.6vw;
	}
	.top04_manga_right{
	width:;
	margin-left: 8px;
	}
	.top04_manga_right img{
		margin-top:8vw;
	}
	.top04_manga_enpitu{
position: absolute;
    margin: -95vw 0 0 70vw;
	}



	.top04_manga_clm2{
	align-items: center;
    justify-content: center;
    color: #333333;
    background-color: #e6f5f0;
    font-size: 5vw;
    width: 100%;
    border-radius: 15px;
    box-shadow: 10px 10px 0px 0px rgba(54, 167, 98, 0.4);
    border: 3px solid #24914E;
    margin-top: 6vw;
	padding: 5vw;
	}
	.top04_manga_left2{
	width: ;
    padding-right: 13px;
    margin-left: 17px;
	}
	.top04_manga_clm_midashi2{
font-size: 5vw;
    font-weight: 600;
    color: #555;
    margin-bottom: 5vw;
    text-align: center;
    border-bottom: 2px solid #75B09F;
	}
	.top04_manga_clm_midashi:first-letter{
		color:#0fa324;
	}
	.top04_manga_clm_text2{
		font-size:3.6vw;
	}
	.top04_manga_right2{
	width:;
	margin-left: 8px;
	}
	.top04_manga_right2 img{
		margin-top:8vw;
	}
	.top04_manga_enpitu{
position: absolute;
    margin: -95vw 0 0 70vw;
	order: 3;	
	}
	.top04_manga_enpitu2{
position: absolute;
    margin: -95vw 0 0 70vw;
	}
	.top04_manga_left2{
		order: 2;
	}
	.top04_manga_right2{
		order: 1;		
	}
	.top04_manga_clm2{
	  display: flex;
  flex-direction: column;	
	}



}


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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_clm04{
		background: url(../images/pc_top_05.jpg)center top no-repeat;
		background-size: 1920px auto;
		height: 1245px;

		 -webkit-backface-visibility: hidden; 	
	}
	.clm04_contents{
		width:1366px;
		margin:0 auto;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_clm04{
	background: url(../images/sp_02_01.jpg)center top no-repeat;
    background-size: auto;
    background-size: 100vw;
    height: 300vw;
    margin-top: -18vw;
    -webkit-backface-visibility: hidden;
	}
	.clm04_contents{

		margin:0 auto;
	}
	.top05_midashi{
font-size: 7.5vw;
    font-weight: 600;
    color: #555;
    margin-bottom: 5vw;
    text-align: center;
    border-bottom: 0px solid #75B09F;
    margin-top: 18vw;
	}
	.top06_main{

	}
	.qa_contents{

	}

}


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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_clm05{
		background: url(../images/pc_top_06.jpg)center top no-repeat;
		background-size: 1920px auto;
		height: 876px;
		margin-top: 100px;	
		 image-rendering: -webkit-optimize-contrast;
	}
	.clm05_contents{
		width:1366px;
		margin:0 auto;
	}
	.top05{
	width: 100%;
    background: #e3f0e3;
    padding: 60px 0;
    margin: 120px 0 0;
	}
	.top05_main{
	margin: 0 auto;
    width: 800px;

	}
	.top05_midashi{
	font-size: 35px;
    font-weight: 600;
    color: #4c4c4c;
    text-align: center;
    margin: 0 0 29px 0;
	}
	.top05_flow{
	background: #FFF;
    border-radius: 14px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    width: 595px;
    margin: 0 auto 42px;
	height: 95px;

	}
	.step{
	position: absolute;
  font-size: 30px;
  color: #A4C8B4;
  margin: -31px 0 0 13px;
  font-weight: 600;
	}
	.top05_flow_clm{

	}
	.flow_icon{
	width: 102px;
  background: #339C2A;
  border-radius: 100px;
  color: #FFF;
  padding: 3px;
  height: 36px;
  position: absolute;
  margin: 30px 0 0 20px;
  text-align: center;
	}
	.flow_title{
	text-align: left;
  font-size: 21px;
  font-weight: 500;
  position: absolute;
  margin: 17px 0 0 150px;
  color: #444;
	}
	.flow_text{
	font-size: 12px;
  margin: 53px 0 0 150px;
  position: absolute;
  color: #555;
	}
	.flow_arrow{
	margin: 88px 0 0 273px;
    position: absolute;
	}
	.top04_manga_clm2{
		display: flex;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_clm05{
background: url(../images/sp_02_02.jpg)center top no-repeat;
    background-size: auto;
    background-size: 100vw;
	height: 233vw;
    margin-top: -10vw;
	}
	.clm05_contents{

		margin:0 auto;
	}
	.step{
font-size: 6vw;
    color: #A4C8B4;
    margin: -11vw 0 0 0;
    font-weight: 600;
    position: absolute;
    z-index: 999;
	}
	.top05_flow_clm{
		padding-bottom: 1vw;
	}
	.flow_icon{
width: 22vw;
    background: #339C2A;
    border-radius: 100px;
    color: #FFF;
    padding: 0.3vw;
    position: absolute;
    margin: -8vw 0 0 24vw;
    text-align: center;
    font-size: 3vw;
	}
	.flow_title{
text-align: left;
    font-size: 4vw;
    margin: 9vw 0 0 0;
    color: #444;
    padding: 5vw 0 0 3vw;
    font-weight: 600;
	}
	.flow_text{
font-size: 3vw;
    margin: 0 3vw 4vw;
	

    color: #555;
	}
	.flow_arrow{
margin: -2vw 0 0 36vw;
    position: absolute;
	}
	.top04_manga_clm2{
		display: flex;
	}
	.top05_flow{
background: #FFF;
    border-radius: 6px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    width: 93vw;
    margin: 20vw auto 17vw;

	}
}


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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_clm06{
		background: url(../images/pc_top_07.jpg)center top no-repeat;
		background-size: 1920px auto;
		height: 725px;
		margin-top: 6px;
		 image-rendering: -webkit-optimize-contrast;
	}
	.clm06_contents{
		width:1366px;
		margin:0 auto;
	}
	.qa{
	background: url(../images/pc_top_08.jpg)center top no-repeat;
    background-size: auto;
    background-size: 1920px auto;
    margin-top: 41px;
    image-rendering: -webkit-optimize-contrast;
    padding-top: 33px;
	}
	.qa_contents{
    margin: 46px auto 0;
	}
	.top06{
	width: 100%;
    background: #FFF;
    padding: 60px 0;
    margin: 15px 0 0;
	}
	.top06_main{
	margin: 0 auto;
    width: 800px;

	}
	.top06_midashi{
	font-size: 35px;
    font-weight: 600;
    color: #4c4c4c;
    text-align: center;
    margin: 0 0 29px 0;
	}
	.top07{

	}
	.top07_main{
		width: 810px;
		margin:0 auto;
	}
	.top07_midashi{
	font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin: 34px 0 4px 0;
    color: #4c4c4c;
	}
	.top07_midashi2{
	font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin: 10 0 40px 0;
	color: #4c4c4c;
	}
	.blue{
		color:#335cc0;
	}
	.plan_base{
	align-items: center;
    justify-content: center;
    color: #333333;
    background-color: #fff;
    font-size: 18px;
    width: 382px;
    height: 400px;
    border-radius: 15px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    border: 3px solid #335cc0;
    margin: 46px 8px 46px 8px;
    padding: 20px;
    text-align: center;
    display: inline-block;
	vertical-align: top;
	}

	.plan_kihon{

	}
	.plan_midashi{
	color: #335cc0;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid;
    margin-bottom: 12px;
	}
	.plan_price{
	font-size: 30px;
    font-weight: 600;
	}
	.plan_text{
	margin: 23px 0 0 0;
	}
	.plan_link{

	}
	.plan_link a{
	background: #335cc0;
    display: block;
    color: #FFF;
    width: 253px;
    margin: 24px auto 0;
    padding: 8px;
    border-radius: 12px;
	}
	.green{
		color:#007f3c;
	}
	.plan_midashi2{
	color: #007f3c;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid;
    margin-bottom: 12px;
	}
	.plan_link2 a{
	background: #007f3c;
    display: block;
    color: #FFF;
    width: 253px;
    margin: 24px auto 0;
    padding: 8px;
    border-radius: 12px;
	}
		.plan_base2{
	align-items: center;
    align-items: center;
    justify-content: center;
    color: #333333;
    background-color: #fff;
    font-size: 18px;
    width: 382px;
    height: 400px;
    border-radius: 15px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    border: 3px solid #007f3c;
    margin: 46px 8px 46px 8px;
    padding: 20px;
    text-align: center;
    display: inline-block;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_clm06{
	background: url(../images/sp_02_03.jpg)center top no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: 100vw;
    height: 225vw;
    margin-top: 4vw;
	}
	.clm06_contents{

		margin:0 auto;
	}
	.qa{
	background: url(../images/sp_02_04.jpg)center top no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: 100vw;
    margin-top: -31vw;
	}

	.qa{
	background: url(../images/pc_top_08.jpg)center top no-repeat;
    background-size: auto;
    background-size: 1920px auto;
    margin-top: 41px;
    image-rendering: -webkit-optimize-contrast;
    padding-top: 33px;
	}
	.qa_contents{
    margin: 3vw auto 0;
	}
	.top06{
width: 76vw;
    margin: 11vw auto 20vw;
    text-align: center;

	}
	.top06_main{
margin: 0 auto;
  width: 79vw;

	}
	.top06_midashi{
	font-size: 35px;
    font-weight: 600;
    color: #4c4c4c;
    text-align: center;
    margin: 0 0 29px 0;
	}
	.top07_midashi2{
font-size: 6vw;
  font-weight: 600;
  text-align: center;
  margin: 10 0 40px 0;
  color: #4c4c4c;
  }

	.blue{
		color:#335cc0;
	}
	.plan_base{
	align-items: center;
    align-items: center;
	justify-content: center;
  color: #333333;
  background-color: #fff;
  font-size: 18px;
  width: 90vw;
  border-radius: 15px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
  border: 3px solid #335cc0;
  margin: 6vw auto 7vw;
  padding: 20px;
  text-align: center;
}


	.plan_kihon{

	}
	.plan_midashi{
	color: #335cc0;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid;
    margin-bottom: 12px;
	}
	.plan_price{
	font-size: 30px;
    font-weight: 600;
	}
	.plan_text{
	margin: 23px 0 0 0;
	}
	.plan_link{

	}
	.plan_link a{
	background: #335cc0;
    display: block;
    color: #FFF;
    width: 253px;
    margin: 24px auto 0;
    padding: 8px;
    border-radius: 12px;
	}
	.green{
		color:#007f3c;
	}
	.plan_midashi2{
	color: #007f3c;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid;
    margin-bottom: 12px;
	}
	.plan_link2 a{
	background: #007f3c;
    display: block;
    color: #FFF;
    width: 253px;
    margin: 24px auto 0;
    padding: 8px;
    border-radius: 12px;
	}
		.plan_base2{
	align-items: center;
    align-items: center;
    justify-content: center;
	color: #333333;
	background-color: #fff;
	font-size: 18px;
	width: 90vw;
	border-radius: 15px;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
	border: 3px solid #007f3c;
	margin: 0 auto;
	padding: 6vw;
	text-align: center;
	}
}


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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
.footer{
	background:#007f3c;
}
.foot_toroku{
width: 1000px;
    margin: 0 auto;
    display: flex;
}
.foot_katsu_toroku img,.foot_taku_toroku img{
	width:80%;
}
.foot_katsu_toroku{
position: absolute;
margin: 497px 1px 0 187px;
}
.foot_taku_toroku{
position: absolute;
   margin: 496px 0 0 599px;
}
.footer_base{
	width: 1000px;
    margin: 0 auto;
    text-align: center;
    padding: 12px;
}
.footer a{
color: #FFF;
    font-size: 12px;
    margin: 0 13px;
}
.footer ul{

}

.footer li {
	display:inline-block;
}
.copy{
	font-size:10px;
	padding: 10px;
	color:#FFF;
}
.guide_banner{
width: 1366px;
    margin: -7px auto 150px;
    text-align: center;

}
.guide_banner img{
width: 600px;
    margin: 0 auto;
}
.pc_none{
	display:none;
}

.qa-1 {
	max-width: 700px;
  margin-bottom: 7px;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  margin: 9px auto 0;
}

.qa-1 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa-1 summary::before,
.qa-1 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-1 summary::before {
    color: rgb(84, 173, 89);
    content: "Q";
}

.qa-1 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-1[open] summary::after {
    transform: rotate(225deg);
}

.qa-1 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-1[open] p {
    transform: none;
    opacity: 1;
}

.qa-1 p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}


}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
.footer{
	background:#007f3c;
}
.foot_toroku{
width: 60vw;
    margin: 0 auto;
}
.foot_katsu_toroku img,.foot_taku_toroku img{
	width:80%;
}
.foot_katsu_toroku{
position: absolute;
    margin: 102vw 5vw 5vw 3vw;
}
.foot_taku_toroku{
position: absolute;
    margin: 189vw 5vw 5vw 3vw;
}
.footer_base{
width: 100vw;
    margin: 0 auto;
    text-align: left;
    padding: 11vw;
}
.footer a{
color: #FFF;
    font-size: 3vw;
    margin: 0 13vw;
}
.footer ul{

}

.footer li {
	display:inline-block;
}
.copy{
font-size: 3vw;
    padding: 13vw 0 0;
    color: #FFF;
    text-align: center;
}
.sp_none{
	display:none;
}
.guide_banner{
width: 76vw;
    margin: 12vw auto 20vw;
    text-align: center;
}
.guide_banner img{
width: 100%;
    margin: 0 auto;
}
.qa_contents{
	padding-top: 1vw;
}
.qa-1 {
max-width: 90vw;
    margin-bottom: 7px;
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    margin: 2vw auto 0;
	text-align: left;
}

.qa-1 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa-1 summary::before,
.qa-1 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-1 summary::before {
    color: #75bbff;
    content: "Q";
}

.qa-1 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-1[open] summary::after {
    transform: rotate(225deg);
}

.qa-1 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-1[open] p {
    transform: none;
    opacity: 1;
}

.qa-1 p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}
	.top07_main{
margin: 11vw auto -1px;
      width: 100vw;

	}
	.top07_midashi{
	font-size: 35px;
    font-weight: 600;
    color: #4c4c4c;
    text-align: center;
    margin: 0 0 29px 0;
	}
}