@charset "utf-8";
/*===========================
add
===========================*/
/* 最後のコンテンツを左寄せにする指定 */
.f-wrap-ad4:after {
    content: "";
    display: block;
    width: 48%; /* f-itemに指定したwidthと同じ幅を指定する */
    height: 0;
}
.backWaterM {
    /* 背景黒 
	background: rgba(255,255,255,.2);
	*/
    /* 背景白 */
    background: rgba(255, 255, 255, .8);
    padding: 2em
}
.backWaterShadow {
    text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 12px #fff, 0 0 14px #fff, 0 0 16px #fff, 0 0 18px #fff;
    border: 1px solid #f0f0f0;
}
.bgimg {
    background: url("../img/content/w.jpg");
    background-size: cover;
    background-position: center
}
.bgimg p {
    text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 12px #fff, 0 0 14px #fff, 0 0 16px #fff, 0 0 18px #fff;
}
.bgimg2 {
    background: url("../img/content/e.jpg");
    background-size: cover;
    background-position: center;
    padding-top: 10vw;
    padding-bottom: 10vw;
}
.bgimg2 .lay2Inline {
    margin-bottom: 0;
}
.bgbox {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 1em;
}
.bgimg2 p, .bgimg2 ul li {
    text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #fff, 0 0 10px #fff;
}
.liborder {
    border-bottom: 1px #333 dotted;
    margin-bottom: 5px;
}
.shazetext {
    font-size: 150%;
    margin-bottom: 10px;
    font-family: 'Noto Serif JP', serif;
    font-weight: bold;
}
@media only screen and (max-width: 600px) {
    .shazetext {
        font-size: 120%;
    }
    .bgimg2 {}
}
.table_container th, .table_container td {
    white-space: nowrap;
}

.scroll-hint-icon {
    height: 90px;
}

/* index bnrExam */

.bnrExamWrap {
	box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
	border-radius:10px 10px 10px 10px;
}

.bnrExam {
	display:block;
}

.bnrExam a {
	display:block;
	text-decoration:none;
	line-height:normal;
	color:#FFF;
	font-size:clamp(1em, 1.6vw, 1.4em);
	padding:0.4em 0 0 0;
	margin:0;
	background-color:var(--basic-color);
	text-align:center;
	border-radius: 10px 10px 0 0;
	
	
}

.bnrExam img {
	padding:0.4em 0 0 0;
}

.bnrExam a:hover {
	cursor:pointer;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"; 
    -moz-opacity:0.7; 
    -khtml-opacity: 0.7; 
    opacity:0.7;
    zoom:1;
	
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.bnrExamWrap .examTxt {
	padding:1em 1.5em;
	margin:0;
	background-color:#fff;
	text-align:center;
	border-radius:0 0 10px 10px;
	text-align:left;
}

@media only screen and (max-width: 768px) {
	

.bnrExamWrap {
}

.bnrExam {
}

.bnrExam a {
	padding:0.4em 0 0 0;
}

.bnrExam img {
	padding:0.4em 0 0 0;
}

.bnrExamWrap .examTxt {
	padding:0.8em 1em;
}

}

.anshin {
	text-align:center;
}

.anshin img {
	box-shadow:none !important;
}

/* feature3Box   */


.feature3Box {
	box-sizing: border-box;
	background-color:#fff;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	padding:0 1.8em  1.8em  1.8em;	
}

.feature3Tit {
	box-sizing: border-box;
	background-color:var(--basic-color);
	color:#fff;
	font-size:1.6em;
	text-align:center;
	width:65%;
	padding:1em 0.5em;
	margin:0 auto 1em;
	line-height:1.3em;
}

.feature3read {
	font-size:1.4em;
	text-align:center;
	margin-bottom:0.8em;
}


@media only screen and (max-width: 768px) {
	
.feature3Box {
	border-radius: 1.5m;
	-webkit-border-radius: 1.5m;
	-moz-border-radius: 1.5m;
	padding:0 1em 1em 1em;	
}

.feature3Tit {
	font-size:1.3em;
	text-align:center;
	width:80%;
	padding:0.6em 0.5em;
	margin:0 auto 1em;
	line-height:1.3em;
}

.feature3read {
	font-size:1.2em;
}

	
}