@charset "utf-8";


body {
	/***	フォント関連設定	***/
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "A-OTF 新ゴ Pro", A-OTF Shin Go Pro, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 5vw;
	/*	25文字入る	*/
	font-size: 4vw;
	/*	25文字入る	*/
	line-height: 1.7;

	/***	背景＆文字色設定	***/
	background: #E4DDC3;
	color: #222;

	font-feature-settings: "palt";
	text-align: justify;
}


.fv{
    margin: 0 auto;
	padding-top: calc(730 / 1920 * 100%);
    /* padding-top: 640px; */
	width: 100%;
    background: url(../images/fv_pc.jpg) center center /100% auto no-repeat;
    text-indent: -9999px;
	aspect-ratio: 1920 / 1052;
	max-width: 1920px;
}


.btn img{
	width: 48%;  /*ボタンの幅を調整*/
	max-width: 754px;
}


.cta_01{
	margin: 0 auto;
	/* padding-top: 120px; */
    padding-top: calc(80 / 1920 * 100%);
	/*ボタンの高さまでのpx*/
    background: url(../images/cta.jpg) center center /100% auto no-repeat;
	aspect-ratio: 1920 / 268; /*画像のサイズを記入、横/縦*/
}

.cta_02{
	margin: 0 auto;
	/* padding-top: 120px; */
    padding-top: calc(1526 / 1920 * 100%);
	/*ボタンの高さまでのpx*/
    background: url(../images/cta01.jpg) center center /100% auto no-repeat;
	aspect-ratio: 1920 / 1742; /*画像のサイズを記入、横/縦*/
}


.cta_02 .btn img{
	width: 32%;  /*ボタンの幅を調整*/
}


.cta_03{
	margin: 0 auto;
	/* padding-top: 120px; */
    padding-top: calc(536 / 1920 * 100%);
	/*ボタンの高さまでのpx*/
    background: url(../images/cta02.jpg) center center /100% auto no-repeat;
	aspect-ratio: 1920 / 706; /*画像のサイズを記入、横/縦*/
}

.cta_03 .btn img{
	width: 32%;  /*ボタンの幅を調整*/
}


.cta_04{
	margin: 0 auto;
	/* padding-top: 120px; */
    padding-top: calc(520 / 1920 * 100%);
	/*ボタンの高さまでのpx*/
    background: url(../images/cta03.jpg) center center /100% auto no-repeat;
	aspect-ratio: 1920 / 759; /*画像のサイズを記入、横/縦*/
}

.cta_04 .btn img{
	width: 32%;  /*ボタンの幅を調整*/
}



footer {
	margin: 0 auto;
	padding: 1em 0;
	/* padding-bottom: calc((180 / 840) * 96vw + 1.5em); */
	background: #9C6103;
	color: #fff;
	text-align: center;
	font-size: 20px;
}

footer a {
	color: #fff;
	text-decoration: underline;
}

footer a:hover {
	color: #fff;
}

address {
	font-style: normal;
}


a {
	cursor: pointer;
}

img {
	display: block;
	/*	ブロック要素としてふるまう：中揃えで表示	*/
	margin: 0 auto;
	max-width: 100%;
}

/* .btn img{
	width: 93vw;
} */





/***	画像右寄せ設定	***/

.pic_right {
	float: right;
	margin: 10px -15px 10px 10px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}



/*
 *		class-name
 */

.class-name {}

.wrap_class-name {
	margin: 0 auto;
	width: 96%;
}

.con_class-name {}

.con_class-name p {}



/*
 *		form
 */

.form {
	margin: 0 auto;
	padding: 1.5vw 0;
	background: #8de4ec;
}

.submit {
	margin: 0 auto;
	padding: 10px 0 40px;
	padding: 1.5vw;
	width: 96%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 1);
	background: #fff;
}

.submit .btn {
	display: block;
	margin: 4% auto;
	width: 96%;
}

.deco {
	display: block;
	margin: 1.5vw auto;
	padding: 1% 1.5vw;
	width: 96%;
	height: 4em;
	border: 4px solid #1897c6;
	background: #fff;
	color: #1698c7;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

.deco::placeholder {
	color: #AAA;
}

.btn {
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
	display: block;
	width: 93%;
	margin: 0 auto;
	animation-name: btn-animation;
	animation-iteration-count: infinite;
	animation-duration: 2s;
}

.btn:hover {
	animation-duration: 0.8s;
	opacity: 0.6;
}


/***	常時表示ボタン設定	***/

.flbtn {
	position: fixed;
	left: 2vw;
	bottom: 0.5em;
}

.flbtn a {
	display: block;
	width: 96vw;
	height: calc((180 / 840) * 100vw);
	background: url(../images/button_01.png) no-repeat;
	background-size: 100%;
	text-indent: -9999px;

	animation-name: btn-animation;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-delay: 0.6s;

	filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
}

@keyframes btn-animation {
	0% {
		transform: translateY(0.5em);
	}

	50% {
		transform: translateY(-0.5em);
	}

	100% {
		transform: translateY(0.5em);
	}
}




@media screen and (min-width: 1921px) {	/**	幅1921px以上に適用：PC・iPadPro	**/

	body {
		font-size: 112.5%;		/* 18px */
		font-size: 125%;		/* 20px */
	}

	h1 {
	background-size: auto 100%;
	text-indent: -9999px;
}


 .fv {
    margin: 0 auto;
	padding-top: 840px;
    width: 1920px;
    aspect-ratio: 1920 / 1052;
    text-indent: -9999px;
}

.fv .btn{
	width: 100%;
}

.cta_01{
	margin: 0 auto;
	padding-top: 86px;
    width: 1920px;
    /* aspect-ratio: 1920 / 268; */
    
}

.cta_01 .btn{
	width: 100%;
}

.cta_02{
	margin: 0 auto;
	padding-top: 1524px;
    width: 1920px;
   
}

.cta_02 .btn{
	width:93%;
}

.cta_03{
	margin: 0 auto;
	padding-top: 536px;
	width: 1920px;
}

.cta_03 .btn{
	width: 93%;
}

.cta_04{
	margin: 0 auto;
	padding-top: 520px;
	width: 1920px;
}

.cta_04 .btn{
	width: 93%;
}



img {
	display: block;
	/*	ブロック要素としてふるまう：中揃えで表示	*/
	margin: 0 auto;
	max-width: 100%;
}


	

	/*
 	*		form
	*/

	.form {
		padding: 50px 0;
	}

	.submit {
		padding: 10px 0 40px;
		width: 920px;
	}

	.submit .btn {
		margin: 25px auto 0;
		width: initial;
	}

	.deco {
		margin: 30px auto 0;
		margin-bottom: 20px;
		padding: 10px 6px 4px;
		width: 840px;
		height: 108px;
		font-size: 1.5em;
	}


	/***	常時表示ボタン設定	***/
	.flbtn {
		bottom: 0.5em;
		right: 0.5em;
		left: auto;
	}

	.flbtn a {
		width: 336px;
		height: 81px;
		background: url(../images/button.png) no-repeat;
		background-size: 100%;
	}

}







/*
 *		特商法
 */

.page_laws #wrapper {
	margin: 0 auto 2em;
	padding: 3em;
	width: 800px;
	background: #fff;
	max-width: 100%;
	font-size: 75%;
}

.page_laws #wrapper h2 {
	margin: 0 auto;
	font-size: 2em;
	text-align: center;
}

.page_laws #wrapper h3 {
	margin-top: 2em;
	font-size: 1.25em;
}

.page_laws #wrapper h4 {
	margin-top: 2em;
}

.page_laws table {
	margin: 1.5em auto;
	width: 720px;
	border-collapse: separate;
	border-spacing: 1px;
	background: #ccc;
}

.page_laws th {
	padding: 0.5em;
	width: 28%;
	border-top: 1px solid #fff;
	background-color: #EBEBEB;
}

.page_laws td {
	padding: 0.5em;
	font-size: 0.8em;
	background-color: #FFFFFF;
}