@charset "UTF-8";

/*sho style control*/
@media print, screen and (max-width: 768px){
  .lp-fv {
      margin-bottom: auto;
  }
.c-header__head-btn-item--member .c-header__head-btn-link::before {
    background-image: none;
}
.c-header__head-btn-item--member {
    display: inherit;
}
.lp-container.lp-container--4vw {
    padding: 0 4vw;
}
  }
  @media print, screen and (min-width: 769px){
  .lp-fv {
      margin: 0 0 auto;
  }
  .lp-fv__inner {
      width: 100%;
      max-width: 960px;
      margin: 0 auto;
  }
  .lp-container {
      max-width: 960px;
      margin: 0 auto;
  }

  }


/*chu ev copy -def */
a:link,
a:visited {
  color: rgba(0,0,0,1.00);
  text-decoration: underline;
  transition: all 0.3s;
}
a:hover {
  text-decoration: underline;
  color: #269994;
}


.sp-on-block {
	display: block;
}
.sp-on {
	display: inline-block;
}
.pc-on {
	display: none;
}
.sp-br {
	display: inline-block;
}
.pc-br {
	display: none;
}
.sp-on768 {
	display: inline-block;
}
.pc-on768 {
	display: none;
}


.top-list-img {
	overflow: hidden;
}
img.photo-over {
	transition: all 0.5s;
}
img.photo-over:hover {
	opacity:0.6;
	transform: scale(1.05,1.05);
}


.movie-thumb {
  overflow: hidden;
	position: relative;
}
.movie-thumb a {
  display: block;
	position: relative;
}
.movie-thumb img {
	transition: all 0.6s;
  height: auto;
	width: 100%;
	margin: 0px auto;
  display: block;
}
.movie-thumb a:hover img {
	transform: scale(1.05,1.05);
}
.movie-thumb a::after {
content: '';
display: block;
width: 50px;
height: calc(50px * 0.71); /* 0.71 */
position: absolute;
top: calc(50% - 20px);
left: calc(50% - 25px);
background-image: url(../images/start-bt.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% 100%;
z-index: 2;
}
.movie-thumb a::before {
content: '';
transition: all 0.6s;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: radial-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2));
z-index: 1;
opacity: 0;
}
.movie-thumb a:hover::before {
opacity: 1;
}




.outline-table span {
	display: inline-block;
}


sup {
	font-size: 60.0%;
	vertical-align: top;
	position: relative;
	top: -0.4em;
}

.font-s {
	font-size: 11px;
	line-height: 1.6em;
}

@media all and (-ms-high-contrast: none) {
	header p,
	article p,
	.outline-table span,
	.bottom-list.line01 span {
		-ms-transform: rotate(0.1deg);
		-moz-transform: rotate(0.1deg);
		-webkit-transform: rotate(0.1deg);
		transform: rotate(0.1deg);
	}
	header p img,
	article p img,
	.outline-table span img,
	.bottom-list.line01 span img {
		-ms-transform: rotate(-0.1deg);
		-moz-transform: rotate(-0.1deg);
		-webkit-transform: rotate(-0.1deg);
		transform: rotate(-0.1deg);
	}
}

@supports (-ms-ime-align: auto) {
	header p,
	article p,
	.outline-table span,
	.bottom-list.line01 span {
		-ms-transform: rotate(0.1deg);
		-moz-transform: rotate(0.1deg);
		-webkit-transform: rotate(0.1deg);
		transform: rotate(0.1deg);
	}
	header p img,
	article p img{
		-ms-transform: rotate(-0.1deg);
		-moz-transform: rotate(-0.1deg);
		-webkit-transform: rotate(-0.1deg);
		transform: rotate(-0.1deg);
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	header p,
	article p,
	.outline-table span,
	.bottom-list.line01 span {
		-ms-transform: rotate(0.1deg);
		-moz-transform: rotate(0.1deg);
		-webkit-transform: rotate(0.1deg);
		transform: rotate(0.1deg);
	}
	header p img,
	article p img,
	.outline-table span img,
	.bottom-list.line01 span img {
		-ms-transform: rotate(-0.1deg);
		-moz-transform: rotate(-0.1deg);
		-webkit-transform: rotate(-0.1deg);
		transform: rotate(-0.1deg);
	}
}








@media print, screen and (min-width: 375px) {
body {
  font-size: 15px;
  line-height: 1.8em;
}
}




@media print, screen and (min-width: 768px) {
body {
  font-size: 15px;
  line-height: 2.0em;
}

.sp-br {
  display: none;
}
.pc-br {
	display: inline-block;
}
.sp-on768 {
	display: none;
}
.pc-on768 {
	display: inline-block;
}


.font-s {
	font-size: 12px;
	line-height: 1.6em;
}

.cnt {
text-align: center;}

}

@media print, screen and (min-width: 1024px) {
body {
  font-size: 16px;
  line-height: 2.0em;
}
.sp-on {
	display: none;
}
.pc-on {
	display: inline-block;
}



.font-s {
	font-size: 13px;
	line-height: 1.6em;
}


.movie-thumb.lstb a::after {
width: 60px;
height: calc(60px * 0.71); /* 0.71 */
top: calc(50% - 25px);
left: calc(50% - 30px);
}

}

@media print, screen and (min-width: 1200px) {
body {
  font-size: 16px;
  line-height: 2.2em;
}

.movie-thumb.lstb a::after {
width: 66px;
height: calc(66px * 0.71); /* 0.71 */
top: calc(50% - 27px);
left: calc(50% - 33px);
}

}

@media print, screen and (min-width: 1400px) {

}





/* Global ----------------------------------------------------------------- */


section img {
  opacity: 0;
	transition: all 1.0s;
	transform: scale(0.96,0.96);
}
.img-blur {
  opacity: 1;
	transform: scale(1.0,1.0);
}


#top-mainvisual img,
#atop-mainvisual img {
  opacity: 0;
	-webkit-animation-duration: 3s;
  animation-duration: 3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.img-blur-top {
  -webkit-animation-name: imageBlurTop;
  animation-name: imageBlurTop;
	-ms-animation-name: imageBlurTop;
}


.main-zoom {
  opacity: 0;
	-webkit-animation-duration: 2s;
  animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.main-zoomup {
  -webkit-animation-name: MainZoomup;
  animation-name: MainZoomup;
}



@-webkit-keyframes imageBlur {
  0% {
    opacity: 0;
		transform: scale(0.92,0.92);
  }
  100% {
    opacity: 1;
		transform: scale(1.0,1.0);
  }
}
@keyframes imageBlur {
  0% {
    opacity: 0;
		transform: scale(0.92,0.92);
  }
  100% {
    opacity: 1;
		transform: scale(1.0,1.0);
  }
}




@-webkit-keyframes imageBlurTop {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes imageBlurTop {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes MainZoomup {
  0% {
    opacity: 0;
		transform: scale(0.98,0.98);
  }
  100% {
    opacity: 1;
		transform: scale(1.0,1.0);
  }
}
@keyframes MainZoomup {
  0% {
    opacity: 0;
		transform: scale(0.98,0.98);
  }
  100% {
    opacity: 1;
		transform: scale(1.0,1.0);
  }
}


.iframe-responsive {
	position: relative;
	width: 100%;
	padding: calc(360 / 260 * 100%) 0 0;
}
.iframe-responsive2 {
	position: relative;
	width: 100%;
	padding: calc(350 / 510 * 100%) 0 0;
}
.iframe-responsive iframe,
.iframe-responsive2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.kome-txt,
.cap-text {
  font-size: 12px;
  line-height: 1.5em;
  text-align: left;
}
.kome-txt li {
padding: 0px 0px 0.5em !important;
}
.kome-txt p {
  text-align: left;
  text-indent: -1em;
  margin: 0em 0em 0em 1em;
}

.kome-txt p span {
	text-decoration: underline;}

.kome-txt p a {
	font-weight: bold;
	color:#FFFF00;}

.cont-text p {
  padding: 0em 0em 1.5em;
}
.cont-text-s {
  font-size: 13px;
  line-height: 1.5em;
  text-align: left;
}

.rpmab5 {
  margin-bottom: 3px;
}
.rpmab10 {
  margin-bottom: 5px;
}
.rpmab15 {
  margin-bottom: 15px;
}

.rpmab55 {
  margin-bottom: 55px;
}

.rpmat5 {
  margin-top: 3px;
}
.rpmat10 {
  margin-top: 5px;
}
.rpmat20 {
  margin-top: 10px;
}

.rpab30 {
	padding: 0px 0px 15px !important;
}
.rpab20 {
	padding: 0px 0px 10px;
}
.rpab40 {
  padding-bottom: 25px !important;
}
.rpab60 {
  padding-bottom: 30px !important;
}
.rpab80 {
  padding-bottom: 40px !important;
}
.pab0 {
  padding-bottom: 0px !important;
}

.t-center {
	text-align: center;
}
.block-center {
margin: 0px auto;
}
.t-green {
color: rgba(129,170,0,1.00) !important;
}

.redcoler {
color: rgba(204,0,0,1.00);
}
.red-sbox {
font-weight: bold;
color: rgba(255,255,255,1.00);
background-color: rgba(204,0,0,1.00);
padding: 5px 10px;
margin-right:0.5rem;
}
.greencolor {
color: rgba(129,170,0,1.00);
}
.flarge {
font-weight: bold;
font-size: 160%;
}



.flex-2lock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-2lock li {
padding: 0px 0px 15px;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}
.flex-2lock li:last-child {
padding: 0px;
}

img.widthfit {
	height: auto;
	width: 100%;
	margin: 0px auto;
}
.section-in img {
	height: auto;
	width: 100%;
	margin: 0px auto;
	display: block;
}
.flex-2lock.w50center li {
margin: 0px 0px 15px;
}

.normal-table {
width: 100%;
border-top: 1px solid rgba(187,187,187,1.00);
border-left: 1px solid rgba(187,187,187,1.00);
font-size: 14px;
line-height: 1.5em;
}
.normal-table td,
.normal-table th {
border-right: 1px solid rgba(187,187,187,1.00);
border-bottom: 1px solid rgba(187,187,187,1.00);
padding: 6px 10px;
display: block;
background-color: rgba(255,255,255,1.00);
}
.normal-table th {
font-weight: bold;
font-style: normal;
background-color: rgba(238,238,238,1.00);
}



.calendar-table {
border-top: 1px solid rgba(187,187,187,1.00);
border-left: 1px solid rgba(187,187,187,1.00);
font-size: 14px;
line-height: 1.5em;}

.calendar-table td,
.calendar-table th {
border-right: 1px solid rgba(187,187,187,1.00);
border-bottom: 1px solid rgba(187,187,187,1.00);
padding: 6px 10px;
background-color: rgba(255,255,255,1.00);
text-align: center;
white-space: nowrap;}

.calendar-table th {
font-weight: bold;
font-style: normal;
background-color: rgba(238,238,238,1.00);}

.calendar-table .en-color,
.calendar-table .ja-color,
.calendar-table .ma-color,
.calendar-table .sp-color{
color: rgba(255,255,255,1.00);
text-align: center;
font-weight: bold;
padding: 2px 8px;
background-color: rgba(197,110,138,1.00);
display: inline-block;}

.calendar-table .ja-color {
background-color: rgba(196,153,0,1.00);}

.calendar-table .ma-color {
background-color: rgba(46,167,224,1.00);}

.calendar-table .batu-color {}

.calendar-table .sp-color{
color: rgba(0,0,0,1.00);
background-color: rgba(255,255,0,1.00);}

.table-over {
	overflow: auto;
}
.table-block::-webkit-scrollbar,
.table-over::-webkit-scrollbar {
 height: 4px;
}
.table-block::-webkit-scrollbar-track,
.table-over::-webkit-scrollbar-track {
 background: rgba(170, 170, 170, 1.0);
}
.table-block::-webkit-scrollbar-thumb,
.table-over::-webkit-scrollbar-thumb {
 background: rgba(100, 100, 100, 1.0);
}


.flex-2table-lb {
}
.flex-2table-lb li {
padding: 0px 0px 15px;
}




@media print, screen and (min-width: 375px) {
.kome-txt {
  font-size: 13px;
  line-height: 1.5em;
}

.cont-text-s {
  font-size: 13px;
  line-height: 1.5em;
  text-align: left;
}

.rpmab5 {
  margin-bottom: 3px;
}
.rpmab10 {
  margin-bottom: 7px;
}
.rpmab15 {
  margin-bottom: 20px;
}
.rpmat5 {
  margin-top: 3px;
}
.rpmat10 {
  margin-top: 7px;
}
.rpmat20 {
  margin-top: 14px;
}

.rpab30 {
	padding: 0px 0px 17px !important;
}
.rpab20 {
	padding: 0px 0px 12px;
}
.rpab40 {
  padding-bottom: 27px !important;
}
.rpab60 {
  padding-bottom: 35px !important;
}
.rpab80 {
  padding-bottom: 45px !important;
}

}




@media print, screen and (min-width: 768px) {

.cont-text-s {
  font-size: 14px;
  line-height: 1.5em;
  text-align: left;
}

.rpmab5 {
  margin-bottom: 4px;
}
.rpmab10 {
  margin-bottom: 10px;
}
.rpmab15 {
  margin-bottom: 35px;
}

.rpmat5 {
  margin-top: 5px;
}
.rpmat10 {
  margin-top: 10px;
}
.rpmat20 {
  margin-top: 20px;
}

.rpab30 {
	padding: 0px 0px 20px !important;
}
.rpab20 {
	padding: 0px 0px 14px;
}

.rpab40 {
  padding-bottom: 30px !important;
}
.rpab60 {
  padding-bottom: 50px !important;
}
.rpab80 {
  padding-bottom: 60px !important;
}

.flex-2lock li {
padding: 0px;
-ms-flex-preferred-size: calc(50% - 12px);
flex-basis: calc(50% - 12px);
}

.flex-2lock.w50center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex-2lock.w50center li {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin: 0px 0px -15px;
}


.normal-table {
width: 100%;
font-size: 14px;
line-height: 1.5em;
}
.normal-table td,
.normal-table th {
padding: 10px 15px;
display: table-cell;
}
.normal-table th {
width: 5em;
white-space: nowrap;
}

.calendar-table {
font-size: 15px;
line-height: 1.5em;
}
.calendar-table td,
.calendar-table th {
padding: 10px 11px;
}


.flex-2table-lb {
}
.flex-2table-lb li {
padding: 0px 0px 25px;
}
.flex-2table-lb li .calendar-table {
width: 100%;
}


}


@media print, screen and (min-width: 1024px) {

.kome-txt {
  font-size: 14px;
  line-height: 1.5em;
}
.cont-text-s {
  font-size: 15px;
  line-height: 1.5em;
  text-align: left;
}


.rpmab5 {
  margin-bottom: 7px;
}
.rpmab10 {
  margin-bottom: 12px;
}
.rpmab15 {
  margin-bottom: 40px;
}

.rpmat5 {
  margin-top: 6px;
}
.rpmat10 {
  margin-top: 12px;
}
.rpmat20 {
  margin-top: 24px;
}

.rpab30 {
	padding: 0px 0px 25px !important;
}
.rpab20 {
	padding: 0px 0px 18px;
}

.rpab40 {
  padding-bottom: 40px !important;
}
.rpab60 {
  padding-bottom: 60px !important;
}
.rpab80 {
  padding-bottom: 75px !important;
}

.flex-2lock li {
	-ms-flex-preferred-size: calc(50% - 15px);
	flex-basis: calc(50% - 15px);
}


.normal-table {
font-size: 15px;
line-height: 1.5em;
}
.normal-table td,
.normal-table th {
padding: 14px 20px;
}


.calendar-table {
font-size: 16px;
line-height: 1.5em;
}
.calendar-table td,
.calendar-table th {
padding: 12px;
}


.table-over {
	/* overflow: hidden; */
	overflow: visible;
}


.flex-2table-lb {
display: table;
}
.flex-2table-lb > li {
padding: 0px;
display: table-cell;
vertical-align: top;
}
.flex-2table-lb > li:first-child {
width: 60%;
padding: 0px 15px 0px 0px;
}
.flex-2table-lb > li:last-child {
width: 40%;
padding: 0px 0px 0px 15px;
}


}





@media print, screen and (min-width: 1200px) {
.rpmab5 {
  margin-bottom: 8px;
}
.rpmab10 {
  margin-bottom: 14px;
}

.rpmat5 {
  margin-top: 7px;
}
.rpmat10 {
  margin-top: 14px;
}
.rpmat20 {
  margin-top: 28px;
}

.rpab30 {
	padding: 0px 0px 30px !important;
}
.rpab20 {
	padding: 0px 0px 22px;
}

.rpab40 {
  padding-bottom: 50px !important;
}
.rpab60 {
  padding-bottom: 70px !important;
}
.rpab80 {
  padding-bottom: 85px !important;
}

.flex-2lock li {
	-ms-flex-preferred-size: calc(980px / 2);
	flex-basis: calc(980px / 2);
}

.flex-2lock.w50type li {
	-ms-flex-preferred-size: calc(50% - 30px);
	flex-basis: calc(50% - 30px);
}
.flex-2lock.w50center li {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin: 0px 0px 1px;
}


.normal-table {
font-size: 16px;
line-height: 1.5em;
}
.normal-table td,
.normal-table th {
padding: 15px 20px;
}

}


@media print, screen and (min-width: 1400px) {
.rpab30 {
	padding: 0px 0px 35px;
}
.rpab80 {
  padding-bottom: 95px !important;
}

}









.photo-zoom {
	/* background: rgba(255, 255, 255, 0.6); */
	padding: 8px;
	position: absolute;
	right: 0px;
	bottom: -36px;
}
.photo-zoom img {
	width: 36px !important;
	height: 36px !important;
}



input[type="checkbox"] {
	display: inline-block;
	position: relative;
	margin-right: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: button;
	appearance: button;
	width: 20px;
	height: 20px;
	border: 1px solid #999;
	vertical-align: middle;
}
input[type="checkbox"]:checked {
	background: #FFF;
}
input[type="checkbox"]:checked:after {
	position: absolute;
	content: "";
	top: -3px;
	left: 3px;
	width: 8px;
	height: 14px;
	border-right: 4px solid #004f82;
	border-bottom: 4px solid #004f82;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); 
}
select {
	background: #efefef;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	color: #0C2245;
	font-size: 100%;
	line-height: 1.3em;
	text-align: left;
	text-indent: 5px;
	vertical-align: middle;
	height: 34px;
}

input[type="radio"] {
	position: relative;
	-webkit-appearance: button;
	appearance: button;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	content: "";
	background-color: #FFFFFF;
	border: 1px solid #999999;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	vertical-align: middle;
	cursor: pointer;
}

input[type="radio"]:checked:after {
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	content: "";
	width: 10px;
	height: 10px;
	background: #004f82;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.search-button {
	text-align: center;
	font-size: 110%;
}
input[type="submit"],
input[type="button"] {
	display: inline-block;
	margin: 0px;
	padding: 15px 30px;
	text-align: center;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	background: #FFF url(../imgs/arrow_m_01.png) no-repeat 99% center;
	background-size: 23px;
	transition: background-color 0.5s;
	border: none;
	cursor: pointer;
}
input[type="submit"]:hover,
input[type="button"]:hover {
	background: #bed7f4 url(../imgs/arrow_m_01.png) no-repeat 99% center;
	background-size: 23px;
	text-decoration: none;
}


.red-outbox {
background-color: rgba(255,240,240,1.00);
border: 1px solid rgba(255,0,0,1.00);
padding: 15px 15px 0px;
}
.gray-outbox {
background-color: rgba(245,245,245,1.00);
border: 1px solid rgba(187,187,187,1.00);
padding: 15px;
}
.plane-popup {
padding: 30px;
}



@media print, screen and (min-width: 375px) {

}


@media print, screen and (min-width: 768px) {

.red-outbox {
padding: 25px 25px 5px;
}
.gray-outbox {
padding: 25px;
}


}


@media print, screen and (min-width: 1024px) {

.red-outbox {
padding: 30px 30px 5px;
}
.gray-outbox {
padding: 30px;
}

}


@media print, screen and (min-width: 1200px) {

.red-outbox {
padding: 40px 40px 10px;
}
.gray-outbox {
padding: 40px;
}

}


@media print, screen and (min-width: 1400px) {

}




/* Utilities ----------------------------------------------------------------- */

.inline { display: inline; }
.hidden { display: none; }




#scroll-arrow {
	display: none;
}

.scrolldown a {
	position: absolute;
	z-index: 100;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff !important;
	letter-spacing: .1em;
	text-decoration: none;
	transition: opacity 0.3s;
	top: 50%;
	left: 49%;
	text-shadow: 0px 6px 8px rgba(0,0,0,0.9);
	cursor: default;
}
/*
.scrolldown a:hover {
  opacity: 0.5;
}
*/
#scroll-arrow a {
  padding-top: 70px;
	cursor: default;
}
#scroll-arrow a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
#scroll-arrow a:hover {
	text-decoration: none;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}











/* page-top */
#page-top {
	position: fixed;
	bottom: -100px;
	right: 10px;
	font-size: 77%;
	z-index: 100;
}
#page-top a {
	background: #000;
	text-decoration: none;
	color: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	display: block;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
	text-indent: -9999px;
	transition: all 0.5s;
}
#page-top a:hover {
	text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1.0;
	background: #60d3f2;
	box-shadow: 0px 5px 12px 1px rgba(0, 0, 0, 0.3);
}
#page-top a:after {
	content: '';
	width: 19px;
	height: 19px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 14px;
	left: 10px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}


@media print, screen and (min-width: 768px) {

}


@media print, screen and (min-width: 1024px) {
#scroll-arrow {
	display: block;
}
.scrolldown a {
	top: 54%;
	left: 49%;
}


#page-top {
	position: fixed;
	bottom: -100px;
	right: 20px;
	font-size: 77%;
	z-index: 1000;
}
#page-top a {
	background: #000;
	text-decoration: none;
	color: #fff;
	width: 60px;
	height: 60px;
	text-align: center;
	display: block;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
	text-indent: -9999px;
	transition: all 0.5s;
}
#page-top a:hover {
	text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1.0;
	background: #60d3f2;
	box-shadow: 0px 5px 12px 1px rgba(0, 0, 0, 0.3);
}
#page-top a:after {
	content: '';
	width: 28px;
	height: 28px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 20px;
	left: 15px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
}


@media print, screen and (min-width: 1200px) {
.scrolldown a {
	top: 90%;
	left: 49%;
}
}


@media print, screen and (min-width: 1400px) {

}










/* Toggle Button */
#nav-toggle,
.closebutton {
  position: absolute;
  right: 15px;
  top: 33px;
  width: 24px;
  height: 17px;
  cursor: pointer;
  text-align: center;
  z-index: 1001;
}
.closebutton {
  position: absolute;
  right: 3px;
  top: 7px;
}
#nav-toggle div,
.closebutton div {
  position: relative;
}
#nav-toggle span,
.closebutton span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: rgba(0,0,0,1.00);
  left: 0;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}


#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 8px;
}
#nav-toggle span:nth-child(3) {
    top: 16px;
}
#nav-toggle.open span:nth-child(1),
.closebutton span:nth-child(1) {
		top: 8px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
}
#nav-toggle.open span:nth-child(2) {
		width: 0;
		left: 50%;
}
#nav-toggle.open span:nth-child(3),
.closebutton span:nth-child(2) {
		top: 8px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
}



@media print, screen and (min-width: 375px) {
/* Toggle Button */
#nav-toggle {
  right: 15px;
  top: 38px;
  width: 28px;
  height: 17px;
}

}



@media print, screen and (min-width: 768px) {
/* Toggle Button */
#nav-toggle {
  right: 25px;
  top: 45px;
  width: 30px;
  height: 22px;
}
#nav-toggle span {
  height: 2px;
  width: 100%;
}

#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 10px;
}
#nav-toggle span:nth-child(3) {
    top: 20px;
}
#nav-toggle.open span:nth-child(1) {
		top: 10px;
}
#nav-toggle.open span:nth-child(3) {
		top: 10px;
}


.closebutton {
  position: absolute;
  right: 5px;
  top: 10px;
	width: 30px;
  height: 22px;
}
.closebutton span {
  height: 2px;
  width: 100%;
}

}


@media print, screen and (min-width: 1024px) {
#nav-toggle {
	right: 30px;
	top: 54px;
  width: 32px;
}
}


@media print, screen and (min-width: 1200px) {
#nav-toggle {
	display: none;
}
}


@media print, screen and (min-width: 1400px) {
}



/* mainvisual ----------------------------------------------------------------- */
.normal-button a,
a.more-button,
a.trial-bt,
a.entry-bt,
a.movie-bt,
.results-list > li span,
a.normal-bt,
a.normal-bt100,
a.red-bt,
a.normal-bt100,
.results-list-menu a,
a.entry-bt-l,
.trial-float-bt a.trial-bt {
font-size: 15px;
line-height: 1.3em;
background-color: rgba(0,159,230,1.00) !important;
text-align: center;
padding: 12px 20px;
display: block;
border-radius: 6px;
position: relative;
transition: all 0.4s;
color: rgba(255,255,255,1.00) !important;
width: 100%;
font-weight: bold;
z-index: 2;
cursor: pointer;
text-decoration: none !important;
}


.normal-button a:hover {
background-color: rgba(0,100,147,1.00);
color: rgba(255,255,255,1.0);
text-decoration: none;
}
.normal-button a::after,
a.trial-bt::after,
a.entry-bt::after,
a.movie-bt::after,
.results-list > li span::after,
a.normal-bt::after,
a.normal-bt100::after,
a.red-bt::after,
a.normal-bt100.live-bt::after,
.results-list-menu a::after,
a.entry-bt-l::after,
.trial-float-bt a.trial-bt::after {
content: '';
display: block;
width: 14px;
height: 14px;
position: absolute;
top: calc(50% - 7px);
right: 5px;
z-index: 3;
background-image: url(../images/arrow-white.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
transition: all 0.4s;
}

a.trial-bt {
  background-color: rgba(255,255,102,1.00) !important;
  color: rgba(204,0,0,1.00) !important;
}
.trial-float-bt a.trial-bt {
background-color: rgba(204,0,0,1.00) !important;
color: rgba(255,255,255,1.00) !important;
padding: 12px 20px 18px;
-webkit-box-shadow: 0px 0px 14px 2px rgba(255,255,255,1.00);
box-shadow: 0px 0px 14px 2px rgba(255,255,255,1.00);
}
a.trial-bt.done {
  background-color: rgba(255,255,255,1.00) !important;
  color: rgba(204,0,0,1.00) !important;
}
a:hover.trial-bt,
a:hover.trial-bt.done,
a:hover.red-bt {
  background-color: rgba(102,0,0,1.00) !important;
  color: rgba(255,255,255,1.00) !important;
  text-decoration: none;
}

#entry-kakipop a:hover.red-bt {
  background-color: rgba(0,100,147,1.00)!important;;
  color: rgba(255,255,255,1.0);
  text-decoration: none;
}

a.trial-bt::after {
  background-image: url(../images/arrow-red.svg);
}
a:hover.trial-bt::after,
a:hover.trial-bt.done::after {
  background-image: url(../images/arrow-white.svg);
}



a.entry-bt {
  background-color: rgba(255,255,255,1.00) !important;
  color: rgba(129,170,0,1.00) !important;
}
a.normal-bt,
a.normal-bt100,
.results-list-menu a {
  background-color: rgba(129,170,0,1.00) !important;
  color: rgba(255,255,255,1.00) !important;
}

#option-btn a.normal-bt100 {
  background-color: rgba(0,159,230,1.00) !important;
  color: rgba(255,255,255,1.00) !important;
}

a.red-bt {
  background-color: rgba(204,0,0,1.00) !important;
  color: rgba(255,255,255,1.00) !important;
}

#entry-kakipop a.red-bt {
  background-color: rgba(0,159,230,1.00) !important;
  color: rgba(255,255,255,1.00) !important;
}

a.entry-bt::after {
  background-image: url(../images/arrow-green.svg);
}
a:hover.entry-bt,
a:hover.normal-bt,
a:hover.normal-bt100,
.results-list-menu a:hover,
a:hover.entry-bt-l {
  background-color: rgba(67,128,0,1.00) !important;
  color: rgba(255,255,255,1.00) !important;
  text-decoration: none;
}
a:hover.entry-bt::after,
a:hover.normal-bt::after,
a:hover.entry-bt-l::after {
  background-image: url(../images/arrow-white.svg);
}

#option-btn a:hover.normal-bt100 {
  background-color: rgba(0,100,147,1.00)!important;;
  color: rgba(255,255,255,1.0);
  text-decoration: none;
}




a.movie-bt {
font-size: 15px;
line-height: 1.3em;
background-color: rgba(255,255,255,1.00) !important;
padding: 12px 10px;
color: rgba(129,170,0,1.00) !important;
border: 1px solid rgba(129,170,0,1.00);
}
a:hover.movie-bt {
color: rgba(255,255,255,1.00) !important;
background-color: rgba(129,170,0,1.00) !important;
border: 1px solid rgba(129,170,0,1.00);
text-decoration: none;
}
a.movie-bt::after {
top: calc(50% - 11px);
right: 5px;
width: 32px; /* 54 38 0.70 */
/* height: calc(32px / 0.70); */
height: 22px;
background-image: url(../images/start-bt.svg);
}
a:hover.movie-bt::after {
background-image: url(../images/start-bt-w.svg);
}



.results-list > li span {
background-color: rgba(255,255,255,1.00) !important;
color: rgba(129,170,0,1.00) !important;
}
.results-list > li span::after {
  content: '';
  background-image: url(../images/arrow-green.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

.results-list > li span.active {
background-color: rgba(129,170,0,1.00) !important;
color: rgba(255,255,255,1.00) !important;
z-index: 10;
}
.results-list > li span.active::after {
background-image: url(../images/arrow-white.svg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}


.class-toppage a.entry-bt {
font-size: 16px;
line-height: 1.3em;
padding: 14px 10px;
border-radius: 6px;
}


a.normal-bt100.live-bt {
font-size: 16px;
line-height: 1.3em;
padding: 14px 10px;
}
a.normal-bt100.live-bt em {
font-size: 74%;
line-height: 1.3em;
font-style: normal;
}
a.normal-bt100.live-bt::after {
width: 30px;
height: calc(30px * 0.81); /* 37 30 0.81 */
top: calc(50% - 12px);
right: 5px;
background-image: url(../images/start-debt.svg);
}

a.normal-bt100.arrowdown::after,
.results-list-menu a::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}



/*
<section class="entry-bt-contents">
	<div class="section-in">
		<a href="index.html" class="entry-bt-l redbt"><p>縺顔筏縺苓ｾｼ縺ｿ</p></a>
	</div>
</section>
*/


a.entry-bt-l {
font-size: 17px;
line-height: 1.3em;
padding: 15px;
display: block;
border-radius: 7px;
width: 100%;
margin: 0px auto;
}
a.entry-bt-l.redbt {
background-color: rgba(204,0,0,1.00) !important;
}
a:hover.entry-bt-l.redbt {
  background-color: rgba(102,0,0,1.00) !important;
  text-decoration: none;
}




@media print, screen and (min-width: 375px) {
/* main-button */
.normal-button a,
a.trial-bt,
a.trial-bt.done,
a.entry-bt,
.results-list > li span,
a.normal-bt,
a.normal-bt100,
a.red-bt,
.results-list-menu a {
font-size: 16px;
line-height: 1.3em;
padding: 14px 20px;
border-radius: 7px;
}
.normal-button a::after {
right: 5px;
}
.trial-float-bt a.trial-bt {
font-size: 16px;
line-height: 1.3em;
padding: 14px 20px 21px;
border-radius: 7px;
-webkit-box-shadow: 0px 0px 16px 2px rgba(255,255,255,1.00);
box-shadow: 0px 0px 16px 2px rgba(255,255,255,1.00);
}

a.movie-bt {
font-size: 16px;
line-height: 1.3em;
padding: 14px 10px;
}


.class-toppage a.entry-bt {
font-size: 17px;
line-height: 1.3em;
padding: 16px 10px;
border-radius: 7px;
}


a.normal-bt100.live-bt {
font-size: 17px;
line-height: 1.3em;
padding: 14px 10px;
}
a.normal-bt100.live-bt::after {
width: 32px;
height: calc(32px * 0.81); /* 37 30 0.81 */
top: calc(50% - 12px);
right: 5px;
}


a.entry-bt-l {
font-size: 19px;
line-height: 1.3em;
padding: 17px 10px;
border-radius: 7px;
width: 100%;
}


}



@media print, screen and (min-width: 768px) {
.normal-button a,
a.normal-bt {
font-size: 17px;
line-height: 1.3em;
padding: 14px 50px;
border-radius: 8px;
display: inline-block;
width: auto;
}
.normal-button a::after {
right: 5px;
}

a.trial-bt,
a.trial-bt.done,
a.entry-bt,
.results-list > li span,
a.normal-bt100,
a.red-bt,
.results-list-menu a {
font-size: 17px;
line-height: 1.3em;
padding: 14px 20px;
border-radius: 8px;
}
.trial-float-bt a.trial-bt {
font-size: 17px;
line-height: 1.3em;
padding: 14px 25px 22px;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 16px 2px rgba(255,255,255,1.00);
box-shadow: 0px 0px 16px 2px rgba(255,255,255,1.00);
}


.class-toppage a.entry-bt {
font-size: 19px;
line-height: 1.3em;
padding: 19px 70px;
border-radius: 8px;
display: inline-block;
width: auto;
}


a.normal-bt100.live-bt {
font-size: 18px;
line-height: 1.3em;
padding: 16px 10px;
}
a.normal-bt100.live-bt::after {
width: 34px;
height: calc(34px * 0.81); /* 37 30 0.81 */
top: calc(50% - 13px);
right: 7px;
}


a.entry-bt-l {
font-size: 21px;
line-height: 1.3em;
padding: 18px 10px;
display: block;
border-radius: 7px;
width: 70%;
}

}



@media print, screen and (min-width: 1024px) {
.normal-button a,
a.normal-bt {
font-size: 18px;
line-height: 1.3em;
padding: 14px 60px;
border-radius: 9px;
}
.normal-button a::after,
a.trial-bt::after,
a.trial-bt.done::after,
.results-list > li span::after,
a.normal-bt::after,
a.normal-bt100::after,
a.red-bt::after,
.results-list-menu a::after {
right: 7px;
}

a.trial-bt,
a.trial-bt.done,
a.entry-bt,
.results-list > li span,
a.normal-bt100,
a.red-bt,
.results-list-menu a {
font-size: 18px;
line-height: 1.3em;
padding: 14px 22px;
border-radius: 9px;
}
.trial-float-bt a.trial-bt {
font-size: 18px;
line-height: 1.3em;
padding: 14px 22px 23px;
border-radius: 9px;
-webkit-box-shadow: 0px 0px 18px 2px rgba(255,255,255,1.00);
box-shadow: 0px 0px 18px 2px rgba(255,255,255,1.00);
}
.trial-float-bt a.trial-bt::after {
top: calc(50% - 12px);
right: 5px;
}

a.movie-bt {
font-size: 16px;
line-height: 1.3em;
padding: 16px 10px;
}


.class-toppage a.entry-bt {
font-size: 21px;
line-height: 1.3em;
padding: 21px 100px;
border-radius: 9px;
display: inline-block;
width: auto;
}


a.normal-bt100.live-bt {
font-size: 20px;
line-height: 1.3em;
padding: 16px 10px;
}
a.normal-bt100.live-bt::after {
width: 37px;
height: calc(37px * 0.81); /* 37 30 0.81 */
top: calc(50% - 14px);
right: 10px;
}


a.entry-bt-l {
font-size: 24px;
line-height: 1.3em;
padding: 20px 10px;
display: block;
border-radius: 7px;
width: 60%;
}


}



@media print, screen and (min-width: 1200px) {
.normal-button a,
a.normal-bt {
font-size: 18px;
line-height: 1.3em;
padding: 15px 60px;
border-radius: 10px;
}
.normal-button a::after {
right: 7px;
}

a.trial-bt,
a.trial-bt.done,
a.entry-bt,
.results-list > li span,
a.normal-bt100,
a.red-bt,
.results-list-menu a {
font-size: 18px;
line-height: 1.3em;
padding: 15px 24px;
border-radius: 10px;
}
.trial-float-bt a.trial-bt {
font-size: 18px;
line-height: 1.3em;
padding: 15px 30px 25px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 20px 3px rgba(255,255,255,1.00);
box-shadow: 0px 0px 20px 3px rgba(255,255,255,1.00);
}

.results-list > li span:hover::after {
background-image: url(../images/arrow-white.svg);
}
.results-list > li span:hover,
.results-list > li span.active {
background-color: rgba(129,170,0,1.00);
color: rgba(255,255,255,1.00);
}


.class-toppage a.entry-bt {
font-size: 22px;
line-height: 1.3em;
padding: 21px 120px;
border-radius: 9px;
}

}



@media print, screen and (min-width: 1400px) {
.normal-button a {
font-size: 18px;
line-height: 1.3em;
padding: 16px 70px;
border-radius: 10px;
}
.normal-button a::after,
a.trial-bt::after,
a.trial-bt.done::after,
.results-list > li span::after {
right: 10px;
}

a.trial-bt,
a.trial-bt.done,
a.entry-bt,
.results-list > li span,
a.normal-bt100,
a.red-bt,
.results-list-menu a {
font-size: 18px;
line-height: 1.3em;
padding: 16px 24px;
border-radius: 10px;
}

.trial-float-bt a.trial-bt {
font-size: 18px;
line-height: 1.3em;
padding: 16px 34px 26px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 22px 4px rgba(255,255,255,1.00);
box-shadow: 0px 0px 22px 4px rgba(255,255,255,1.00);
}


}

@media print{
.print-off {
    display: none;
}
body #print img {
  height: auto !important;
	width: 100% !important;
}
}

/*styles.css*/

/*画像を並べた時の挙動制御 202111追加-------------------------------------------------------*/

/* ▼画面サイズ（横幅）が下記指定サイズ以下の場合（スマホ・タブレット）に適用 */
.imgflex{
	display: flex;
	flex-direction: column;}

/* ▼画面サイズ（横幅）が500px以上の場合に適用 */
@media print, screen and (min-width: 500px) {
.imgflex{
	flex-direction:row;}
}


/*　表示非表示 -----------------------------------------------------------------*/
/*#page-home header .everes-navi li.paid-bt,*/
.simple-page header .everes-navi li.paid-bt,
.onlyfaq-page header .everes-navi li.paid-bt,
.entryfaq-page header .everes-navi li.paid-bt,
.onlyentry-page header .everes-navi li.paid-bt,
.onlyentry-page .trial-float-bt,
.none-page header .everes-navi li.paid-bt,
.simple-page .trial-float-bt {
  display: none;
}

.none-page header .everes-navi,
.none-page header #nav-global,
.none-page .trial-float-bt {
  display: none;
}


/* TOPページ
#page-home #trial,
*/
#page-home .trial-float-bt {
  display: none;
}


/*スマホフッターの無料体験　表示ON/OFF */

#page-home #sp-footer .trial-bt,
#page-result #sp-footer .trial-bt,
#page-faq #sp-footer .trial-bt,
#page-rules #sp-footer .trial-bt,
#page-ently #sp-footer .trial-bt {
  display: none;
}


/*小6申し込み　表示ON/OFF */

#page-home .info-bt-box .s6-box,
#page-rules .info-bt-box .s6-box,
#page-faq .info-bt-box .s6-box,
#page-result .info-bt-box .s6-box{
  display: none;
}


/*小6メニュー　表示ON/OFF */
#page-home .s6menu,
#page-s6 .s6menu,
#page-c1 .s6menu,
#page-c2 .s6menu,
#page-c3 .s6menu,
#page-rules .s6menu,
#page-faq .s6menu,
#page-result .s6menu{
  display: none;
}




/*中３申し込み　表示ON/OFF
#page-home .info-bt-box .c3-box,
#page-rules .info-bt-box .c3-box,
#page-faq .info-bt-box .c3-box,
#page-result .info-bt-box .c3-box{
  display: none;
} */

/*中３メニュー　表示ON/OFF
#page-home .c3menu,
#page-s6 .c3menu,
#page-c1 .c3menu,
#page-c2 .c3menu,
#page-c3 .c3menu,
#page-rules .c3menu,
#page-faq .c3menu,
#page-result .c3menu{
  display: none;
}
 */

.none-page #sp-footer #sp-bot-menu,
.none-page #nav-toggle {
	display: none;
}



/*#page-s6 #entry,本講座のお申し込みボタンのエリア*/
/*#page-s6 header .everes-navi li.entry-bt*/
#page-s6 #trial,
#page-s6 .trial-float-bt,
#page-s6 #sp-footer .trial-bt,

#page-s6 #option,
#page-s6 header .everes-navi li.paid-bt{
  display: none;
}


/*中1ページ*/
#page-c1 #trial,
#page-c1 #sp-footer .trial-bt,

#page-c1 .trial-float-bt,
#page-c1 #option,
#page-c1 header .everes-navi li.paid-bt,

#page-c1 .info-bt-box .about-bt {
  display: none;
}


/*中2ページ*/
#page-c2 #trial,
#page-c2 #sp-footer .trial-bt, 

#page-c2 header .everes-navi li.paid-bt,
#page-c2 #option,
#page-c2 .trial-float-bt,
#page-c2 .info-bt-box .about-bt {
  display: none;
}

/*中3ページ*/
#page-c3 #option,
#page-c3 #trial,
#page-c3 header .everes-navi li.paid-bt,
#page-c3 #sp-footer .trial-bt,#page-c3 .trial-float-bt,
#page-c3 .info-bt-box .about-bt {
  display: none;
}

#page-ently header #nav-global,
#page-ently .trial-float-bt,
#page-ently  #nav-toggle {
  display: none;
}



/*
<div id="sp-footer">
	<ul id="sp-bot-menu">
    <li class="trial-bt"><a href="#trial"><p>特別無料体験</p></a></li>
    <li class="entry-bt"><a href="#entry"><p>本講座<br>お申し込み</p></a></li>
    <li class="login-bt"><a href="https://login.benesse.ne.jp/everes/login"><p>会員の方<br>ログイン</p></a></li>
	</ul><!-- nav-footer -->
</div>
*/


/* Layout ----------------------------------------------------------------- */
article {
	overflow: hidden;
}


/* entry-popup */


.entry-popup {
padding: 25px 20px 15px;
background-color: rgba(255,255,255,1.00);
position: relative;
border: 1px solid rgba(178,178,178,1.00);
}
.popup-title {
padding: 0px 0px 10px;
text-align: center;
font-size: 18px;
line-height: 1.4em;
font-weight: bold;
}
.popup-stitle {
padding: 0px 0px 10px;
text-align: center;
font-size: 16px;
line-height: 1.4em;
font-weight: bold;
}
.entry-popup .cont-text {
line-height: 1.6em;
}
.popup-outbox {

}
.popup-outbox dd {
padding: 0px 0px 15px;
}
.popup-outbox dd:last-child {
padding: 0px;
}
.popup-table {

}
.popup-table li {
padding: 0px 0px 1px;
}

.entry-popup.max800 {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}




/* inquiry-contents */
.inquiry-contents {
background-color: rgba(238,238,238,1.00);
}
.inquiry-title {
font-weight: bold;
font-size: 16px;
line-height: 1.4em;
padding: 0px 0px 10px;
}
.inquiry-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.inquiry-box li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.tel-num {
font-size: 20px;
line-height: 1.2em;
font-weight: bold;
text-decoration: none;
position: relative;
margin: 0px 0px 5px;
}
.tel-num a {
text-decoration: none !important;
padding: 0px 0px 0px 35px;
display: inline-block;
position: relative;
}
.tel-num a::before {
content: '';
display: block;
width: 30px; /* 45 */
height: 20px; /* 30 */
position: absolute;
top: calc(50% - 10px);
left: 0px;
background-image: url(../images/free_tel.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
}



.entry-popup .tel-num::after {
content: '（通話料無料）';
font-weight: normal;
font-size: 50%;
display: inline;
font-style: normal;
}



@media print, screen and (min-width: 375px) {

.entry-popup {
padding: 25px 20px 15px;
}
.popup-title {
padding: 0px 0px 10px;
font-size: 20px;
line-height: 1.4em;
}
.popup-stitle {
padding: 0px 0px 10px;
font-size: 18px;
line-height: 1.4em;
}
.popup-outbox {

}
.popup-outbox dd {
padding: 0px 0px 15px;
}
.popup-outbox dd:last-child {
padding: 0px;
}
.popup-table {

}
.popup-table li {
padding: 0px 0px 1px;
}


/* inquiry-contents */
.inquiry-title {
font-weight: bold;
font-size: 17px;
line-height: 1.4em;
padding: 0px 0px 12px;
}
.inquiry-box li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.tel-num {
font-size: 22px;
line-height: 1.2em;
margin: 0px 0px 7px;
}
.tel-num a {
text-decoration: none;
padding: 0px 0px 0px 35px;
}
.tel-num a::before {
width: 30px; /* 45 */
height: 20px; /* 30 */
top: calc(50% - 10px);
}

}



@media print, screen and (min-width: 768px) {
.entry-popup {
padding: 25px;
}
.popup-title {
padding: 0px 0px 10px;
font-size: 24px;
line-height: 1.4em;
}
.popup-stitle {
padding: 0px 0px 12px;
font-size: 20px;
line-height: 1.4em;
}
.popup-outbox {
display: table;
width: 100%;
border-top: 1px solid rgba(187,187,187,1.00);
border-left: 1px solid rgba(187,187,187,1.00);
}
.popup-outbox dd {
vertical-align: top;
padding: 0px;
display: table-cell;
width: 40%;
white-space: nowrap;
border-right: 1px solid rgba(187,187,187,1.00);
border-bottom: 1px solid rgba(187,187,187,1.00);
}
.popup-outbox-in {
padding: 20px;
}
.popup-outbox dd:last-child {
padding: 0px;
width: 60%;
}
.popup-table {
}
.popup-table li {
padding: 0px 0px 1px;
}

.entry-popup .cont-text {
text-align: center;
}
.entry-popup .tel-num {
text-align: center;
}


/* inquiry-contents */
.inquiry-title {
font-weight: bold;
font-size: 17px;
line-height: 1.4em;
padding: 0px 0px 12px;
}
.inquiry-box li:first-child {
	-ms-flex-preferred-size: 28%;
	flex-basis: 28%;
}
.inquiry-box li:last-child {
	-ms-flex-preferred-size: 72%;
	flex-basis: 72%;
}

.tel-num {
font-size: 22px;
line-height: 1.2em;
margin: 0px 0px 7px;
}
.tel-num a {
text-decoration: none;
padding: 0px 0px 0px 35px;
}
.tel-num a::before {
width: 30px; /* 45 */
height: 20px; /* 30 */
top: calc(50% - 10px);
}


}



@media print, screen and (min-width: 1024px) {
.entry-popup {
padding: 30px;
}
.popup-title {
padding: 0px 0px 14px;
font-size: 26px;
line-height: 1.4em;
}
.popup-stitle {
padding: 0px 0px 12px;
font-size: 22px;
line-height: 1.4em;
}
.popup-outbox {
display: table;
width: 100%;
}
.popup-outbox dd {
padding: 0px;
width: 33.33%;
}
.popup-outbox-in {
padding: 25px;
}
.popup-outbox dd:last-child {
padding: 0px;
width: 66.66%;
}
.popup-table {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.popup-table li {
	-ms-flex-preferred-size: calc(50% - 1px);
	flex-basis: calc(50% - 1px);
padding: 0px 0px 2px;
}


/* inquiry-contents */
.inquiry-title {
font-weight: bold;
font-size: 21px;
line-height: 1.4em;
padding: 0px 0px 12px;
}

.tel-num {
font-size: 29px;
line-height: 1.2em;
margin: 0px 0px 7px;
}
.tel-num a {
text-decoration: none;
padding: 0px 0px 0px 50px;
}
.tel-num a::before {
width: 45px; /* 45 */
height: 30px; /* 30 */
top: calc(50% - 15px);
}


}



@media print, screen and (min-width: 1200px) {


}



@media print, screen and (min-width: 1400px) {


}


/*
    <div class="content-tab">
			<ul class="tab-box">
				<li><a href="#reason1" id="tab01">理由 <strong>①</strong></a></li>
				<li><a href="#reason2" id="tab02">理由 <strong>②</strong></a></li>
				<li><a href="#reason3" id="tab03">理由 <strong>③</strong></a></li>
			</ul>
    </div><!-- content-tab -->
*/
/* content-tab */
.content-tab {
border-bottom: 1px solid rgba(129,170,0,1.00);
margin: 0px auto 25px;
padding: 0px 15px;
}
.tab-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0px auto;
}

.tab-box li {
	-ms-flex-preferred-size: calc(33.33% - 1px);
	flex-basis: calc(33.33% - 1px);
	overflow: hidden;
}

.tab-box li.twotabs {
	-ms-flex-preferred-size: calc(50% - 1px);
	flex-basis: calc(50% - 1px);}/*タブが２つの時用*/

.tab-box li a {
font-size: 15px;
line-height: 1.3em;
background-color: rgba(255,255,255,1.00);
text-align: center;
padding: 12px 5px 16px;
display: block;
border-radius: 6px;
position: relative;
transition: all 0.4s;
color: rgba(129,170,0,1.00);

width: 100%;
font-weight: bold;
z-index: 2;
cursor: pointer;
border: 1px solid rgba(129,170,0,1.00);
margin: 0px 0px -7px;
text-decoration: none !important;
}
.tab-box li a strong {
font-size: 150%;
padding: 0px 0px 0px 0.1em;
}
.tab-box li a::after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: calc(50% - 9px);
  right: 2px;
  z-index: 3;
  background-image: url(../images/arrow-green.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transition: all 0.4s;
	/*
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
	*/
}

.tab-box li a.active {
background-color: rgba(129,170,0,1.00);
color: rgba(255,255,255,1.00);
}
.tab-box li a.active::after,
#trial .tab-box li a.active::after {
  background-image: url(../images/arrow-white.svg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}



#trial .content-tab {
border-bottom: 1px solid rgba(204,0,0,1.00);
}
#trial .tab-box li a {
font-size: 10px;
line-height: 1.3em;
color: rgba(204,0,0,1.00);
border: 1px solid rgba(204,0,0,1.00);
padding: 10px 2px 14px;
height: 65px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#trial .tab-box li a em {
font-size: 10px;
line-height: 1.3em;
font-style: normal;
}
#trial .tab-box li a::after {
content: '';
width: 10px;
height: 10px;
top: calc(50% - 9px);
right: 1px;
background-image: url(../images/arrow-red.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
}
#trial .tab-box li a.active {
background-color: rgba(204,0,0,1.00);
color: rgba(255,255,255,1.00);
text-decoration: none;
}








@media print, screen and (min-width: 375px) {
/* content-tab */
.content-tab {
margin: 0px auto 30px;
padding: 0px 15px;
}
.tab-box li a {
font-size: 15px;
line-height: 1.3em;
padding: 12px 5px 16px;
border-radius: 6px;
margin: 0px 0px -7px;
}
.tab-box li a::after {
  top: calc(50% - 9px);
  right: 2px;
}


#trial .tab-box li a {
font-size: 13px;
line-height: 1.3em;
padding: 10px 2px 14px;
height: 68px;
}
#trial .tab-box li a em {
font-size: 10px;
line-height: 1.3em;
font-style: normal;
}
#trial .tab-box li a::after {
content: '';
width: 10px;
height: 10px;
top: calc(50% - 9px);
right: 1px;
}

}


@media print, screen and (min-width: 768px) {
/* content-tab */
.content-tab {
margin: 0px auto 35px;
padding: 0px 25px;
}
.tab-box {
}

.tab-box li a {
font-size: 17px;
line-height: 1.3em;
padding: 14px 5px 18px;
border-radius: 7px;
margin: 0px 0px -8px;
}
.tab-box li a::after {
  top: calc(50% - 9px);
  right: 5px;
}


#trial .tab-box li a {
font-size: 16px;
line-height: 1.3em;
padding: 10px 2px 18px;
height: 70px;
}
#trial .tab-box li a em {
font-size: 12px;
line-height: 1.3em;
font-style: normal;
}
#trial .tab-box li a::after {
content: '';
width: 14px;
height: 14px;
top: calc(50% - 11px);
right: 3px;
}


}


@media print, screen and (min-width: 1024px) {
/* content-tab */
.content-tab {
margin: 0px auto 40px;
padding: 0px 30px;
}
.tab-box {
}
.tab-box li a {
font-size: 18px;
line-height: 1.3em;
padding: 15px 5px 19px;
border-radius: 8px;
margin: 0px 0px -9px;
}
.tab-box li a::after {
  top: calc(50% - 9px);
  right: 7px;
}


#trial .tab-box li a {
font-size: 18px;
line-height: 1.3em;
padding: 10px 2px 18px;
height: 78px;
}
#trial .tab-box li a em {
font-size: 14px;
line-height: 1.3em;
font-style: normal;
}
#trial .tab-box li a::after {
right: 6px;
}


}


@media print, screen and (min-width: 1200px) {
/* content-tab */
.content-tab {
margin: 0px auto 45px;
padding: 0px;
}
.tab-box {
max-width: 1040px;
}
.tab-box li a {
font-size: 19px;
line-height: 1.3em;
padding: 18px 5px 22px;
border-radius: 8px;
margin: 0px 0px -9px;
}
.tab-box li a::after {
  top: calc(50% - 9px);
  right: 10px;
}

.tab-box li a:hover {
background-color: rgba(129,170,0,1.00);
color: rgba(255,255,255,1.00);
text-decoration: none;
}
.tab-box li a:hover::after,
#trial .tab-box li a:hover::after {
  background-image: url(../images/arrow-white.svg);
}


#trial .tab-box li a {
font-size: 19px;
line-height: 1.3em;
padding: 10px 2px 18px;
height: 80px;
}
#trial .tab-box li a em {
font-size: 15px;
line-height: 1.3em;
font-style: normal;
}
#trial .tab-box li a::after {
right: 10px;
}
#trial .tab-box li a:hover {
background-color: rgba(204,0,0,1.00);
color: rgba(255,255,255,1.00);
text-decoration: none;
}



}


@media print, screen and (min-width: 1400px) {

}












/* faq-contents option */
.faq-contents {
background-color: rgba(238,238,238,1.00);
}
.faq-list {
}
.faq-list li {
padding: 0px 0px 15px;
}
.faq-list li:last-child {
padding: 0px;
}
.faq-list .q-text,
.faq-list .a-text {
display: table;
width: 100%;
}
.faq-list .q-text {
font-size: 15px;
line-height: 1.6em;
font-weight: bold;
margin: 0px 0px 5px;
}
.faq-list .q-text dd,
.faq-list .a-text dd {
display: table-cell;
vertical-align: top;
}
.faq-list .q-text dd:first-child,
.faq-list .a-text dd:first-child {
width: 30px;
}
.faq-list .q-text dd:last-child,
.faq-list .a-text dd:last-child {
padding: 5px 0px 0px 5px;
}


/* option */
.option-contents .box-title {
text-align: center;
padding: 0px 0px 10px;
}
.option-contents .cont-text p {
padding: 0px;
}
.option-contents .cont-text {
padding: 10px 0px;
font-size: 14px;
line-height: 1.5em;
text-align: left;
}
.option-contents .option-banner {
max-width: 290px;
margin: 0px auto;
}


.option-bt-out {
border: 1px solid rgba(129,170,0,1.00);
padding: 15px;
margin: 0px 0px 15px;
}
.flat-option-button {
}
.flat-option-button li {
}

/*
		<ul class="flex-2block option">
			<li>
				<div class="info-bt-boxin">
					<div class="box-title"><p>中2の方へ</p></div>
					<div class="option-banner"><a href="http://chu.benesse.ne.jp/open/ev/option/winter_c2/index.html"><img src="../common2020/images/ev_slide1_img08_pc.png" alt="中2冬季コース" width="290" height="115"></a></div>
					<div class="cont-text"><p>定着度に応じたレベル別の授業で2学期の重要単元を徹底演習！入試レベルの応用力を身につけます。</p></div>
					<a href="../option/winter_c2/index.html" class="normal-bt100"><p>中２冬期講習</p></a>
				</div>
			</li>
			<li>
				<div class="info-bt-boxin">
					<div class="box-title"><p>中3の方へ</p></div>
					<div class="option-banner"><a href="http://chu.benesse.ne.jp/open/ev/option/winter_c2/index.html"><img src="../common2020/images/ev_slide1_img08_pc.png" alt="中2冬季コース" width="290" height="115"></a></div>
					<div class="cont-text"><p>受験対策の集大成として直前期の総仕上げ！差がつく難問を解き切る力に磨きをかけます。</p></div>
					<a href="../option/winter_c3/index.html" class="normal-bt100"><p>中3冬期講習</p></a>
				</div>
			</li>
*/


@media print, screen and (min-width: 375px) {
/* faq-contents */
.faq-list li {
padding: 0px 0px 20px;
}
.faq-list li:last-child {
padding: 0px;
}
.faq-list .q-text {
font-size: 16px;
line-height: 1.6em;
font-weight: bold;
margin: 0px 0px 5px;
}
.faq-list .q-text dd:first-child,
.faq-list .a-text dd:first-child {
width: 35px;
}
.faq-list .q-text dd:last-child,
.faq-list .a-text dd:last-child {
padding: 6px 0px 0px 5px;
}

}

@media print, screen and (min-width: 768px) {
/* faq-contents */
.faq-list li {
padding: 0px 0px 30px;
}
.faq-list .q-text {
font-size: 17px;
line-height: 1.6em;
margin: 0px 0px 5px;
}
.faq-list .q-text dd:first-child,
.faq-list .a-text dd:first-child {
width: 40px;
}
.faq-list .q-text dd:last-child,
.faq-list .a-text dd:last-child {
padding: 7px 0px 0px 7px;
}

/* option */
.option-contents .box-title {
padding: 0px 0px 10px;
}
.option-contents .cont-text {
padding: 10px 0px;
font-size: 14px;
line-height: 1.5em;
}

.option-bt-out {
padding: 25px;
margin: 0px 0px 5px;
}
.flat-option-button {
display: table;
}
.flat-option-button li {
padding: 0px 15px 0px 0px;
display: table-cell;
}

}


@media print, screen and (min-width: 1024px) {
/* faq-contents */
.faq-list li {
padding: 0px 0px 35px;
}
.faq-list .q-text {
font-size: 18px;
line-height: 1.6em;
margin: 0px 0px 5px;
}
.faq-list .q-text dd:first-child,
.faq-list .a-text dd:first-child {
width: 45px;
}
.faq-list .q-text dd:last-child,
.faq-list .a-text dd:last-child {
padding: 8px 0px 0px 8px;
}

/* option */
.option-contents .box-title {
padding: 0px 0px 10px;
}
.option-contents .cont-text {
padding: 10px 0px;
font-size: 15px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 1200px) {
/* faq-contents */
.faq-list li {
padding: 0px 0px 38px;
}
.faq-list .q-text {
font-size: 19px;
line-height: 1.6em;
margin: 0px 0px 5px;
}
.faq-list .q-text dd:first-child,
.faq-list .a-text dd:first-child {
width: 47px;
}
.faq-list .q-text dd:last-child,
.faq-list .a-text dd:last-child {
padding: 8px 0px 0px 8px;
}

/* option */
.option-contents .box-title {
padding: 0px 0px 10px;
}
.option-contents .cont-text {
padding: 10px 0px;
font-size: 16px;
line-height: 1.5em;
}

}

@media print, screen and (min-width: 1400px) {

}
















    


/* reason-contents outline-contents */
.reason-contents {

}
.reason-contents .section-in {
padding-left: 0px;
padding-right: 0px;
max-width: initial;
padding-bottom: 0px;
}
.reason-contents .in-block {
max-width: 1040px;
margin: 0px auto;
padding: 0px 15px 30px;
}
.reason-contents .title-box,
.outline-contents .title-box {
  display: table;
  margin: 0px 0px 5px;
}
.reason-contents .title-box li,
.outline-contents .title-box li {
  display: table-cell;
  vertical-align: middle;
}
.reason-contents .title-box li:first-child,
.outline-contents .title-box li:first-child {
  width: 50px;
  padding: 0px 5px 0px 0px;
}
.in-block-title {
  font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic, sans-serif';
  font-weight: bold;
  font-size: 15px;
  line-height: 1.4em;
}
.in-block-title em {
font-size: 70%;
line-height: 1.4em;
font-style: normal;
}

/* bg-box */
.bg-box {
background-color: rgba(238,238,238,1.00);
padding: 15px;
margin: 0px 0px 15px;
}

.bg-box.dark {
background-color: rgba(221,221,221,1.00);
}
.bg-box img {
	height: auto;
	width: 100%;
	margin: 0px auto;
  display: block;
}
.reason-box1,
.reason-box2,
.reason-box3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.reason-box1 {
  margin: 0px auto;
  max-width: 820px;
}
.reason-box1 li,
.reason-box2 li,
.reason-box3 li {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding: 0px 0px 15px;
	position: relative;
}
.reason-box1 li:first-child img {
	width: 70%;
}


/* reason-box2 slick対策 */
*  {
 min-height: 0;
 min-width : 0;
}


.reason-box3 {
margin: 0px 0px 15px;
}
.reason-box3 li {
  padding: 0px;
}
.reason-box3 .bg-box {
margin: 0px;
}
.reason-box3 li:first-child {
  background-color: rgba(221,221,221,1.00);
}
.reason-box3 li:first-child::after {
content: '';
display: block;
width: 20px;
height: 40px;
position: absolute;
bottom: -20px;
left: calc(50% - 10px);
background-image: url(../images/arrow-big.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% 100%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
z-index: 1;
}
.reason-box3 li:last-child {
  background-color: rgba(238,238,238,1.00);
}




.bg-box .in-block-title {
padding: 0px 0px 8px;
}
.in-block-carch {
  font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic, sans-serif';
padding: 0px 0px 8px;
font-size: 15px;
font-weight: bold;
line-height: 1.5em;
color: rgba(204,0,0,1.00);
}
.in-block-carch strong {
font-size: 160%;
}

.reason-circle {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 50%;
	border-radius: 50%;
	background-color: rgba(255,255,255,1.00);
	margin: 0px auto;
}
.reason-circle.cgreen {
width: calc(100% - 24px);
height: calc(100% - 24px);
padding: calc(50% - 12px);
border: 12px solid rgba(129,170,0,1.00);
}
.reason-circle.cred {
width: calc(100% - 24px);
height: calc(100% - 24px);
padding: calc(50% - 12px);
border: 12px solid rgba(204,0,0,1.00);
}
.circle-in {
left: 0px;
top: 0px;
position: absolute;
width: 100%;
height: 100%;
/*　padding: 10% 18% 16%; */

display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.circle-align {
width: 68%;
padding: 0px 0px 10%;
}

.reason-circle img {
	height: auto;
	max-width: calc(434px / 2);
	width: 80%;
	margin: 0px auto;
	display: block;
}

.reason-circle.cgreen img {
	max-width: calc(480px / 2);
	width: 100%;
}

.circle-text {
font-size: 11px;
line-height: 1.3em;
font-weight: bold;
padding: 0px 0px 0.3em;
}
.cap-text{
font-size: 11px;
line-height: 1.3em;
}



.line-box{
padding: 5px;
border: 1px solid rgba(129,170,0,1.00);
border-radius: 7px;
}
.line-box strong {
position: relative;
}
.line-box strong p {
padding: 0px;
display: inline-block;
}
.line-box strong p::before {
content: '';
display: inline-block;
width: 16px;
height: 15px;
background-image: url(../images/icon_chat.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
margin: 0px 3px 0px 0px;
}
/*
.line-box strong p {
padding: 0px 0px 0px 18px;
}
.line-box strong::before {
content: '';
display: block;
width: 16px;
height: 15px;
position: absolute;
top: calc(50% + 3px);
left: 0px;
background-image: url(../images/icon_chat.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
}
*/



@media print, screen and (min-width: 375px) {
/* reason-contents outline-contents */
.reason-contents .in-block {
padding: 0px 15px 35px;
}
.reason-contents .title-box,
.outline-contents .title-box {
  margin: 0px 0px 5px;
}
.reason-contents .title-box li:first-child,
.outline-contents .title-box li:first-child {
  width: 60px;
  padding: 0px 5px 0px 0px;
}
.in-block-title {
  font-size: 16px;
  line-height: 1.4em;
}
.bg-box .in-block-title {
padding: 0px 0px 10px;
}
.in-block-carch {
padding: 0px 0px 8px;
font-size: 16px;
line-height: 1.5em;
}



.reason-circle.cgreen {
width: calc(100% - 24px);
height: calc(100% - 24px);
padding: calc(50% - 12px);
border: 12px solid rgba(129,170,0,1.00);
}
.reason-circle.cred {
width: calc(100% - 24px);
height: calc(100% - 24px);
padding: calc(50% - 12px);
border: 12px solid rgba(204,0,0,1.00);
}

.circle-in {
}
.circle-align {
width: 70%;
padding: 0px 0px 10%;
}
.reason-circle img {
	width: 80%;
}
.reason-circle.cgreen img {
	width: 100%;
}
.circle-text {
font-size: 12px;
line-height: 1.3em;
padding: 0px 0px 0.5em;
}
.cap-text{
font-size: 12px;
line-height: 1.3em;
}


.line-box{
padding: 8px;
border-radius: 9px;
}
.line-box strong p {
}
.line-box strong p::before {
content: '';
width: 18px;
height: 17px;
}

}



@media print, screen and (min-width: 768px) {
.reason-contents .section-in {
padding-bottom: 20px;
}
.reason-contents .in-block {
padding: 0px 25px 55px;
}
.reason-contents .title-box,
.outline-contents .title-box{
  margin: 0px 0px 5px;
}
.reason-contents .title-box li:first-child,
.outline-contents .title-box li:first-child {
  width: 70px;
  padding: 0px 6px 0px 0px;
}
.in-block-title {
  font-size: 20px;
  line-height: 1.4em;
}
.bg-box .in-block-title {
padding: 0px 0px 15px;
}
.in-block-carch {
padding: 0px 0px 8px;
font-size: 17px;
line-height: 1.5em;
}

/* bg-box */
.bg-box {
  padding: 25px;
}
.reason-box1 li,
.reason-box2 li {
  padding: 0px;
}
.reason-box1 li:first-child {
	-ms-flex-preferred-size: calc(35% - 15px);
  flex-basis: calc(35% - 15px);
}
.reason-box1 li:last-child {
	-ms-flex-preferred-size: calc(65% - 15px);
  flex-basis: calc(65% - 15px);
}
.reason-box1 li:first-child img {
	width: 100%;
}

.reason-box2 li:first-child {
	-ms-flex-preferred-size: calc(45% - 15px);
  flex-basis: calc(45% - 15px);
}
.reason-box2 li:last-child {
-ms-flex-preferred-size: calc(55% - 15px);
flex-basis: calc(55% - 15px);
padding: 5px 0px 0px;
}

.reason-box3 li {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.circle-text .pc-br {
display: none;
}
.reason-box3 li:first-child::after {
width: 30px;
height: 60px;
position: absolute;
bottom: auto;
left: auto;
right: -15px;
top: calc(50% - 15px);
background-image: url(../images/arrow-big.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% 100%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
z-index: 1;
}

}


@media print, screen and (min-width: 1024px) {
.reason-contents .section-in {
padding-bottom: 30px;
}
.reason-contents .in-block {
padding: 0px 30px 65px;
}
.reason-contents .title-box,
.outline-contents .title-box {
 margin: 0px 0px 5px;
}
.reason-contents .title-box li:first-child,
.outline-contents .title-box li:first-child {
  width: 78px;
  padding: 0px 8px 0px 0px;
}
.in-block-title {
  font-size: 24px;
  line-height: 1.4em;
}
.in-block-carch {
padding: 0px 0px 10px;
font-size: 20px;
line-height: 1.5em;
}


/* bg-box */
.bg-box {
  padding: 30px;
}
.reason-box1 li:first-child {
	-ms-flex-preferred-size: calc(35% - 15px);
  flex-basis: calc(35% - 15px);
}
.reason-box1 li:last-child {
	-ms-flex-preferred-size: calc(65% - 15px);
  flex-basis: calc(65% - 15px);
}


.reason-box2 li:first-child {
	-ms-flex-preferred-size: calc(100% - 505px);
  flex-basis: calc(100% - 505px);
}
.reason-box2 li:last-child {
-ms-flex-preferred-size: 475px;
flex-basis: 475px;
padding: 8px 0px 0px;
}

.circle-text .pc-br{
display: inline-block;
}


.reason-box3.reason-first {
margin: 0px;
}
.reason-box3.reason-last .in-block-title {
display: none;
}


.reason-circle {
	width: 96%;
	height: 96%;
	padding: 48%;
	border-radius: 50%;
}
.reason-circle.cgreen {
width: calc(96% - 36px);
height: calc(96% - 36px);
padding: calc(48% - 18px);
border: 18px solid rgba(129,170,0,1.00);
}
.reason-circle.cred {
width: calc(96% - 36px);
height: calc(96% - 36px);
padding: calc(48% - 18px);
border: 18px solid rgba(204,0,0,1.00);
}

.circle-align {
width: 70%;
padding: 0px 0px 5%;
}
.reason-circle img {
	width: 90%;
}
.reason-circle.cgreen img {
	width: 100%;
}
.circle-text {
font-size: 14px;
line-height: 1.5em;
padding: 0px 0px 0.5em;
text-align: center;
}
.cap-text{
font-size: 13px;
line-height: 1.3em;
}


.line-box{
padding: 12px;
border-radius: 11px;
}
.line-box strong p {
}
.line-box strong p::before {
content: '';
width: 20px;
height: 19px;
}

}





@media print, screen and (min-width: 1200px) {
.reason-contents .section-in {
padding-bottom: 40px;
}
.reason-contents .in-block {
padding: 0px 0px 75px;
}
.reason-contents .title-box,
.outline-contents .title-box {
  margin: 0px 0px 5px;
}
.reason-contents .title-box li:first-child,
.outline-contents .title-box li:first-child {
  width: 80px;
  padding: 0px 10px 0px 0px;
}
.in-block-title {
  font-size: 28px;
  line-height: 1.4em;
}
.in-block-carch {
padding: 0px 0px 12px;
font-size: 23px;
line-height: 1.5em;
}

/* bg-box */
.bg-box {
  padding: 40px;
}
.reason-box1 li:first-child {
	-ms-flex-preferred-size: 260px;
  flex-basis: 260px;
}
.reason-box1 li:last-child {
	-ms-flex-preferred-size: 510px;
  flex-basis: 510px;
}


.reason-box2 li:first-child {
	-ms-flex-preferred-size: calc(100% - 525px);
  flex-basis: calc(100% - 525px);
}
.reason-box2 li:last-child {
-ms-flex-preferred-size: 475px;
flex-basis: 475px;
}


.reason-circle.cgreen {
width: calc(96% - 44px);
height: calc(96% - 44px);
padding: calc(48% - 22px);
border: 22px solid rgba(129,170,0,1.00);
}
.reason-circle.cred {
width: calc(96% - 44px);
height: calc(96% - 44px);
padding: calc(48% - 22px);
border: 22px solid rgba(204,0,0,1.00);
}

.circle-align {
width: 75%;
padding: 0px 0px 5%;
}
.reason-circle img {
	width: 90%;
}
.reason-circle.cgreen img {
	width: 100%;
}
.circle-text {
font-size: 15px;
line-height: 1.5em;
padding: 0px 0px 0.5em;
text-align: center;
}
.cap-text{
font-size: 13px;
line-height: 1.3em;
}

.shitumon .kome-txt.block-center {
display: table;
}


.line-box{
padding: 15px;
border-radius: 11px;
}
.line-box strong p {
}
.line-box strong p::before {
content: '';
width: 20px;
height: 19px;
}


}


@media print, screen and (min-width: 1400px) {

}


















/* actualresults-contents *//*合格実績周り*/
.actualresults-contents {
color: rgba(255,255,255,1.00);
background-image: url(../../images/results-back.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.section-catch {
  margin: 0px auto;
  padding: 0px 0px 15px;
  max-width: 1040px;
}

.section-h3catch{
  font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic, sans-serif';
  padding: 0px 0px 15px;
  font-weight: bold;
  font-size: 19px;
  line-height: 1.4em;
  text-align: center;/*202111追加*/}

.note{
	font-size:1rem;
	text-align: center;
	margin-bottom:0.9rem;}/*202111追加*/

/*体験談リストの背景色　202111追加*/
.results{
	background-color: #374900;
	color:#fff;}

.results-list > li span {
  height: 42px;
}

.results-list,
.results-list-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.results-list li,
.results-list-menu li {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding: 0px 0px 10px;
  position: relative;
}
.results-list li.active {
  z-index: 12;
}
.results-sublist {
	/* transition: all 0.3s; */
	background: rgba(255,255,255,1.0);
	text-align: left;
  box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.8);
	width: 100%;
  position: absolute;
  left: 0px;
  top: 42px;
  display: none;
}
.results-sublist.active {
	z-index: 9;
}


.results-sublist dd a {
  padding: 10px 15px;
  border-top: 1px solid rgba(187,187,187,1.00);
  display: block;
  color: rgba(129,170,0,1.00);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.3em;
  letter-spacing: 0.05em;
  position: relative;
  font-weight: bold;
  text-align: center;
}
.results-sublist dd a::after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: calc(50% - 7px);
  right: 5px;
  z-index: 3;
  background-image: url(../images/arrow-green.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
}
.results-sublist dd a:hover {
background-color: rgba(129,170,0,1.00);
color: rgba(255,255,255,1.00);
}
.results-sublist dd a:hover::after {
background-image: url(../images/arrow-white.svg);
}





@media print, screen and (min-width: 375px) {
.section-catch {
  padding: 0px 0px 15px;
}

.section-h3catch {
  padding: 0px 0px 15px;
  font-size: 23px;
  line-height: 1.4em;
  text-align: center;}

.note{
	font-size:1rem;}/*202111追加*/

.results-list > li span {
  height: 46px;
}

.results-sublist {
  top: 46px;
  box-shadow: 0px 0px 45px 2px rgba(0,0,0,0.8);
}
.results-sublist dd a {
  padding: 12px 15px;
  font-size: 15px;
  line-height: 1.3em;
}

}


@media print, screen and (min-width: 768px) {
.section-catch {
  padding: 0px 0px 20px;
}

.section-h3catch {
  padding: 0px 0px 20px;
  font-size: 30px;
  line-height: 1.4em;
  text-align: center;
}


.note{
	font-size:1.2rem;}/*202111追加*/

.results-list > li span {
  height: 50px;
}
.results-list li,
.results-list-menu li {
	-ms-flex-preferred-size: calc(33.33% - 8px);
	flex-basis: calc(33.33% - 8px);
  padding: 0px 0px 12px;
}

.results-list-menu.f5flex a {
	font-size: 16px;
  line-height: 1.4em;
}
.results-list-menu.f5flex::after{
  content:"";
  display: block;
  width:calc(33.33% - 1px);
}
.results-list-menu.f5flex li {
	-ms-flex-preferred-size: calc(33.33% - 1px);
	flex-basis: calc(33.33% - 1px);
  padding: 0px 0px 12px;
}



.results-sublist {
  top: 50px;
  box-shadow: 0px 0px 50px 2px rgba(0,0,0,0.8);
}
.results-sublist dd a {
  padding: 13px 15px;
  font-size: 16px;
  line-height: 1.3em;
}

}


@media print, screen and (min-width: 1024px) {
.section-catch {
  padding: 0px 0px 25px;
}
.section-h3catch {
  padding: 0px 0px 25px;
  font-size: 35px;
  line-height: 1.4em;
  text-align: center;
}

.results-list > li span {
  height: 52px;
}
.results-sublist {
  top: 52px;
  box-shadow: 0px 0px 60px 2px rgba(0,0,0,0.8);
}
.results-sublist dd a {
  padding: 14px 15px;
  font-size: 17px;
  line-height: 1.3em;
}

.results-list-menu.f5flex a {
	font-size: 15px;
  line-height: 1.4em;
}
.results-list-menu.f5flex::after{
  width:calc(25% - 1px);
}
.results-list-menu.f5flex li {
	-ms-flex-preferred-size: calc(19.5% - 2px);
	flex-basis: calc(19.5% - 2px);
  padding: 0px;
}
.results-list-menu.f5flex li:last-child {
	-ms-flex-preferred-size: calc(22% - 2px);
	flex-basis: calc(22% - 2px);
  padding: 0px;
}

}

@media print, screen and (min-width: 1200px) {

.section-h3catch {
  padding: 0px 0px 25px;
  font-size: 35px;
  line-height: 1.4em;
  text-align: center;
}

.results-list > li span {
  height: 54px;
}
.results-list li,
.results-list-menu li {
	-ms-flex-preferred-size: calc(33.33% - 9px);
	flex-basis: calc(33.33% - 9px);
	padding: 0px 0px 15px;
}
.results-sublist {
	top: 54px;
}

.results-list-menu.f5flex a {
	font-size: 16px;
	line-height: 1.4em;
}

}

@media print, screen and (min-width: 1400px) {

}









/* page-contents ----------------------------------------------------------------- */


@media print, screen and (min-width: 375px) {

}

@media print, screen and (min-width: 768px) {

}


@media print, screen and (min-width: 1024px) {

}

@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}








/* Header ----------------------------------------------------------------- */
header {
	text-align: center;
	line-height: 1.0em;
	position: relative;
	z-index: 100;
	/* box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.2); */
	width: 100%;
}
header.fixedheader {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 110;
  box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.2);
}
body {
	margin: 0px;
	/* transition: all 0.5s; */
}
body.bodyfixed {
	margin: 60px 0px 0px;
}


/* header-benesse */
header #header-benesse {
transition: all 0.3s;
  position: relative;
  height: 25px;
  z-index: 101;
  padding: 2px 15px;
  background: rgba(255,255,255,1.0);
  /*border-bottom: 1px solid rgba(187,187,187,1.00);*/
  overflow: hidden;
}
header #benesse-logo {
	height: auto;
  width: 60px;
}


header #header-table {
}
header #header-table-l {
position: relative;
height: 35px;
background: rgba(255,255,255,1.0);
z-index: 101;
padding: 3px 0px 0px 15px;
border-bottom: 1px solid rgba(187,187,187,1.00);
}
header #header-table-l #header-logo {
	height: auto;
  width: 85px;
}


/*
<header id="header-global">
	<div class="header-inner">

		<div id="header-benesse">
      <h2 id="benesse-logo"><a href="https://www.benesse.co.jp/"><img src="../common2020/images/logo-benesse.svg" alt="ベネッセコーポレーション"></a></h2>
		</div><!-- header-table -->
    
		<div id="header-table">
			<div id="header-table-l">
        <h1 id="header-logo"><a href="../index.html"><img src="../common2020/images/logo-everes2.svg" alt="EVERES エベレス"></a></h1>
      </div><!-- header-table-l -->

			<div id="header-table-r">
        <ul class="everes-navi">
          <li class="entry-bt"><a href="#entry"><p>＜EVERES＞本講座お申し込み</p></a></li>
          <li class="paid-bt"><a href="#option"><p>＜EVERES＞有料オプション<br class="sp-br">教材お申し込み</p></a></li>
          <li class="login-bt"><a href="https://login.benesse.ne.jp/everes/login"><p>会員の方ログイン</p></a></li>
        </ul>
				<ul id="nav-global">
					<li class="homemenu"><a href="../index.html"><p><em>＜EVERES＞</em>トップ</p></a></li>
					<li class="s6menu">
            <dl class="s6menu-in">
              <dd><a href="../about/s6/index.html"><p>4月から中学1年生</p></a></dd>
              <dd><a href="../curriculum/s6/index.html"><p>カリキュラム</p></a></dd>
            </dl><!-- s6menu-in -->
          </li>
*/



header .everes-navi {
	display: none;
}


header #header-table-r {
	text-align: left;
	position: fixed;
	box-shadow: none;
	z-index: -1;
	width: 100%;
	height: 0%;
}
header #header-table-r.active {
	z-index: 99;
	height: 100%;
}
header #nav-global {
	transition: all 0.3s;
	opacity: 0;
	right: -100%;
	background: rgba(255,255,255,1.0);
	position: absolute;
	width: 100%;
}
header #header-table-r.active #nav-global {
	right: 0%;
	background: rgba(255,255,255,1.0);
	position: absolute;
	box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.8);
	opacity: 1;
}
header #nav-global li {
}
header #nav-global li a {
  padding: 10px 15px;
  border-top: 1px solid rgba(187,187,187,1.00);
  display: block;
  color: rgba(0,0,0,1.0);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.3em;
  letter-spacing: 0.05em;
  position: relative;
  font-weight: bold;
}
header #nav-global li a em {
font-size: 70%;
font-style: normal;
font-weight: normal;
}
header #nav-global li:first-child a {
	border: none;
}

header #nav-global li dl dd:last-child a {
  display: none;
	border: none;
}

#page-s6 header dl.s6menu-in dd:last-child a,
#page-c1 header dl.c1menu-in dd:last-child a,
#page-c2 header dl.c2menu-in dd:last-child a,
#page-c3 header dl.c3menu-in dd:last-child a  {
  display: block !important;
}





@media print, screen and (min-width: 375px) {
body.bodyfixed {
	margin: 66px 0px 0px;
}

/* header-benesse */
header #header-benesse {
  height: 28px;
  padding: 3px 15px 2px;
}
header #benesse-logo {
  width: 68px;
}

header #header-table-l {
height: 38px;
padding: 4px 0px 0px 15px;
}
header #header-table-l #header-logo {
  width: 95px;
}


/* #header-table-r */
header #nav-global li a {
  padding: 12px 15px;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.3em;
  letter-spacing: 0.05em;
}
header #header-table-r.active #nav-global {
	box-shadow: 0px 0px 45px 2px rgba(0,0,0,0.8);
}

}






@media print, screen and (min-width: 768px) {
body.bodyfixed {
	margin: 82px 0px 0px;
}


/* header-benesse */
header #header-benesse {
  height: 32px;
  padding: 5px 25px 2px;
}
header #benesse-logo {
  width: 85px;
}


header #header-table-l {
height: 50px;
padding: 5px 0px 0px 25px;
}
header #header-table-l #header-logo {
  width: 134px;
}


/* #header-table-r */
header #nav-global {
	right: -50%;
	width: 50%;
}
header #header-table-r.active #nav-global {
	box-shadow: 0px 0px 50px 2px rgba(0,0,0,0.8);
}
header #nav-global li a {
  padding: 15px 25px;
  color: rgba(0,0,0,1.0);
  font-size: 16px;
  line-height: 1.3em;
  letter-spacing: 0.05em;
}


}





@media print, screen and (min-width: 1024px) {
header #header-benesse {
  height: 36px;
  padding: 7px 30px 2px;
}
header #benesse-logo {
  width: 94px;
}


header #header-table-l {
  height: 60px;
  padding: 6px 0px 0px 30px;
}
header #header-table-l #header-logo {
  width: 144px;
}


/* #header-table-r */
header #nav-global {
	right: -40%;
	width: 40%;
}
header #header-table-r.active #nav-global {
	box-shadow: 0px 0px 60px 2px rgba(0,0,0,0.8);
}

header #nav-global li a {
  padding: 15px 25px;
  color: rgba(0,0,0,1.0);
  font-size: 17px;
  line-height: 1.3em;
  letter-spacing: 0.05em;
}


}





@media print, screen and (min-width: 1200px) {
header { /* header-benesse = height: 40px; */
  position: relative;
  height: 130px;
  background: rgba(255,255,255,1.0);
  border-bottom: 1px solid rgba(187,187,187,1.00);
}

header #header-table {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  
  height: 90px;
}
header #header-table-l {
  position: relative;
  box-shadow: none;
  height: auto;
  background: none;
  text-align: left;
  padding: 0px;
  border: none;
  -ms-flex-preferred-size: 230px;
  flex-basis: 230px;
}
header #header-table-l #header-logo {
padding: 15px 0px 0px 30px;
width: 200px;
}
header #header-table-r {
	border: none;
	background: none;
	text-align: center;
	position: relative;
	box-shadow: none;
	z-index: 99;
	width: auto;
	height: auto;
	top: auto;
	left: auto;
  right: auto;
	opacity: 1;
	margin: 0px;
	transition: all 0s;

	-ms-flex-preferred-size: calc(100% - 230px);
	flex-basis: calc(100% - 230px);
  
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}





header.fixedheader {
	height: 80px;
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 110;
  box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.3);
  background: rgba(255,255,255,0.9);
}
header.fixedheader #header-table {
  height: 80px;
}
header.fixedheader #header-table-l #header-logo {
padding: 15px 0px 0px 30px;
width: 180px;
}
header.fixedheader #header-benesse {
  /* display: none; */
  height: 0px;
  border: none;
  padding: 0px;
}
header.fixedheader #header-table-r {
}



body {
	margin: 0px;
	/* transition: all 0.5s; */
}
body.bodyfixed {
	margin: 120px 0px 0px;
	/* top: 50px; */
}



/* header-benesse */
header #header-benesse {
  height: 40px;
  padding: 7px 30px 2px;
}
header #benesse-logo {
  width: 110px;
}





header #nav-global {
  display: table;
  width: auto;
	position: relative;
	right: auto;
	opacity: 1;
	background: none;
}
header #nav-global li {
  display: table-cell;
  position: relative;
  text-align: center;
  letter-spacing: 0em;
}
header #nav-global li a,
header #nav-op li a {
	display: block;
	text-decoration: none;
	white-space: nowrap;
	border: none;
}

header #nav-global li a {
position: relative;
padding: 8px 18px 12px !important;
letter-spacing: 0em;
font-size: 15px;
line-height: 1.3em;
color: rgba(0,0,0,1.00);
text-align: center;
}
header #nav-global li a em {
font-size: 80%;
line-height: 1.3em;
font-style: normal;
}

header #nav-global li:not(.preparation) a:hover {
  color: #269894 !important;
}
header #nav-global li:not(.preparation):after {
  content: "";
  display: block;
  position: absolute;
  left: 49%;
  width: 1%;
  height: 3px;
  background-color: #3ca19d;
  bottom: 0px;
  transition: all 0.3s;
  opacity: 0;
}
header #nav-global li:not(.preparation).active:after {
	left: 0%;
	width: 100%;
	opacity: 0.6;
}


header dl {
display: table;
}
header dl dd {
display: table-cell;
}



header .everes-navi {
  display: table;
  margin: -5px 0px 0px;
  position: absolute;
  top: 0px;
  right: 30px;
}
header .everes-navi > li {
	display: table-cell;
	padding: 0px 1px;
	position: relative;
}
header .everes-navi li a {
font-size: 15px;
line-height: 1.3em;
background-color: rgba(129,170,0,1.00);
text-align: center;
padding: 12px 5px 8px;
display: block;
border-radius: 5px;
position: relative;
transition: all 0.4s;
color: rgba(255,255,255,1.00);
width: 21em;
font-weight: bold;
text-decoration: none;	
}
header .everes-navi li a em {
font-size: 75%;
font-style: normal;
font-weight: normal;
}
header .everes-navi li.login-bt a {
  background-color: rgba(85,85,85,1.00);
  width: 15em;
}
header .everes-navi li a:hover {
  background-color: #269894;
  color: rgba(255,255,255,1.0);
  text-decoration: none;
}

header .everes-navi li.login-bt a:hover {
  background-color: rgba(0,0,0,1.00);
}

header #nav-global li a em {
font-size: 75%;
font-style: normal;
font-weight: normal;
}


#page-home header #nav-global li.homemenu:after,
#page-s6 header #nav-global li.s6menu:after,
#page-c1 header #nav-global li.c1menu:after,
#page-c2 header #nav-global li.c2menu:after,
#page-c3 header #nav-global li.c3menu:after,
#page-rules header #nav-global li.rulesmenu:after {
	left: 0%;
	width: 100%;
	opacity: 1.0;
	bottom: 0px;
}


#page-s6 li.s6menu dl dd:first-child a,
#page-c1 li.c1menu dl dd:first-child a,
#page-c2 li.c2menu dl dd:first-child a,
#page-c3 li.c3menu dl dd:first-child a {
padding: 8px 10px 12px 18px !important;
}
#page-s6 li.s6menu dl dd:last-child a,
#page-c1 li.c1menu dl dd:last-child a,
#page-c2 li.c2menu dl dd:last-child a,
#page-c3 li.c3menu dl dd:last-child a {
padding: 8px 18px 12px 10px !important;
}
#page-s6 li.s6menu dl dd:last-child a::after,
#page-c1 li.c1menu dl dd:last-child a::after,
#page-c2 li.c2menu dl dd:last-child a::after,
#page-c3 li.c3menu dl dd:last-child a::after {
content: 'ー';
display: block;
width: 20px;
position: absolute;
top: calc(50% - 10px);
left: -10px;
font-weight: normal;
color: rgba(187,187,187,1.00);
text-align: center;
}

}



@media print, screen and (min-width: 1400px) {
header #nav-global li a {
padding: 8px 30px 12px !important;
font-size: 16px;
line-height: 1.3em;
}
#page-s6 li.s6menu dl dd:first-child a,
#page-c1 li.c1menu dl dd:first-child a,
#page-c2 li.c2menu dl dd:first-child a,
#page-c3 li.c3menu dl dd:first-child a  {
padding: 8px 14px 12px 28px !important;
}
#page-s6 li.s6menu dl dd:last-child a,
#page-c1 li.c1menu dl dd:last-child a,
#page-c2 li.c2menu dl dd:last-child a,
#page-c3 li.c3menu dl dd:last-child a {
padding: 8px 28px 12px 14px !important;
}
#page-s6 li.s6menu dl dd:last-child a::after,
#page-c1 li.c1menu dl dd:last-child a::after,
#page-c2 li.c2menu dl dd:last-child a::after,
#page-c3 li.c3menu dl dd:last-child a::after {
content: 'ー';
display: block;
width: 20px;
position: absolute;
top: calc(50% - 10px);
left: -10px;
font-weight: normal;
color: rgba(187,187,187,1.00);
text-align: center;
}


}












/* trial entry */
#trial {
  background-color: rgba(204,0,0,1.00);
  color: rgba(255,255,255,1.00);
}
#entry {
  background-color: rgba(129,170,0,1.00);
  color: rgba(255,255,255,1.00);
}
#trial .section-title,
#entry .section-title {
  position: relative;
  display: table;
  margin: 0px auto;
}
.point-mark {
  width: 60px;
  height: 60px;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  line-height: 1.4em;
  color: rgba(204,0,0,1.00);
  background-color: rgba(255,255,102,1.00);
  border-radius: 30px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
  position: absolute;
  top: -40px;
  right: -60px;
}
#entry .point-mark {
  color: rgba(129,170,0,1.00);
  background-color: rgba(255,255,255,1.00);
  top: -40px;
  right: -60px;
}

/*見出しが２行の時に追加*/
.point-mark-twoline{
	top:10px !important;}

/*見出しの一部の字を小さく*/
.twoline-s{
	font-size:0.7em;}

.section-subtitle {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.7em;
  padding: 0px 0px 17px;
}
.section-subtitle strong {
  font-size: 150%;
}

.box-title {
  font-weight: bold;
  font-size: 15px;
  line-height: 1.6em;
  padding: 0px 0px 7px;
}
.info-bt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin: 0px auto;
  max-width: 720px;
}
.info-bt li {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding: 0px 0px 10px;
}

.trial-float-bt {
display: none;
}


/* info-bt-box */
.info-bt-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.info-bt-box li {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  position: relative;
  margin: 0px 0px 10px;
  text-align: center;
}
.info-bt-box li::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,1.00);
}
.info-bt-box .info-bt-boxin {
  padding: 15px;
}


.box-titlecap {
font-size: 14px;
line-height: 1.4em;
font-weight: bold;
color: rgba(255,255,102,1.00);
}

.info-bt-box .about-bt {
margin-top: 10px;
}


@media print, screen and (min-width: 375px) {
/* trial */
.point-mark {
  top: -35px;
  right: -60px;
}
#entry .point-mark {
  top: -35px;
  right: -65px;
}
.section-subtitle {
  font-size: 15px;
  line-height: 1.7em;
  padding: 0px 0px 20px;
}

.box-title {
  font-size: 16px;
  line-height: 1.6em;
  padding: 0px 0px 8px;
}

.box-titlecap {
font-size: 15px;
line-height: 1.4em;
}

}


@media print, screen and (min-width: 768px) {
/* trial */
#trial,
#entry {
  text-align: center;
}
.point-mark,
#entry .point-mark {
  width: 70px;
  height: 70px;
  padding: 5px;
  font-size: 12px;
  line-height: 1.4em;
  border-radius: 35px;
  top: -18px;
  right: -70px;
}
#entry .point-mark {
  top: -18px;
  right: -80px;
}
.section-subtitle {
  font-size: 16px;
  line-height: 1.8em;
  text-align: center;
  padding: 0px 0px 25px;
}
.box-title {
  font-size: 17px;
  line-height: 1.6em;
  padding: 0px 0px 9px;
}

.info-bt li {
	-ms-flex-preferred-size: calc(50% - 10px);
	flex-basis: calc(50% - 10px);
}

/* info-bt-box */
.info-bt-box {
}
/* 4box */
/*
.info-bt-box li {
	-ms-flex-preferred-size: calc(50% - 5px);
	flex-basis: calc(50% - 5px);
  margin: 0px 0px 10px;
}
.info-bt-box .info-bt-boxin {
  padding: 25px;
}
*/
/* 3box */
.info-bt-box li {
	-ms-flex-preferred-size: calc(33.33% - 5px);
	flex-basis: calc(33.33% - 5px);
  margin: 0px;
}
.info-bt-box .info-bt-boxin {
  padding: 20px;
}

.box-titlecap {
font-size: 16px;
line-height: 1.4em;
}

}


@media print, screen and (min-width: 1024px) {
/* trial */
.point-mark,
#entry .point-mark {
  width: 80px;
  height: 80px;
  padding: 5px;
  font-size: 14px;
  line-height: 1.4em;
  border-radius: 40px;
  top: -20px;
  right: -80px;
}
#entry .point-mark {
  top: -20px;
  right: -90px;
}
.section-subtitle {
  font-size: 17px;
  line-height: 1.8em;
  padding: 0px 0px 30px;
}
.box-title {
  font-size: 18px;
  line-height: 1.6em;
  padding: 0px 0px 10px;
}
.info-bt li {
	-ms-flex-preferred-size: calc(50% - 15px);
	flex-basis: calc(50% - 15px);
  padding: 0px 0px 15px;
}

/* 4box */
.info-bt-box .info-bt-boxin {
  padding: 25px;
}

/* info-bt-box */
.info-bt-box .info-bt-boxin {
  padding: 25px 35px;
}
.box-titlecap {
font-size: 17px;
line-height: 1.4em;
}

}


@media print, screen and (min-width: 1200px) {
/* trial */
.point-mark,
#entry .point-mark {
  width: 90px;
  height: 90px;
  padding: 5px;
  font-size: 15px;
  line-height: 1.4em;
  border-radius: 45px;
  top: -22px;
  right: -90px;
}
#entry .point-mark {
  top: -22px;
  right: -100px;
}
.section-subtitle {
  font-size: 18px;
  line-height: 2.0em;
  padding: 0px 0px 35px;
}
.box-title {
  font-size: 20px;
  line-height: 1.6em;
  padding: 0px 0px 12px;
}
.info-bt li {
	-ms-flex-preferred-size: calc(50% - 18px);
	flex-basis: calc(50% - 18px);
}

/* info-bt-box */
/* info-bt-box 4box */
.info-bt-box .info-bt-boxin {
padding: 30px 32px;
}

.info-bt-box .about-bt {
display: none;
}


.trial-float-bt {
position: fixed;
right: 90px;
bottom: -12px;
z-index: 1000;
display: block;
}
.trial-float-bt .point-mark {
  width: 60px;
  height: 60px;
  font-size: 11px;
  line-height: 1.4em;
  border-radius: 30px;

  top: -15px;
  right: auto;
	left: -50px;
	-webkit-box-shadow: 0px 0px 20px 2px rgba(255,255,255,1.00);
	box-shadow: 0px 0px 20px 2px rgba(255,255,255,1.00);
	z-index: 10;
}


}




@media print, screen and (min-width: 1400px) {

}









/* section section-title page-header ----------------------------------------------------------------- */
.section-in {
  padding: 40px 15px;
  max-width: 1040px;
  margin: 0px auto;
}

.section-title,
.page-catch {
  font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic, sans-serif';
  padding: 0px 0px 20px;
  text-align: center;
  font-size: 17px;
  line-height: 1.4em;
  font-weight: bold;
}

.page-catch em {
font-size: 65%;
line-height: 1.4em;
font-style: normal;
}

.page-catch {
  padding: 0px
}
#page-header {
padding: 30px 15px;
background-color: rgba(238,238,238,1.00);
}




@media print, screen and (min-width: 375px) {
.section-in {
  padding: 50px 15px;
}

/*体験談リストのところだけ背景色を変える場合 202111追加*/
#jisseki .section-in{
	padding:50px 15px 35px 15px;}

/*体験談リストのところだけ背景色を変える場合 202111追加*/
#jisseki .results .section-in{
	padding:35px 15px 50px 15px;}

.section-title,
.page-catch {
  padding: 0px 0px 25px;
  font-size: 19px;
  line-height: 1.4em;
}

.page-catch {
  padding: 0px
}

#page-header {
padding: 35px 15px;
}


}



@media print, screen and (min-width: 768px) {
.section-in {
  padding: 80px 25px;
}

/*体験談リストのところだけ背景色を変える場合 202111追加*/
#jisseki .section-in{
	padding:80px 25px 50px 25px;}

/*体験談リストのところだけ背景色を変える場合 202111追加*/
#jisseki .results .section-in{
	padding:50px 25px 80px 25px;}

.section-title,
.page-catch {
  padding: 0px 0px 35px;
  font-size: 30px;
  line-height: 1.4em;
}

.page-catch {
  padding: 0px
}
#page-header {
padding: 45px 25px;
}


}


@media print, screen and (min-width: 1024px) {
.section-in {
  padding: 100px 30px;
}

/*体験談リストのところだけ背景色を変える場合 202111追加*/
#jisseki .section-in{
	padding:100px 30px 60px 30px;}

/*体験談リストのところだけ背景色を変える場合 202111追加*/
#jisseki .results .section-in{
	padding:60px 30px 100px 30px;}

.section-title,
.page-catch {
  padding: 0px 0px 45px;
  font-size: 34px;
  line-height: 1.4em;
}

.page-catch {
  padding: 0px
}
#page-header {
padding: 55px 30px;
}

}


@media print, screen and (min-width: 1200px) {
.section-in {
  padding: 110px 0px;
}

/*体験談リストのところだけ背景色を変える場合 202111追加*/
#jisseki .section-in{
	padding:110px 0 55px 0;}

/*体験談リストのところだけ背景色を変える場合 202111追加*/
#jisseki .results .section-in{
	padding:55px 0 110px 0;}

.section-title,
.page-catch {
  padding: 0px 0px 50px;
  font-size: 37px;
  line-height: 1.4em;
}

.page-catch {
  padding: 0px
}
#page-header {
padding: 65px 0px;
}


.class-toppage #entry .section-in {
  padding: 70px 0px;
}


}




@media print, screen and (min-width: 1400px) {
.section-in {
  padding: 120px 0px;
}

/*体験談リストのところだけ背景色を変える場合 202111追加*/
#jisseki .section-in{
	padding:120px 0 60px 0;}

/*体験談リストのところだけ背景色を変える場合 202111追加*/
#jisseki .results .section-in{
	padding:60px 0 120px 0;}

.section-title,
.page-catch {
  padding: 0px 0px 60px;
  font-size: 39px;
  line-height: 1.4em;
}


.page-catch {
  padding: 0px
}
#page-header {
padding: 75px 0px;
}


.class-toppage #entry .section-in {
  padding: 80px 0px;
}

}







/* movie-contents */
.movie-contents {
}
.movie-contents .box-title {
text-align: left;
font-size: 14px;
line-height: 1.6em;
}
.flex-3block,
.flex-2block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-3block li,
.flex-2block li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
position: relative;
margin: 0px 0px 15px;
}
.flex-3block li::after,
.flex-2block li::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
  border: 1px solid rgba(129,170,0,1.00);
  z-index: -1;
}
.flex-3block .info-bt-boxin,
.flex-2block .info-bt-boxin {
  padding: 15px;
}
.point-movie {
width: 100%;
margin: -25px 0px 0px;
position: relative;
z-index: 2;
}
.point-movie img {
  margin: 0px auto;
  width: 47px;
  height: 47px;
	display: block;
}
.movie-contents .movie-thumb {
margin: 0px 0px 10px;
}







@media print, screen and (min-width: 375px) {
.movie-contents .box-title {
font-size: 15px;
line-height: 1.6em;
}

}


@media print, screen and (min-width: 768px) {
.movie-contents .box-title {
font-size: 16px;
line-height: 1.6em;
}
.flex-3block li,
.flex-2block li {
	-ms-flex-preferred-size: calc(50% - 5px);
	flex-basis: calc(50% - 5px);
margin: 0px 0px 15px;
}
.movie-contents .box-title {
text-align: left;
}
.flex-3block .info-bt-boxin,
.flex-2block .info-bt-boxin {
  padding: 25px;
}
.point-movie {
  margin: -37px 0px 0px;
}
.point-movie img {
  width: 65px;
	height: 65px;
}

}


@media print, screen and (min-width: 1024px) {
.movie-contents .box-title {
font-size: 16px;
line-height: 1.6em;
}
.flex-3block::after{
  content:"";
  display: block;
  width:calc(33.33% - 5px);
}
.flex-3block li {
	-ms-flex-preferred-size: calc(33.33% - 5px);
	flex-basis: calc(33.33% - 5px);
position: relative;
}
.flex-3block .info-bt-boxin,
.flex-2block .info-bt-boxin {
  padding: 25px;
}
.point-movie {
  margin: -75px 0px 0px;
}
.point-movie img {
  width: 70px;
	height: 70px;
}
.movie-contents .movie-thumb {
margin: 0px 0px 15px;
}

}

@media print, screen and (min-width: 1200px) {
.movie-contents .box-title {
font-size: 17px;
line-height: 1.6em;
}
.flex-3block li {
	-ms-flex-preferred-size: calc(33.33% - 5px);
	flex-basis: calc(33.33% - 5px);
}
.flex-3block .info-bt-boxin,
.flex-2block .info-bt-boxin {
  padding: 30px;
}
.point-movie {
  margin: -76px 0px 0px;
}
.point-movie img {
  width: 76px;
	height: 76px;
}
.movie-contents .movie-thumb {
width: 280px;
}


}



@media print, screen and (min-width: 1400px) {

}










/* sp-footer ----------------------------------------------------------------- */
#sp-footer {
position: fixed;
z-index: 110;
bottom: -5px;
width: 100%;
}

#sp-footer #sp-bot-menu {
	display: table;
	width: 100%;
}
#sp-footer #sp-bot-menu li {
text-align: center;
width: 33.33%;
display: table-cell;
padding: 0px 1px 0px 0px;
vertical-align: top;
}
#sp-footer #sp-bot-menu li:last-child {
padding: 0px;
}

#sp-footer #sp-bot-menu li a {
background-color: rgba(129,170,0,1.00);
padding: 0px 2px 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 45px;
font-size: 12px;
line-height: 1.4em;
color: rgba(255,255,255,1.00);
border-radius: 5px;
-webkit-box-shadow: 0px 0px 10px 1px rgba(255,255,255,1.00);
box-shadow: 0px 0px 10px 0px rgba(255,255,255,1.00);
text-decoration: none !important;
}

#sp-footer #sp-bot-menu li.trial-bt a {
background-color: rgba(204,0,0,1.00);
}
#sp-footer #sp-bot-menu li.login-bt a {
background-color: rgba(85,85,85,1.00);
}





@media print, screen and (min-width: 375px) {
/* sp-footer ----------------------------------------------------------------- */
#sp-footer {
bottom: -6px;
}
#sp-footer #sp-bot-menu li a {
padding: 0px 2px 4px;
height: 50px;
font-size: 13px;
line-height: 1.4em;
border-radius: 6px;
}

}


@media print, screen and (min-width: 768px) {
/* sp-footer ----------------------------------------------------------------- */
#sp-footer {
bottom: -6px;
}
#sp-footer #sp-bot-menu li a {
padding: 0px 2px 4px;
height: 55px;
font-size: 15px;
line-height: 1.4em;
border-radius: 6px;
}
#sp-footer #sp-bot-menu li a br {
display: none;
}

}


@media print, screen and (min-width: 1200px) {
#sp-footer {
	display: none;
}

}














/* Footer ----------------------------------------------------------------- */
#footer-global {
margin: 0px;
padding: 20px 0px 85px;
overflow: hidden;
background: rgba(255, 255, 255, 1.0);
text-align: center;
border-top: 1px solid rgba(187,187,187,1.00);
}

#footer-top {
padding: 0px 0px 20px;
border-bottom: 1px solid rgba(187,187,187,1.00);
}
#footer-bot {
padding: 20px 0px 0px;
}

.footer-everes,
.footer-benesse {
padding: 0px 15px;
}
.footer-everes dd:first-child {
padding: 0px 0px 10px;
}
.footer-everes dd:first-child img,
.footer-benesse dd .footer-link li:first-child img {
	height: 7.52%;
	max-width: 200px;
	width: 40%;
	margin: 0px auto;
	display: block;
}
.footer-benesse dd .footer-link li:first-child img {
	max-width: 120px;
	width: 40%;
	height: 9.2%;
}
.footer-benesse dd:last-child {
text-align: left;
font-size: 12px;
line-height: 1.4em;
padding: 20px 0px 0px;
}
.footer-link {
text-align: left;
font-size: 12px;
line-height: 1.4em;
}
.footer-link li {
padding: 0px 0px 10px;
}
.footer-link li:last-child {
padding: 0px;
}





@media print, screen and (min-width: 375px) {
#footer-top {
padding: 0px 0px 22px;
}
#footer-bot {
padding: 22px 0px 0px;
}

.footer-everes,
.footer-benesse {
padding: 0px 15px;
}
.footer-everes dd:first-child {
padding: 0px 0px 15px;
}
.footer-benesse dd:last-child {
text-align: left;
font-size: 12px;
line-height: 1.4em;
padding: 20px 0px 0px;
}
.footer-link {
text-align: left;
font-size: 13px;
line-height: 1.4em;
}
.footer-link li {
padding: 0px 0px 12px;
}

}



@media print, screen and (min-width: 768px) {
#footer-global {
	margin: 0px;
	padding: 25px 0px 85px;
}

.footer-everes,
.footer-benesse {
padding: 0px 25px;
}

.footer-benesse dd:last-child {
text-align: left;
font-size: 13px;
line-height: 1.4em;
padding: 20px 0px 0px;
}
.footer-link {
text-align: left;
font-size: 14px;
line-height: 1.4em;
}

}



@media print, screen and (min-width: 1024px) {
#footer-global {
	margin: 0px;
	padding: 35px 0px 85px;
}


#footer-top {
padding: 0px 0px 24px;
}
#footer-bot {
padding: 24px 0px 0px;
}


.footer-everes dd:first-child img {
	width: 200px;
	height: 38px;
}
.footer-benesse dd .footer-link li:first-child img {
	width: 120px;
	height: 28px;
}



.footer-everes,
.footer-benesse {
padding: 0px;
display: table;
}
.footer-everes dd,
.footer-benesse dd {
display: table-cell;
vertical-align: top;
}
.footer-everes dd:first-child {
padding: 0px 0px 0px 30px;
width: 230px;
}
.footer-everes dd:last-child {
padding: 0px 0px 0px 30px;
}

.footer-benesse dd:first-child {
padding: 0px 0px 0px 30px;
width: 60%;
}
.footer-benesse dd:last-child {
text-align: right;
font-size: 13px;
line-height: 1.4em;
padding: 0px 30px 0px 0px;
}
.footer-link {
text-align: left;
font-size: 14px;
line-height: 1.4em;
}
.footer-link li {
padding: 0px 0px 12px;
}

.footer-benesse {
display: table;
width: 100%;
}
.footer-benesse dd {
vertical-align: middle;
}
.footer-benesse .footer-link {
display: table;
padding: 0px;
}
.footer-benesse .footer-link li {
padding: 0px 20px 0px 0px;
white-space: nowrap;
display: table-cell;
vertical-align: middle;
}
.footer-benesse .footer-link li:first-child {
padding: 0px 30px 10px 0px;
}

}









@media print, screen and (min-width: 1200px) {
#footer-global {
margin: 0px;
padding: 30px 0px 45px;
}


}

@media print, screen and (min-width: 1400px) {

}

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

/*黄色い丸のポイントマーク、見出しが２行の時に追加*/
.point-mark-twoline{
top:-40px !important;
right:-10px !important;}

}

/*top styles*/
/*------------*/
/* 算出根拠アコーディオン */

@media print,
screen and (max-width: 768px) {
    .acc-text-head {
        font-size: 2.66666666vw;
        color: #888;
        padding-left: 1.5em;
        position: relative
    }
}

@media print,
screen and (min-width: 769px) {
    .acc-text-head {
        font-size: 10px;
        color: #888;
        padding-left: 1.5em;
        position: relative;
    }
}

@media print,
screen and (max-width: 768px) {
    .acc-item {
        font-size: 2.66666666vw;
        font-weight: 400;
        color: #888;
        text-align: left;
        line-height: 1.5;
        padding-left: 1.5em;
        position: relative;
    }
}

@media print,
screen and (min-width: 769px) {
    .acc-item {
        font-size: 10px;
        font-weight: 400;
        color: #888;
        text-align: left;
        line-height: 1.5;
        padding-left: 1.5em;
        position: relative;
    }
}

.acc-text-body {
    display: none;
}

.acc-text-head::before {
    content: "[+]";
    position: absolute;
    left: 60px;
}

.acc-text-head.active::before {
    content: "[-]";
}

.under-line {
    text-decoration: underline;
}

/* --算出根拠アコーディオン-- */

/*よくある質問アコーディオン*/
.accordion-container {
    position: relative;
    width: 100%;
    border-top: none;
    outline: 0;
    cursor: pointer
}

.accordion-container .accordion-title {
    display: block;
    position: relative;
    margin: 0;
    padding: 0.625em 0.625em 0.625em 2em;
    font-size: 1.25em;
    font-weight: normal;
    cursor: pointer;
}

.accordion-title {
    position: relative;
}

.accordion-title:after {
    content: "";
    position: absolute;
    right: 25px;
    top: 38%;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.accordion-title.open:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 45%;
}

.accordion-content {
    display: none;
    padding-left: 2.3125em;
}

/* CSS for CodePen */
.accordion-container {
    width: 300px;
    margin: 1.875em auto;
}

@media print,
screen and (min-width: 769px) {
    .accordion-container {
        width: 900px;
        margin: 1em auto;
    }
}

.accordion-container .accordion-title {
    padding: 1em 1em 1em 1em;
    font-size: 16px;
    border-radius: 5px;
}

@media print,
screen and (max-width: 768px) {
    .accordion-container {
        width: auto;
    }
}

.accordion-title:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 47%;
    right: 18px;
    margin-top: -9px;
    border: 2px solid #fff;
}

.accordion-content {
    display: block;
    margin: 0px 10px 10px;
    padding: 1em;
    border-radius: 0px 0px 5px 5px;
    display: none;
}

.accordion-container .accordion-title {
    padding: 1em 1em 1em 1em;
    font-size: 13px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.accordion-container {
    padding: 40px 15px;
    max-width: 1040px;
    margin: 0px auto;
}

.accordion-container_g-background {
    background-color: rgba(238, 238, 238, 1.00);
    margin-bottom: 20px
}

.accordion-container .accordion-title {
    color: #095f43;
    background: #fff;
}

.accordion-container .accordion-title.open {
    color: white;
    background: #095f43;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.accordion-content__wrap {
    box-shadow: 0px 3px 8px -1px #777777;
    border-radius: 5px;
    margin-bottom: 10px;
}

.accordion-container .accordion-title {
    font-weight: bold;
}

.accordion-title:after {
    border-top: solid 2px aqua;
    border-right: solid 2px aqua;
}

.accordion-title:before {
    border: 2px solid aqua;
}

.accordion-content {
    margin: 0px;
    background: #fff;
}

.accordion-container .accordion-title {
    margin-bottom: 0px;
}

/* --よくある質問アコーディオン-- */

header #header-table-l {
    border-bottom: none;
}

header #header-table-l {
    padding-top: 40px;
}

header #header-table-l {
    border-bottom: none;
}

header #header-table-l {
    height: auto;
}

header #header-table-l {
    border-bottom: 1px solid rgba(187, 187, 187, 1.00);
    padding-bottom: 30px;
}

@media print,
screen and (min-width: 375px) {
    header #header-table-l {
        height: auto;
    }
}

@media print,
screen and (min-width: 1200px) {
    #benesse-logo {
        margin-top: 50px;
        margin-left: 80px;
    }

    #header-table-l {
        padding-top: 0px;
    }

    header #header-table-l {
        border-bottom: none;
        padding-bottom: 0px
    }

    header #header-table {
        height: auto;
    }
}


/*ヘッダーアイコンのログインの方*/
@media print,
screen and (min-width: 769px) and (max-width: 1200px) {

    .c-header__head-btn-item--member,
    .c-header__head-btn-item--menu {
        display: block;
    }

    .c-header__head-btn-link,
    .c-header__head-btn-item--menu {
        color: #000;
    }

    .c-header__head-btn-link {
        display: block;
        border-radius: 5px;
        background-color: #55a7ed;
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        text-decoration: none;
        width: 55px;
        height: 55px;
        padding-top: 32px;
        position: relative;
    }
}

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

    .c-header__head-btn-link,
    .c-header__head-btn-item--menu {
        color: #000;
    }

    .c-header__head-btn-link {
        display: block;
        border-radius: 1.33333333vw;
        background-color: #55a7ed;
        font-size: 2.66666666vw;
        font-weight: 700;
        color: #fff;
        text-align: center;
        text-decoration: none;
        width: 14.66666666vw;
        height: 14.66666666vw;
        padding-top: 8.53333333vw;
        position: relative;
    }
}

.c-header__head-btn-item.c-header__head-btn-item--member,
.c-header__head-btn-item.c-header__head-btn-item--menu {
    position: absolute;
    cursor: pointer;
    text-align: center;
    z-index: 1001;
    right: 100px;
    top: 20px;
    width: 24px;
    height: 17px;
}

@media print,
screen and (min-width: 375px) {

    .c-header__head-btn-item.c-header__head-btn-item--member,
    .c-header__head-btn-item.c-header__head-btn-item--menu {
        width: 28px;
        height: 17px;
    }
}

@media print,
screen and (min-width: 768px) {

    .c-header__head-btn-item.c-header__head-btn-item--member,
    .c-header__head-btn-item.c-header__head-btn-item--menu {
        right: 100px;
        top: 25px;
        width: 30px;
        height: 22px;
    }
}

@media print,
screen and (min-width: 1024px) {

    .c-header__head-btn-item.c-header__head-btn-item--member,
    .c-header__head-btn-item.c-header__head-btn-item--menu {
        right: 100px;
        top: 30px;
        width: 32px;
    }
}

@media print,
screen and (min-width: 1200px) {

    .c-header__head-btn-item.c-header__head-btn-item--member,
    .c-header__head-btn-item.c-header__head-btn-item--menu {
        display: none;
    }
}

@media print,
screen and (max-width: 768px) {
    .c-header__head-btn-link {
        width: 55px;
        height: 55px;
        padding-top: 30px;
        font-size: 12px;
    }
}

#nav-toggle span {
    z-index: 100;
    left: 12px;
}

.c-header__head-btn-item.c-header__head-btn-item--menu {
    right: 10px;
    top: -24px;
}

@media print,
screen and (max-width: 1024px) {
    .c-header__head-btn-item.c-header__head-btn-item--menu {
        right: 7px;
        top: -20px;
    }
}

@media print,
screen and (max-width: 767px) {
    .c-header__head-btn-item.c-header__head-btn-item--menu {
        top: -18px;
        right: 20px;
    }
}


@media print,
screen and (max-width: 374px) {
    .c-header__head-btn-item.c-header__head-btn-item--menu {
        top: -13px;
    }
}

#nav-toggle span:nth-child(1) {
    top: 10px;
}

#nav-toggle span:nth-child(2) {
    top: 15px;
}

#nav-toggle span:nth-child(3) {
    top: 20px;
}

#nav-toggle.open span:nth-child(1) {
    top: 15px;
}

#nav-toggle.open span:nth-child(3) {
    top: 15px;
}

@media print,
screen and (max-width: 1199px) {
    header #nav-global {
        right: -80%;
        width: 80%;
    }
}

.overlay {
    background: #000;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2;
    opacity: 0.6;
    pointer-events: auto;
}

.overlay.first-none {
    display: none;
}

.position-parent {
    position: relative;
}

.nav__z-index-big {
    z-index: 10;
}

.overlay__z-index-small {
    z-index: 5;
}

.none-checkbox {
    opacity: 0;
}

.c-header__head-btn-link--menu,
.c-header__head-btn-item--menu {
    color: #000;
}

.c-header__head-btn-link--menu {
    display: block;
    border-radius: 5px;
    background-color: #55a7ed;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-decoration: none;
    width: 55px;
    height: 55px;
    padding-top: 32px;
    position: relative;
}

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

    .c-header__head-btn-link--menu,
    .c-header__head-btn-item--menu {
        color: #000;
    }

    .c-header__head-btn-link--menu {
        display: block;
        border-radius: 1.33333333vw;
        background-color: #55a7ed;
        font-size: 2.66666666vw;
        font-weight: 700;
        color: #fff;
        text-align: center;
        text-decoration: none;
        width: 14.66666666vw;
        height: 14.66666666vw;
        padding-top: 8.53333333vw;
        position: relative;
    }
}

@media print,
screen and (max-width: 768px) {
    .c-header__head-btn-link--menu {
        width: 55px;
        height: 55px;
        padding-top: 30px;
        font-size: 12px;
    }
}

header #header-table-l {
    height: 100px;
}

.trial-bt {
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(15, 142, 51, 1) 100%, rgba(0, 212, 255, 1) 100%);
    position: absolute;
    top: 25px;
    z-index: 2000;
    right: 220px;
}

.trial-bt p,
.app-bt p {
    color: #fff;
}

.app-bt {
    background: linear-gradient(90deg, rgba(115, 100, 1, 1) 0%, rgba(241, 229, 62, 1) 100%);
    position: absolute;
    top: 25px;
    z-index: 2000;
    right: 80px;
}

.trial-bt,
.app-bt {
    width: 35%;
    border-radius: 30px;
    font-weight: bold;
    line-height: 3em;
}

.login-bt {
    width: 70%;
    border-radius: 30px;
    font-weight: bold;
    line-height: 3em;
    background: #55a7ed;
    margin: 0 auto;
}

.trial-bt.pc-none,
.app-bt.pc-none {
    width: 70%;
}

.trial-bt a,
.app-bt a {
    text-decoration: none;
}

@media print,
screen and (max-width: 1200px) and (min-width: 1025px) {
    .trial-bt {
        right: 560px;
    }

    .app-bt {
        right: 130px;
    }
}

@media print,
screen and (max-width: 1024px) {
    .trial-bt {
        right: 500px;
    }

    .app-bt {
        right: 110px;
    }
}

@media print,
screen and (max-width: 767px) {
    .trial-bt {
        right: 55vw;
    }

    .app-bt {
        right: 18vw;
    }
}

@media print,
screen and (max-width: 375px) {
    .trial-bt {
        right: 60vw;
    }

    .app-bt {
        right: 23vw;
    }
}

.position-set {
    position: initial;
    margin: 0 auto;
}

@media print,
screen and (min-width: 1200px) {
    header #nav-global li a.pc-none {
        display: none;
    }
}

@media print,
screen and (min-width: 1200px) {
    header #nav-global li.pc-none {
        display: none;
    }
}

header #nav-global li a {
    border-top: none;
    text-align: center;
}

header #nav-global li a.padding-left {
    padding-left: 50px !important;
}

header #nav-global li a.btn-margin-set {
    margin-bottom: 15px;
}

/*モーダル無料体験*/
/* モーダルを開いた時の外側のオーバーレイ */
.over-lay {
    content: '';
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
}

#trial-popup {
    display: none;
}

.header__z-index-small {
    z-index: 1000;
    position: absolute;
}

.modal__z-index-big {
    z-index: 8000;
    position: absolute;
}

.over-lay__z-index-inter {
    z-index: 5000;
}

/* モーダルウィンドウ */
.modal,
.c-cv-modal {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px;
    width: 80%;
    padding: 30px;
    background-color: #fff;
}

/* モーダルを開いたとき */
.modal.active,
.over-lay.active,
.c-cv-modal.active {
    display: block;
}

header #nav-global li p.btn-margin-set {
    margin-bottom: 15px;
}

header #nav-global li p {
    text-align: center;
}

.header__z-index-small {
    position: relative;
}

@media print,
screen and (min-width: 1200px) {
    #benesse-logo {
        margin-top: 0px;
    }
}

header.fixedheader {
    height: 100px;
}

header.fixedheader #header-table {
    height: 100px;
}

@media print,
screen and (min-width: 1200px) {
    header #header-table {
        margin-top: 50px;
        justify-content: space-around;
    }
}

header #header-table.margin-top__set {
    margin-top: 0px;
}

@media print,
screen and (max-width: 1200px) {
    #header-benesse {
        display: none;
    }

    #header-table-l {
        display: block;
    }
}

@media print,
screen and (min-width: 1200px) {
    #header-benesse {
        display: block;
    }

    #header-table-l {
        display: none;
    }
}

/*追従フッター*/
@media screen and (max-width:767px) {
    #sp-footer {
        display: none;
    }
}

@media screen and (min-width:768px) {
    #sp-footer {
        display: block;
    }
}

@media print,
screen and (min-width: 768px) {
    #sp-footer {
        position: fixed;
        z-index: 110;
        bottom: 200px;
        right: 0;
        display: block;
    }
}


@media print,
screen and (min-width: 768px) {
    #sp-footer #sp-bot-menu li.trial-bt a {
        background: linear-gradient(to right, #095f43 0%, #278654 50%, #278654 51%, #6acc9f 100%);
    }
}

@media print,
screen and (min-width: 768px) {
    #sp-footer #sp-bot-menu li {
        text-align: inherit;
        width: inherit;
        display: revert;
        margin-bottom: 10px;
    }
}

@media print,
screen and (min-width: 768px) {
    #sp-footer #sp-bot-menu {
        width: 150px;
        margin-left: auto;
    }
}

/*--追従フッター--*/
.trial-bt.following__position-unset {
    position: unset;
}

/*フッターnav-global*/
@media print,
screen and (min-width: 1200px) {
    #nav-global {
        display: none;
    }
}

#nav-global li a {
    padding: 10px 15px;
    border-top: 1px solid rgba(187, 187, 187, 1.00);
    display: block;
    color: rgba(0, 0, 0, 1.0);
    text-decoration: none;
    font-size: 14px;
    line-height: 1.3em;
    letter-spacing: 0.05em;
    position: relative;
    font-weight: bold;
}

.app {
    background: linear-gradient(to right, #095f43 0%, #278654 50%, #278654 51%, #6acc9f 100%);
}

.app p {
    color: #fff;
}

/*--フッターnav-global--*/

.modal h2,
.c-cv-modal h2 {
    color: #269894;
}

.modal,
.c-cv-modal {
    text-align: center;
}

.modal-close-btn {
    position: absolute;
    top: -50px;
    right: -5px;
}

.modal-btn {
    width: 100%;
}

.icon-login {
    position: absolute;
    top: 8px;
    left: 18px;
}

@media print,
screen and (max-width: 1199px) {
    .none {
        display: none;
    }

    .block {
        display: block;
    }
}

.max-width {
    max-width: 1200px;
}

img {
    width: 100%;
}

@media print,
screen and (min-width: 1200px) {
    .box-width {
        max-width: 1200px;
        margin: auto;
    }
}

@media print,
screen and (min-width: 768px) {
    .flex {
        display: flex;
        justify-content: center;
    }
}

@media print,
screen and (min-width: 768px) {
    .pc-none {
        display: none;
    }
}

.width-auto {
    width: auto;
}

.point-area {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    width: 90%;
    margin: auto auto 30px auto;
}

@media print,
screen and (min-width: 768px) {
    .point-area__background-img-ft {
        background-image: url(../../images/bg-ev-pc.png);
    }
}

@media print,
screen and (max-width: 768px) {
    .point-area__background-img-ft {
        background-image: url(../../images/bg-ev-sp.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media print,
screen and (min-width: 768px) {
    .point-area__background-img-sc {
        background-image: url(../../images/bg-st-pc.png);
    }
}

@media print,
screen and (max-width: 768px) {
    .point-area__background-img-sc {
        background-image: url(../../images/bg-st-sp.png);

    }
}

.accordion-container {
    width: 100%;
}

.order-flex {
    display: flex;
    flex-direction: column;
}

@media print,
screen and (max-width: 768px) {
    .order-1 {
        order: 1;
    }

    .order-2 {
        order: 2;
    }
}

@media print,
screen and (min-width: 768px) {
    .flex-pc-wrap {
        display: flex;
        flex-wrap: wrap;
    }
}

@media print,
screen and (min-width: 768px) {
    .point-area.width47 {
        width: 47%;
    }
}

.point-area__background {
    padding-top: 150px;
}

.green-font {
    text-align: center;
    display: block;
    color: #269894;
}

.point-area__icon::before {
    background-image: url(../../images/icon-mountain.png);
    content: "";
    display: inline-block;
    background-size: contain;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    background-repeat: no-repeat;
}

@media print,
screen and (max-width: 768px) {
    .point-area .line::after {
        background-image: url(../../images/green-line.png);
        content: "";
        display: block;
        background-size: contain;
        height: 11px;
        background-repeat: no-repeat;
        background-position-x: center;
        width: 80%;
        margin: auto;
        height: 2.93vw;
    }
}

.free-campaign-btn,
.cv-btn {
    display: none;
}

.free-campaign-btn.block,
.cv-btn.block {
    display: block;
}

.free-campaign-btn {
    position: absolute;
    top: 25px;
    z-index: 2000;
    right: 220px;
    width: auto;
}

.cv-btn {
    position: absolute;
    top: 25px;
    z-index: 2000;
    right: 80px;
    width: auto;
}

.free-campaign-btn.none,
.cv-btn.none {
    display: none;
}

@media print,
screen and (max-width: 1200px) and (min-width: 1025px) {
    .free-campaign-btn {
        right: 560px;
    }

    .cv-btn {
        right: 130px;
    }
}

@media print,
screen and (max-width: 1024px) {
    .free-campaign-btn {
        right: 500px;
    }

    .cv-btn {
        right: 110px;
    }
}

@media print,
screen and (max-width: 767px) {
    .free-campaign-btn {
        right: 55vw;
    }

    .cv-btn {
        right: 18vw;
    }
}

@media print,
screen and (max-width: 375px) {
    .free-campaign-btn {
        right: 60vw;
    }

    .cv-btn {
        right: 23vw;
    }
}

@media print,
screen and (max-width: 767px) {
    .point-area__background {
        padding-top: 33.6vw;
    }

    .point-area__icon {
        font-size: 8.5vw;
        color: #fff;
        text-align: center;
    }

    .point-area__icon::before {
        background-image: url(../../images/icon-mountain.png);
        content: "";
        display: inline-block;
        background-size: contain;
        width: 10.6vw;
        height: 4.8vw;
        position: absolute;
        left: 43%;
        background-repeat: no-repeat;
        top: -9vw;
    }

    .point-area__text {
        padding: 4.3vw;
        color: #fff;
    }

    .line {
        font-size: 3.7vw;
        display: block;
        text-align: center;
        padding-top: 6.4vw;
        color: #0B392A;
    }

    .icon-first::before {
        background-image: url(../../images/icon_01.png);
    }

    .icon::before {
        content: "";
        display: inline-block;
        background-size: contain;
        width: 14vw;
        height: 13.8vw;
        position: absolute;
        background-repeat: no-repeat;
        left: 3.2vw;
    }

    .icon {
        font-size: 4.8vw;
        padding-left: 19.3vw;
        color: #0B392A;
        line-height: 5.8vw;
    }

    .flex {
        margin: 3.2vw;
    }

    .title {
        color: #2F8F59;
        font-size: 4.2vw;
        line-height: 5.6vw;
        margin: 4.2vw 3.2vw;
    }

    .text {
        font-size: 3.7vw;
        color: #001124;
        line-height: 5.6vw;
    }

    .icon-second::before {
        background-image: url(../../images/icon_02.png);
    }

    .icon-third::before {
        background-image: url(../../images/icon_03.png);
    }

    .icon-second {
        font-size: 4.2vw;
        padding-right: 3.3vw;
    }

    .text {
        margin-bottom: 5vw;
    }

    .point-area {
        padding-bottom: 8.53vw;
    }

    .point-area__text {
        line-height: 5.6vw;
        font-size: 3.7vw;
    }

    .acc-item {
        color: #0B392A;
        padding: 0 5vw;
    }

    .green-font.small {
        font-size: 4.2vw;
        margin-bottom: 2vw;
    }

    .green-font.nomal {
        font-size: 8.5vw;
        line-height: 10.24vw;
    }

    .line-height {
        line-height: 11vw;
    }

    .pb17vw {
        padding-bottom: 17vw;
    }

    .point-area__background {
        background-size: cover;
    }

    .mb17vw {
        margin-bottom: 17vw;
    }

    .q-a-text {
        color: #269894;
        font-size: 8.5vw;
        line-height: 10vw;
        text-align: center;
    }

    .mt17vw {
        margin-top: 17vw;
    }

    .q-a-text::before {
        background-image: url(../../images/icon-q_a.png);
        content: "";
        display: inline-block;
        background-size: contain;
        width: 12vw;
        height: 10.6vw;
        position: absolute;
        left: 43%;
        background-repeat: no-repeat;
    }

    .green-font.small.font3-7 {
        font-size: 3.7vw;
        text-align: left;
    }

    .bnr-text {
        font-size: 6.4vw;
        text-align: center;
        color: #269894;
        margin-top: 6.4vw;
    }

    .bnr-com {
        color: #269894;
        font-size: 3.7vw;
        line-height: 5.6vw;
    }
}

.acc-item {
    color: #0B392A;
}

.under-line {
    color: #0B392A;
}

.acc-text-head::before {
    color: #0B392A;
}

.green-font {
    color: #269894;
}

.accordion-title:before {
    border: 2px solid #5BC28E;
}

.accordion-title:after {
    border-top: solid 2px #5BC28E;
    border-right: solid 2px #5BC28E;
}

#nav-global.footer-text li a {
    color: #269894;
    text-align: center;
}

@media print,
screen and (min-width: 768px) {
    .green-font.small {
        font-size: 16px;
    }

    .green-font.nomal {
        font-size: 32px;
    }

    .point-area__icon::before {
        background-image: url(../../images/icon-mountain.png);
        content: "";
        display: inline-block;
        background-size: contain;
        width: 50px;
        height: 50px;
        position: absolute;
        left: 48%;
        background-repeat: no-repeat;
        top: -3vw;
    }

    .point-area__icon {
        text-align: center;
        color: #fff;
        font-size: 32px;
    }

    .point-area__text {
        font-size: 16px;
        line-height: 24px;
        color: #fff;
        margin: 20px;
    }

    .icon-area-pc::before {
        content: "";
        display: block;
        background-size: contain;
        width: 52px;
        height: 52px;
        position: absolute;
        background-repeat: no-repeat;
        margin-top: 32px;
        margin-left: 24px;
    }

    .line {
        margin-left: 84px;
        color: #2F8F59;
        margin-top: 32px;
        display: inline-block;
    }

    .icon {
        color: #0B392A;
        font-size: 22px;
        margin-left: 84px;
    }

    .icon-area-pc_first::before {
        background-image: url(../../images/icon_01.png);
    }

    .icon-area-pc_second::before {
        background-image: url(../../images/icon_02.png);
    }

    .icon-area-pc_third::before {
        background-image: url(../../images/icon_03.png);
    }

    .point-area__text {
        width: 90%;
        margin: 20px auto;
    }

    .flex32-64 {
        margin: 32px 64px;
    }

    .title {
        font-size: 18px;
        line-height: 24px;
        color: #2F8F59;
        margin-left: 24px;
        margin-bottom: 34px;
    }

    .text {
        font-size: 16px;
        line-height: 24px;
        margin-left: 24px;
    }

    .width37 {
        width: 37%;
    }

    .point-area-img-text {
        width: 59%;
    }

    .img-auto {
        width: auto;
        display: block;
        margin: auto;
    }

    .img-auto-m {
        width: auto;
        display: block;
        margin: auto auto 40px;
    }

    .pb100 {
        padding-bottom: 100px;
    }

    .point-area__background {
        background-repeat: no-repeat;
        background-size: cover;
    }

    .q-a-text {
        display: block;
        text-align: center;
        color: #269894;
        font-size: 32px;
        margin-top: 100px;
    }

    .q-a-text::before {
        background-image: url(../../images/icon-q_a.png);
        content: "";
        display: inline-block;
        background-size: contain;
        width: 46px;
        height: 40px;
        position: absolute;
        left: 50%;
        background-repeat: no-repeat;
    }
    .green-font.small{
        margin-top: 64px;
    }

    .mb64{
        margin-bottom: 64px;
    }
    .green-font.small.mt0 {
        margin-top: 0px;
    }
    .pt64{
        padding-top: 64px;
    }
    .mb27{
        margin-bottom: 27px;
    }
    .pb186{
        padding-bottom: 186px;
    }
    .bnr-text{
        color: #269894;
    font-size: 24px;
    text-align: center;
    margin-top: 24px;
    }
    .img-setting{
        width: 50%;
    display: block;
    margin: auto;
    }
}

.q-a-text{
    padding-top: 50px;
    position: relative;
}

.q-a-text::before{
    top:0;
}

.app-btn{
    width: auto;
    display: block;
    margin: auto;
}

@media print,
screen and (max-width: 767px) {
.width-set{
    width: 100%;
}
}

@media print,
screen and (max-width: 767px) {
    .pt17{
        padding-top: 17vw;
    }
    .accordion-container_g-background::before{
    content: "";
    display: block;
    width: 150%;
    height: 20vw;
    background: #EFF0F0;
    position: absolute;
    top: -50px;
    left: -5%;
    transform: rotate(-5deg);
    }
    .accordion-container_g-background{
        position: relative;
    }
    .q-a-text::before {
        top:-1vw;
    }
}

@media print,
screen and (min-width: 768px) {
    .accordion-container_g-background{
        position: relative;
    }
    .accordion-container_g-background::before{
        content: "";
        display: block;
        width: 150%;
        height: 20vw;
        background: #EFF0F0;
        position: absolute;
        top: -100px;
        left: -5%;
        transform: rotate(-5deg);
    }
    .mb180px{
        margin-bottom: 180px;
    }
    .accordion-container_g-background::before {
        content: "";
        display: block;
        width: 150%;
        height: 20vw;
        background: #EFF0F0;
        position: absolute;
        top: -100px;
        left: -5%;
        transform: rotate(-5deg);
        z-index: -1;
    }

    .mt9vw{
        margin-top: 9vw;
    }
    .gray-back::after {
        content: "";
        display: block;
        width: 150%;
        height: 20vw;
        background: #EFF0F0;
        position: absolute;
        top: 500px;
        left: -5%;
        transform: rotate(-5deg);
        z-index: -1;
    }
}

.mb100{
    margin-bottom: 100px;
}

.gray-back::after{
    content: "";
    display: block;
    width: 150%;
    height: 20vw;
    background: #EFF0F0;
    position: absolute;
    top: -100px;
    left: -5%;
    transform: rotate(-5deg);
}

.gray-back::after {
    content: "";
    display: block;
    width: 150%;
    height: 20vw;
    background: #EFF0F0;
    position: absolute;
    top: 500px;
    left: -5%;
    transform: rotate(-5deg);
    z-index: -1;
}

@media print,
screen and (max-width: 767px) {
    .gray-back::after {
        content: "";
        display: block;
        width: 200%;
        height: 100vw;
        background: #EFF0F0;
        position: absolute;
        left: -5%;
        transform: rotate(-5deg);
        z-index: -1;
        top: 60vw;
    }
}

@media print,
screen and (min-width: 769px) and (max-width: 1200px) {
   #sp-footer{
    display: none;
   } 
}

.font-color-link{
    color: #fff;
}

.c-header__head-btn-link{
  background-color: #269894;
}

.c-header__head-btn-link--menu{
    border: 1px solid #269894;
    background-color: #fff;
    color: #269894;
}

header #nav-global li a{
color:#269894;
}

header #nav-global li a.padding-left {
     padding-left: 0px !important; 
}

@media print,
screen and (max-width: 768px) {
    .pt33-sp{
        padding-top: 33vw;
    }
    .gray-back::after {
        content: "";
        display: block;
        width: 200%;
        height: 300px;
        background: #EFF0F0;
        position: absolute;
        left: -5%;
        transform: rotate(-5deg);
        z-index: -1;
        top: 86vw;
    }
}

.icon-question-img{
    width: auto;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}
.icon-answer-img{
width: auto;
vertical-align: middle;
margin-left: -2px;
padding-right: 5px;
}

.pa12-15{
    padding: 12px 15px;
}

@media print,
screen and (min-width: 768px) {
.free-campaign-btn.block, .cv-btn.block {
    display: none;
}
}

.modal,
.c-cv-modal {
    position: fixed;
}

@media print,
screen and (max-width: 768px) {
    .green-font{
        margin: 24px 15px 24px;
    }
    .img-setting{
        width: 65.5%;
        display: block;
        margin: 8px auto 8px;
    }
    .bnr-com{
        margin: 8px 16px;
    }
}

@media print, screen and (max-width: 767px){
.cv-btn {
    right: 20vw;
}
.free-campaign-btn {
    right: 58vw;
}
}

@media print, screen and (max-width: 767px){
.acc-text-head::before {
    left: 16vw;
}
}

header #nav-global li a.nav-font-color{
    color: #000;
}

#sp-footer #sp-bot-menu li a{
    background-color: transparent;
}

.width160{
    width: 160%;
}

@media print, screen and (min-width: 768px){
.flex-pc-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
}

@media print, screen and (min-width: 768px){
    .img-width40{
        width: 40%;
    }
    .img-width44{
        width: 44%;
    }
}

#sp-footer #sp-bot-menu li a{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sp-footer__style-set-li{
    font-weight: bold;
    text-align: center;
    padding: 10px 15px;
    line-height: 1.3em;
}

.cv-modal-btn-following{
    width: 50%;
    margin-left: 45%;
}

.free-campaign-btn_img{
    width: 90%; 
}

.nav-global__everes-font{
    font-style: normal;
}

/*230215追記分*/
a:link.under-none{
    text-decoration: none;
}

#nav-toggle span{
    background-color: #269894;
}

@media print, screen and (min-width: 375px){
header #header-table-l {
    height: 60.5px;
}
}

header #header-table-l {
    height: 60.5px;
}

@media print, screen and (max-width: 767px){
.c-header__head-btn-item.c-header__head-btn-item--menu {
    top: -30px;
    right: 20px;
}
}

.c-header__head-btn-item.c-header__head-btn-item--member{
    top: 8px;
}

@media print, screen and (min-width: 768px){
.c-header__head-btn-item.c-header__head-btn-item--member{
    top: 8px;
}
}

@media print, screen and (max-width: 1024px){
.c-header__head-btn-item.c-header__head-btn-item--menu {
    top: -36px;
}
}

.c-header__head-btn-item.c-header__head-btn-item--menu{
    top: -46px;
}

@media print, screen and (min-width: 1024px){
.c-header__head-btn-item.c-header__head-btn-item--member{
    top: 8px;
}
}

.c-header__head-btn-link--menu.active{
    background-color: #269894;
    color: #fff;
}

#nav-toggle span.change-color:active{
    background-color: #fff;
}

.free-campaign-btn{
    top: 10px;
}

.cv-btn{
    top: 10px;
}

header #nav-global li.border-bottom a{
border-bottom: 1px solid rgba(187,187,187,1.00);
}

header #nav-global li a.nav-font-color {
    color: #000000;
}

@media print, screen and (min-width: 1200px){
header #header-table{
    margin-top: 30px;
}
}

@media print, screen and (min-width: 1200px){
header{
    height: 110px;
}
}

.footer-menu-trial-bg{
    background-image: url(../../_assets/img/footer-bg-230222.png);
}

.footer-menu-app-bg{
    background: linear-gradient(to right, #0E3225,#8BD8B8);
    color: #fff;
    text-align: center;
    border-radius: 3px;
    height: 69px;
    line-height: 69px;
    cursor: pointer;
}

.footer-menu-btn-size{
    height: 110%;
    width: 110%;
}

.z-index_side-menu{
    position: relative;
    z-index: 120;
}

@media print, screen and (min-width: 768px){
.img-auto-m {
    display: inherit;
    margin: inherit;
}
}

.exp-btn-wrap{
    display: block;
    text-align: center;
}

.flex-a-text{
    display: flex;
    justify-content: space-between;
}

.icon-answer-img{
    width: 18px;
    height: 22px;
}

@media print, screen and (min-width: 768px){
.flex-a-text__text{
    width: 98%;
}
}
@media print, screen and (max-width: 767px){
    .flex-a-text__text{
width: 94%;
}
}
@media print, screen and (max-width: 767px){
.order-flex{
    margin-bottom: 100px;
}
}

@media print, screen and (max-width: 1200px){
    .c-header__head-btn-item.c-header__head-btn-item--menu{
    top: -47px;
    }
}

@media print, screen and (max-width: 1024px){
    .c-header__head-btn-item.c-header__head-btn-item--menu{
    top: -38px;
    }
}

@media print, screen and (max-width: 767px){
.c-header__head-btn-item.c-header__head-btn-item--menu {
        top: -30px;
      }
}
    
.footer-menu-app-bg {
        background: linear-gradient(to right, #0E3225,#8BD8B8);
        color: #fff;
        text-align: center;
        border-radius: 3px;
        height: 69px;
        line-height: 1.3em;
        cursor: pointer;
        padding-top: 8%;
}

@media print, screen and (min-width: 768px){
#sp-footer #sp-bot-menu li a br.none-class-reset{
    display: inherit;
}
}

.text-center{
    text-align: center;
}

.btn-faq__wrapper{
    text-align: center;
}

.app-btn__wrap{
    text-align: center;
}

.app-btn{
    display: inline-block;
}

#nav-toggle span.active{
    background-color: #fff;
}

header.fixedheader{
    z-index: 10000;
}

@media print,
screen and (max-width: 1200px) {
#header-table-r{
    overflow: scroll;
}
}

.width-set{
    width: 100%;
    padding: 3% 0;
}

.app-btn__width80{
    width: 80%;
}

.cv-modal-btn-following-app{
    height: 52px;
}

@media print, screen and (min-width: 768px){
#sp-footer #sp-bot-menu{
    position: fixed;
    bottom: 200px;
    right: 0;
}
}

.pb100{
    padding-bottom: 100px;
}

.everes-free-btn{
    cursor: pointer;
}

.icon-answer-img{
    width: auto;
}

.width-set{
    padding: 0;
}

.app-btn__width80 {
    width: 60%;
}

#sp-footer #sp-bot-menu li a.btn-nav-login{
    background: #fff;
    color: #269894;
    border: 1px solid #269894;
}

.accordion-title:after,.accordion-title:before{
    content: none;
}

.accordion-title:after {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../_assets/img/icon_accordion-p.png);
    width: 22px;
    height: 22px;
}

.accordion-title.active:after {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../_assets/img/icon_accordion-m.png);
    width: 22px;
    height: 22px;
}

.accordion-title:after {
    border-top: none;
    border-right: none;
    -webkit-transform: none;
    transform: none;
    transition: none;
}

.accordion-title.open:after{
    -webkit-transform: none;
    transform: none;
}

.accordion-title.open:after{
top: 30%;
}

.accordion-title:after{
    top: 30%;
}
/*230215追記分*/
/*header-login*/
@media print, screen and (max-width: 1199px){
    #header-benesse {
    display: none;
    }
    }
    
    @media print, screen and (min-width: 1200px){
    #header-benesse {
    display: flex;
        justify-content: space-between;
    }
    header #header-benesse {
        padding: 7px 30px 2px;
    }
    .memberbtn , .memberbtn a{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .memberbtn{
    margin-right: 80px;
        width: 154px;
        background-color: #269894;
        border-radius: 4px;
        height: 32px;
    }
    .memberbtn__icon {
        width: 14px;
        height: 14px;
        margin-right: 6px;
    }
    .memberbtn span {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
    }
    .memberbtn a{
        text-decoration: none !important;
    }
    }
/*header-login*/

/*共通*/
header.fixedheader{
    box-shadow: none;
}

@media print, screen and (max-width: 767px){
.modal-sub .modal-c1-math, .modal-sub .modal-c1-english, .modal-sub .modal-c1-ja{
    top: 20%;
}

.modal-sub .modal-c2-math, .modal-sub .modal-c2-english, .modal-sub .modal-c2-ja{
    top: 20%;
}
}

@media print, screen and (max-width: 768px){
    .modal-sub .modal-close-btn-sub.active {
    top: 20%;
}
}

header.fixedheader {
    z-index: 7000;
}

.over-lay__z-index-inter {
    z-index: 8000;
}

.modal__z-index-big {
    z-index: 8200;
}

.cv-modal-btn-following-app{
    width: auto;
    max-width: 100%;
}

section img {
    opacity: unset;
}

@media print, screen and (min-width: 768px){
    .picture-width37{
        width: 37%;
    }
}
/*共通*/




/**/
header {
  height: 120px;
}
header #header-benesse {
  padding: 8px 30px 8px;
  height: 48px;
}
.header-benesse_flame {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#benesse-logo {
  margin-left: 0;
}
.memberbtn {
  margin-right: 0;
}
.free-campaign-btn_img {
  width: auto;
  max-width: 100%;
  height: 52px;
}
@media print, screen and (max-width: 1199px) { 
  header {
    height: auto;
  }
  header.fixedheader #header-table {
    height: 70px;
  }
  header #header-table-l {
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
  }
  
}
@media print, screen and (max-width: 768px){
  header {
    height: auto;
  }
  header.fixedheader #header-table {
    height: 70px;
  }
  .free-campaign-btn_img { 
    padding-right: 5px;
  }
  
}




/* ==========================
    2023.5.2 update
===========================*/
.c-cv-modal{
    border-radius: 8px;
    padding: 32px 24px;
}
.c-cv-modal__ttl{
    color: #0B392A;
    font-weight: bold;
    font-size: 17px;
    line-height: 1;
    margin-bottom: 24px;
}
.c-cv-modal__subtxt{
    font-size: 14px;
    font-weight: bold;
    color: #269894;
    line-height: 1;
}
.c-cv-modal__txt{
    font-size: 20px;
    font-weight: bold;
    color: #269894;
    line-height: 1;
    margin-bottom: 24px;
}
a.c-cv-modal__box-btn{
    display: block;
    border-radius: 80px;
    box-shadow: 0px 1px 5px rgba(0,0,57,0.7);
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: relative;
    line-height: 1;
    padding: 16px 0;
    cursor: pointer;
    text-decoration: none;
}
.c-cv-modal__box-btn:not(:last-of-type){
    margin-bottom: 24px;
}
.c-cv-modal__box-btn:hover{
    text-decoration: underline;
}
.c-cv-modal__box-btn::after{
    content: "";
    background-image: url(../images/icon_arrow_right_wihte.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    transform: translate(-50%,-50%);
    right: 14px;
    top: 50%;
}
.free-campaign-btn__link,
.cv-btn__link {
    width: 36.26vw;
    height: 49px;
    background-color: #f47143;
    color: #fff !important;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.285;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none !important;
}
.humb-cv{
    padding: 0 12px 20px;
    margin: 20px 12px 0;
}
.humb-cv--bg{
    background-color: #EFEDE9;
    padding: 20px 12px;
    border-radius: 6px;
}
.humb-cv__btn{
    background-color: #000;
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    border-radius: 4px;
    padding: 17px 0;
    margin-bottom: 24px;
    display: block;
    text-align: center;
    text-decoration: none !important;
}
.humb-cv--bg .humb-cv__btn{
    border-radius: 40px;
}
.humb-cv__link{
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.humb-cv--bg .humb-cv__link{
    color: #881D22;
}
#sp-footer #sp-bot-menu.sp-bot-menu--summer{
    width: 190px;
}
#sp-footer #sp-bot-menu li.footer-menu-app-outer{
    padding-right: 0;
}
p.footer-menu-app-bg--black{
    background: #001124;
    border-radius: 4px 0 0 4px;
    font-weight: bold;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
}
p.footer-menu-app-bg--black a{
    font-size: 19px !important;
}
#sp-footer #sp-bot-menu li a.btn-nav-login.footer-menu-app-bg--white{
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 4px 0 0 4px;
    color: #000;
    text-align: center;
    font-weight: bold;
}
#sp-footer #sp-bot-menu li a.btn-nav-login.footer-menu-app-bg--wineRed{
    background-color: #fff;
    border: 2px solid #881D22;
    border-radius: 4px 0 0 4px;
    color: #881D22;
    text-align: center;
    font-weight: bold;
}
#sp-footer #sp-bot-menu li.footer-menu-app-outer--mb24{
    margin-bottom: 24px;
}
#sp-footer #sp-bot-menu li.footer-menu-app-outer a br{
    display: block;
}
@media print, screen and (min-width: 768px){
    .humb-cv{
        display: none;
    }
}


/* ==========================
    2025.10.10 update
===========================*/
.tosBox.--flex{
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.tosBox.--flex .tostmb{
  width: 10rem;
}
.tosBox.--flex .tostmb img{
  border: 1px solid #999;
}
.tosBox.--flex .tosread1{
  flex: 1;
  margin-top: 0.6em;
}

@media print, screen and (min-width: 768px){
  .tosBox.--flex .tostmb{
    width: 12rem;
  }
}