@charset "utf-8";

/*PC
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (min-width: 1024px){
	
	/*共通
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	main{
		padding-bottom: 30px;
	}
	main section{
		width: 900px;
		margin: 0 auto;
		margin-bottom: 50px;
		border-top: 2px solid #e5e5e5;
		position: relative;
	}
	main section:nth-last-of-type(1){
		margin-bottom: 100px;
	}
	main section .line{
		width: 150px;
		height: 2px;
		background-color: #f682a2;
		position: absolute;
		top: -2px;
		left: 0;
	}
	main section .top{
		margin-top: 15px;
		margin-bottom: 30px;
	}
	main section h2{
		float: left;
		font-size: 20px;
		padding-left: 40px;
		background-repeat: no-repeat;
		background-position: left center;
	}
	main section .more_btn{
		float: right;
	}
	main section .more_btn a{
		font-size: 14px;
		background-color: #f682a2;
		color: white;
		border-radius: 20px;
		display: inline-block;
		padding: 8px 20px;
		line-height: 1;
	}

	/*メインビジュアル
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	main #main{
		width: 1000px;
		margin: 0 auto;
	}
	
	/*グループ
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	main #group{
		width: 1000px;
		margin: 0 auto;
		text-align: center;
		position: relative;
		top: -95px;
	}

	/*お知らせ
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#news h2{
		background-image: url("/media/82976a812921a844bcc0.webp");
	}
	.news_contents{
		border: 1px solid #aaaaaa;
		height: 220px;
		overflow-y: scroll;
	}
	/*.news_contents::-webkit-scrollbar-thumb{
		background-color: var(--main-color);
	}*/
	.news_contents dl{
		color: #f682a2;
		font-size: 16px;
		line-height: 1;
		padding: 15px 30px;
		border-bottom: 1px dotted #aaaaaa;
	}
	.news_contents dl dt{
		float: left;
		margin-right: 10px;
	}
	.news_contents dl dd{
		float: left;
	}
	.news_contents dl dd a{
		color: #573731;
	}

	/*お困り
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#prob h2{
		background-image: url("/media/da75197e55c947fb4697.webp");
	}
	#prob .img{
		text-align: center;
	}

	/*特徴
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#feature h2{
		background-image: url("/media/a8deabad215a7b483f0d.webp");	
	}
	#feature .up{
		margin-bottom: 85px;
	}
	#feature .up dl{
		border:1px solid #f682a2;
		border-radius: 5px;
		margin-bottom: 10px;
	}
	#feature .up dl:last-child{
		margin-bottom: 0;
	}
	#feature .up dl dt{
		width: 178px;
		float: left;
	}
	#feature .up dl dd{
		width: 720px;
		float: left;
		font-size: 16px;
		padding-top: 60px;
		padding-left: 30px;
		box-sizing: border-box;
	}

	/*流れ
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#flow h2{
		background-image: url("/media/0a4e609e9cfecd0caa45.webp");	
	}
	#flow .bottom{
		width: 900px;
		margin: 0 auto;
	}
	#flow .bottom dl{
		float: left;
		width: 210px;
		margin-right: 20px;
		border:1px solid #dcdcdc;
		box-sizing: border-box;
		position: relative;
	}
	#flow .bottom dl:last-child{
		margin-right: 0;
	}
	#flow .bottom dl dt{
		height: 107px;
		text-align: center;
		padding-top: 16px;
		box-sizing: border-box;
	}
	#flow .bottom dl dt .step{
		font-size: 20px;
		color: var(--main-color);
	}
	#flow .bottom dl dt .title{
		font-size: 16px;
	}
	#flow .bottom dl dt .title.mg{
		margin-top: 15px;
	}
	#flow .bottom dl .arrow{
		position: absolute;
		right: -20px;
		top: 50px;
	}

	/*ニュースレター
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#news_letter h2{
		background-image: url("/media/416dd727a55eb17a3146.webp");	
	}
	#news_letter ul li{
		float: left;
		margin-right: 20px;
	}
	#news_letter ul li:last-child{
		margin-right: 0;
	}

	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
}


/*SP
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1023px){

	/*共通
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	main{
		padding-bottom: 30px;
	}
	main section{
		margin-bottom: 9.375vw;
		border-top: 2px solid #e5e5e5;
		position: relative;
	}
	main section .line{
		width: 23.4375vw;
		height: 2px;
		background-color: var(--main-color);
		position: absolute;
		top: -2px;
		left: 0;
	}
	main section .top{
		margin-top: 2.34375vw;
		margin-bottom: 4.6875vw;
	}
	main section h2{
		float: left;
		font-size: 3.75vw;
		padding-left: 6.71875vw;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 5vw;
	}
	main section .more_btn{
		margin-top:4.6875vw
	}
	main section .more_btn a{
		width: 100%;
		height: 100%;
	}
	
	/*グループ
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	main #group{
		text-align: center;
		margin-bottom: 12.5vw;
	}

	/*お知らせ
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#news h2{
		background-image: url("/media/82976a812921a844bcc0.webp");
	}
	.news_contents{
		border: 1px solid #aaaaaa;
		height: 220px;
		overflow-y: scroll;
	}
	/*.news_contents::-webkit-scrollbar-thumb{
		background-color: var(--main-color);
	}*/
	.news_contents dl{
		color: var(--main-color);
		font-size: 3.125vw;
		line-height: 1;
		padding: 2.5vw 3.90625vw;
		border-bottom: 1px dotted #aaaaaa;
	}
	.news_contents dl dt{
		float: left;
		margin-right: 3.875vw;
	}
	.news_contents dl dd{
		float: left;
	}

	/*お困り
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#prob h2{
		background-image: url("/media/da75197e55c947fb4697.webp");
		background-position: left 2vw;
	}


	/*特徴
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#feature h2{
		background-image: url("/media/a8deabad215a7b483f0d.webp");	
	}
	.up{
		margin-bottom: 12.5vw;
	}
	.up dl{
		border:1px solid var(--main-color);
		border-radius: 5px;
		margin-bottom: 1.5625vw;
	}
	.up dl:last-child{
		margin-bottom: 0;
	}
	.up dl dt{
		width: 27.125vw;
		float: left;
	}
	.up dl dd{
		width: 65.625vw;
		float: left;
		font-size: 2.4vw;
		padding-top: 2.8125vw;
		padding-left: 3.125vw;
		padding-right: 3.125vw;
		box-sizing: border-box;
	}
	.up dl:first-child dd{
		padding-top: 3.90625vw;
	}

	/*流れ
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#flow h2{
		background-image: url("/media/0a4e609e9cfecd0caa45.webp");	
	}
	#flow .bottom dl{
		border:1px solid #dcdcdc;
		box-sizing: border-box;
		position: relative;
		margin-bottom: 4.6875vw
	}
	#flow .bottom dl:last-child{
		margin-bottom: 0;
	}
	#flow .bottom dl dt{
		float: left;
		width: 36.5625vw;
		text-align: center;
		padding-top: 16px;
		box-sizing: border-box;
	}
	#flow .bottom dl dt .step{
		font-size: 20px;
		color: var(--main-color);
	}
	#flow .bottom dl dt .title{
		font-size: 16px;
	}
	#flow .bottom dl dt .title.mg{
		margin-top: 15px;
	}
	#flow .bottom dl dd{
		width: 56.1875vw;
		float: right;
	}
	#flow .bottom dl .arrow{
		position: absolute;
		left: 42.96875vw;
		bottom: -5vw;
		width: 6.5625vw;
	}

	/*ニュースレター
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#news_letter h2{
		background-image: url("/media/416dd727a55eb17a3146.webp");	
	}
	#news_letter ul li{
		float: left;
		width: 45.3125vw;
		margin-right: 3.125vw;
		margin-bottom: 3.125vw;
	}
	#news_letter ul li:nth-child(2n){
		margin-right: 0;
		margin-bottom: 0;
	}
	#news_letter ul li:nth-child(3){
		margin-bottom: 0;
	}
	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
}