@charset "UTF-8";
/*===============================

2020お受験UP店
2024.08.29
ver8.2

【注意】保守運用性を高めるため、PC･SP共通で使用しています。

================================*/

/*===============================

reset.css

================================*/

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*
Added by webdesign-trends
https://webdesign-trends.net/entry/8137
*/

*,
*::before,
*::after {
  box-sizing: border-box;
}

/*===============================

body&common

================================*/

/*fontsize vw rem*/

@media screen and (max-width: 750px) {
    html {
      font-size: 2.666vw;
      /*
        計算式：　100(vw) / 37.5 * 100 = 2.666
        画面幅375pxの時に "font-size: 10px" 相当になる
      */
    }
  }

@media (min-width: 768px) {
    html{
        font-size: 18px;  /*768px時から変化しないよう設定*/
    }
}

/*body*/

body {
    background:#f5f2eb url(https://www.studioup.jp/wordpress/wp-content/themes/exam/2020/img/bg-min.png);
    background-size: contain;
    font-size: 1.6rem; /* html要素で指定されたfont-sizeの1.6倍(375px時16px) */
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    color: rgba(0,0,0,0.87);
    overflow-wrap: break-word;
    word-wrap: break-word;
  }

.container{
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
}

/* ----------------------------------------------------------------------
MODULE by old exam template
 ---------------------------------------------------------------------- */
 #loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9998;
}
#loader {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    color: #333;
    z-index: 9999;
}

/*common*/

a {/*link by exam3*/
	overflow: hidden;
}

a:link,
a:visited {
	color: #00db91;
	text-decoration: underline;
}

a:active {
	color: #00db91;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	color: #f60027;
	font-weight: normal;
	text-decoration: underline;
}

img {
    max-width: 100%;
    height: auto;
    line-height: 0;
}

/*common class*/

.mt05{
    margin-top:0.5rem;
}

.mt1{
    margin-top:1rem;
}

.mt3{
    margin-top:3rem;
}

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

.flex-between{
    display:flex;
    justify-content: space-between;
    align-items: center;
    max-width: 636px;
    margin-left: auto;
    margin-right: auto;
}

/*===============================

header

================================*/


/* ----------------------------------------------------------------------
nav-drawer by old exam template
 ---------------------------------------------------------------------- */

 
/* ----------------------------------------------------------------------
HEADER
 ---------------------------------------------------------------------- */

#header{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	z-index: 9997;
}

#header ul#header-menu{
	display: flex;
	text-align: center;
    width:90%;
    list-style: none;
}

#header ul#header-menu li,
#header ul#header-menu li img{
    height: 50px;
    font-size:1.3rem;
}

#header ul#header-menu li:nth-child(1){
	width:12%;
	background:#00a0ea;	
}

#header ul#header-menu li:nth-child(2){
	width:22%;
	background:#59abb6;
}

#header ul#header-menu li:nth-child(3){
	width:22%;
	background:#f0aaaa;
}

#header ul#header-menu li:nth-child(4){
	width:22%;
	background:#f27a7b;
}

#header ul#header-menu li:nth-child(5){
	width:22%;
	background:#a7d04c;
}

@media only screen and (max-width: 1058px) {
#header ul#header-menu li img{
	height: auto;
}
}

@media only screen and (max-width: 960px) {
#header ul#header-menu li{
	height: 55px;
}
}

@media only screen and (max-width: 768px) {
#header ul#header-menu li img{
	height: 50px;
}
#header ul#header-menu{
	width:100%;
	flex-wrap: wrap;
}
	
#header ul#header-menu li:nth-child(1){
	width:20%;
}

#header ul#header-menu li:nth-child(2),
#header ul#header-menu li:nth-child(3),
#header ul#header-menu li:nth-child(4),
#header ul#header-menu li:nth-child(5){
	width:40%;
}

#header ul#header-menu li:nth-child(4){
	width:26%;
}
#header ul#header-menu li:nth-child(5){
	width:45%;
}

}

@media only screen and (max-width: 460px) {
#header ul#header-menu li img{
	height: auto;
}	
#header ul#header-menu li {
    height: 46px;
}	
}

#header ul#header-menu li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

/* ----------------------------------------------------------------------
MENU
 ---------------------------------------------------------------------- */

#nav-drawer {
 	position: absolute;
	right:0;
	top:0;
	width:10%;
	background: #00a0ea;
	text-align: center;
	color: #fff;
	height: 50px;
	font-size:0.9rem;
}

#nav-drawer a{
	color: #fff;
}

#nav-drawer label img{
	height:50px;
}

.nav-unshown {
  display:none;
}


#nav-content {
  overflow: auto;
  position: fixed;
	text-align: left;
	font-size:1.2rem;
  top: 50px;
  right: 0;
  z-index: 9999;
  width: 90%;
  max-width: 330px;
  height: 92%;
  background: #59abb6;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(105%);
  transform: translateX(105%);
}

@media only screen and (max-width: 960px) {
#nav-drawer label img{
	height:auto;
	}
#nav-drawer {
	height:55px;
}
#nav-content {
  top: 55px;	
	}
}

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

#nav-drawer label img{
	height:55px;
	}

#nav-drawer {
	top:55px;
	width:30%;	
}
	
#nav-content {
  top: 110px;
  height: 88%;
}
	
}

@media only screen and (max-width: 460px) {
#nav-drawer label img{
	height:48px;
	}
#nav-drawer {
    height: 46px;
	top:45px;
	overflow: hidden;
}
	
#nav-content {
  top: 92px;
  height: 90%;
}
}

#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

#nav-content dt{
	margin:20px;
	font-weight: bold;
	font-size:1.5rem;
}

#nav-content dd{
	margin:20px;
}

#nav-content ul li{
	list-style:disc;
	margin: 0 10px 0 20px;
}

#nav-content ul li a{
	display: block;
    padding: 2px 0;
    text-decoration: none;
    font-size: 1.4rem;
}

/*===============================

toparea

================================*/

#toparea,
#super01{
	position: relative;
	width:94%;
	/* max-width:1140px; */
    max-width: 900px;
	margin:0 auto;
	padding: 80px 0 0 0;
}
#toparea{
    padding-top: 75px;
}

h1.toptext {
    font-size: 2.1rem;
    text-align: center;
    letter-spacing: 0.02em;
    color: #59482e;
    position: relative;
    margin-bottom: 2.5rem;
    font-weight: bold;
}
h1.toptext::after{
    content: "";
    position: absolute;
    left: 0;
    top: 2.8rem;
    width: 100%;
    height: 9px;
    background-image: url(https://www.studioup.jp/wordpress/wp-content/themes/exam/2020/img/line_naminamibrown-min.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

img.health.sp-only{
    width: 95%;
}

.exam_links {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 2%;
}
.exam_links a {
    display: block;
    width: 47%;
    /* width: 24%; */
    max-width: 331px;
}
.exam_links a img {
    vertical-align: middle;
}
@media screen and (max-width: 1056px) {
    .exam_links a {
        width: 47%;
        margin-bottom: 1rem;
    }
    .exam_links a.exam_links-print {
        width: 97%;
        max-width: 826px;
        margin-top: 2%;
    }
    .exam_links a.exam_links-print img{
        width: 100%;
    }
}

/*bxslider*/

.bx-wrapper{
    border: 0;
    box-shadow: none;
    max-width: 750px; /*PC*/
    margin: 0 auto;
    background: none;
}
    
.slideimg{
width: 100%;
height: auto;
max-width: 750px; /*PC*/
}

.bx-outer{
position: relative;
max-width: 750px;
}

.bx-prev,.bx-next {
width: 100%;
display: block;
height: 100%;
position: absolute;
top:0;
z-index: 1000;
}

/*news red border*/

#news{
    background: #FFF;
    padding: 1.5rem;
    border: red 2px solid;
    color: red;
    font-weight: bold;
    margin-bottom: 5%;
    line-height: 1.4;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

/*topdescription*/
.toparea-descriotion{
    margin-top: 3rem;
    margin-bottom: 3rem;
}

h2.toparea-description_title{
    font-size: 2.2rem;
    text-align: center;
    letter-spacing: 0.02em;
    color: #59482e;
    padding-bottom: 1.8rem;
    position: relative;
    margin-bottom: 0.8rem;
    margin-top: 2rem;
}

h2.toparea-description_title::after{
    content: "";
    position: absolute;
    left: 0;
    top: 2.8rem;
    width: 100%;
    height: 9px;
    background-image: url(https://www.studioup.jp/wordpress/wp-content/themes/exam/2020/img/line_naminamibrown-min.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.toparea-description p{
    color: #353535;
    font-size: 1.8rem;
    line-height: 1.3;
    margin:0 3%;
}

/*===============================

super01

================================*/

#super01 {
    background: #fff;
    border: 5px solid #59abb6;
    border-radius: 50px;
    width: 93%;
    padding-top: 2rem;
    position: relative;
    margin-bottom: 2rem;
}

#super01 section{
    margin: 0 5%;
    position: relative;
}

#super01 img.topicon{
    width: 157px;
    padding-top: 2rem;
}

#super01 #super01-family img.topicon{
    width: 153px;
}

#super01 #option img.topicon{
    width: 132px;
}

#super01 #point img.topicon{
    width: 115px;
}

/* #super01 #yoyaku img.topicon{
    width: 214px;
} */

#super01 #blog img.topicon{
    width: 176px;
}

h2.heading02,
h2.heading06{/*06は下線なし*/
    padding-top: 1rem;
    font-size: 2.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    color: #414141;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    position: relative;
}

#super01-family h2.heading02,
#option h2.heading02,
#yoyaku h2.heading02{
    font-size: 2.5rem;
}

#blog h2.heading02{
    font-size: 2.1rem;
}

#itsu h2.heading06{
    font-size: 2.1rem;
    padding-bottom: 0;
    margin-bottom: 1rem;
}

.yousyou{
    padding-top: 1rem;
    margin-top: 1rem;
}

/* .yousyou:before{
    content: "";
    width: 100%;
    height: 3px;
    background: #7e715d;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    opacity: 0.9;
} */


#super01 .bxslider2 .slideimg,
#super01 .bxslider3 .slideimg{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

#super01 .bxslider2 .slideimg{
    width:185px!important;
}

/* #super01 .bxslider3 .slideimg{
    width:250px!important;
} */

.heading04 {/*グレー背景見出し*/
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#717171), to(#4c4a50));
    background: linear-gradient(#717171, #4c4a50);
    color: white;
    font-size: 1.8rem;
    padding: 1rem 2rem;
    letter-spacing: 0.02em;
    margin-bottom: 1.2rem;
}

.heading05 {/*赤文字大見出し*/
    color: #ff0317;
    font-size: 1.8rem;
    margin-top: 1.5rem;
    text-align: center;
    margin-bottom: 0.8rem;
}

.heading07{/*青下線見出し*/
    color: #59abb6;
    font-size: 1.8rem;
    padding-top: 2rem;
    position: relative;
    padding-bottom: 0.5rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

h3.heading07:after{
    content: "";
    width: 100%;
    height: 2px;
    background: #59abb6;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    opacity: 0.9;
}

.fa.fa-question-circle-o{
    color: #845e39;
    font-size: 3rem;
    margin-right: 0.5rem;
    vertical-align: bottom;
}

p.point-smalltext{
    font-size: 1.4rem;
    line-height: 1.3;
    margin-bottom: 1rem;
    margin-left: 1%;
}

/*naminami*/

#miraicompass,
#itsu,
#point,
#yoyaku,
.etcbanner{
    padding-bottom: 2rem;
    position: relative;
}
.yousyou{
    position: relative;  
}

.etcbanner:after,
#miraicompass:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 9px;
    background-image: url(https://www.studioup.jp/wordpress/wp-content/themes/exam/2020/img/line_naminamibrown-min.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.etcbanner{
    position: relative;
}

.etcbanner:after{
    content: "";
    width: 100%;
    height: 3px;
    background: #7e715d;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    opacity: 0.9;
    /* background-image: url(https://www.studioup.jp/wordpress/wp-content/themes/exam/2020/img/line_naminamiblue-min.png); */
}

/*price-you price-syou*/
.price-you{
    /* background-image: url(https://www.studioup.jp/wordpress/wp-content/uploads/section01_you_leftbg-min-20210319.png); */
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
    /* height: 8.5rem; */
    margin-top: 1rem;
    margin-bottom: 3rem;
    position: relative;
}
.price-you-right{
    width: 100%;
    margin-right: 0;
    margin-left: auto;
    /* margin-top:-2.5rem;
    position: absolute; */
}
.price-you-right-top{
    margin-top: 3.3rem;
    margin-bottom: 1.7rem;
}
.price-you-right-top-left{
    margin-bottom: 1.7rem;
    font-size: 2.5rem;
    text-align: center;
    font-weight: bold;
    color: #fb9847;
    line-height: 1;
}
.price-syou .price-you-right-top-left {
    color: #98c72b;
}
.price-you-right-top-left span{
    font-size: 1.7rem;
}
.price-you-right-top-right{
    font-size: 2.65rem;
    text-align: right;
    padding-right: 0.2rem;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    margin-top: 0.5rem;
}

.price-you-right-top-right span.ohitori{
    font-size: 1.3rem;
    margin-right: 1.5rem;
}

.price-you-right-top-right span.zeinuki{
    font-size: 1.2rem;
    font-weight: normal;
    margin-right: 0.3rem;
}

.price-you-right-bottom{
    border-top: 2px solid #414141;
    line-height: 1.2;
    font-size: 1.4rem;
    text-align: right;
    padding-right: 2%;
    padding-top: 0.5rem;
    width: 80%;
    margin-left: 20%;
}

.price-you-right-bottom a{
	color:#e10408;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
}

.price-you.price-syou{
    /* background-image: url(https://www.studioup.jp/wordpress/wp-content/uploads/section01_syou_leftbg-min-20210319.png); */
    background-position-x: 5%;
}
.price-you.border {
    padding-top: 3.5rem;
}


/* 202405 */
.price-you .subheading {
    margin-bottom: 1rem;
    font-size: 2.45rem;
    font-weight: bold;
    text-align: center;
}
.price-you .subheading.syou {
    font-size: 1.8rem;
}
.price-you .text-wrap {
    max-width: max-content;
    margin: 0 auto;
}
.price-you .text {
    margin-bottom: 0.5rem;
    font-size: 1.8rem;
    line-height: 1.4;
}
.price-you .box.label {
    margin:  1.2rem 0 1rem;
    text-align: center;
}
.price-you .box.rapid {
    margin-top: 1.7rem;
}

.price-you .box p {
    display: inline-block;
    padding: 0.5em 0.2em;
    border: 2px solid #424242;
    font-size: 1.8rem;
}
.price-you .box.label p {
    padding: 0.2em 3rem;
}

.price-you .price {
    margin-bottom: 1.5rem;
    font-size: 4.5rem;
    font-weight: bold;
    color: #fb9847;
    text-align: center;
}
.price-syou.price-you .price {
    color: #98c72d;
}
.price-you .price span {
    font-size: 2.55rem;
    font-weight: normal;
}





/*price kazoku*/

.price-you.kazoku{
    /* background-image: url(https://www.studioup.jp/wordpress/wp-content/uploads/section01_you_leftbg-min-20210319.png); */
    margin-top: 1.5rem;
	/* margin-bottom:5.5rem; */
}

.price-you.price-syou.kazoku{
    /* background-image: url(https://www.studioup.jp/wordpress/wp-content/uploads/section01_syou_leftbg-min-20210319.png);
    background-position-x: 2%; */
    margin-top: 0.5rem;
    margin-bottom: 3.5rem;
}

.kazoku .price-you-right {
    width: 100%;
}

.kazoku .price-you-right-top-right{
    margin-top: 1rem;
    position: relative;
}

.kazoku .price-you-right-top-right span.ohitori {
    margin-right: 0.7rem;
}

/* .kazoku .price-you-right-top-left {
    margin-right: 0.3rem;
    font-size:2rem;
} */

.kazoku .price-you-right-top-left span {
    margin-right: 0.3rem;
    font-size:2rem;
}
.kazoku .price-you-right-top-left span.kakko {
    margin-right: 0.3rem;
    font-size:0.8rem;
}


.kazoku .price-you-right-bottom {
    line-height: 1.4;
    font-size: 1.4rem;
    padding-top: 0.5rem;
}

/* 202405 */
.kazoku .subheading.syou {
    font-size: 1.8rem;
}

.kazoku.price-you .text span{
    font-size: 1.4rem;
}


/*miraicompass-text*/

.miraicompass-text{
    background-image: url(https://www.studioup.jp/wordpress/wp-content/uploads/section01_mirai_leftbg-min-20210319.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    height: 7.5rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.miraicompass-text p{
    color: #59abb6;
    text-align: right;
    font-weight: bold;
}

.miraicompass-text p.mirai-zeikomi{
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    margin-top: 0rem;
}

.miraicompass-text p span.dataoption{/*20210319 お1人データオプション*/
    font-size: 1.9rem;
    margin-right: -0.5rem;
    line-height: 1.5;
}

.price-you-right-bottom.mirai-zeikomi{
    margin-top:-3.2rem;
}

/*optionflex*/

.optionflex .flex-between a{
    width: 48.5%;
}

#super01 section#miraicompass{
    margin: 0;
}

#miraicompass .dataimg img{
    width:100%;
    max-width: 282px;
}

#miraicompass .official img{
    width:100%;
    max-width: 305px;
}

ul.price-data{
    margin-top: 1rem;
    margin-left: 2%;
    margin-right: 1%;
    line-height: 1.5;
}

ul.price-data li:nth-of-type(1){
    padding-top: 0;
    border-bottom: 2px solid #59abb6;
}

ul.price-data li:nth-of-type(1),
ul.price-data li:nth-of-type(2){
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
	font-size: 1.5rem;
}

ul.price-data li p.dataleft{
	width: 70%;
}

ul.price-data li p.dataright{
	width: 30%;
	font-weight: bold;
    text-align: right;
}

ul.price-data li p.dataright span{
    font-weight: normal;
    font-size: 1.2rem;
}


/*backtop*/

#super01{
    padding-bottom: 170px;
}

.borderfitted-backtop{
    position: absolute;
    bottom: -5px;
    background: #59abb6;
    border-radius: 0 0 50px 50px;
    width: calc(100% + 10px);
    left: -5px;
    padding-top: 2rem;
}

.borderfitted-backtop a{
    display: flex;
    justify-content: center;
    align-items: center;
}

.borderfitted-backtop a img{
    width: calc(575 / 750 * 100%);
    padding: 20px 0;
}

.borderfitted-backtop p {
    font-size: 1.5rem;
    color: #fff;
}

.borderfitted-backtop p span {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
}

/* ----------------------------------------------------------------------
super-table by old exam template
 ---------------------------------------------------------------------- */

.super03-area{
    margin: 2rem 6% 0;
    line-height: 1.4;
    display:flex;
    flex-wrap: wrap;
}

.super03-area a:link,
.super03-area a:visited{
    color: rgba(0,0,0,0.87);
    text-decoration: none;
}
	
.heading03{/*値段表用見出し*/
	font-size:2rem;
}

#super01 section.super-table{
    width: 80%;
    margin: 0 auto 2rem;
	border:3px solid #8b8a85;
}

@media only screen and (max-width: 797px) {
    #super01 section.super-table{
        width:100%;
        margin:0 0 20px 0;
    }
}
    
.super-table h3{
    background: #8b8a85;
    text-align: center;
    padding: 10px;
    color: #fff;
}

/* .super-table h3 br{
    display: none;	
} */

.super-table h3 span{
    font-size:2rem;	
}

.super-table ul{
    padding: 20px;
    font-size:1.4rem;
    list-style: none;
}

.super-table ul li{
    margin:0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom:2px solid #8b8a85;
}

.super-table ul li:last-child{
    border: none;
    padding: 0;
}

.super-table ul li a{
    display: block;
}

.super-table ul dl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.super-table ul dl dt,
.super-table ul dl dd{
    width:100%;
}
/* .super-table ul dl dt{
    width:67%;
} */

.super-table ul dl dt:before{
    padding: 0 5px 0 0;	
}

.super-table a dt:before{
    content:'\f0a9';
    font-family:'FontAwesome';
    color: #eb6e70;
}

.super-table ul dl dd{
    /* width:32%;	 */
    color:#ae414d;
    text-align: right;
}
    
@media only screen and (max-width: 1145px) {
    /* .super-table h3 br{
        display:block;	
    } */
    
}

/* ----------------------------------------------------------------------
modal by old exam template
 ---------------------------------------------------------------------- */

.remodal h2{
    font-size: 2rem;
    line-height: 1.3;
}

.remodal .imgbox{
	margin:0 0 20px 0;	
}

.remodal .txtbox{
	text-align:left;
    font-size:1.4rem;
    line-height: 1.5;
    color: #5f4836;
}

.remodal .txtbox p{
    margin:0 0 20px 0;
}

.remodal {
    padding: 30px!important;
}

.remodal p span.text-red{
    color: #fd0101;
}

/* ----------------------------------------------------------------------
modal optionlist by old exam template
 ---------------------------------------------------------------------- */

.optionlist{
	position: relative;
    padding-top: 4%;
    margin-bottom: 0%;
}

.optionlist .optionlisttoptext{
    position: absolute;
    right: 1%;
    top: 3%;
    font-size: 11px;
}

.optionlist ul{
	display: flex;
	width: 100%;
}

.optionlist ul li{
	font-size: 1.4rem;
	border: 1px solid #e5e7e1;
	color: #464645;
	list-style: none;
	line-height: 1.3;
	padding: 2% 2%;
    word-wrap: break-word;
	font-weight: normal;
}

.optionlist ul li a,
.optionlist ul li a:visited,
.optionlist ul li a:active,
.optionlist ul li a:hover{
	color:red;
}
	
.optionlist ul li.option{
	width: 33%;
	background-color: #eff3e7;
}

.optionlist ul li.price{
	width: 12%;
	text-align: right;
}

.optionlist ul li.note{
	width: 55%;
}

.optionlist ul li.th{
	background-color: #313131;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.optionlist ul li.th.price{
	text-align: center;
}
/*sp*/

.optionlist{
margin-top: 10%;
}
.optionlist ul{
flex-wrap:wrap;
}
.optionlist ul li.option {
width: 73%;
text-align:center;
}
.optionlist ul li.price{
width:27%;
}
.optionlist ul li.note {
width: 100%;
text-align:center;
font-size:1.3rem;
}
.optionlist .optionlisttoptext {
top: -2%;
}


/* ----------------------------------------------------------------------
modal add css by old exam template
 ---------------------------------------------------------------------- */

 /*modal08*/

h2.modal-heading.modal08,
h2.modal-heading.modal11{
    line-height: 1;
    text-align:center;
}

.optionlist.modal08,
.optionlist.modal11{
    margin-bottom:2%
}

p.modal-onegai.modal08{
    margin-top:20px;
}
p.modal-examlink.modal08{
    text-align:center;
    margin-top:20px;
}
p.modal-examlink.modal08 img{
    width:99px;
}

p.modal-healthshuccho.modal11{
    width: 100%;
    margin: 10px auto 0;
    box-sizing: border-box;
}

p.modal-healthshuccho.modal11 a img{
    width:100%;
}

/*modalnew03*/

.remodal h2.modalnew03 span{
    font-size: 1.6rem;
}

/*modal11*/

#health-shuccho img.topmask{
    width: 60%;
}

.remodal #health-shuccho h2 {
    font-size: 1.8rem;
}

/*modal_calendar*/
.remodal.modal_calendar{
    padding-left: 5px!important;
    padding-right: 5px!important;
}
.remodal.modal_calendar h2 {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.remodal.modal_calendar .txtbox-top{
    font-size: 1.5rem;
    font-family: 'Noto serif JP' , serif;
    line-height: 1.4;
    margin: 0 2%;
    padding: 2% 1% 2% 3%;
    text-align: left;
    border: 0.45rem solid #e1dddd;
}
.remodal.modal_calendar .imgbox{
    width: 95%;
    margin: 0 auto;
}
.remodal.modal_calendar .imgbox img{
    margin-top: 10%;
}
.remodal.modal_calendar .txtbox-bottom{
    line-height: 1.5;
    padding-top: 20px;
    text-align: left;
    width: 95%;
    margin: 0 auto;
}
/* mo-kokuritsu */
.remodal.mo-kokuritsu {
    overflow: hidden;
}  
@media only screen and (max-width: 640px) {
    .remodal.mo-kokuritsu {
        padding: 30px 5% !important;
    }   
}
.remodal.mo-kokuritsu h2 {
    margin-bottom: 0;
    padding: 1.5rem 2rem;
    font-weight: bold;
    background-color: #383838;
    width: 120%;
    margin-left: -10%;
    color: #FFF;
}
.remodal.mo-kokuritsu h2 + .imgbox {
    margin: 2rem auto;
    width: 94%;
}
.remodal.mo-kokuritsu .reserve_kokuritsu {
    display: block;
    margin-top: 1rem;
}

/* ----------------------------------------------------------------------
komado_button
 ---------------------------------------------------------------------- */

.komado_button {
    display: flex;
    justify-content: center;
}

.komado_button a img{
    width: 100%;
}

.komado_button2{
    justify-content: center;
}

.komado_button2 a {
    margin: 0 1%;
}

.txtbox.calendar .komado_button{
    width: 100%;
    margin-left: 0;
}


.komado_button_area{
    display: flex;
    align-content: space-between
}

.komado_button_n{
    display: flex;
    flex-direction: column;
    align-content: center;
    color: #fff;
    background-color: #333;
    width: 108%;
        margin-left: -4%;
    padding: 4px 4px 3px;
    align-items: center;
}
.komado_button_n .komado_button_title{
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    border: 1px solid #fff;
    padding: 5px 0;
    margin-bottom: 4px;
    width: 100%;
}
.komado_button_n .komado_button_area a{
    margin-right: 4px;
    max-height: 95px;
}
.komado_button_n .komado_button_area a:last-of-type {
    margin-right: 0;
}
.txtbox.calendar {
    margin: 0 25px;
}
@media only screen and (min-width: 768px) {
    .komado_button_n{
        width: 100%;
        margin-left: 0;
        padding: 6px;
    } 
	.komado_button .komado_button_n{
			width: 60%;
	}
}


.komado_button.komado_button .komado_button_n .komado_button_area a {
    max-height: inherit;
}
.komado_button .komado_button_n{
    padding: 6px;
	 margin-left: 0;
	max-width: 560px;
}
.komado_button .komado_button_n .komado_button_title{
    margin-bottom: 6px;
}
.komado_button .komado_button_n .komado_button_area a{
    margin-right: 6px;
}
.komado_button .komado_button_n .komado_button_area a:last-of-type {
    margin-right: 0;
}
/* ----------------------------------------------------------------------
footer by old exam template
 ---------------------------------------------------------------------- */

#footer{
	background:#59abb6;
	color: #fff;
}

#footer a{
    color: #fff;
    text-decoration: none;	
}

#footer .ft-nav{
	display: flex;
	flex-wrap: wrap;
	font-size:1.5rem;
	justify-content: center;
	background:url(https://www.studioup.jp/wordpress/wp-content/themes/exam/img/co_ln_02.png) repeat-x left bottom;
	padding: 0 0 40px 0;
    margin:0 0 40px 0;
    list-style: none;
}

#footer .ft-nav li{
	border-right:1px solid #fff;
	padding: 0 10px 0 0;
    margin:0 10px 0 0;
}

#footer .ft-nav li:last-child{
	border:none;
	padding:0;
	margin:0;
}

#footer .foot-logo{
	border-top:1px solid #fff;
	padding:20px 0 0 0;
	margin:20px 0 0 0;
}

.footer_logo_phototakano {
    fill: #fff;
    width: calc(210 / 375 * 100vw);
    max-width: 190px;
    height: auto;
}
	
#footer-inner{
	position: relative;
	width:100%;
	max-width:1140px;
	margin:0 auto;
    padding: 50px 0 100px;
    line-height: 1.5;
}

@media only screen and (max-width: 1160px) {
#footer-inner{
	width:96%;
	margin:0 2%;
}
}

.sec-access{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:80%;
	margin: 0 auto;
	font-size: 1.5rem;
}

@media only screen and (max-width: 797px) {
.sec-access{
	width:96%;
	margin:0 2%;
}
}

.box-map,
.box-accessinfo{
	width:48%;
}

@media only screen and (max-width: 610px) {
.box-map,
.box-accessinfo{
	width:100%;
	text-align: center;
}
	
}
.box-map iframe{
	width:100%;
	height: 300px;
}

.box-accessinfo h4,
.box-accessinfo p{
	margin:0 0 20px 0;
}

.box-accessinfo ul li{
	display: inline;
}

.box-accessinfo ul li:after{
	content:'/';
	padding: 0 5px ;
}

.box-accessinfo ul li:last-child:after{
	content:'';
}

.copyright{
	background:url(https://www.studioup.jp/wordpress/wp-content/themes/exam/img/co_ln_02.png) repeat-x left top;
	padding: 40px 0 0 0 ;
	margin:40px 0 0 0 ;
	text-align: center;
	font-size: 1.5rem;
	
}

/*===============================

fixedbox

================================*/

#fixedBox,
#fixedBoxPc{
    display: none;
  }	
#fixedBoxPc_n{
    display: flex;
    flex-direction: column;
    align-content: center;
    color: #fff;
    background-color: #FFF;
    width: 880px;
    padding: 8px 8px 5px;
    align-items: center;
    position: fixed;
    bottom: 0;
    z-index: 9990;
    left: calc(50% - 880px/2);
}
#fixedBoxPc_n .webReserve_title{
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    border: 2px solid #fff;
    padding: 5px 0;
    margin-bottom: 8px;
    width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 900px){
    #fixedBoxPc_n{
        width: 700px;
        left: calc(50% - 700px/2);
    }
}
.webReserve{
    display: flex;
    align-content: space-between
}
#fixedBoxPc_n .webReserve a {
    margin-right: 8px;
}
#fixedBoxPc_n .webReserve a:last-of-type {
    margin-right: 0;
}

#fixedBox_n{
    display: flex;
    flex-direction: column;
    align-content: center;
    color: #fff;
    /* background-color: #333; */
    background-color: #FFF;
    width: 100%;
    padding: 4px 4px 3px;
    align-items: center;
    position: fixed;
    bottom: 0;
    z-index: 9990;
}
#fixedBox_n .webReserve_title{
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    border: 1px solid #fff;
    padding: 5px 0 3px;
    margin-bottom: 4px;
    width: 100%;
}
#fixedBox_n .webReserve a{
    margin-right: 4px;
}
#fixedBox_n .webReserve a:last-of-type {
    margin-right: 0;
}
@media only screen and (min-width: 768px) {
    /* PC*/
	#fixedBox.sp-only{
        display:none!important;
    }
}
@media only screen and (max-width: 765px) {
    /* SP*/
	#fixedBoxPc.pc-only{
        display:none!important;
    }
}

/*===============================

PC

================================*/

.pc-only{
    display:none;
}

#header-menu-pc{
    display:none;
}


@media only screen and (min-width: 768px) {/*tab~pc*/

    .pc-only{
        display:block;
    }

    .sp-only{
        display:none;
    }

    body,
    #header {
        background-size: auto;
    }

    #loader{
        font-size:16px;
    }

    #nav-content dt {
        font-size: 16px;
    }

    #nav-content ul li a {
        font-size: 14px;
    }

    #toparea{
	padding: 6rem 0 0 0;
    }

    h1.toptext {
        margin-bottom: 2rem;
		font-size:2.9rem;
    }
    h1.toptext::after{
        top: 3rem;
    }

    /* .bx-wrapper,
    .slideimg{
        max-width: 1140px;
    } */

    .bx-wrapper img{
        width:100%;
    }

    img.health.pc-only,
    #news{
        max-width: 1068px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    #news{
        margin-top: 3rem;
    }

    h2.toparea-description_title{
        font-size: 3rem;
        margin-top: 3rem;
    }

    .toparea-description p {
        margin-bottom: 3rem;
    }

    #super01-family:after,
    #option:after,
    #blog:after{
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 9px;
        background-image: url(https://www.studioup.jp/wordpress/wp-content/themes/exam/2020/img/line_naminamibrown-min.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    h1.toptext::after,
    h2.toparea-description_title::after,
    #super01-family::after,
    #option:after,
    #itsu:after,
    #point:after,
    #yoyaku:after,
    #blog:after{
        height: 17px;
        background-image: url(https://www.studioup.jp/wordpress/wp-content/themes/exam/2020/img/line_naminamibrown-pc-min);
        background-size: inherit;
    }

    h2.toparea-description_title::after {
        top: 3.2rem;
    }

    #super01 .bxslider3 .slideimg{
        width: 100%;
    }

    ul.price-data{
        max-width: 636px;
        margin-left: auto;
        margin-right: auto;
    }

    .borderfitted-backtop a img{
        max-width:575px;
    }

    #super01 {
        padding-bottom: 450px;
    }

    #super01 img.pc-only{
        margin-left: auto;
        margin-right: auto;
    }

    .banner_shuccho.pc-only{
        margin-bottom: 1rem;
    }

    .etcbanner a img{
        max-width: 631px;
        width: 100%;
    }

    .flex-between {
        max-width: 541px;
    }

    .yousyou:after, 
    #miraicompass:after,
    .etcbanner:after{
        background-image: none;
    }

    #itsu h2.heading06 {
        font-size: 2.5rem;
    }

    .fa.fa-question-circle-o {
        font-size: 3.5rem;
    }

    .itsu-banner.pc-only{
        display: flex;
        justify-content: space-around;
    }

    .itsu-banner.pc-only img{
        max-width: 450px;
        width: 100%;
    }

    #super01-family, #miraicompass, #itsu, #point, #yoyaku, .etcbanner {
        padding-bottom: 2.5rem;
    }

    .heading05 {
        font-size: 2.2rem;
        margin-bottom: 1.2rem;
    }

    p.point-smalltext {
        font-size: 1.8rem;
        line-height: 1.4;
    }
    .yoyakupcflex{
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-top: 2rem;
    }

    .yoyakupcflex img.oyomi{
        width: 35%;
        max-width: 331px;
    }

    #blog {
        padding-bottom: 2.5rem;
    }

    .sectionblogtop {
        width: 50%;
    }

    #blog h2.heading02 {
        font-size: 1.8rem;
    }

    .sectionblogtop h2.heading02:after {
        background: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #super01 #blog img.topicon {
        width: 100%;
        max-width: 352px;
    }

    .borderfitted-backtop a img {
        padding: 60px 0;
    }

    #super01 .bxslider2 .slideimg{
        width:402px!important;
    }
    
    #super01 .bxslider3 .slideimg{
        width:917px!important;
    }

    .remodal-cancel {
        font-size: 1.0rem;
    }

    .txtbox.calendar .komado_button{
        width: 100%;
        margin-left: 0;
    }

}

@media only screen and (min-width: 1200px) {/*pc*/
    /* .optionflex{
        display: flex;
        flex-flow: row-reverse;
        justify-content: space-between;
        align-items: center;
    }

    .etcbanner {
        width: 50%;
    } */

    #super01 section#miraicompass {
        width: 50%;
        padding-right: 5%;
        background-image: url(https://www.studioup.jp/wordpress/wp-content/themes/exam/2020/img/line_naminamiblue-tate-min);
        background-size: contain;
        background-repeat: repeat-y;
        background-position-x: 96%;
        padding-bottom: 0;
        margin-bottom: 3rem;
    }


}
/*20210214*/
#school .accbox label:hover {
    background: #59abb6;
}

#school .accbox label {
    background: #59abb6;
}
#school .accbox .hitsudoku {
    margin-bottom: 2.5rem;
}
/*20210319*/
.zeikomi-zeinuki,
.zeikomi-zeinukiprice{
    color: #414141;
}
.zeikomi-zeinuki{
    font-size: 0.8rem;
}
.zeikomi-zeinukiprice{
    font-size: 2rem;
}
.zeikomi-zeikomi{
    font-size: 1.8rem;
    padding-left: 0.5rem;
}
.zeikomi-zeikomiprice{
    font-size: 3rem;
}

.kazoku .zeikomi-zeinuki{
    position: absolute;
    left: 5.5rem;
    top: -0.7rem;
}
.kazoku .zeikomi-zeikomiprice{
    font-size:2.7rem;
}

.zeikomi-blueborder{
    padding-top: 1rem;
    border-top: 2px solid #59abb6;
    margin-top: -2.5rem;
}

.accshow .zeikomi-blueborder{
    margin-top: 0;
}

.zeikomi-blueborder.kazokuprice20210320 {
    margin-top: 7.5rem;
}


@media only screen and (min-width: 768px) {/*tab~pc*/
.zeikomi-blueborder{
    margin-top: 2rem;
    border-top: 4px solid #59abb6;
}
.zeikomi-blueborder.kazokuprice20210320 {
    margin-top: 3.5rem;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
}

/*20210809*/
.yakimashi img{
	width: 631px;
}


/*202405*/
.toparea-description2 p {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.37;
    color: #59482e;
}
.exam_mv{
    margin-top: 1rem;
}
.exam_mv .slideimg{
    max-width: unset;
}
#yoyaku:before,
.price-you.border:before{
    content: "";
    width: 100%;
    height: 3px;
    background: #7e715d;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    opacity: 0.9;
}
.price-you.border:after{
    content: "";
    width: 100%;
    height: 3px;
    background: #7e715d;
    position: absolute;
    bottom: -3rem;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    opacity: 0.9;
}

#yoyaku:after,
h2.heading02:after{
    content: "";
    width: 100%;
    height: 3px;
    background: #7e715d;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    opacity: 0.9;
}

.onegaibanner,
.reserve_area {
    font-family: "Noto Sans JP", sans-serif;
    text-align: center;
    font-weight: bold;
    border: 0.3rem dashed #5bacb7;
    padding: 2.5rem 2.5rem 3rem;
    margin: 3rem auto 0;
    max-width: 650px;
}
.super03-area h2.heading02:after,
.onegaibanner h2.heading02:after{
    content: unset;
}
.onegaibanner h2.heading02,
.reserve_area p {
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 1rem;
    color: #849fbd;
}
.onegaibanner p a img,
.reserve_area div a img {
    vertical-align: middle;
    margin-bottom: 2rem;
}
.onegaibanner p a:last-of-type img,
.reserve_area div a:last-of-type img {
    margin-bottom: 0;
}

#itsu h3 {
    margin-bottom: 0.5em;
    font-size: 2.9rem;
    text-align: center;
    color: #4d4a45;
}
#itsu p.point-smalltext {
    font-size: 1.75rem;
    line-height: 1.4;
    margin-bottom: 1em;
}
#itsu p.point-smalltext span {
    font-weight: bold;
}
.itsu-banner {
    margin: 3rem 5%;
}
#point h2.heading02 {
    margin-bottom: 1rem;
    font-size: 2.2rem;
    font-weight: bold;
    width: 104%;
    margin-left: -2%;
    color: #313131;
}
#point h2.heading02:after {
    content: unset;
}
#point h2.heading02 hr {
    margin: 0.3em;
    border-top: 0.4rem solid #c8c8c8;
}
#point h2.heading02 span {
    font-size: 1.7rem;
    color: #313131;
}
.onegai p:first-child {
    margin-bottom: 2rem;
}
.onegaibanner p a {
    display: block;
}
.circle_red {
    display: inline-block;
    background: #ff0000;
    border-radius: 50%;
    width: 1.8rem;
    height: 1.8rem;
    color: #fff;
    text-align: center;
}
@media only screen and (min-width: 768px) {
    .circle_red {
        width: 2.4rem;
        height: 2.4rem;
    }
}
.point-more {
    width: 80%;
    margin: 0 auto;
}
#super01 section#point {
    margin-top: -2rem;
    padding-top: 2rem;
}
#point h2.heading02.onegai-etc {
    padding-top: 0;
}
#blog > p:first-child {
    margin-bottom: 1em;
    font-size: 1.7rem;
    letter-spacing: 0.04em;
    line-height: 1.2;
}
.super03-area h2.heading02{
    width: 100%;
}
#super01 section#school {
    margin-bottom: 5rem;
}
#school h2+p {
    display: block;
    width: 90%;
    margin: 0 auto 2rem;
}
/* accbox 料金表 */
.title02::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0.8rem;
    height: 90%;
    background-color: #aad15e;
}
.title02 {
    padding-left: 1.5rem;
    position: relative;
    font-size: 1.6rem;
    line-height: 1.8;
    border-bottom: 0.5rem solid #e5e5e5;
}
.title02+.small {
    margin: 0.3em 0 1em;
    text-align: right;
    font-size: 1.4rem;
}
table.price {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
}
td {
    font-size: 1.4rem;
    border: 1px solid #cccccc;
    border-bottom: none;
    padding: 0.8rem 1rem;
    vertical-align: middle;
    line-height: 1.8;
}
.cell01 {
    background: #313131;
    color: white;
    text-align: center;
}
.cell02 {
    background: #eff3e7;
    text-align: center;
}
.cell03 {
    background: #eff3e7;
    text-align: right;
}
.cell04 {
    background: #fefbec;
    text-align: center;
}
.cell05 {
    background: #fefbec;
    text-align: right;
}
/* modal */
h2.modal-heading.modal08 {
    font-size: 2.2rem;
}
h2.modal-heading.modal11 {
    font-size: 1.7rem;
}

/* 202408 */
.link_kokuritsu {
    margin-top: 2rem;
    padding: 0 0 1rem;
    border: 0.2rem solid #383838;
    text-align: center;
}
.link_kokuritsu h3 {
    margin-bottom: 1rem;
    padding: 0.8rem;
    font-size: 2rem;
    font-weight: normal;
    background-color: #383838;
    width: 100%;
    color: #FFF;
}
.link_kokuritsu > div {
    font-size: 2.2rem;
    font-weight: bold;
}
.link_kokuritsu > a {
    display: block;
    margin: 1rem auto;
    width: 80%;
    box-shadow: 5px 10px 14px rgba(29,21,17,0.16);
}
.link_kokuritsu > a img{
    vertical-align: middle;
}