@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+P+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

body{
	background-color: #ffeeee;
	margin:0;
}

img{
	width:100%;
}

.article{
	margin: 1rem 0 1rem 0;
}

#pageWrapper{
	margin:0 auto 0 auto;
}

@media (min-width:767px) {
	#pageWrapper{
		width:767px;
	}	
}


#pageTtl{
	background-color:#d42021;
	color:white;
	width:100%;
	text-align: center;
	height:7rem;
}

#titleKk{
	padding-top:.5rem;
	font-size:1.5rem;
	height:2rem;
}

#titleLuce{
	font-size:3rem;
	height:3rem;
	font-family: "Noto Serif JP";
}

#followUp{
	position:relative;
    
    font-family: "Noto Serif JP", sans-serif;
    color:white;
	text-align: center;
	font-size:2rem;
	line-height: 2rem;
    background-color:#d32020;
	padding:.5rem 0 .5rem 0;
}

#section3{
    display:grid;
    grid-template-columns: 1fr 2fr;
    margin-top:1rem;
}

#sec3follow{
    position:relative;
    font-size:3rem;
    
    font-family: "Mochiy Pop P One", sans-serif;
    color:white;

    background-color:#d32020;
}

#sec3fBody{
    position:absolute;
    width:20rem;
    font-size:2rem;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

#sec3cTable{
    border:none;
    border-spacing: 0px;
    width:100%;

    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 400;
	background-color: white;
}
#sec3cTable > tbody > tr > td:nth-of-type(1){
    width:4rem;
    text-wrap: nowrap;
	padding-right:.5rem;
}

#sec3cTable > tbody > tr > td {
    border-style: solid;
    border-width: 0 0 0.1rem 0;
    border-color:#d32020;
    
}

.sec3cCondition{
    text-align: right;
}

#topCopy{
	font-size: large;
	padding:0 3rem 0 3rem;
	letter-spacing: .2rem;
}

.nowrap
{
	text-wrap: nowrap;
}

.read{
	background-color:#d32020;
	color:white;
	border-color:#ffb0b0;
	border-style:dotted;
	border-width: .2rem;
	border-radius: 2rem;
	padding:0 3rem 0 3rem;
	text-align: center;
	margin:0.2rem;
	
}

#topImage{
	width:100%;
}

.privacyArea{
	background-color:#ffb0b0;
	padding:0 3rem 0 3rem;

	
}

.priTtl{
	font-size:1.1rem;
	margin-top:.4rem;
}

#accessMapMap{
	padding-top: .2rem;
	border:0;
	width:100%;
	height:20rem;
}

.ttlImg{
	display: block;;
	margin:0 auto 0 auto;
}

.company{
	text-align: center;
	font-size: 1.2rem;
}

.txtS{
	text-align: center;
}

#copyright{
	padding-top:2rem;
	text-align: center;
	font-family: "Noto Serif JP";
}

.articleTitle
{
	padding-top:1rem;
	color:#d32020;
	border-bottom:#d32020 solid 0.1rem;
}

.atEng{
	font-family: "Noto Serif JP";
	font-size:2rem;
	white-space: .5rem;
}

#access{
	padding:0 3rem 0 3rem;
}

#telSection{
	text-align: center;
	background-color:#ffb0b0;
	height:11rem;
}

#telTitle{
	padding-top:.2rem;
	font-size: 1.5rem;
	height:2rem;
}

#telNumber{
	font-size: 2rem;
	height:3rem;
	font-family: "Mochiy Pop P One", sans-serif;
}

#telRecept{
	padding-top:1rem;
	font-size:1.2rem;
}

#accTel{
	margin: 0 auto 0 auto;
	text-align: left;
	width:fit-content;
}

.gradBottom{
	position:relative;
}

.gradBottom:before{
	content:"";
	position:absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: linear-gradient(
		transparent, 
		transparent 90%, 
		#ffeeee 95%);
}

.gradTopBottom{
	position: relative;
	opacity:0;
}
.gradTopBottom:before{
	content:"";
	position:absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: linear-gradient(
		#ffeeee ,
		transparent 5%, 
		transparent 90%, 
		#ffeeee 95%
		);
}