@charset "utf-8";

/*/--------------------------------------------------------------------------/*/
/* ===== HTML,BODY ===== */
/*/--------------------------------------------------------------------------/*/

html{
  border-top:none;
}

body {
  font-size: 14px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #111;
  background: #FFF;
  position:relative;
  border-top:none;
}

a {
  color: #111;
  text-decoration: none;
}

a:hover {
  color: #111;
  opacity: 0.7;
}

a:hover img {
  opacity: 0.8;
}

a:active,
a:focus {
  outline: 0;
}

a[href^="mailto"] {
  color: #111;
  text-decoration: underline;
}

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


/* clearfix */

.cf:after {
  content: " ";
  display: block;
  clear: both;
}

.sp_only{
}

/*/--------------------------------------------------------------------------/*/
/* ===== COMMON STYLE ===== */
/*/--------------------------------------------------------------------------/*/

#wrap,#global{
float:none;
width:auto;
padding:0;
}


#content {
  padding: 70px 10px 10px;
  min-width:initial;
  min-width:auto;
}

#home #content{
padding-top:56px;
}

#contents,#primary {
  padding: 66px 10px 10px;
}

#main {
  float: none;
  width: 100%;
  max-width: 100%;
}

#side {
  display: none;
}

#contents img {
  display: block;
  max-width: 100%;
  margin: auto;
}

.sp_only {
  display: block!important;
}

.pc_only {
  display: none!important;
}

.pagetop {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  background: -webkit-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);
  background: linear-gradient(top, #ffffff 0%, #e1e1e1 100%);
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  text-align: center;
}

.pagetop a {
  position: relative;
  text-decoration: underline;
  padding-left: 16px;
}

.pagetop a:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 6.9px 4px;
  border-color: transparent transparent #007bff transparent;
  margin-top: -4px;
}

iframe{
max-width:100%;
}

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

#header {
  display: none;
}

#header-sp {
  display: block;
  position: fixed;
  top:0;
  width: 100%;
  background: #fff;
  box-shadow:0 5px 0 rgba(0,0,0,0.1);
  z-index: 1000;
}

#header-sp .header_inner {
  height: 56px;
}

#header-sp .logo {
  float: left;
  position: relative;
  width: 50%;
  height: 56px;
}

#header-sp .logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  width: auto;
  max-height: 46px;
  margin: auto;
  box-sizing: border-box;
}

#header-sp .menubtn {
  position: absolute;
  left: 44%;
  top: 0;
  width: 56px;
  height: 56px;
  color: #fff;
  background-image: -moz-linear-gradient( top, #49a9d4 0%, #2989d8 40%, #2285d6 52%, #2989d8);
  background-image: -webkit-gradient( linear, left top, left bottom, from(#49a9d4), color-stop(0.49, #2989d8), color-stop(0.52, #2285d6), to(#2989d8));
  z-index: 101;
  cursor:pointer;
}

#header-sp .menubtn div {
  position: relative;
}

#header-sp .menubtn span {
  display: block;
  position: absolute;
  height: 4px;
  width: 50%;
  background: #fff;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}

#header-sp .menubtn span:nth-child(1) {
  top: 12px;
  z-index: 102;
}

#header-sp .menubtn span:nth-child(2) {
  top: 20px;
  z-index: 102;
}

#header-sp .menubtn span:nth-child(3) {
  top: 28px;
  z-index: 102;
}

#header-sp.open .menubtn span:nth-child(1) {
  top: 26%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

#header-sp.open .menubtn span:nth-child(2) {
  width: 0;
}

#header-sp.open .menubtn span:nth-child(3) {
  top: 26%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#header-sp .menubtn p {
  display: block;
  position: absolute;
  width: 100%;
  top: 34px;
  font-size: 8px;
  font-weight: bold;
  text-align: center;
  z-index: 102;
}

#header-sp nav{
display:none;
background:#F2F2F2;
}

#header-sp .menu {
  clear: both;
  width: 100%;
  background: #2989d8;
}

#header-sp .menu a {
  color: #fff;
}

#header-sp .menu{
display:flex;
flex-wrap:wrap;
}

#header-sp .menu li {
box-sizing:border-box;
border-right: 1px solid #dadada;
border-bottom: 1px solid #dadada;
width:50%;
list-style:none;
font-size: 12px;
}

#header-sp .menu li:nth-child(7),
#header-sp .menu li:nth-child(8),
#header-sp .menu li:nth-child(9){
width:100%;
}

#header-sp .menu li:nth-child(2),#header-sp .menu li:nth-child(4),#header-sp .menu li:nth-child(6),#header-sp .menu li:nth-child(7),#header-sp .menu li:nth-child(8),#header-sp .menu li:nth-child(9),#header-sp .menu li:nth-child(11),#header-sp .menu li:nth-child(13){
border-right:none;
}

#header-sp .menu li a {
  position: relative;
  display: block;
  height:100%;
  padding:8px 5px;
}

#header-sp .menu li:nth-child(11) br{
display:none;
}

#header-sp .menu li a:after{
  position: absolute;
  content: "";
  top:calc(50% - 12px);
  right: 7px;
  box-sizing:border-box;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: auto;
}

#header-sp .menu li ul li:nth-child(2) {
  border-bottom: none;
}

#header-sp .menu p {
  color: #fff;
  border-bottom: 1px solid #dadada;
  padding-left: 6px;
}

#header-sp .inquiry,
#header-sp .entry{
text-align:center;
padding:10px 10px 0 10px;
font-size:5vw;
}

#header-sp .entry{
}

#header-sp .inquiry a,
#header-sp .entry a{
position:relative;
display:block;
border-radius:4px;
padding:8px 0;
}

#header-sp .inquiry a:link,
#header-sp .inquiry a:visited{
background-color:#009944;
color:#FFF;
}

#header-sp .entry a:link,
#header-sp .entry a:visited{
background-color:#E83828;
color:#FFF;
}

#header-sp .inquiry a:after,
#header-sp .entry a:after{
  position: absolute;
  content: "";
  top:calc(50% - 4px);
  right: 7px;
  box-sizing:border-box;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: auto;
}

#header-sp .tel{
text-align:center;
font-size:7vw;
line-height:1.1;
padding:0 10px 10px 10px;
}

#header-sp .tel small{
font-size:50%;
font-weight:bold;
}

#header-sp .tel a{
display:block;
background:#FFF;
border:1px solid #DDD;
border-radius:4px;
padding:7px 10px;
}

#header-sp .tel a:link{
color:#C00;
}

/** CHANGED **/


#header-sp{
height:;
}

#header-sp .header_inner {
position:relative;
height:auto;
padding:2.3% 2.3% 2.3% 1.2%;
}


#header-sp .logo {
  float: left;
  position: relative;
  width: 42%;
  height: auto;
  font-size:16px;
}

#header-sp .logo img{
position:static;
max-height:initial;
width:100%;
}

#header-sp .login{
  display: block;
  float: right;
  width:33%;
  max-width: 220px;
  height: auto;
  line-height:1;
  background:none;
  margin: 0 0 0 0;
  padding: 0;
  box-sizing: content-box;
}

#header-sp .login a{
padding-left:0;
}

#header-sp .login a:after{
display:none;
}

#header-sp .login img{
width:100%;
}

#header-sp .menubtn {
  position: absolute;
  right: 0;
  top: 0;
  padding:13.333% 0 0 0;
  width:14%;
  height:auto;
  color: #fff;
  background-image: -moz-linear-gradient(#5483B6,#004B8F);
  background-image: -webkit-gradient(#5483B6,#004B8F);
  background-image:linear-gradient(#5483B6,#004B8F);
}

#header-sp .menubtn div {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#header-sp .menubtn span {
  display: block;
  position: absolute;
  height: 3px;
  width: 60%;
  background: #fff;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}

#header-sp .menubtn span:nth-child(1) {
top: 11%;
}

#header-sp .menubtn span:nth-child(2) {
top: 25%;
}

#header-sp .menubtn span:nth-child(3) {
top: 39%;
}


#header-sp .menubtn p {
top: 58%;
font-size:0;
}

#header-sp .menubtn p:before{
content:"メニュー";
font-size:11px;
}




@media screen and (max-width: 374px) {
  #header-sp .logo {
    width: 42%;
  }


#header-sp .login {
  font-size: 2vw;
}

}


/*/--------------------------------------------------------------------------/*/
/* ===== FOOTER ===== */
/*/--------------------------------------------------------------------------/*/

#footer {
  color: #fff;
  background: #424242;
  font-size: 12px;
  text-align: center;
  padding: 10px 0 0;
  margin: 0;
  box-sizing: border-box;
}

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

#footer ul {
  margin-bottom: 8px;
}

#footer ul li {
  display: inline-block;
  padding: 2px 0px;
}

#footer li:first-child:before {
  content: "|";
  color: #fff;
  margin-right: 12px;
}

#footer li:after {
  content: "|";
  color: #fff;
  margin-left: 12px;
}

#footer .copy {
  background: #424242;
}

/*/--------------------------------------------------------------------------/*/
/* ===== HOME ===== */
/*/--------------------------------------------------------------------------/*/

#home #content{
}

#home #mv{
background:url(../_images/sp/mv-bg-04.jpg) center top no-repeat;
background-size:cover;
width:auto;
height:auto;
padding:50% 10px 20% 10px;
margin:0 -10px -20% -10px;
}

#mv p:first-child{
position:absolute;
top:10px;
left:0;
right:10px;
width:50%;
height:auto;
}

#mv .login{
top:20px;
max-width:35%;
}

#mv h1{
position:absolute;
top:21vw;
left:10px;
right:10px;
margin:0;
}

#mv p:last-child{
position:absolute;
top:36vw;
left:10px;
right:10px;
margin:0;
}

#home .advantage{
position:relative;
z-index:110;
background:none;
background:#FFF url(../_images/sp/advantage-bg.jpg) right 10px bottom 10px no-repeat;
background-size:27%;
box-shadow:0 5px 1px rgba(0,0,0,0.1);
padding:20px;
margin:0 0 20px 0;
}

#home .advantage p{
font-size:3vw;
}

#home .advantage p strong{
font-size:112%;
}

#home .advantage p br{
display:none;
}

#home .advantage p:last-child{
margin-bottom:0;
margin-right:30%;
}

#home .greeting,
#home .news{
float:none;
border:none;
width:auto;
margin:0 0 10px 0;
padding:0;
}

#home .news{
margin-bottom:20px;
}

#home .flow h2{
font-size:6.5vw;
text-align:center;
}

#home .flow table{
float:none;
width:100%;
margin-bottom:10px;
}

#home .flow table td{
font-size:1.7vw;
padding-right:2px;
padding-left:2px;
}


#home .flow .lev1{
text-align:center;
margin-left:0;
}

#home .flow li{
text-align:center;
margin-left:0;
}


#home .flow .lev1 .f1 div,
#home .flow .lev1 .f5,
#home .flow .lev1 .f6{
width:auto;
}

#home .flow .lev1 .f5,
#home .flow .lev1 .f6{
width:100%;
margin:30px 0 0 0;
}

#home .flow .lev1 .f1 div,
#home .flow .lev1 .f2 div,
#home .flow .lev1 .f3,
#home .flow .lev1 .f4,
#home .flow .lev1 .f5 div,
#home .flow .lev1 .f6 div{
position:relative;
min-height:6em;
}

#home .flow .lev1 .f1 div,
#home .flow .lev1 .f5 div,
#home .flow .lev1 .f6 div{
display:flex;
align-items:center;
justify-content:center;
}

#home .flow .lev1 .f1{
margin-left:0;
}

#home .flow .lev1 .lev2{
width:auto;
padding:10px;
margin-right:0;
}



#home .flow .lev2:before,
#home .flow .lev2:after{
display:none;
}

#home .flow .lev1 .lev2 ol{
padding:0;
margin:0;
}

#home .flow .lev1 .lev2 h3{
font-size:112.5%;
}

#home .flow .lev1 .lev2 .notice{
background:#FFF;
border:2px solid #F8B62D;
padding:5px 0;
margin:7px 0 0 0;
text-align:center;
}

#home .flow .lev1 .f2{
position:relative;
width:100%;
margin:0 0 30px 0;
padding:0 0 0 0;
}

#home .flow .lev1 .f2 div br{
display:none;
}

#home .flow .lev1 .f2 div strong{
display:block;
}


#home .flow .lev1 .f2 div+span br{
display:none;
}


#home .flow .lev1 .f2+li{
width:100%;
}

#home .flow .lev1 .f3,
#home .flow .lev1 .f4{
min-height:9em;
}

#home .flow .lev1 .f1 div:before{
left:calc(50% - 5px);
}
#home .flow .lev1 .f1 div:after{
left:calc(50% - 14px);
}


#home .flow .lev1 .f2:before,
#home .flow .lev1 .f2:after{
position:absolute;
content:"";
display:block;
box-sizing:border-box;
}

#home .flow .lev1 .f2:before{
bottom:-12px;
left:calc(22% - 5px);
width:10px;
height:10px;
border-bottom:10px solid #00A0E9;
}
#home .flow .lev1 .f2:after{
bottom:-40px;
left:calc(22% - 14px);
width:14px;
height:14px;
border:14px solid transparent;
border-top:14px solid #00A0E9;
}

#home .flow .lev1 .f2 div:before,
#home .flow .lev1 .f2 div:after{
display:none;
}

#home .flow .lev1 .f3:before{
top:calc(50% - 5px);
}
#home .flow .lev1 .f3:after{
top:calc(50% - 14px);
}


#home .flow .lev1 .f5 div:before{
top:-26px;
left:calc(50% - 5px);
width:10px;
height:10px;
border-bottom:10px solid #F39800;
border-left:none;
}
#home .flow .lev1 .f5 div:after{
top:-16px;
left:calc(50% - 14px);
width:14px;
height:14px;
border:14px solid transparent;
border-top:14px solid #F39800;
}

#home .flow .lev1 .f6 div:before,
#home .flow .lev1 .f6 div:after{
position:absolute;
content:"";
display:block;
box-sizing:border-box;
}

#home .flow .lev1 .f6 div:before{
top:-26px;
left:calc(50% - 5px);
width:10px;
height:10px;
border-bottom:10px solid #E93429;
}
#home .flow .lev1 .f6 div:after{
top:-16px;
left:calc(50% - 14px);
width:14px;
height:14px;
border:14px solid transparent;
border-top:14px solid #E93429;
}

#home .flow .notice{
margin-top:2%;
}

#home .flow .notice p{
font-size:100%;
}

/* ===== COURSE ===== */

#home .course h2{
font-size:6.5vw;
text-align:center;
}

#home .course h2 small{
display:block;
font-size:44%;
}

#home .course .content{
display:block;
flex-wrap:wrap;
}

#home .course .content p:first-child{
margin:0 auto 10px auto;
}

#home .course .content div{
width:auto;
margin:0 0 10px 0;
}

#home .course .content div h3{
text-align:center;
}

#home .topics a{
word-wrap: break-word;
}

#footer h1 span{
position:relative;
z-index:100;
display:inline-block;
background:#424242;
padding:0 1em;
}

#footer .link a{
display:inline-block;
width:40%;
}

#footer .link a img{
display:inline-block;
}

@media screen and (max-width: 340px) {
  #home .course_box:after {
    width: 10px;
    height: 10px;
  }
  #home .course_box_text h1 {
    font-size: 20px;
  }
  #home .course_box_text h1 span {
    font-size: 12px;
  }
  #home .content_btn {
    font-size: 14px;
  }
}


/*/--------------------------------------------------------------------------/*/
/* ===== SUBPAGE ===== */
/*/--------------------------------------------------------------------------/*/

article {
  padding: 0;
}

article p {
  margin-right:0;
  margin-left:0;
  font-size: 100%;
}

article header{
padding:0;
}

article h1 {
  font-size: 150%;
}

article h1 span{
display:inline-block;
}

article h2 {
  font-size: 130%;
  margin-right:0;
  margin-left:0;
}

article h3 {
  font-size: 120%;
  margin-right:0;
  margin-left:0;
}

article .left_col {
  float: none;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

article ul, article ol {
  font-size: 100%;
  margin-left:20px;
}

article table{
box-sizing:border-box;
width:100%;
}



/*/--------------------------------------------------------------------------/*/
/* ===== GREETING ===== */
/*/--------------------------------------------------------------------------/*/

#greeting h1{
font-size:5vw;
}

#greeting article header p{
background-size:contain;
padding:0 0 13px 25vw;
font-size:4vw;
}

#greeting article header ul{
font-size:125%;
}

#greeting p{
margin-left:0;
padding-left:0;
}

#greeting .note{
clear:both;
background:url(../greeting/images/note-bg.gif) 5px 5px no-repeat;
background-size:25px;
border:1px solid #666;
width:auto;
padding:10px 30px;
margin:0 auto;
}

#greeting .note p{
font-size:100%;
text-align:center;
}

/* ===== GREETING ===== */

#greeting .greeting{
width:96%;
margin:0 auto 5% auto;
}

#greeting .greeting .content{
display:block;
}

#greeting .greeting .content div{
display:block;
}

#greeting .greeting .salutation{
box-sizing:border-box;
width:auto;
padding:0 0 0 0;
}


#greeting .greeting .salutation p{
padding-left:0;
}

.greeting .salutation strong{
color:#B7282C;
font-size:100%;
}


#greeting .greeting .news{
width:auto;
margin:0 0 8% 0;
padding:15px;
}

#greeting .greeting .news:after{
content:"";
display:block;
clear:both;
}

#greeting .greeting .news h3{
background:transparent;
box-shadow:none;
padding:0;
margin:0 0 10px 0;
}

#greeting .greeting .news p{
margin-right:0;
font-size:100%;
}

#greeting .greeting .detail{
position:absolute;
right:20px;
bottom:20px;
line-height:1.1;
}

#greeting .greeting .detail a{
background:url(../_images/home/greeting-detail.png) left center no-repeat;
padding:4px 0 4px 27px;
}


#greeting .greeting .news .img{
float:left;
padding:0 20px 0 0;
margin-left:0;
}

/* ===== FEATURE ===== */

#greeting .feature{
margin-bottom:7%;
}

#greeting .feature h2{
font-size:5vw;
text-align:center
}

#greeting .feature h2 + div{
background-position:left top, left bottom;
background-size:15%;
padding:0 0 0 15%;
margin:0 1%;
}

#greeting .feature h2 + div p:first-child{
font-size:3.5vw;
}

#greeting .feature h2 + div p:last-child{
font-size:3vw;
padding-bottom:10px;
}



#greeting .feature .hikaku{
display:block;
}

#greeting .feature .zenkoku,
#greeting .feature .gokakunet{
width:auto;
margin-bottom:10px;
}

#greeting .feature .hikaku h3{
font-size:5vw;
}

#greeting .feature .gokakunet .notice{
border:2px solid #FC0;
padding:10px;
margin:0 7% 10px 7%;
line-height:1.3;
text-align:center;
font-size:87.5%;
font-weight:bold;
}

/* ===== QUESTION ===== */

#greeting .question div{
display:block;
padding-right:0;
}

#greeting .question div p{
font-size:4.2vw;
}

/* ===== ELEARNING ===== */

#greeting .elearning{
margin:0 auto 7% auto;
}

#greeting .elearning .content{
margin:0 0 0 0;
}


#greeting .elearning h2{
padding-left:0;
text-indent:0;
}

#greeting .elearning h2:after{
content:"";
display:block;
clear:both;
}

#greeting .elearning h2 img{
float:left;
padding-right:0;
}

#greeting .elearning .content h3,
#greeting .elearning .content p{
margin-left:0;
}

#greeting .elearning .content h3 + div p br{
display:none;
}


#greeting .elearning h2 img{
margin:0 10px 0 0;
padding-bottom:15px;
}

#greeting .elearning .local{
padding:40px 0;
}

#greeting .elearning .local h3{
margin-bottom:30px;
text-align:left;
}

#greeting .elearning .local .left_col,
#greeting .elearning .local .right_col{
float:none;
width:auto;
}

#greeting .elearning .local .left_col{
}

#greeting .elearning .local .right_col{
}

#greeting .elearning .local .right_col h3{
margin:0 0 30px 0;
line-height:1.3;
}

#greeting .elearning .local .right_col p{
text-align:center;
}

#greeting .elearning .local h4{
color:#B7282C;
font-size:187.5%;
}

#greeting .elearning .local h4 img{
margin-left:1em;
}


#greeting .elearning .question h3{
text-align:left;
}


/* ===== OLD NOW ===== */

#greeting .oldnow h2{
padding:10px;
font-size:100%;
}

#greeting .oldnow h2 span{
font-size:125%;
}

#greeting .oldnow h2 img{
position:absolute;
top:20px;
right:10px;
width:40%;
}

#greeting .oldnow h3{
margin:10% 0 4% 0;
font-size:137.5%;
}

#greeting .oldnow p{
margin:0 0 4% 0;
}


#greeting .oldnow .why{
margin-left:0;
}

#greeting .oldnow .why h4{
font-size:125%;
}

#greeting .oldnow .why p{
font-size:100%;
margin:0 0 7% 0;
}

#greeting .oldnow .why p br{
display:none;
}


#greeting .oldnow .banno h3+p{
font-size:100%;
}

#greeting .oldnow .banno h3+p br{
display:none;
}

#greeting .oldnow .banno .left_col{
float:none;
width:auto;
}

#greeting .oldnow .banno .right_col{
float:none;
width:auto;
}

#greeting .oldnow .banno .right_col ul{
font-size:112.5%;
}

#greeting .oldnow .banno .right_col p{
font-size:112.5%;
}


#greeting .oldnow .elearning{
width:auto;
}

#greeting .oldnow .elearning h4{
font-size:137.5%;
}

#greeting .oldnow .elearning div{
display:block;
}

#greeting .oldnow .elearning div div{
padding:10px 0;
text-align:center;
}

#greeting .oldnow .elearning p{
margin:0;
font-size:112.5%;
}

#greeting .oldnow .elearning p br{
display:none;
}


#greeting .oldnow .note h5{
text-align:center;
}

#greeting .oldnow .note p:last-child br{
display:none;
}

#greeting .oldnow .old{
display:block;
max-width:85%;
margin:7% auto;
text-align:center;
}

#greeting .oldnow .old div:first-child{
padding-right:0;
}

#greeting .oldnow .old p br{
display:none;
}

#greeting .oldnow .now h3{
margin-bottom:0;
font-size:137.5%;
text-align:left;
}

#greeting .oldnow .now div{
display:block;
margin:0 0 5% 0;
}

#greeting .oldnow .now div div:first-child{
margin-right:0;
text-align:center;
}

#greeting .oldnow .now div div:first-child img{
max-width:70%;
}

#greeting .oldnow .now ul{
padding-top:0;
font-size:112.5%;
}

#greeting .oldnow .now div div p:last-child{
font-size:137.5%;
}

#greeting .oldnow .now .note p:last-child{
font-size:100%;
}

#greeting .oldnow .now p:last-child{
font-size:137.5%;
}

/* ===== FLOW ===== */

#greeting .flow h2{
padding-left:0;
margin-bottom:5%;
font-size:150%;
font-weight:bold;
}

.flow h2:after{
content:"";
display:block;
clear:both;
}

#greeting .flow h2 img{
float:left;
margin:0 10px 0 0;
}

#greeting .flow .overview{
display:flex;
width:auto;
margin:0 auto 5% auto;
}

#greeting .flow .overview div:first-child{
width:20%;
}

#greeting .flow .overview div:last-child{
width:80%;
}

#greeting .flow .overview div p{
margin:0 0 7% 1em;
font-size:100%;
}

#greeting .flow .overview div p br{
display:none;
}

#greeting .flow .overview div .img{
margin-left:0;
}

#greeting .flow .overview div .notice{
margin-left:1em;
padding-left:1em;
font-size:100%;
}


#greeting .flow .how{
border-radius:10px;
padding:10px;
margin-bottom:6%;
}

#greeting .flow h3{
margin-left:0;
font-size:137.5%;
font-weight:bold;
}

#greeting .flow h3+p{
margin:0 0 3% 0;
font-weight:bold;
font-size:100%;
}

#greeting .flow h3+p br{
display:none;
}

#greeting .flow .nagare{
display:inline-block;
margin:0 0 7% 0;
font-size:100%;
}

#greeting .flow .nagare li{
position:relative;
background-position:center bottom;
background-size:18px;
padding:0 0 25px 2em;
text-align:left;
}

#greeting .flow .nagare li:last-child{
background:none;
padding-bottom:0;
}

#greeting .flow .nagare li:before{
font-size:100%;
}

#greeting .flow .nagare li:nth-child(1){
font-size:111.25%;
}



#greeting .flow table{
float:none;
font-size:87.5%;
}

#greeting .flow td{
padding:5px 0;
}

#greeting .flow .lev1{
text-align:center;
margin-left:0;
}

#greeting .flow li{
text-align:center;
margin-left:0;
}


#greeting .flow .lev1 .f1 div,
#greeting .flow .lev1 .f5,
#greeting .flow .lev1 .f6{
width:auto;
}

#greeting .flow .lev1 .f5,
#greeting .flow .lev1 .f6{
width:100%;
margin:30px 0 0 0;
}

#greeting .flow .lev1 .f1 div,
#greeting .flow .lev1 .f2 div,
#greeting .flow .lev1 .f3,
#greeting .flow .lev1 .f4,
#greeting .flow .lev1 .f5 div,
#greeting .flow .lev1 .f6 div{
position:relative;
min-height:6em;
}

#greeting .flow .lev1 .f1 div,
#greeting .flow .lev1 .f5 div,
#greeting .flow .lev1 .f6 div{
display:flex;
align-items:center;
justify-content:center;
}

#greeting .flow .lev1 .f1{
margin-left:0;
}

#greeting .flow .lev1 .lev2{
width:auto;
padding:10px;
margin-right:0;
}

#greeting .flow .lev1 .lev2 ol{
padding:0;
margin:0;
}

#greeting .flow .lev1 .lev2 h4{
font-size:112.5%;
}

#greeting .flow .lev1 .lev2 .notice{
background:#FFF;
border:2px solid #F8B62D;
padding:5px 0;
margin:7px 0 0 0;
text-align:center;
}

#greeting .flow .lev1 .f2{
position:relative;
width:100%;
margin:0 0 30px 0;
padding:0 0 0 0;
}

#greeting .flow .lev1 .f2 div br{
display:none;
}

#greeting .flow .lev1 .f2 div strong{
display:block;
}


#greeting .flow .lev1 .f2 div+span br{
display:none;
}


#greeting .flow .lev1 .f2+li{
width:100%;
}

#greeting .flow .lev1 .f3,
#greeting .flow .lev1 .f4{
min-height:9em;
}

#greeting .flow .lev1 .f2{
}

#greeting .flow .lev1 .f2:before,
#greeting .flow .lev1 .f2:after{
position:absolute;
content:"";
display:block;
box-sizing:border-box;
}

#greeting .flow .lev1 .f2:before{
bottom:-12px;
left:calc(50% - 5px);
width:10px;
height:10px;
border-bottom:10px solid #00A0E9;
}
#greeting .flow .lev1 .f2:after{
bottom:-40px;
left:calc(50% - 14px);
width:14px;
height:14px;
border:14px solid transparent;
border-top:14px solid #00A0E9;
}

#greeting .flow .lev1 .f2 div:before,
#greeting .flow .lev1 .f2 div:after{
display:none;
}


#greeting .flow .lev1 .f5 div:before{
top:-26px;
left:calc(50% - 5px);
width:10px;
height:10px;
border-bottom:10px solid #F39800;
}
#greeting .flow .lev1 .f5 div:after{
top:-16px;
left:calc(50% - 14px);
width:14px;
height:14px;
border:14px solid transparent;
border-top:14px solid #F39800;
}

#greeting .flow .lev1 .f6 div:before{
top:-26px;
left:calc(50% - 5px);
width:10px;
height:10px;
border-bottom:10px solid #E93429;
}
#greeting .flow .lev1 .f6 div:after{
top:-16px;
left:calc(50% - 14px);
width:14px;
height:14px;
border:14px solid transparent;
border-top:14px solid #E93429;
}

#greeting .flow .notice{
margin-top:2%;
}

#greeting .flow .notice p{
font-size:100%;
}

/* ===== PRAY ===== */

#greeting .pray h2,
#greeting .pray p{
display:block;
text-align:center;
}

#greeting .pray h2{
font-size:150%;
}

#greeting .pray h2 strong{
display:block;
}

#greeting .pray p{
font-size:112.5%;
}

#greeting .elearning .left_col,
#greeting .elearning .right_col{
float:none;
}

#greeting .elearning .left_col{
width:auto;
text-align:center;
}

#greeting .elearning .right_col{
width:auto;
text-align:center;
}

#greeting .elearning .right_col h3 + p,
#greeting .elearning .right_col h4 + p{
text-align:center;
}


/*/--------------------------------------------------------------------------/*/
/* ===== PASS-RATE ===== */
/*/--------------------------------------------------------------------------/*/

.pass-rate table{
font-size:75%;
}

/*/--------------------------------------------------------------------------/*/
/* ===== POINT ===== */
/*/--------------------------------------------------------------------------/*/
.point section ul {
  margin: 0 0 16px;
}

.point section .point_text, .point section .point_image {
  display: block;
  width: 100%;
  padding: 10px;
  border-right: none;
}

.point section .point_image {
  padding-bottom: 30px;
}

.point section .catch {
  font-size: 120%;
  margin-bottom: 0;
}

/*/--------------------------------------------------------------------------/*/
/* ===== PR ===== */
/*/--------------------------------------------------------------------------/*/

.kenchiku h1,
.doboku h1,
.kankouji h1{
margin-bottom:10px;
}

.kenchiku header h2,
.doboku header h2,
.kankouji header h2{
margin-top: 0;
margin-bottom: 1em;
font-size: 4vw;
}

.kenchiku .submenu,
.doboku .submenu,
.kankouji .submenu{
margin-left:0;
margin-right:0;
}

.kenchiku .submenu,
.doboku .submenu{
font-size:87.5%;
}

.kenchiku .submenu h4,
.doboku .submenu h4{
font-size:110%;
}


section .pr-image {
  list-style: none;
  margin: 0;
}

section .pr-image li {
  float: left;
  width: 49%;
  margin: 0 2% 8px 0;
}

section .pr-image li:nth-child(2n) {
  margin-right: 0;
}

section .list {
  margin-bottom: 16px;
}

#contents section .contact_btn img{
  margin-bottom: 16px;
}

.kenchiku .feature,
.doboku .feature,
.kankouji .feature{
padding: 1em;
}

.kenchiku .feature h2,
.doboku .feature h2,
.kankouji .feature h2{
font-size: 3.8vw;
}

.kenchiku .feature p,
.doboku .feature p,
.kankouji .feature p{
font-size: 3vw;
}

/*/--------------------------------------------------------------------------/*/
/* ===== STUDY ===== */
/*/--------------------------------------------------------------------------/*/
.study .study_content {
  margin: 0;
}

.study table {
  width: 100%;
}

.study_content_l, .study_content_r {
  float: none;
  width: 100%;
  margin-top: 16px;
}

.study_content{
margin-right:0;
margin-left:0;
}

.study_content_l{
background:none;
}

.study_content_l p.notes{
width:auto;
}

.study_content_l .study_box, .study_content_r .study_box {
box-sizing:border-box;
width: 100%;
margin: 0;
}

table.study_table01 tr:first-child th:nth-child(2){
    width: auto;
}

table.study_table02 th{
width:auto;
}

table.study_table02 td:first-child{
white-space:nowrap;
}


/*/--------------------------------------------------------------------------/*/
/* ===== KOUZA ===== */
/*/--------------------------------------------------------------------------/*/

.kouza section .sampleMovie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.kouza section .sampleMovie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.kouza img {
  width: 100%;
  height: auto;
}

/*/--------------------------------------------------------------------------/*/
/* ===== KAKOMON ===== */
/*/--------------------------------------------------------------------------/*/
.kakomon section .kakomon a {
  margin-bottom: 8px;
}

.kakomon img {
  width: 100%;
  height: auto;
}


/*/--------------------------------------------------------------------------/*/
/* ===== TENSAKU ===== */
/*/--------------------------------------------------------------------------/*/
.tensaku section ol {
  width: 90%;
  margin: 0 auto 8px;
}

/*/--------------------------------------------------------------------------/*/
/* ===== KOE ===== */
/*/--------------------------------------------------------------------------/*/
.koe .content h2 {
box-sizing: border-box;
border:2px solid #999;
width: 100%;
  font-size: 87.5%;
}

.koe .content h2:before{
top:-0.5em;
left:-0.5em;
font-size:300%;
}

/*/--------------------------------------------------------------------------/*/
/* ===== SUCCESS ===== */
/*/--------------------------------------------------------------------------/*/
.success section h3 {
  margin: 16px 0 8px;
}

.success section .youtube_area {
  margin-top: 16px;
}

.success section .youtube_area img {
  padding-bottom: 16px;
}

/*/--------------------------------------------------------------------------/*/
/* ===== LECTURER ===== */
/*/--------------------------------------------------------------------------/*/
.lecturer section .introduction-Block {
  margin: 8px 0 24px;
  padding: 10px;
}

.lecturer section h3 {
  margin: 8px 0;
}

.lecturer section .introduction-Namecolumn {
  float: none;
  margin: 0 0 8px;
}

.lecturer section .introduction-Namecolumn2, .lecturer section .introduction-movie {
  margin: 0 0 8px;
  padding: 0;
}

.lecturer section .introduction-column, .lecturer section .introduction-column2 {
  width: 100%;
  margin-bottom: 8px;
  padding: 0;
}

.lecturer section .introduction-movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.lecturer section .introduction-movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*/--------------------------------------------------------------------------/*/
/* ===== KAMOKU ===== */
/*/--------------------------------------------------------------------------/*/
.kamoku section h2 {
  margin-top: 0;
}

.kamoku section .kamoku-column {
  width: 100%;
  margin: 10px 0;
}

.kamoku section .kamoku-nav3 {
  margin-bottom: 8px;
  padding: 0;
  text-align: center;
}

/*/--------------------------------------------------------------------------/*/
/* ===== GUIDE ===== */
/*/--------------------------------------------------------------------------/*/
.guide .guide_table_area {
  margin-bottom: 20px;
}

.guide section table {
  max-width: 100%;
  margin: 0 auto 8px;
}

.guide section th, section td {
  padding: 5px;
}

.guide section h4 {
  margin: 0 0 8px;
}

.guide .guide_table01 td:first-child {
  width: 80px;
}

.guide .guide_table02 .cell-w350 {
  width: 100px;
}

.guide .guide_table02 .cell-harf {
  width: auto;
}

.guide_table02 .cell-w175 {
  width: auto;
}

.guide .guide_table03 th {
  width: 80px;
}

.guide section .midashiTitle:last-of-type {
  font-size: 14px;
}
/*/--------------------------------------------------------------------------/*/
/* ===== FEE ===== */
/*/--------------------------------------------------------------------------/*/
.fee section th, .fee section td {
  display: block;
  width: 100%;
}

.fee section th {
  border-bottom: none;
  padding-bottom: 0;
}

.fee #contents img {
  margin-bottom: 8px;
}
.fee #contents .arrow-img {
  width: 50px;
  height: auto;
  margin-bottom: 0;
}

/*/--------------------------------------------------------------------------/*/
/* ===== INQUIRY ===== */
/*/--------------------------------------------------------------------------/*/
.inquiry section table {
  width: 100%;
  font-size:100%;
}

.inquiry section th, .inquiry section td {
  display: block;
  width:auto;
  height: auto;
}

.inquiry section td input[type=text],
.inquiry section td textarea{
box-sizing:border-box;
width:100%;
}

.inquiry section td td input[type=text]{
width:auto;
}

.inquiry section th:after {
  content: "";
  display: block;
  clear: both;
}

.inquiry section td small {
  display: block;
}

.inquiry section table table th, .inquiry section table table td {
  display: table-cell;
}

.inquiry section table table {
  table-layout: fixed;
  margin: 0;
}

.inquiry section table table th:first-of-type {
  width: 5em;
  padding: 8px;
}

/*/--------------------------------------------------------------------------/*/
/* ===== ENTRY ===== */
/*/--------------------------------------------------------------------------/*/
.entry section h1, .entry section .fee {
  float: none;
  width: 100%;
}

.entry section .fee div:first-child {
  display: block;
}

.entry .centering {
  margin-bottom: 8px;
}
.entry #section-03 {
  padding-bottom: 20px;
}

.entry #section-03 h2+p {
  margin: 8px 0;
}

.entry section .pricePics, .entry section .priceFAX {
  float: none;
  padding: 0;
}

.entry section .how {
  margin: 16px auto 0;
}

.entry section .how .bank {
  padding: 0;
  margin-bottom: 16px;
}

.entry section table {
  width: 100%;
}

.entry section th, .entry section td {
  display: block;
  width: auto;
  height: auto;
  white-space: normal;
}


.entry section td input[type=text],
.entry section td textarea{
box-sizing:border-box;
width:100%;
}

.entry section td td input[type=text]{
width:auto;
}

.entry section th:after {
  content: "";
  display: block;
  clear: both;
}

.entry section td small {
  display: block;
}

.entry section table table th, .entry section table table td {
  display: table-cell;
}


.entry section table table {
  table-layout: fixed;
  margin: 0;
}

.entry section table table th:first-of-type {
  width: 30px;
}

.entry section .price .bk h2{
left:2%;
background-size:contain;
width:96%;
}

.entry section .price .text{
font-size:4.5vw;
}

.entry section .price .content{
display:block;
margin:20px 0 0 0;
}

.entry section .price .lt,
.entry section .price .rt{
margin-top:10px;
}

.entry section .price table th, .entry section .price table td {
  display: table-cell;
}

.entry section .price .fs18{
font-size:3vw;
}

.entry section .price .lt th,
.entry section .price .fs21{
font-size:4vw;
}

.entry section .price .rt th{
font-size:3vw;
}
.entry section .price .rt th:first-child{
white-space:nowrap;
}

.entry section .price .rt .fs21{
font-size:4vw;
}

.entry section .price .rt .fs22{
font-size:4.5vw;
}

.entry section .price .rt td{
font-size:2.5vw;
}


.entry section .price .rt .title{
padding:10px 0 5px 0;
line-height:1.2;
}

.entry section .price .rt .title .fs26,
.entry section .price .rt .title{
font-size:4.5vw;
}
.entry section .price .rt .title .fs44{
font-size:8vw;
}

.entry section .price .red_text{
margin-right:0;
text-align:center;
font-size:3.3vw;
}

.entry section .price .pick{
bottom:5px;
left:-15px;
}

.entry section .price .arrow{
text-align:center;
}

.entry section .price .arrow img{
transform:rotate(90deg);
width:50px;
}

/*/--------------------------------------------------------------------------/*/
/* ===== COMPANY ===== */
/*/--------------------------------------------------------------------------/*/
.company section table {
width: 100%;
}

.company section th,
.company section td{
display:block;
 width: auto;
}

/*/--------------------------------------------------------------------------/*/
/* ===== LAW ===== */
/*/--------------------------------------------------------------------------/*/
.law .content table {
width: 100%;
}

.law .content th,
.law .content td{
display:block;
 width: auto;
}

/*/--------------------------------------------------------------------------/*/
/* ===== AGREEMENT ===== */
/*/--------------------------------------------------------------------------/*/
.agreement section ol, .agreement section p {
  margin: 8px;
}

/*/--------------------------------------------------------------------------/*/
/* ===== LAW ===== */
/*/--------------------------------------------------------------------------/*/
.law section table {
  width: 100%;
}

.law section th {
  width: 120px;
  white-space: normal;
}

/*/--------------------------------------------------------------------------/*/
/* ===== CORRECTION ===== */
/*/--------------------------------------------------------------------------/*/

.correction #section-02{
padding:0;
}

.correction .how{
margin:10px auto 0 auto;
}

.correction .how li{
margin-bottom:10px;
}

.correction tr,
.correction th,
.correction td,
.correction section .inner{
display:block;
width:auto;
min-height:1em;
}

.correction th:after{
content:"";
display:block;
clear:both;
}

.correction section table .ken th,
.correction section table .do th{
width:auto;
}

.correction section table .inner.ken,
.correction section table .inner.do{
width:auto;
}



/*/--------------------------------------------------------------------------/*/
/* ===== E-LEARNING ===== */
/*/--------------------------------------------------------------------------/*/


#primary .box-container{
display:block;
justify-content:space-around;
}

#primary .box-container p{
width:auto;
padding:0 0 0 0;
text-align:center;
}

#primary .box-container p img{
display:inline-block;
}

#primary .box-container ol{
color:#0C4AB1;
width:auto;
padding-left:20px;
font-size:106.25%;
font-weight:bold;
list-style:none;
}

#primary .d1j-keiken .box-container ol{
list-style:decimal;
}

#primary .box-container li{
float:none;
width:auto;
margin-left:4%;
}

#primary .box-container ol li:first-child{
width:auto;
}

#primary .box-container ol ul{
list-style:disc;
margin-top:0;
}

#primary .box-container ol p{
text-align:left !important;
padding-left:0 !important;
}

#ken1g #primary .box-container li,
#ken1j #primary .box-container li{
float:none;
width:auto;
margin-left:2%;
}

/*/--------------------------------------------------------------------------/*/
/* ===== REASON ===== */
/*/--------------------------------------------------------------------------/*/

#reason section .introduction-Block{
margin-left:0;
margin-right:0;
padding:10px;
}

#reason section .introduction-Namecolumn{
margin-right:0;
}

#reason section .introduction-Namecolumn img{
width:90px;
}

#reason section .introduction-Namecolumn2{
padding-left:100px;
}

#reason #r5 .img0102 img{
margin-left:0;
margin-right:0;
}

#reason #r5 .left_col,
#reason #r5 .right_col{
width:auto;
margin-left:0;
margin-right:0;
}

/*/--------------------------------------------------------------------------/*/
/* ===== OVERVIEW ===== */
/*/--------------------------------------------------------------------------/*/

.overview header h1{
width:100%;
height:0;
background:url(../overview/images/header-h1-sp.jpg) center center / contain no-repeat;
margin:0 auto 20px;
padding-bottom:110.37%;
}

.overview #sec-01{
margin-top:0;
}

.overview #sec-01 .pht{
display:none;
}

.overview #sec-01 h2{
height:0;
background-size:contain;
margin:3% 0 0 0;
}

.overview #sec-01 h2 + p{
font-weight:bold;
font-size:100%;
padding:0 1em;
margin-top:30px;
}

#sec-01 .h2-01 {
background:url(../overview/images/sec-01-h2-01-sp.png) no-repeat;
padding-bottom:28.9%;
}

#sec-01 .h2-02 {
padding-bottom:21.5%;
}


.overview #sec-01 .kakomon .kakomonwrap{
overflow-x:scroll;
white-space: nowrap;
margin-bottom:10%;
}
.kakomonwrap::-webkit-scrollbar {
  height: 10px;
}
.kakomonwrap::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
  border-radius: 5px;
}
.kakomonwrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

.overview #sec-01 table{
width:100%;
margin:0;
font-size:85.7%;
}

.overview #sec-01 table th{
font-size:100%;
}

.overview #sec-01 .pht02{
display:none;
}

.overview #sec-01 .h29{
margin-bottom:20px;
}

.overview #sec-01 .h29 div{
float:none;
width:100%;
margin-left:0;
margin-bottom:8px;
padding:4px 4px;
box-sizing:border-box;
}

.overview #sec-01 .h29 .balloon{
float:none;
display:block;
width:auto;
text-align:center;
margin:10px auto;
padding:10px 20px;
border-radius:30px;
}

.overview #sec-01 .h29 .balloon::before{
top:-22px;
left:50%;
transform:translateX(-50%) rotate(90deg);
}

.overview #sec-01 .h29 .balloon::after{
top:-17px;
left:50%;
transform:translateX(-50%) rotate(90deg);
}

.overview #sec-01 .h29 .balloon br{
display:none;
}

.overview #sec-01 .list{
width:auto;
margin-left:0;
}

.overview #sec-01 .list:before,.overview #sec-01 .list:after{
display:none;
}

.overview #sec-01 .notice{
display:block;
width:auto;
}

.overview #sec-01 .kakomon h4,
.overview #sec-01 .kakomon p{
margin-left:0;
margin-right:0;
}

.overview #sec-01 .kakomon table caption{
	text-align:left;
}

.overview #sec-02 .h2-01{
width:100%;
height:0;
background-size:contain;
margin-top:30px;
padding-bottom:13.14%;
box-sizing:border-box;
}

.overview #sec-02 .h2-02{
width:100%;
height:0;
background-size:contain;
margin-top:30px;
padding-bottom:13.8%;
box-sizing:border-box;
}

.overview #sec-02 h3{
height:40px;
background-size:contain;
}

.overview #sec-02 .content .pht{
float:none;
margin:0 auto 10px;
}

.overview #sec-02 .content ul + p{
width:100%;
box-sizing:border-box;
}


.overview #sec-02 .c05 .check{
position:relative;
padding-left:0;
background:none;
margin-bottom:10px;
}

#sec-02 .c05 .check p:first-child{
background:url(../overview/images/sec-02-check-text-01-sp.gif) no-repeat;
background-size:contain;
padding-top:15%;
text-indent:-9999px;
width:auto;
height:1px;
}

#sec-02 .c05 .check p:last-child{
background:url(../overview/images/sec-02-check-text-02.gif) no-repeat;
background-size:contain;
padding-top:22%;
width:auto;
height:1px;
text-indent:-9999px;
}



.overview #sec-02 .c05 .emp{
padding-left:80px;
}

.overview #sec-02 .c05-table{
display:block;
margin-left:0;
}

#sec-02 .c05-table .rt .red_text{
white-space:normal;
font-size:135%;
}

#sec-02 .c05-table .rt td{
font-size:10px
}

#sec-02 .c05-table .rt .fs21{
font-size:19px
}

.overview #sec-02 .c05-table p span{
display:block;
}

.overview #sec-02 .arrow{
display:block;
text-align:center;
margin:14px 0;
}

.overview #sec-02 .arrow img{
width:50px;
transform:rotate(90deg);
}

.overview #sec-02 .c05-table .rt table .title:before{
display:none;
}

.overview #sec-02 .c05-table .rt table .pick:before{
content:'';
position:static;
display:block;
width:43px;
height:26px;
background:url(../overview/images/sec-02-pick.png) center center / contain no-repeat;
margin:0 auto 4px;
transform:translateY(0);
}

.overview #sec-02 h4#sec02tok{
margin:0 0 15px;
}

.overview #sec-02 .tokucho{
flex-flow:column;
}

.overview #sec-02 .tokucho p:nth-child(1){
background-size:contain;
width:100%;
height:0;
padding-bottom:72.94%;
order:1;
}

.overview #sec-02 .tokucho p:nth-child(2){
background-size:contain;
width:100%;
height:0;
padding-bottom:84.93%;
order:3;
}

.overview #sec-02 .tokucho p:nth-child(3){
width:100%;
box-sizing:border-box;
order:2;
}

.overview #sec-02 .tokucho p:nth-child(4){
width:100%;
box-sizing:border-box;
order:4;
}

.overview #sec-02 .tokucho p:nth-child(5){
width:100%;
height:0;
background:url(../overview/images/sec-02-c04-img-03-sp.gif) center center / contain no-repeat;
box-sizing:border-box;
padding-bottom:129.7%;
order:5;
}

.overview #sec-02 .c04 .tokucho p:nth-child(6){
width:100%;
box-sizing:border-box;
order:6;
}

.overview #sec-03 h2{
width:100%;
padding:4px;
font-size:125%;
margin-top:20px;
box-sizing:border-box;
}

.overview #sec-03 h3{
font-size:185.7%;
margin-left:0;
}

.overview #sec-03 .ratio{
display:block;
}

.overview #sec-03 .ratio p{
padding:10px;
}

.overview #sec-03 .ratio p:first-child,.overview #sec-03 .ratio p:last-child{
line-height:1.6;
font-size:100%;
}

.overview #sec-03 .ratio div{
padding:10px 0;
text-align:center;
}

.overview #sec-03 .ratio div img{
transform:rotate(90deg);
}

.overview #sec-03 .out{
top:0;
right:0;
background-size:contain;
width:120px;
height:80px;
}

.overview #sec-03 h4{
font-size:112.5%;
}

.overview #sec-03 h4 + p{
font-size:128.5%;
}

.overview #sec-03 .fin{
font-size:100%;
}

.overview #sec-03 .fin:before{
display:block;
position:static;
transform:translateY(0);
}

.overview #sec-03 .fin span{
padding:0;
font-size:125%;
}


/*/--------------------------------------------------------------------------/*/
/* ===== OVERVIEW ===== */
/*/--------------------------------------------------------------------------/*/

#remember{
border:1px solid #FC0;
border-radius:10px;
padding:5px;
margin:10px 0;
text-align:center;
}

#remember:after{
content:"";
display:block;
clear:both;
}

#remember h3{
background:url(../_images/home/result-h3-03.png) no-repeat;
background-size:contain;
background-position:center center;
width:100%;
height:1px;
text-indent:-9999px;
margin:0 auto 10px auto;
padding:6% 0 0 0;
}


#remember h4,
#remember p{
position:relative;
z-index:100;
}


#remember div{
background:url(../_images/home/important-div-bg.gif) right bottom no-repeat;
border:3px double #FC0;
padding:1px;
margin-bottom:5px;
}

#remember h4{
margin-bottom:8px;
font-size:4.6vw;
text-align:left;
letter-spacing:0;
text-align:center;
text-shadow:
2px 2px 2px #FFF,2px 2px 2px #FFF,2px 2px 2px #FFF,
-2px 2px 2px #FFF,-2px 2px 2px #FFF,-2px 2px 2px #FFF,
2px -2px 2px #FFF,2px -2px 2px #FFF,2px -2px 2px #FFF,
-2px -2px 2px #FFF,-2px -2px 2px #FFF,-2px -2px 2px #FFF;
}

#remember h4 strong,
#remember div p strong{
color:#F00;
}

#remember h4 span{
display:block;
border-bottom:5px double #FC0;
}

#remember div p{
}

#remember h5{
position:relative;
clear:both;
background:url(../_images/home/result-h5-02.png) no-repeat;
background-size:contain;
background-position:center center;
width:100%;
height:1px;
text-indent:-9999px;
margin:5px auto 5px auto;
padding:8% 0 0 0;
}

#remember h5 a{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}


/*/--------------------------------------------------------------------------/*/
/* ===== point ===== */
/*/--------------------------------------------------------------------------/*/
#point h1{
width:100%;
height:auto;
color:#000;
line-height:1.7em;
background:none;
font-size:16px;
padding-left:64px;
padding-bottom:5px;
margin-bottom:0;
border-bottom:#172A88 8px solid;
position:relative;
box-sizing:border-box;
}

#point h1:before{
content:url(../_images/home/graph.gif);
transform: scale(0.6);
top:-22px;
left:-18px;
position:absolute;
}

#point .fs44 {
font-size: 24px;
}
#point .fs51 {
font-size: 21px;
}
#point .fs65 {
font-size: 32px;
}


#point .point{
clear:both;
overflow:hidden;
margin-bottom:20px;
}

.point .p1,
.point .p2,
.point .p3,
.point .p4{
	width:95%;
	margin:0 auto;
	text-align:center;
}


.point h2{
display:inline-block;
width:100%;
background-repeat:no-repeat;
background-position:left center;
background-size:contain;
color:#FFF;
box-sizing:content-box;
font-size:170%;
text-align:left;
text-indent:-9999px;
overflow:hidden;
}

.point .p1 h2{
background-image:url(../_images/home/point-h4-01.gif);
}

.point .p2 h2{
background-image:url(../_images/home/point-h4-02.gif);
margin-left:-5px;
}

.point .p3 h2{
background-image:url(../_images/home/point-h4-03.gif);
margin-left:-5px;
}

.point .p4 h2{
background-image:url(../_images/home/point-h4-04.gif);
margin-left:-10px;
}

.point .text{
font-size:14px;
font-weight:bold;
line-height:1.3em;
margin-left:0;
}

.point .item1{
display:inline-block;
width:100%;
height:0;
background-image:url(../_images/home/point-image-01.gif);
background-repeat:no-repeat;
background-size:contain;
background-position:0;
color:#FFF;
padding-top:37.53%;
box-sizing:content-box;
font-size:170%;
text-align:left;
text-indent:-9999px;
overflow:hidden;
top:0;
left:0;
}

.point .item2{
display:inline-block;
width:100%;
height:0;
background-image:url(../_images/home/point-image-02.gif);
background-repeat:no-repeat;
background-size:contain;
background-position:0;
color:#FFF;
padding-top:48.09%;
margin:5px 0;
box-sizing:content-box;
font-size:170%;
text-align:left;
text-indent:-9999px;
overflow:hidden;
top:0;
left:0;
}

/*/--------------------------------------------------------------------------/*/
/* ===== point2020 ===== */
/*/--------------------------------------------------------------------------/*/

.point2020 section > div:nth-child(even) div{
float: none;
}

.point2020 section > div:nth-child(1){
background-position:  center top;
background-size: 100% auto;
padding-top: 55%;
}

.point2020 section > div:nth-child(2){
background-position:  center top;
background-size: 100% auto;
padding-top: 55%;
}

.point2020 section > div:nth-child(3){
background-position:  center top;
background-size: 100% auto;
padding-top: 50%;
}

.point2020 section > div:nth-child(4){
background-position:  center top;
background-size: 100% auto;
padding-top: 56%;
}

.point2020 section > div:nth-child(5){
background-position:  center top;
background-size: 100% auto;
padding-top: 56%;
}

.point2020 section > div:nth-child(6){
background-position:  center top;
background-size: 100% auto;
padding-top: 77%;
}

.point2020 section > div:nth-child(7){
background-position:  center top;
background-size: 100% auto;
}

.point2020 section > div > div:first-child{
width: auto;
padding: 3%;
}

.point2020 section > div:nth-child(7) > div:nth-child(n + 2){
width:32%;
font-size:3.3vw;
}

.point2020 section > div:nth-child(7) > div:nth-child(n + 4){
width:32%;
}

.point2020 section > div:nth-child(8){
background-position:  center top;
background-size: 100% auto;
padding-top: 60%;
}


/*/--------------------------------------------------------------------------/*/
/* ===== 追加項目 ===== */
/*/--------------------------------------------------------------------------/*/

.t-wrap {
  overflow-x: scroll;
}