@charset "UTF-8";

img{ width:100%;}
html { font-size:62.5%;/*10px*/}

body { font-size:1.6rem; line-height:1.5;
    background:#fff url("/special/18th-anniversary-project/_img/topBg1200.png") top center no-repeat;
background-size:cover;
}
#roComFooter{background-color:#002067;}


/*========================[ 定型  ]========================*/
/*-----  タイトル設定 -------*/
h1{ font-size: 36px; font-size: calc(2.4rem + ((1vw - 0.64rem) * 2));  /* 24px~36pxで可変*/ line-height: 1.5;}
h2{ font-size: 24px; font-size: calc(1.8rem + ((1vw - 0.64rem) * 1.2));/* 22px~24pxで可変*/ font-weight:bold; line-height: 1.5;}
h3{ font-size: 20px; font-size: calc(1.1rem + ((1vw - 0.64rem) * 1.2));/* 18px~20pxで可変*/ font-weight:bold; line-height: 1.5;}
/* 640px～1200px calc( 基準サイズ ((1vm -  [ビューポートの幅の最小値/100] ) * [100 * フォントサイズの差 / ビューポートの幅の差] ) ) */

@media (min-width: 75em) {/* 1200px以上でフォントサイズを固定*/
	h1{font-size: 3.6rem;/* 36px*/}
	h2{font-size: 2.4rem;/* 24px*/}
	h3{font-size: 2rem; /* 20px*/}
}
@media (max-width: 40em) {/* 640px以下 でフォントサイズを固定*/
	body { font-size:1.2rem;}
	h1{ font-size: 2.4rem;}
	h2{ font-size: 2rem;}
	h3{ font-size: 1.6rem;}
}

/*-----  デコレーション設定 -------*/
.f-redBold{ color:red; font-weight:bold;}
.cent{ margin-left:0; margin-right:0;}
/*====================================================================*/
/*-------------------------------------------------------------------*/
@media (max-width: 75em) {/* 1200px以下で背景を変更*/
}
/*====================================================================*/
/* タイトルデザイン*/
.stripe{ background:repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px); margin:0 auto 0.5rem; padding:1rem; border-radius: 1rem;  text-align:center; }
.stripedLine{
	background-color: rgba(244,253,255,0);
	color: #253570;
	padding: 10px;
	position: relative;
text-align:center;
	margin:0 auto 1rem;
}
.stripedLine::after {
	background: repeating-linear-gradient(-45deg, #253570, #253570 5px, #f0fff0 0, #f0fff0 10px); /* ストライプ */
	content: '';
	height: 5px; /* ストライプの高さ */
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
/*-------------------------------------------------------------------*/
section{background-color: rgba(255,255,255,0.8);}
.prf{ margin:0 auto; display:flex; justify-content: center; padding-bottom:2rem; }
.prf .infoBox{ width:50%; margin:0 auto; padding:1rem;}
.btn{ width:90%; margin:0.5rem auto; background:#f0fff0; padding:0.5rem; text-align:center;}
.btn a{ width:100%; display:block; text-decoration:none;}
.picup{max-width:827px; margin:0 auto; padding-bottom:2rem;}
.linkText{max-width:721px; margin:0 auto; padding-bottom:2rem;}
/*
*/

.banner{max-width:500px; margin:0 auto 5rem;}
/*-------------------------------------------------------------------*/

/*------------------*/
@media (min-width: 75em) {/* 1200px以上でフォントサイズを固定*/
}

@media (max-width: 62.5em) {/* 1000px以下 */
.prfBox dl{ font-size:var( --fontBody);}
}

@media (max-width: 52em) {/* */
.prf{display:block;}
.prf .infoBox{ width:90%;}
}

@media (max-width: 26em) {
	main ul li{ width:calc(100%);}
}