@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=M+PLUS+Rounded+1c:wght@100;300;400;500;700&family=Noto+Serif+JP:wght@500;600&display=swap');

/* ===========================================
 * Common
 * ======================================== */
body{
	font-size: 62.5%; /*基本のフォントサイズを10pxに指定 */
	font-family:  "Hiragino Sans","Yu Gothic",sans-serif;
	color: #000;
	background: #fff;
}

a:link,a:visited{
	color: #000;
	text-decoration: underline;
}

img{
	width: 100%;
	max-width: 100%;
}

/* margin */
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.auto{margin: 0 auto;}

.display-pc{
	display:none;
}


/* ===========================================
 * Main　Contents
 * ======================================== */

/* level1 KV
-------------------------*/
.level1{
	position: relative;
}

.cta_top{
	width: 89.8%;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
}

.google_wrap{
	width: 89.8%;
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	margin: auto;
}

.google_link{
	font-size:clamp(0.7rem, 0.527rem + 0.74vw, 1rem);
	text-align: center;
	padding-bottom: 5px;
	font-weight: 600;
}
	
/* level2 Toku
-------------------------*/
.level2{
	padding: 0 2.6%; /* 10pxのpaddin*/
}

.connect{
	margin:20px 2.6% 0 2.6%;
}

.tit_cp{
	font-size: clamp(0.7rem, 0.296rem + 1.73vw, 1.4rem);
	font-weight: 700;
	font-weight: bold;
	color: #fff;
	background: #cc0033;
	text-align: center;
	padding: 6px 0;
}

.tit_toku{
	width: 50.7%;
	margin: 25px auto 20px;
}

.level2{
	text-align: center;
}

hr{
	border-width: 0.5px 0px 0px 0px;
	border-color: #fff;
	height: 0.5px;
	margin:20px 2.8% 0;	
}

.level2 dt{
	margin-bottom: 10px;
	font-size: clamp(1.3rem, 0.144rem + 4.93vw, 3.3rem);
	font-weight: 700;
}

.m_text{
	font-size:clamp(1.1rem, 0.118rem + 4.19vw, 2.8rem);
}

.last_message{
	padding: 35px 7.3% 0;	
}


/* level3 Footer
-------------------------*/
.level3{
	background: #cc0033;
	padding-bottom: 65px;
}

.level3 dt{
	color: #fff;
	text-align: center;
	font-size:clamp(1.2rem, -0.187rem + 5.92vw, 3.6rem);
	font-weight: 600;
	padding-top: 27px;
}

.s_text{
	/* font-size: 1.0rem; */
	font-size:clamp(1rem, -0.156rem + 4.93vw, 3rem);
}

.cta_bottom{
	padding: 20px 4% 60px;
}

.copy{
	font-size: 1.0rem;
	color: #fff;
	text-align: center;
	font-weight: 600;
}


/* デザインC(PC) */
@media screen and (min-width: 1025px) {
	.google_wrap{
		width: 89.8%;
		position: absolute;
		bottom: 40px;
		left: 0;
		right: 0;
		margin: auto;
	}

	.pc_view{
		padding: 0;
		/* width:100%; */
		margin:0 auto;
		max-width:820px;
	}

	.display-pc{
		display: block;
	}
}