@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/NotoSansJP-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/NotoSansJP-Medium.woff') format('woff');
    font-display: swap;
  }
@font-face {
    font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/NotoSansJP-Bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/NotoSansJP-Black.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif JP';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/NotoSerifCJKjp-Medium.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Serif JP';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/NotoSerifCJKjp-Bold.woff') format('woff');
    font-display: swap;
}


.min{font-family: 'Noto Serif JP', serif;}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


.sp{
    display: none!important;
}
a{
    text-decoration: none;
    transition: 0.5s ;
    color: #000000;
}
img.object-fit-img{
    object-fit: cover;
    object-position:center; 
    font-family: 'object-fit: cover; object-position: center;'
}

html{
    font-size: 62.5%;
}
body{
    font-family: "Noto Sans CJK JP", "Noto Sans", sans-serif;
    font-size:1.6rem;
}
.montserrat{
    font-family: 'Montserrat';
}

.shirofuchi{text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}



/*common*/
.button a{ background-color: #036EB7; color: #ffffff; display: flex; align-items: center; justify-content: center;}

/*CONTENT*/
header{ height: 65px; background-color: #B2CDFB; display: flex; align-items: center; justify-content: center; position: fixed; top:0; left:0; width:100%; z-index: 5;}
header .wrap{ width:95%; max-width:1000px; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
header .wrap h1{ display: flex; align-items: center;}
header .wrap h1 img{ width:150px; height: auto; margin-right:15px}
header .wrap h1 strong{ font-size:1.8rem; color: #1B466F; letter-spacing: 0.025em;}
header .wrap .button a { width:330px; height:40px; border-radius: 5px; letter-spacing: 0.05em;}
header .wrap .button a span{ margin-left:25px}
.mv { padding-top:65px}
.mv .slider img{ width:100%; display: block;}
section.button { padding:75px 0}
section.button a{ width:80%; max-width:650px; margin:0 auto; font-size:2.8rem; height:76px; border-radius:10px; justify-content: space-around; box-shadow:3px 3px 3px rgba(0,0,0,0.3);}
section.button span{ font-size:4.8rem}
.introduction h2{ font-size:3.5rem; text-align: center; color: #1B466F; background-color: #FFBB00; padding:25px 0; letter-spacing: 0.1em;}
.introduction .list{ padding:75px 0; background-image: url(images/bg_introduction.jpg); background-position: right bottom; background-size: contain; background-repeat:no-repeat}
.introduction .list .box{ background-color:rgba(255,255,255,0.75); width:90%; max-width:650px; margin:0 auto; border-radius:15px; padding:25px 0;box-shadow: 0 0 10px 0 rgba(3,110,183,0.25);}
.introduction .list .box ul{ padding:0 25px 0 50px; }
.introduction .list .box li{ list-style-type: disc; font-size:1.8rem; margin-bottom:15px}
.introduction .list .box .note{ font-size:10px; padding-left:50px}
.introduction .knowledge{ background-image: url(images/bg_knowledge.jpg); background-size: 100% 100%;}
.introduction .knowledge h3{ font-size:3.0rem; text-align: center; color: #ffffff; padding:50px 0}
.introduction .knowledge h3 i{ font-size: 3.6rem;}
.introduction .knowledge small{ display: block; font-size:10px; margin-top:25px}
.introduction .knowledge .graph{ width:90%; max-width: 650px; margin:0 auto 75px auto; background-color: #ffffff; border-radius:15px; box-shadow:3px 3px 3px rgba(0,0,0,0.3); padding:25px 0}
.introduction .knowledge .graph img{ width:95%; height:auto; display: block; margin:0 auto; margin-bottom: 15px;}
.introduction .knowledge .graph figcaption{ font-size: 10px; letter-spacing: -0.05em; text-align: center;}
.introduction .knowledge .kisoryoku{ margin:0 auto; width:90%; max-width:780px;}
.introduction .knowledge .kisoryoku img{ width:100%}
.introduction .mission { display: flex; justify-content: center; background-image: url(images/bg_mission.jpg); background-position: right bottom; background-repeat: no-repeat; background-size:contain; padding:0 0 250px 0}
.introduction .mission .box{ font-size:3.8rem; color: #1B466F;}
.introduction .mission .box span{ border-bottom: 5px solid #FFBB00; line-height:1.8}
.introduction .mission .box span img{ height:5.1rem}
.introduction .mission .box i{ font-size:4.5rem}
.introduction .mission .box strong{ font-size:4.5rem; font-weight: 900;}
.scheme h2{ background: linear-gradient(to bottom, #1B466F, #3880CD); color: #ffffff; font-size:3.8rem; padding:50px 0 25px 0; text-align: center;}
.scheme h2 img{ height:6.2rem}
.scheme h3 { max-width: 900px; width:90%; margin:50px auto 25px auto; border-top:2px solid #1B466F; text-align: center;}
.scheme h3 i{ background-image: url(images/bg_h3.png); background-repeat: no-repeat; background-position: center; display: block; height: 35px; background-size: contain; color: #ffffff; text-align: center; position: relative; top:-18px}
.scheme h3 strong{ font-size:3.4rem; color: #1B466F; letter-spacing: 0.5em; display: block; text-indent: 0.5em;}
.scheme .block{ padding:50px 0}
.scheme .box{ width:95%; max-width: 900px; margin:0 auto; background-color: rgba(255,255,255,0.5); padding:50px 0}
.scheme .basics { background-image: url(images/bg_basics.jpg); background-size: cover;}
.scheme h4{ text-align: center; margin:0 auto 25px auto; width:90%; border-bottom:2px solid #1B466F; font-weight: 700; font-size:3.2rem; color: #1B466F; text-shadow: 2px 2px 5px #ffffff,-2px 2px 5px #ffffff,2px -2px 5px #ffffff,-2px -2px 5px #ffffff; padding-bottom: 5px;}
.scheme h4 strong{ font-size: 4.0rem; font-weight: 700; }
.scheme .basics ul{margin:0 auto 25px auto; width:90%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.scheme .basics li{ background-color:#ffffff; position: relative; width:23%; padding:15px 0; box-shadow:3px 3px 3px rgba(0,0,0,0.3);}
.scheme .basics li::before{ content: url(images/dc_lt_blue.png); position: absolute; top:0; left:0; display: block;}
.scheme .basics li::after{ content: url(images/dc_rb_blue.png); position: absolute; bottom:0; right:0; display: block; height: 27px;}
.scheme .basics li strong{ display: block; width:90%; text-align: center; margin:0 auto 15px auto; border-bottom:2px solid #1B466F; color: #1B466F; font-size:2.0rem; font-weight: bold;}
.scheme .basics li span{ display: flex; width:90%; margin:0 auto; font-size: 1.4rem; line-height: 1.8;}
.scheme .basics li:nth-child(3) span{ letter-spacing: -0.1em;}
.scheme .basics li .center{ text-align: center; justify-content: center;}
.scheme .basics li .mb15{ margin-bottom:15px}
.scheme .basics .note{ text-align: center; font-size: 10px; color: #1B466F;}
.scheme .basics .plus{ padding: 25px 0; display: flex; justify-content: center;}
.scheme .basics .single { justify-content: center;}
.scheme .basics .single li{ width:50%; text-align: center;}
.scheme .basics .single li::before{ content: url(images/dc_lt_yellow.png); position: absolute; top:0; left:0; display: block;}
.scheme .basics .single li::after{ content: url(images/dc_rb_yellow.png); position: absolute; bottom:0; right:0; display: block; height: 31px;}
.scheme .practice{background-image: url(images/bg_practice.jpg); background-size: cover; background-position:center;}
.scheme .practice ul{margin:0 auto 25px auto; width:90%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.scheme .practice li{ background-color:#1B466F; position: relative; width:48%; padding:15px 0; box-shadow:3px 3px 3px rgba(0,0,0,0.3); color: #ffffff;}
.scheme .practice li::before{ content: url(images/dc_lt_blue.png); position: absolute; top:0; left:0; display: block;}
.scheme .practice li::after{ content: url(images/dc_rb_blue.png); position: absolute; bottom:0; right:0; display: block; height: 27px;}
.scheme .practice li strong{ display: block; width:90%; text-align: center; margin:0 auto 15px auto; border-bottom:2px solid #ffffff; color: #ffffff; font-size:2.0rem; font-weight: bold;}
.scheme .practice li span{ display: flex; width:90%; margin:0 auto; font-size:1.4rem; text-align: center; justify-content: center; line-height: 1.8;}
.scheme .special{ background-image: url(images/bg_special.jpg); background-size: cover; background-position:center;}
.scheme .special .box{ display: flex; flex-wrap: wrap; justify-content: space-around;}
.scheme .special .box .wrap{ width:45%}
.scheme .special .box h4{ letter-spacing: -0.05em;}
.scheme .special .box .wrap:first-child h4 span{transform: scale(0.7, 1); font-weight: bold; display: block; width:128%; text-indent: -28%;}
.scheme .special .box .note{ width:100%; text-align: center; color: #1B466F; font-size: 2.0rem;}
.scheme .special ul{ margin-bottom:25px}
.scheme .special li{ background-color:#ffffff; position: relative; width:90%; padding:50px 0 15px 0; box-shadow:3px 3px 3px rgba(0,0,0,0.3); margin:0 auto; color:#000000}
.scheme .special li i{ background-image: url(images/dc_ltl_blue.png); position: absolute; top:0; left:0; display: block; width:149px; height:31px; display: flex; align-items: center; text-indent: 10px; color: #ffffff;}
.scheme .special li::after{ content: url(images/dc_rb_blue.png); position: absolute; bottom:0; right:0; display: block; height: 27px;}
.scheme .special li strong{ display: block; width:90%; text-align: center; margin:0 auto 15px auto; border-bottom:2px solid #1B466F; color: #1B466F; font-size:2.0rem; font-weight: bold;}
.scheme .special li strong small{ font-size:1.6rem; font-weight: bold;}
.scheme .special li span{ display: flex; width:90%; margin:0 auto; font-size:1.4rem; text-align: center; justify-content: center; line-height: 1.8; align-items: center; height:80px}
.scheme .price{ background-color:#99b7d9}
.scheme .price .box{ background-color:#ffffff; max-width: 800px; border-radius:15px; border:10px solid #3A80F5; box-shadow:5px 5px 5px rgba(0,0,0,0.3); padding:25px 0 50px 0; width:90%}
.scheme .price h4{ font-size:4.0rem; border-bottom: none; }
.scheme .price dl{ width:90%; max-width:650px; margin:0 auto}
.scheme .price dt{ background-color:#036EB7; color: #ffffff; text-align: center; font-size:2.0rem; letter-spacing: 0.5rem; padding:5px 0}
.scheme .price dd.kaisuu{ display: flex; justify-content: space-around; padding:25px 0}
.scheme .price dd.kaisuu .week{ background-color:#1B466F; color: #ffffff; width:35%; height: 50px; max-width:235px; border-radius:5px; display: flex; align-items: center; justify-content: center; font-size:2.8rem;}
.scheme .price dd.kaisuu .week i{ font-size:4.0rem; margin:0 5px}
.scheme .price dd.kaisuu .month{ color: #1B466F; width:35%; height: 50px; max-width:235px; border-radius:5px; display: flex; align-items: center; justify-content: center; font-size:2.8rem;}
.scheme .price dd.kaisuu .month i{ font-size:4.0rem; margin:0 5px}
.scheme .price dd.kaisuu2{ color: #1B466F; width:90%; max-width:510px; margin:0 auto; letter-spacing: 0.1em; padding:25px 0; display: flex; justify-content: center;}
.scheme .price dd.kaisuu2 .wrap{ font-size:2.8rem; font-weight: 700; }
.scheme .price dd.kaisuu2 .plus{ display: block; text-align: right; font-weight: 700; font-size:2.4rem}

.scheme .price dd.ryoukin{ color: #1B466F; font-size:2.8rem; text-align: right;}
.scheme .price dd.ryoukin i{ font-size:4.8rem}
.scheme .price dd.ryoukin small{ font-size:1.2rem}
.scheme .price ul{ width:90%; max-width:650px; margin:0 auto; padding:25px 0}
.scheme .price ul i{ font-size:2.0rem}
.scheme .price .tyuuuto{ display: flex; align-items: flex-start; width:90%; max-width:650px; margin:0 auto; }
.scheme .price .tyuuuto strong{ background-color: #1B466F; padding:5px 15px; color: #ffffff; margin-right:25px}
.curriculum h2 { max-width: 900px; width:90%; margin:50px auto 25px auto; border-top:2px solid #1B466F; text-align: center;}
.curriculum h2 i{ background-image: url(images/bg_h2.png); background-repeat: no-repeat; background-position: center; display: block; height: 35px; background-size: contain; color: #1B466F; text-align: center; position: relative; top:-18px}
.curriculum h2 strong{ font-size:3.4rem; color: #1B466F; letter-spacing: 0.25em; display: block; text-indent: 0.25em;}
.curriculum .block{ background-color: #fadea0; padding:50px 0}
.curriculum .box{ background-color:#ffffff; max-width: 800px; border-radius:15px; border:10px solid #FFBB00; box-shadow:5px 5px 5px rgba(0,0,0,0.3); padding:25px 0 50px 0; margin:0 auto 50px auto}
.curriculum h3{ font-size:2.5rem; font-weight: 700; color: #1B466F; text-align: center; width:90%; max-width:510px; margin:0 auto; letter-spacing: 0.1em;}
.curriculum h3 i{ display: block; padding:5px; font-size:2.0rem; font-weight: 700; background-color: #FFBB00;}
.curriculum h4{ font-size:2.5rem; color: #1B466F; font-weight: bold; text-align: center; padding:25px 0} 
.curriculum h4 small{ font-size:1.9rem; font-weight: bold;}
.curriculum table{ width:90%; max-width:650px; margin:0 auto; border:3px solid #727171}
.curriculum thead{ background-color: #036EB7; color: #ffffff;}
.curriculum thead td{ padding:5px 0; text-align: center;}
.curriculum td{ padding:10px; border:1px solid #727171}
.curriculum tbody td:first-child{ text-align: right; width:50px; text-align: center;}
.curriculum tbody td:nth-child(1){ border-right:1px dotted #727171;}
.curriculum tbody td:nth-child(2){ border-left:none; text-align: center;}
.curriculum tbody .bbb td{ border-bottom:3px solid #727171}
.curriculum .basics tbody tr:nth-child(even) td{ background-color: #EFF4F9;}
.curriculum .practice tbody tr:nth-child(even) td{ background-color: #E6E7E7;}
.curriculum .mtmsupport thead{ background-color:#FFBB00; color: #1B466F;}
.curriculum .mtmsupport tbody td:first-child,
.curriculum .mtmsupport tbody td:last-child{ width:50%}
.curriculum .mtmsupport tbody tr:nth-child(even) td{ background-color: #FFF2CF;}
.curriculum .mtmsupport td:nth-child(2){ border-left:1px solid #727171;}
.curriculum .anshin{ max-width: 650px; margin:0 auto; width:80%; display: flex; font-size:1.8rem; align-items: center; color: #1B466F;}
.curriculum .anshin i{font-weight: bold; padding:5px 25px; background-color: #1B466F; color: #ffffff; border-radius: 5px; margin-right:15px}
.curriculum .anshin strong{font-weight: bold;}
.curriculum p.note{width:90%; max-width:650px; margin:0 auto; font-size:1.2rem}
.matome { padding:75px 0 300px 0; background-image: url(images/bg_matome.jpg); background-size: cover; background-position: bottom center;}
.matome h2{font-size:4.0rem; font-weight: 900; text-align: center; color: #1B466F; letter-spacing: 0.1em;}
.matome h2 strong{font-size:6.2rem; font-weight: 900; display: block;}
.matome .button { padding:50px 0}
.matome .button a{ width:80%; max-width:650px; margin:0 auto; font-size:2.8rem; height:76px; border-radius:10px; justify-content: space-around; box-shadow:3px 3px 3px rgba(0,0,0,0.3);}
.matome .button span{ font-size:4.8rem}
.access{ background-color:#036EB7; padding:75px 0}
.access .block{ width:90%; max-width:650px; margin:0 auto}
.access h2{ font-size:2.5rem; color: #ffffff; text-align: center; border-bottom:1px solid #ffffff; padding:0 0 5px 0; margin-bottom:50px}
.access h2+p{ text-align: center; color: #ffffff; margin-bottom:25px;}
.access h2+p i{display: block; padding:5px; font-size:2.0rem; font-weight: 700; background-color: #FFBB00; color: #1B466F;}
.access h2+p strong{ display: block; font-size:2.0rem; font-weight: bold; padding:5px 0}
.access h2+p strong small{ font-size:1.2rem}
.access h2+p img{ display: block; width:60%; margin:15px auto; max-width:240px}
.access iframe{ display: block; width:100%; height: 480px;}
footer{ background-color: #036EB7; color: #ffffff;}
footer a{ color: #ffffff;}
footer .wrap{ max-width:1000px; width:95%; margin:0 auto; display: flex; justify-content: space-between; border-bottom: 1px solid #ffffff; padding:0 0 25px 0}
footer .branding img{ width:150px;}
footer .branding a{ font-size:1.4rem; margin-left: 15px;}
footer .tel a{ display: flex; align-items: center;}
footer .tel a small{ font-size:1.2rem; margin-right:15px}
footer .tel a strong{ font-weight: 900; font-size:4.0rem; line-height: 1;}
footer .tel .data{ display:block; font-size:1.1rem; text-align: right; }
footer ul{ display: flex; justify-content: center; padding:25px 0}
footer ul li{ padding:0 25px; border-left:1px solid #ffffff;}
footer ul li:last-child{ border-right:1px solid #ffffff;}
footer .copyright{ padding:25px 0; text-align: center; font-size:1.1rem}



/*フォーム*/
.contact { background-image: url(images/bg_contact.jpg); background-size: cover;}
.contact.scheme h3 strong{ text-indent: 0; letter-spacing: 0;}
.contact.scheme h3 +p{ text-align: center; line-height: 2;}
.contact.scheme .block{ padding-top:0}
.contact dl{ display: flex; flex-wrap: wrap; justify-content: space-between; width:90%; margin:0 auto}
.contact dt{ width:225px; display: flex; align-items: center; padding:15px 0; border-bottom:1px solid #B2CDFB}
.contact dt i{ font-size:1.0rem; color: #ff0000; margin-left:5px}
.contact dd{ width:calc(100% - 225px); padding:15px 0; border-bottom:1px solid #B2CDFB; display: flex; justify-content: center; align-items: center;}
.contact dd input,
.contact dd textarea{ width:90%; font-size:1.8rem; padding:5px 0;}
.contact dd textarea{ height:80px}
.contact .submit{ justify-content: center; display: flex; padding: 15px 0;}

.contact .submit { display: flex; align-items: center; justify-content: center; padding:25px 0}
.contact .submit input{ border:none; background-color:#3A80F5; color:#ffffff; padding: 15px 25px; border-radius:5px; font-size:2.4rem}
.contact .submit input:hover{ background-color:#ff0000}
.contact .back { display: flex; align-items: center; justify-content: center; padding:25px 0}
.contact .back input{ border:none; background-color:#3A80F5; color:#ffffff; padding: 15px 25px; border-radius:5px; font-size:2.4rem}
.contact .back input:hover{ background-color:#ff0000}
.contact .error_messe{ line-height: 2; }
.contact.confirm { min-height: 100vh;}
.contact .formTable{ width:90%; margin:0 auto}
.contact .formTable th,
.contact .formTable td{ border-bottom:1px solid #036EB7; padding:25px 0}
.contact .submitset { display: flex; align-items: center; justify-content: center; padding:25px 0}
.contact .submitset input{ border:none; background-color:#3A80F5; color:#ffffff; padding: 15px 25px; border-radius:5px; font-size:2.4rem; margin:5px}
.contact .submitset input:hover{ background-color:#ff0000}
.contact.thanks .box p{ font-size:2.0rem; text-align: center; line-height: 2; margin-bottom:15px}
.contact.thanks .box .button { display: flex; align-items: center; justify-content: center; padding:50px 0}
.contact.thanks .box .button a{ font-size:2.0rem; padding:15px; width:200px; border-radius:5px}




/*responsive*/
@media screen and (max-width:1070px){
    html{font-size: 1vw;}
}
@media screen and (max-width:940px){
}

@media screen and (max-width:599px){
    .pc{ display: none!important;}
    .sp{ display: block!important;}
    html{font-size: 1.5vw;}
    header{ height:45px}
    header .wrap .button a{ width:100%}
    header .wrap h1 img{ width:100px;margin-right: 5px;}
    header .wrap h1 strong{ letter-spacing: -0.1em;}
    header .button{ width:48%}
    .mv{ padding: 45px 0 0 0;}
    header .wrap .button a{ height: 30px; white-space: nowrap;letter-spacing: -0.1em;}
    header .wrap .button a span{ margin:0; font-size:12px}
    section.button { padding:25px 0;}
    section.button a{ height: 50px;}
    .introduction h2{ letter-spacing: -0.025em; padding:15px 0}
    .introduction .list{ padding:25px 0; background-size: cover; background-position:bottom}
    .introduction ul{ padding:0 25px}
    .introduction .list .box li{ font-size:2.4rem; margin-bottom:10px}
    .introduction .list .box .note{ text-align: right; width:90%; margin:0 auto; padding-left: 0;}
    .introduction .knowledge h3{ padding:25px 0}
    .introduction .knowledge small{ margin-top:5px}
    .introduction .knowledge .graph{ margin-bottom:25px}
    .introduction .mission .box{ width:90%; font-size:3.5rem;}
    .introduction .mission .box span{ font-weight: bold;}
    .introduction .mission .box i{ font-size:4.0rem; font-weight: bold;}
    .scheme h2{ padding:25px 0 15px 0}
    .scheme h3 i{ width:40%; margin:0 auto; height: 20px; top:-12px}
    .scheme h3 strong{ font-size:4.2rem}
    .scheme .basics { background-image:url(images/bg_basics_sp.jpg)}
    .scheme .basics li{ width:48%; margin-bottom:25px }
    .scheme .block{ padding:25px 0}
    .scheme .box{ padding:25px 0 0 0}
    .scheme .basics li span{ font-size:2.2rem}
    .scheme .basics li strong{ font-size:3.5rem}
    .scheme .basics ul{ margin-bottom:0}
    .scheme .basics .single li{ width:100%}
    .scheme .practice h4{ letter-spacing: -0.05em; white-space: nowrap;}
    .scheme .practice h4 strong{ font-size:3.5rem}
    .scheme .practice li{ width:100%; margin-bottom:25px}
    .scheme .practice li strong{ font-size:3.5rem}
    .scheme .practice li span{ font-size:2.2rem; white-space: nowrap;}
    .scheme .special .box .wrap{ width:100%;}
    .scheme .special .box .wrap:first-child h4 span{ transform:none; text-indent: 0; width:100%}
    .scheme .special li i{ font-size:2.4rem}
    .scheme .special li strong{ font-size:3.5rem}
    .scheme .special li span{ font-size:2.2rem}
    .scheme .special li strong small{ font-size:2.4rem}
    .scheme .special .box{ padding-bottom:25px}
    .scheme .price dd.ryoukin{ font-size:3.6rem}
    .scheme .price dd.ryoukin i{ font-size:5.5rem}
    .scheme .price dd.ryoukin:last-child{ border-top:1px solid #1B466F; text-align: center;}
    .scheme .price ul{ border:1px solid #1B466F; padding:15px; width:calc(80% - 30px); margin:25px auto}
    .scheme .price li{ display: flex; font-size:2.2rem}
    .scheme .price .tyuuuto{ display: block; text-align: center; font-size:2.2rem; text-align: center;}
    .scheme .price .tyuuuto strong{ display: block; margin:0; }
    .scheme .price h4{ letter-spacing: -0.05em;}
    .scheme .price .box{padding-bottom:25px }
    .curriculum .block{ padding:25px 0}
    .curriculum .box{ width:90%; padding-bottom:25px; margin-bottom:25px}
    .curriculum h2 i{ width:50%; margin:0 auto; height: 20px; top:-10px;}
    .curriculum h3{ font-size:3.2rem}
    .curriculum h3 i{ font-size:2.8rem}
    .curriculum h4{ font-size:3.5rem; }
    .curriculum h4 small{ font-size:2.5rem}
    .curriculum tbody td:first-child{ width:35px}
    .curriculum tbody td{ padding:5px}
    .curriculum .anshin{ display: block; text-align: center; font-size:2.2rem; text-align: center; width:90%}
    .curriculum .anshin i{ display: block; margin:0; border-radius: 0;}
    .curriculum .mtmsupport tbody td:first-child{ width:50px}
    .matome{ background-size: 125%; background-position: bottom center; background-repeat:no-repeat; padding:25px 0 100px 0}
    .matome .button{ padding:25px 0;}
    .matome .button a{ height:50px}
    footer .wrap{ flex-direction: column; align-items: center;}
    footer .branding {margin-bottom:25px}
    footer .branding img{ width:100px;}
    footer .tel a strong{ font-size: 7.0rem;}
    footer ul{ flex-wrap: wrap;}
    footer li{ margin-bottom:15px; font-size:2.2rem}
    footer li:nth-child(2){ border-right: 1px solid #ffffff; }
    footer .copyright{ padding-top:0}
    .contact dt,
    .contact dd{ display: block; width:100%}
    .contact dt{ border-bottom:none; padding-bottom:0}


}
@media screen and (max-width:340px){
}