@charset "UTF-8";
/* CSS Document */


/* PC：ウィンドウ幅が769px以上の場合に適用するCSS */
@media screen and (min-width: 680px) {

	.nonePC {
		display: none
	}

	.br-pc {
		display: block;
	}

	.br-sp {
		display: none;
	}

	.pc {
		display: block !important;
	}

	.sp {
		display: none !important;
	}


	/* ベース・共通項目 */

	:root {
		--root-font-size: 16;
	}

	p {
		font-size: calc(13 / var(--root-font-size) * 1rem);
	}


	body {
		margin: 0;
		padding: 0;
		line-height: 1.8em;
		letter-spacing: 0.05em;
		font-family: "Zen Kaku Gothic New", sans-serif;
		background-size: auto;
		background-color: #0696d4;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}

	/* ページトップへ戻る */

	#pageTop {
		position: fixed;
		bottom: 30px;
		right: 30px;
	}

	#pageTop img {
		width: 60px;
	}

	/* ヘッダ */

	header {
		width: 100%;
		height: 100px;
		background-color: #ffffff;
	}

	div.headtitle {
		display: flex;
		width: 1100px;
		margin: 0 auto;
	}

	/* フッター */

	footer {
		clear: both;
		margin: 0% auto 0 auto;
		padding: 60px 0 60px 0;
		text-align: center;
		font-size: 80%;
		color: #FFF;
		background: #000;
		color: #FFF
	}

	/* メインビジュアル */

	section.main {
		text-align: center;
		margin: 0 auto;
		overflow: hidden;
	}

	div.visual img {
		width: 100%;
		overflow: hidden;
	}


	/* コンテンツボックス */

	section.contentsbox {
		margin: 70px auto 200px;
		text-align: center;
	}

	section.contentsbox div {
		margin: 24px 0 0;
	}

	p.bargain img {
		width: 800px !important;
		text-align: center;
		margin: 0px auto 0px;
		box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
	}

	div.flex-container {
		display: flex;
		justify-content: center;
		margin: 0 auto;
		text-align: center;
	}

	p.bnr img {
		width: 500px;
		margin: 0px 20px 0px;
		box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
	}

	p.bnr a {
		display: block !important;
	}

	/* バナーアニメーションCSS */

	.banner img {
		transition: transform 0.3s ease;
		/* アニメーションの設定 */
		/* display: block; */
	}

	.banner:hover img {
		transform: scale(1.05);
		/* 5%拡大 */
	}








}