@charset "utf-8";
/* CSS Document */
/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
	background:url("../images/bg.jpg") center 1220px repeat;
	scroll-behavior: smooth;
}
.footer{
	max-width: 1920px;
	margin: 0 auto;
	background: url("../images/bg.jpg");
}

header { position: absolute; top:10px; left:0; z-index:99999;}

/* PC */
.WRAPPER{ position:relative; width:100%; min-width:1200px; margin:0 auto; overflow:hidden; background:url(../images/kv-BG.jpg) no-repeat center top;}
@media screen and ( max-width: 991px ){
		.WRAPPER{ min-width:100%;}
		
}
.container { overflow: hidden; }
.topbox { position: relative; width: 1200px; margin: auto;}
.kv_pc {width: 100%;  position: relative; text-align:center; display: flex;justify-content: center;max-width: 1920px; margin: auto;flex-wrap: wrap-reverse;}
.kv_pc img { display: block; text-align: center; }
.kv_m { display: none; }
.kv_m img { display: block; }
.kv_m a {font-size: 0; display: block; }
.for_pc{ display: block; }
.for_m { display: none; }

.alternate ul:nth-child(odd) li,
.alternate ul:nth-child(even) li { background:none;}

.alternate img { background:#fff; border-radius:10px;}

.alternate ul:nth-child(odd) li:first-child .font h4,
.alternate ul:nth-child(even) li:last-child .font h4 { font-size:16px; line-height:1.6; color:#000; font-weight: 600;}

.alternate ul:nth-child(odd) li:first-child,
.alternate ul:nth-child(even) li:first-child,
.alternate ul:nth-child(odd) li:last-child,
.alternate ul:nth-child(even) li:last-child { border-radius:0;}

.alternate ul:nth-child(odd) li:first-child img.flag,
.alternate ul:nth-child(even) li:first-child img.flag,
.alternate ul:nth-child(odd) li:last-child img.flag,
.alternate ul:nth-child(even) li:last-child img.flag  { border-radius:150px;}


.bookBG-1 { background:url(../images/BG-book01.png) no-repeat center top; height:793px; padding-top:10px; margin-bottom:50px;}
.bookBG-2 { background:url(../images/BG-book02.png) no-repeat center top; height:793px; padding-top:10px; margin-bottom:50px;}
.bookBG-3 { background:url(../images/BG-book03.png) no-repeat center top; height:793px; padding-top:10px; margin-bottom:50px;}
.bookBG-4 { background:url(../images/BG-book04.png) no-repeat center top; height:793px; padding-top:10px; margin-bottom:50px;}
.bookBG-5 { background:url(../images/BG-book05.png) no-repeat center top; height:793px; padding-top:10px; margin-bottom:50px;}

.keyword-bn .ten-word li { background: #a2c677;}
.keyword-bn .ten-word li:nth-child(even) { background:#80bec3;}

.keyword-bn .four-link li { border:none; background:rgba(255,255,255,.6);}
.subBorder-1 {
    width: 100%;
	background:url(../images/subtitleBG01.png) no-repeat center center; height:433px; padding-top:30px; margin:15px 0;
}

.subBorder-2 {
    width: 100%;
	background:url(../images/subtitleBG02.png) no-repeat center center; height:433px; padding-top:30px; margin:15px 0;
}
.subtitle-BG { width:100%; padding:30px 0;}

.subtitle h3 {
    padding: 0 0 0 15px;
    text-align: left;
    border-left: solid 16px #e38053;
    display: inline-block; color:#fff; font-weight:bold;}
.bannerZone { width:100%; background: url(../images/banner-BG.jpg); padding: 30px 0;}
footer { background: url(../images/banner-BG.jpg);}

/* m */
@media screen and ( max-width: 991px ){
	
	html{
	background:url("../images/bg-M.jpg") center 1220px repeat;
	scroll-behavior: smooth;}
	.kv_m { display: block; width: 100%; }
	.kv_m img {  width: 100%; }
	.kv_pc { display: none; }
	.container {width: 100%; min-width: auto; }
	.for_pc{ display: none; }
	.for_m { display: block; }
	.for_m img {  width: 100%; }
	.WRAPPER { background:none;}
	
	.alternate { padding: 40px 0;}
	

	
	.bookBG-1 { background:url(../images/BG-book01-M.png) no-repeat left top; height:auto; paddin:90px 0; margin-bottom:50px;}
.bookBG-2 { background:url(../images/BG-book02-M.png) no-repeat right top; height:auto; padding-top:10px; margin-bottom:50px;}
.bookBG-3 { background:url(../images/BG-book03-M.png) no-repeat left top; height:auto; padding-top:10px; margin-bottom:50px;}
.bookBG-4 { background:url(../images/BG-book04-M.png) no-repeat right top; height:auto; padding-top:10px; margin-bottom:50px;}
.bookBG-5 { background:url(../images/BG-book05-M.png) no-repeat left top; height:auto; padding-top:10px; margin-bottom:50px;}


	
.subBorder-1 {
    width: 100%;
	background:url(../images/subtitleBG01-M.png) no-repeat center top; background-size:433px 100%; height:auto; padding:10px 0 20px 0; margin:25px 0;
}

.subBorder-2 {
    width: 100%;
	background:url(../images/subtitleBG02-M.png) no-repeat center top; background-size:433px 100%; height:auto; padding:10px 0 20px 0; margin:25px 0;
}
.bannerZone { width:100%; background: url(../images/banner-BG.jpg); padding: 30px 0 20px 0;}

.keyword-bn .ten-word li:nth-child(4n-3) { background:#80bec3;}
.keyword-bn .ten-word li:nth-child(even) { background:#80bec3;}
.keyword-bn .ten-word li:nth-child(4n-2) { background:#a2c677;}
}

.hightlight img{ object-fit: contain;}
.subtitle-BG .hightlight h4{ background: #B90003; margin: 5px auto 0;}



















/*--goto top--*/
#gotop {display: inline-block;background-color: #000;opacity:0.3;width: 40px;height: 40px;text-align: center;border-radius: 100%;position: fixed;bottom: 0px;right: 0px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;margin: 30px;}
#gotop::after {font-family: FontAwesome;content:'　';font-weight: normal;font-style: normal;font-size: 2em;line-height: 50px;color: #fff;  opacity:0.5;background: url(../images/top.png) center no-repeat; background-size:50%;background-position:50% 20%;}
#gotop:hover {cursor: pointer;background-color: #666;}
#gotop:active {background-color: #666;}
#gotop.show {opacity: 0.4;visibility: visible;}
	@media screen and ( max-width: 991px ){
	#gotop {bottom: 2vw;right: 0;margin: 2vw;	}
	}