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

	/*WEBフォントの読み込み*/
@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Rubik:ital,wght@0,600;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700&display=swap');

html {
	scroll-behavior: smooth;
}

	/* SPパーツの非表示 */
DIV#contents #campaign .sp {display: none !important;}

	/* 共通フォント */
DIV#contents #campaign {
	font-family: "M PLUS Rounded 1c", sans-serif;
}

	/* 英語フォント */
DIV#contents #campaign .en-text {
	font-family: "Courgette", cursive;
	font-weight: 400;
	font-style: normal;
}

	/* 日本語明朝フォント */
/*DIV#contents #campaign .jp {}*/

	/* フォント寄せ */
DIV#contents #campaign .center {
	text-align: center!important;
}
DIV#contents #campaign .right {
	text-align: right!important;
}
DIV#contents #campaign .left {
	text-align: left!important;
}

	/* 文字 設定 */
DIV#contents #campaign h1,
DIV#contents #campaign h2,
DIV#contents #campaign h3,
DIV#contents #campaign h4,
DIV#contents #campaign h5,
DIV#contents #campaign h6,
DIV#contents #campaign p,
DIV#contents #campaign a,
DIV#contents #campaign ul,
DIV#contents #campaign li,
DIV#contents #campaign figure,
DIV#contents #campaign img,
DIV#contents #campaign button {
	background: none;
	border: none;
	color: var(--color__base__text);
	font-family: "M PLUS Rounded 1c", sans-serif;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	opacity: 1;
	padding: 0;
	transition: all .3s ease;
	word-break: break-word;
}
DIV#contents #campaign a::after,
DIV#contents #campaign a::before {
	transition: all .3s ease;
}

	/* 大見出しの設定 */
DIV#contents #campaign h1 {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5em;
	text-align: center;
	padding: 20px 0;
}

DIV#contentsTitle {
	display: none;
}

	/*クリック時の枠線とハイライトの非表示*/
DIV#contents #campaign a {
	color: var(--color__base__text);
	cursor:pointer;
	outline: none;
	tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-underline-offset: 0.2em;
	text-decoration-thickness: 0.075em;
}

	/* フォーカス線のリセット */
*:focus {
	outline: none;
}

	/* リンクテキストのホバーアクション */
DIV#contents #campaign a:hover {
	text-decoration: none;
}

	/* マーカー */
DIV#contents #campaign .bottom-area .mark {
	background-color: var(--color__yellow);
}

	/* 太字 */
DIV#contents #campaign .bold-text {
	font-weight: bold;
}

	/* 色指定 */
:root {
	--color__white: #fff;
	--color__black: #212121;
	--color__red: #FF5555;
	--color__yellow: #ff6;
	--color__base__text: #565656;
	--color__decoration__ring: #78D4DE;
	--color__decoration__wed: #FFACA8;
	--color__strong__text__common: #6ABBDB;
	--color__strong__text__ring: #6CC1CB;
	--color__strong__text__wed: #FF9999;
	--color__schedule__line: #E1E1E1;
	--color__background__01: #FAF9F4;
	--color__background__02: #EDEADD;
	--color__line: #CEB66A;
	--color__background__schedule: #FFF5BE;
	--color__text__dotted: #BBEBF2;
}

	/* 赤文字 */
DIV#contents #campaign .red {
	color: var(--color__red);
}
DIV#contents #campaign .indent {
	text-indent: -1em;
	padding-left: 1em;
	display: inline-block;
}

/*--------------------------------------------------
	LINEパーツの設定
--------------------------------------------------*/

	/* LINEボックス */
DIV#contents #campaign .line-box {
	align-items: center;
	/*border: 2px solid var(--color__line);*/
	/*border-radius: 5px;*/
	box-sizing: border-box;
	display: flex;
	/*height: 180px;*/
	/*flex-direction: row;*/
	justify-content: center;
	margin: 64px auto 32px;
	/*width: 450px;*/
}
DIV#contents #campaign .line-box p.right-line {
	align-items: center;
	color: var(--color__line);
	display: flex;
	font-size: 24px;
	font-weight: bold;
	height: 120px;
	line-height: 1.4;
	margin-right: 49px;
	position: relative;
}
DIV#contents #campaign .line-box p.right-line::after {
	background-color: var(--color__line);
	content: "";
	height: 120px;
	position: absolute;
	right: -24px;
	top: calc(50% - 60px);
	width: 2px;
}
DIV#contents #campaign .line-box span.qa-item {
	background: center / 120px 120px no-repeat url(/contents/special_contents/couple_cp/common/img/qr_2403.svg);
	height: 120px;
	width: 120px;
}