.l-container.is-col2 .l-sidebar__inner {
padding:0 15px 40px;
}
.l-container .l-contents {
padding-bottom:80px;
}
@media all and (min-width: 740px) {
.l-container .l-contents {
padding-bottom:20px;
}
.l-container.is-col2 {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:1100px;
margin:0 auto;
}
.l-container.is-col2 .l-contents {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
width:calc(100% - 300px - 50px);
}
.l-container.is-col2 .l-sidebar {
position:relative;
width:300px;
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
overflow:hidden;
}
.l-container.is-col2 .l-sidebar__inner {
padding:80px 0;
}
}
.u-media-query {
display:none;
font-family:'sp';
}
@media all and (min-width: 740px) {
.u-media-query {
font-family:'pc';
}
}
@media all and (max-width: 739px) {
.u-view-pc {
display:none !important;
}
}
@media all and (min-width: 740px) {
.u-view-sp {
display:none !important;
}
}
.u-alpha {
display:block;
text-decoration:none;
}
@media all and (min-width: 740px) {
.u-alpha {
-webkit-transition:all .3s ease;
transition:all .3s ease;
}
.u-alpha:hover {
opacity:.7;
}
}
.u-cf:after {
content:"";
display:block;
clear:both;
}
.u-inner {
box-sizing:border-box;
}
@media all and (max-width: 739px) {
.u-inner {
padding-left:15px;
padding-right:15px;
}
}
@media all and (min-width: 740px) {
.u-inner {
width:100%;
max-width:1100px;
margin:auto;
}
}
.u-blue {
color:#39bbe6;
}
.u-orange {
color:#f8a91b;
}
.u-yellow {
color:#f6ee33;
}
.u-uppercase {
text-transform:uppercase;
}
.c-archive01__item {
position:relative;
margin:30px 10px;
}
.c-archive01__new {
position:absolute;
width:60px;
height:15px;
top:-10px;
left:-10px;
}
.c-archive01__img {
margin-bottom:18px;
}
.c-archive01__img img {
height:auto;
}
.c-archive01__cat {
margin-bottom:10px;
}
.c-archive01__cat-item {
font-size:18px;
font-weight:700;
display:inline-block;
background:#ffeacb;
padding:3px 10px;
margin-right:3px;
margin-bottom:5px;
}
.c-archive01__cat-item.is-textbook {
background:#fff78e;
}
.c-archive01__cat-item.junior {
background:#d9f1e1;
}
.c-archive01__cat-item.high {
background:#fbebeb;
}
.c-archive01__cat-item.other {
background:#ddecf2;
}
.c-archive01__cat-item[class*="junior"] {
background:#d9f1e1;
}
.c-archive01__cat-item[class*="high"] {
background:#fbebeb;
}
.c-archive01__cat-item[class*="other"] {
background:#ddecf2;
}
.c-archive01__name {
font-size:18px;
font-weight:700;
}
.c-archive01__tit {
font-size:20px;
font-weight:700;
line-height:1.5;
margin-bottom:5px;
}
.c-archive01__btn {
width:250px;
margin:5px auto 0;
text-align:center;
}
.c-archive01__btn-link {
display:block;
padding:10px;
border-radius:60px;
color:#fff;
background:#ffaa31;
text-decoration:none;
font-weight:700;
}
.c-archive01__btn-area {
margin-top:15px;
}
@media all and (min-width: 740px) {
.c-archive01 {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0 -20px -90px;
}
.c-archive01__item {
width:306px;
margin:0 20px 90px;
padding-bottom:65px;
}
.c-archive01__cat-item {
font-size:14px;
}
.c-archive01__name {
font-size:16px;
}
.c-archive01__tit {
font-size:18px;
}
.c-archive01__btn {
width:100%;
}
.c-archive01__btn-link:hover {
color:#fff;
}
.c-archive01__btn-link.junior {
background:#56bf81;
}
.c-archive01__btn-link.high {
background:#ff8f8f;
}
.c-archive01__btn-link.other {
background:#39bbe6;
}
}
.c-archive02__item {
position:relative;
margin:30px 0;
}
.c-archive02__new {
position:absolute;
width:60px;
height:15px;
top:-10px;
left:-10px;
}
.c-archive02__img {
margin-bottom:8px;
}
.c-archive02__img img {
height:auto;
}
.c-archive02__date {
margin-bottom:3px;
line-height:1.5;
color:#ababab;
text-align:right;
}
.c-archive02__cat-item {
color:#5bc4e7;
font-size:11px;
font-weight:700;
display:inline-block;
background:#fff;
border:1px solid #5bc4e7;
padding:3px 10px;
margin-right:3px;
margin-bottom:14px;
box-sizing:border-box;
}
.c-archive02__cat-item.is-textbook {
background:#fff78e;
}
.c-archive02__cat-item.junior {
background:#d9f1e1;
}
.c-archive02__cat-item.high {
background:#fbebeb;
}
.c-archive02__cat-item.other {
background:#ddecf2;
}
.c-archive02__tit {
color:#4c4c4c;
font-weight:700;
line-height:1.5;
margin-bottom:5px;
}
@media all and (min-width: 740px) {
.c-archive02 {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0 -15px -50px;
}
.c-archive02__item {
width:360px;
margin:0 15px 30px;
padding-bottom:20px;
}
.c-archive02__date-item {
font-size:15px;
}
.c-archive02__cat-item {
font-size:14px;
border:2px solid #5bc4e7;
}
.c-archive02__tit {
font-size:16px;
}
}
.c-archive03__item-in {
display:block;
padding:15px 0;
border-bottom:1px solid #e1e9ef;
text-decoration:none;
color:#4c4c4c;
}
.c-archive03__item-date {
display:inline-block;
margin:0 10px 3px 0;
color:#656565;
font-weight:700;
font-size:11px;
}
.c-archive03__item-cat {
display:inline-block;
margin:0 3px 3px 0;
padding:0 6px;
border:1px solid currentColor;
color:#5bc4e7;
font-size:11px;
}
.c-archive03__item-head {
margin-top:5px;
line-height:1.8;
font-size:13px;
}
@media all and (min-width: 740px) {
.c-archive03__item-in {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:24px 20px;
}
.c-archive03__item-in:hover .c-archive03__item-head {
color:#5bc4e7;
}
.c-archive03__item-meta {
width:235px;
}
.c-archive03__item-date {
font-size:14px;
}
.c-archive03__item-cat {
margin:0 0 1px 0;
padding:1px 6px;
font-size:14px;
}
.c-archive03__item-head {
margin-top:0;
width:calc(100% - 235px);
font-size:15px;
-webkit-transition:color .3s ease;
transition:color .3s ease;
}
}
.c-head01 {
text-align:center;
font-weight:700;
}
.c-head01__sub {
font-size:12px;
margin-bottom:5px;
}
@media all and (min-width: 740px) {
.c-head01__sub {
margin-top:10px;
font-size:20px;
}
}
.c-head01__main {
font-size:24px;
line-height:1.4;
}
@media all and (min-width: 740px) {
.c-head01__main {
font-size:43px;
}
}
.c-head01__main.main-skyblue {
color:#39bbe6;
}
.c-head01__main.main-red {
color:#f47c5c;
}
.c-head01.head-white {
color:#fff;
}
.c-head02 {
position:relative;
margin-bottom:23px;
padding:7px 0 10px;
text-align:center;
border-top:2px solid #50bae7;
border-bottom:2px solid #50bae7;
line-height:1.5;
font-size:17px;
font-weight:700;
}
@media all and (min-width: 740px) {
.c-head02 {
margin-bottom:40px;
padding:17px 0;
border-width:3px;
font-size:27px;
}
}
.c-head02:before,
.c-head02:after {
position:absolute;
content:'';
display:block;
top:100%;
left:50%;
width:0;
height:0;
border:8px solid transparent;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
}
@media all and (min-width: 740px) {
.c-head02:before,
.c-head02:after {
border-width:12px;
}
}
.c-head02:before {
z-index:1;
border-top-color:#fff;
margin-top:-3px;
}
@media all and (min-width: 740px) {
.c-head02:before {
margin-top:-4px;
}
}
.c-head02:after {
z-index:0;
border-top-color:#50bae7;
}
.c-head02.is-green {
border-color:#56bf81;
}
.c-head02.is-green:after {
border-top-color:#56bf81;
}
.c-head02.is-bg-green:before {
border-top-color:#d9f1e1;
}
.c-btn01 {
max-width:240px;
margin:30px auto 0;
text-align:center;
}
.c-btn01__link {
display:block;
padding:10px 0;
border:1px solid #4c4c4c;
text-decoration:none;
background:#4c4c4c;
color:#fff;
}
@media all and (min-width: 740px) {
.c-btn01 {
max-width:300px;
}
.c-btn01__link {
padding:15px 0;
-webkit-transition:all .3s ease;
transition:all .3s ease;
}
.c-btn01__link:hover {
opacity:.7;
}
}
.c-btn01.is-white .c-btn01__link {
background:#fff;
color:#4c4c4c;
}
.c-btn02 {
max-width:100%;
width:300px;
margin-top:15px;
margin-right:auto;
margin-left:auto;
}
.c-btn02__link {
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:100%;
min-height:47px;
padding:0 20px;
box-sizing:border-box;
border-radius:9999px;
background:#4db9e1;
color:#fff;
text-decoration:none;
}
.c-btn02__link:before {
position:absolute;
content:'';
width:5px;
height:5px;
top:50%;
right:15px;
margin-top:-4px;
border-bottom:2px solid currentColor;
border-right:2px solid currentColor;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.c-btn02__txt {
line-height:1.5;
font-weight:700;
font-size:15px;
}
.c-btn02__ico {
display:inline-block;
width:18px;
height:18px;
margin:-10px 5px 0 0;
}
@media all and (min-width: 740px) {
.c-btn02 {
width:680px;
}
.c-btn02__link {
padding:0 30px;
min-height:80px;
}
.c-btn02__link:before {
margin-top:-3px;
right:25px;
}
.c-btn02__link:hover {
opacity:.7;
color:#fff;
}
.c-btn02__txt {
font-size:30px;
}
.c-btn02__ico {
width:36px;
height:36px;
margin:0 10px 0 0;
}
}
.c-btn02.is-orange .c-btn02__link {
background:#ffaa31;
}
@media all and (min-width: 740px) {
.c-btn02.is-360-pc {
width:360px;
}
.c-btn02.is-360-pc .c-btn02__link {
min-height:60px;
}
.c-btn02.is-360-pc .c-btn02__txt {
font-size:18px;
}
}
#wrapper {
overflow:hidden;
}
#main {
margin:0;
}
.c-masterstudy-hero {
position:relative;
height:225px;
margin-top:2px;
}
.c-masterstudy-hero__bg {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}
.c-masterstudy-hero__bg img {
object-fit:cover;
width:100%;
height:100%;
}
.c-masterstudy-hero__inner {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-align:center;
color:#fff;
line-height:1.5;
font-weight:700;
letter-spacing:0.1em;
text-shadow:0px 0px 5px rgba(0,
0,
0,
0.2);
}
.c-masterstudy-hero__sub {
font-size:12px;
}
.c-masterstudy-hero__txt {
font-size:20px;
line-height:1;
margin-top:15px;
}
.c-masterstudy-hero__main {
font-size:30px;
}
@media all and (min-width: 740px) {
.c-masterstudy-hero {
height:450px;
margin-top:64px;
}
.c-masterstudy-hero__sub {
font-size:30px;
}
.c-masterstudy-hero__txt {
font-size:38px;
margin-top:35px;
margin-bottom:-5px;
}
.c-masterstudy-hero__main {
font-size:66px;
}
.c-masterstudy-hero.is-all {
margin:0 calc(50% - 50vw);
width:100vw;
}
}
.c-masterstudy-intro__inner {
padding-top:20px;
padding-bottom:30px;
}
.c-masterstudy-intro__lead {
font-weight:700;
font-size:15px;
}
@media all and (min-width: 740px) {
.c-masterstudy-intro__inner {
padding-top:60px;
padding-bottom:60px;
}
.c-masterstudy-intro__lead {
font-size:18px;
text-align:center;
}
}
.c-masterstudy-tab-nav {
border-bottom:3px solid #48b371;
}
.c-masterstudy-tab-nav-list {
font-size:12px;
font-weight:500;
line-height:1.4;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
height:78px;
padding:0 20px 0 25px;
}
.c-masterstudy-tab-nav-list__item {
position:relative;
margin-right:5px;
height:70px;
background:linear-gradient(135deg,
 #d1f3de 0%,
 #d1f3de 50%,
 #c1eed1 50.1%,
 #c1eed1 100%);
color:#48b371;
border-radius:10px 10px 0 0;
overflow:hidden;
-webkit-transition:all .3s ease;
transition:all .3s ease;
cursor:pointer;
}
.c-masterstudy-tab-nav-list__item:before {
content:'';
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:linear-gradient(135deg,
 #66c88f 0%,
 #66c88f 50%,
 #49b371 50.1%,
 #49b371 100%);
opacity:0;
-webkit-transition:opacity .3s ease;
transition:opacity .3s ease;
}
.c-masterstudy-tab-nav-list__item.active {
height:100%;
color:#fff;
}
.c-masterstudy-tab-nav-list__item.active:before {
opacity:1;
}
.c-masterstudy-tab-nav-list__item-in {
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:100%;
padding:10px 15px;
box-sizing:border-box;
}
.c-masterstudy-tab-nav-list__item-ico {
-webkit-box-flex:0;
-ms-flex:0 0 36px;
flex:0 0 36px;
max-width:36px;
}
.c-masterstudy-tab-nav-list__item-txt {
text-align:center;
-webkit-box-flex:0;
-ms-flex:0 0 calc(100% - 36px);
flex:0 0 calc(100% - 36px);
max-width:calc(100% - 36px);
width:calc(100% - 36px);
}
.c-masterstudy-tab-main__cont {
display:none;
}
.c-masterstudy-tab-main__cont.active {
display:block;
}
.c-masterstudy-tab-main__cont-inner {
padding-top:20px;
}
@media all and (max-width: 739px) {
.c-masterstudy-tab-nav {
overflow:auto;
}
.c-masterstudy-tab-nav-list__item {
-webkit-box-flex:0;
-ms-flex:0 0 160px;
flex:0 0 160px;
max-width:160px;
}
}
@media all and (min-width: 740px) {
.c-masterstudy-tab-nav {
max-width:1100px;
margin:0 auto;
}
.c-masterstudy-tab-nav-list {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:17px;
height:110px;
padding:0 0 0 19px;
}
.c-masterstudy-tab-nav-list__item {
-webkit-box-flex:0;
-ms-flex:0 0 354px;
flex:0 0 354px;
max-width:354px;
margin-right:19px;
height:100px;
border-radius:20px 20px 0 0;
}
.c-masterstudy-tab-nav-list__item:hover {
height:100%;
color:#fff;
}
.c-masterstudy-tab-nav-list__item:hover:before {
opacity:1;
}
.c-masterstudy-tab-nav-list__item-ico {
-webkit-box-flex:0;
-ms-flex:0 0 68px;
flex:0 0 68px;
max-width:68px;
margin-right:20px;
}
.c-masterstudy-tab-nav-list__item-ico img {
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.c-masterstudy-tab-nav-list__item-txt {
text-align:center;
-webkit-box-flex:0;
-ms-flex:0 1 auto;
flex:0 1 auto;
max-width:calc(100% - 88px);
width:auto;
}
.c-masterstudy-tab-nav-list.is-quartet .c-masterstudy-tab-nav-list__item {
-webkit-box-flex:0;
-ms-flex:0 0 249px;
flex:0 0 249px;
max-width:249px;
}
}
.c-masterstudy-back {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.c-masterstudy-back__link {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
color:#48b371;
line-height:1.4;
font-size:12px;
font-weight:500;
text-decoration:underline;
}
.c-masterstudy-back__link:after {
display:inline-block;
content:'';
width:5px;
height:5px;
margin:2px 2px 0 8px;
border-left:2px solid #48b371;
border-top:2px solid #48b371;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
@media all and (min-width: 740px) {
.c-masterstudy-back__link {
font-size:14px;
font-weight:700;
}
.c-masterstudy-back__link:after {
margin-left:10px;
}
}
.c-masterstudy-bnr {
padding-top:15px;
}
@media all and (min-width: 740px) {
.c-masterstudy-bnr {
padding-top:70px;
}
}
.c-masterstudy-service.has-bg {
margin:30px 0 0;
background-color:#d9f1e1;
background-image:repeating-linear-gradient(to bottom, rgba(255,255,255,0) 19px, #f0f8ff 19px, #f0f8ff 19px, rgba(255,255,255,0) 20px, rgba(255,255,255,0) 37px, #f0f8ff 38px, #f0f8ff 38px),
repeating-linear-gradient(to right, rgba(255,255,255,0) 19px, #f0f8ff 19px, #f0f8ff 19px, rgba(255,255,255,0) 20px, rgba(255,255,255,0) 37px, #f0f8ff 38px, #f0f8ff 38px);
}
.c-masterstudy-service.has-bg .c-masterstudy-service__head {
line-height:1;
font-size:20px;
font-weight:700;
text-align:center;
margin:-5px 0 15px;
}
.c-masterstudy-service__inner {
padding-top:40px;
padding-bottom:40px;
}
.c-masterstudy-service-list {
padding:0 22px;
}
.c-masterstudy-service-list__item {
position:relative;
}
.c-masterstudy-service-list__item-in {
position:relative;
border-radius:20px;
overflow:hidden;
z-index:1;
background:#ccc;
margin-bottom:10px;
border:solid 3px #66c88f;
border-bottom:none;
}
.c-masterstudy-service-list__item-link {
display:block;
text-align:center;
font-size:15px;
font-weight:500;
text-decoration:none;
color:#fff;
}
.c-masterstudy-service-list__item-link:not(.is-disabled) .c-masterstudy-service-list__item-hover {
opacity:0;
}
.c-masterstudy-service-list__item-link.is-disabled {
pointer-events:none;
}
.c-masterstudy-service-list__item-img {
position:relative;
width:100%;
height:0;
padding-top:23.33333%;
}
.c-masterstudy-service-list__item-img img {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}
.c-masterstudy-service-list__item-hover {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.c-masterstudy-service-list__item-txt {
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:48px;
background:#66c88f;
background:linear-gradient(135deg,
 #66c88f 0%,
 #66c88f 50%,
 #49b371 50.1%,
 #49b371 100%);
}
.c-masterstudy-service-list__item-txt:after {
position:absolute;
content:'';
width:5px;
height:5px;
top:50%;
right:15px;
margin-top:-4px;
border-bottom:2px solid #fff;
border-right:2px solid #fff;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.c-masterstudy-service-list__item.is-basic .c-masterstudy-service-list__item-in {
border:solid 3px #6bcbea;
border-bottom:none;
}
.c-masterstudy-service-list__item.is-basic .c-masterstudy-service-list__item-txt {
background:linear-gradient(135deg,
 #6bcbea 0%,
 #6bcbea 50%,
 #4db9e1 50.1%,
 #4db9e1 100%);
position:relative;
height:55px;
}
.c-masterstudy-service-list__item.is-basic .c-masterstudy-service-list__item-small {
position:absolute;
top:-12px;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:120px;
height:25px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:12px;
background:#ffaa31;
color:#fff;
font-size:12px;
font-weight:bold;
}
@media all and (min-width: 740px) {
.c-masterstudy-service.has-bg {
margin:80px 0 0;
}
.c-masterstudy-service.has-bg .c-masterstudy-service__head {
font-size:34px;
margin:-20px 0 45px;
}
.c-masterstudy-service__inner {
padding-top:80px;
padding-bottom:100px;
}
.c-masterstudy-service-list {
padding:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.c-masterstudy-service-list__item {
-ms-flex-preferred-size:522px;
flex-basis:522px;
max-width:522px;
margin-bottom:30px;
}
.c-masterstudy-service-list__item:first-child {
margin-right:56px;
}
.c-masterstudy-service-list__item-link {
font-size:18px;
}
.c-masterstudy-service-list__item-link:hover {
color:#fff;
}
.c-masterstudy-service-list__item-link:hover .c-masterstudy-service-list__item-img {
background:#000;
}
.c-masterstudy-service-list__item-link:hover .c-masterstudy-service-list__item-img img {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
opacity:.8;
}
.c-masterstudy-service-list__item-link:hover .c-masterstudy-service-list__item-hover {
opacity:1;
}
.c-masterstudy-service-list__item-link:not(.is-disabled) .c-masterstudy-service-list__item-hover {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.c-masterstudy-service-list__item-link:not(.is-disabled) .c-masterstudy-service-list__item-hover:before,
.c-masterstudy-service-list__item-link:not(.is-disabled) .c-masterstudy-service-list__item-hover:after {
display:block;
content:'';
width:20px;
height:1px;
background:#66c88f;
margin:10px;
}
.c-masterstudy-service-list__item-img {
-webkit-transition:background .3s ease;
transition:background .3s ease;
}
.c-masterstudy-service-list__item-img img {
-webkit-transition:all .3s ease;
transition:all .3s ease;
}
.c-masterstudy-service-list__item-hover {
-webkit-transition:opacity .3s ease;
transition:opacity .3s ease;
}
.c-masterstudy-service-list__item-txt {
height:60px;
}
.c-masterstudy-service-list__item-txt:after {
right:20px;
}
.c-masterstudy-service-list__item-in {
border:solid 6px #66c88f;
border-right:solid 6px #49b371;
border-bottom:none;
}
.c-masterstudy-service-list__item.is-basic {
margin-top:10px;
-ms-flex-preferred-size:1100px;
flex-basis:1100px;
max-width:1100px;
}
.c-masterstudy-service-list__item.is-basic .c-masterstudy-service-list__item-img {
padding-top:16%;
}
.c-masterstudy-service-list__item.is-basic .c-masterstudy-service-list__item-in {
border:solid 6px #6bcbea;
border-right:solid 6px #4db9e1;
border-bottom:none;
}
.c-masterstudy-service-list__item.is-basic .c-masterstudy-service-list__item-txt {
height:80px;
font-size:24px;
}
.c-masterstudy-service-list__item.is-basic .c-masterstudy-service-list__item-small {
position:relative;
top:auto;
left:auto;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
font-size:20px;
width:200px;
height:40px;
margin-right:20px;
border-radius:20px;
}
}
.c-masterstudy-scene {
background-color:#d9f1e1;
background-image:repeating-linear-gradient(to bottom,
 rgba(255,
255,
255,
0) 19px,
 #f0f8ff 19px,
 #f0f8ff 19px,
 rgba(255,
255,
255,
0) 20px,
 rgba(255,
255,
255,
0) 37px,
 #f0f8ff 38px,
 #f0f8ff 38px),
repeating-linear-gradient(to right,
 rgba(255,
255,
255,
0) 19px,
 #f0f8ff 19px,
 #f0f8ff 19px,
 rgba(255,
255,
255,
0) 20px,
 rgba(255,
255,
255,
0) 37px,
 #f0f8ff 38px,
 #f0f8ff 38px);
}
.c-masterstudy-scene__inner {
padding-top:40px;
padding-bottom:35px;
}
.c-masterstudy-scene__head {
line-height:1.5;
font-size:17px;
font-weight:700;
text-align:center;
margin:-5px 0 15px;
}
.c-masterstudy-scene__bnr {
padding:10px 0 15px;
}
.c-masterstudy-scene__pop {
max-width:300px;
background:#56bf81;
padding:9px 0;
margin-top:0;
}
.c-masterstudy-scene__pop:after {
border-top-color:#56bf81;
}
.c-masterstudy-scene__head:before {
border-top-color:#d9f1e1;
}
@media all and (max-width: 739px) {
.c-masterstudy-scene-set {
margin-top:20px;
}
}
.c-masterstudy-scene-set__img {
border-radius:50%;
overflow:hidden;
z-index:1;
}
.c-masterstudy-scene-set__head {
margin-top:15px;
padding-bottom:15px;
text-align:center;
font-weight:700;
font-size:15px;
line-height:1.4;
border-bottom:1px solid #c1d1d4;
}
.c-masterstudy-scene-set__list {
margin-top:10px;
}
.c-masterstudy-scene-set__item {
position:relative;
padding-left:1em;
font-size:12px;
}
.c-masterstudy-scene-set__item:before {
position:absolute;
display:inline-block;
top:0;
left:0;
content:"\30FB";
}
@media all and (max-width: 340px) {
.c-masterstudy-scene__head {
font-size:15px;
}
}
@media all and (min-width: 740px) {
.c-masterstudy-scene__inner {
padding-top:80px;
padding-bottom:60px;
}
.c-masterstudy-scene__bnr {
padding:20px 0 45px;
}
.c-masterstudy-scene__pop {
padding:7px 0;
border-radius:30px;
}
.c-masterstudy-scene__head {
font-size:27px;
margin:-10px 0 40px;
}
.c-masterstudy-scene__content {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:30px;
}
.c-masterstudy-scene-set {
-ms-flex-preferred-size:340px;
flex-basis:340px;
}
.c-masterstudy-scene-set__head {
margin-top:20px;
min-height:70px;
font-size:18px;
box-sizing:border-box;
}
.c-masterstudy-scene-set__item {
font-size:16px;
line-height:1.75;
}
}
.c-masterstudytrial-trial-bnr {
margin-top:30px;
}
@media all and (min-width: 740px) {
.c-masterstudytrial-trial-bnr {
margin-top:80px;
}
.c-masterstudytrial-trial-bnr__link:hover {
opacity:.7;
}
}
.c-masterstudy-plan__inner {
padding-top:30px;
padding-bottom:30px;
}
.c-masterstudy-plan__table thead th {
position:relative;
color:#fff;
padding:10px 0;
box-sizing:border-box;
vertical-align:middle;
background:linear-gradient(135deg,
 #adadad 0%,
 #adadad 50%,
 #949494 50.1%,
 #949494 100%);
}
.c-masterstudy-plan__table thead th .head {
font-size:14px;
}
.c-masterstudy-plan__table thead th .txt {
font-size:19px;
line-height:1;
}
.c-masterstudy-plan__table thead th .txt .is-small {
font-weight:normal;
font-size:12px;
}
.c-masterstudy-plan__table thead th .note {
font-weight:normal;
font-size:10px;
margin-top:3px;
opacity:.8;
}
.c-masterstudy-plan__table thead th .copy {
position:absolute;
top:-5px;
right:0;
font-size:12px;
font-weight:normal;
color:#48b371;
background:#e7fff0;
padding:0 5px;
border:solid 1px #48b371;
}
.c-masterstudy-plan__table thead th:first-child {
background:none;
}
.c-masterstudy-plan__table thead th.is-basic {
background:linear-gradient(135deg,
 #93cdee 0%,
 #93cdee 50%,
 #1c6bc3 50.1%,
 #1c6bc3 100%);
}
.c-masterstudy-plan__table thead th.is-premium {
background:linear-gradient(135deg,
 #ffb441 0%,
 #ffb441 50%,
 #ff9c27 50.1%,
 #ff9c27 100%);
}
.c-masterstudy-plan__table thead th.is-premium .copy {
color:#ff9c27;
background:#fff4e8;
border:solid 1px #ff9c27;
}
.c-masterstudy-plan__table thead th.is-premium sup {
font-size:10px;
vertical-align:top;
}
.c-masterstudy-plan__table tbody th,
.c-masterstudy-plan__table tbody td {
border:solid 1px #c1d1d4;
padding:15px 20px;
box-sizing:border-box;
vertical-align:middle;
}
.c-masterstudy-plan__table tbody th {
text-align:left;
background:#ecf5f7;
}
.c-masterstudy-plan__table td {
font-size:12px;
width:200px;
min-width:200px;
text-align:center;
}
.c-masterstudy-plan__table td:first-child {
width:365px;
text-align:left;
}
.c-masterstudy-plan__table td:nth-child(3) {
color:#4378b8;
}
.c-masterstudy-plan__table td:nth-child(4) {
color:#ff9c27;
}
.c-masterstudy-plan__table td span {
font-size:24px;
line-height:1.1;
}
.c-masterstudy-plan__table td .flex {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.c-masterstudy-plan__table td .note {
font-size:11px;
padding-left:5px;
line-height:1.4;
color:#4c4c4c;
text-align:left;
}
.c-masterstudy-plan__note {
margin-top:10px;
color:#a0a0a0;
font-size:11px;
}
@media all and (max-width: 739px) {
.c-masterstudy-plan__table {
width:650px;
min-width:650px;
}
.c-masterstudy-plan__table-wrap {
display:block;
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
}
}
@media all and (min-width: 740px) {
.c-masterstudy-plan__inner {
padding-top:100px;
padding-bottom:100px;
}
.c-masterstudy-plan__table {
margin-top:55px;
width:100%;
}
.c-masterstudy-plan__table thead th {
padding:15px 0;
width:33.3%;
}
.c-masterstudy-plan__table thead th .head {
font-size:17px;
}
.c-masterstudy-plan__table thead th .txt {
font-size:24px;
line-height:1.2;
}
.c-masterstudy-plan__table thead th .txt .is-small {
font-size:12px;
}
.c-masterstudy-plan__table thead th .note {
font-size:14px;
}
.c-masterstudy-plan__table thead th .copy {
font-size:14px;
}
.c-masterstudy-plan__table tbody th,
.c-masterstudy-plan__table tbody td {
padding:20px 25px;
}
.c-masterstudy-plan__table td {
font-size:14px;
width:243px;
}
.c-masterstudy-plan__table td .note {
font-size:14px;
}
.c-masterstudy-plan__note {
text-align:center;
margin-top:20px;
font-size:13px;
}
.c-masterstudy-plan__note.is-right {
text-align:right;
}
}
.c-table01 th,
.c-table01 td {
padding:10px;
}
@media all and (max-width: 739px) {
.c-table01 table,
.c-table01 thead,
.c-table01 tbody,
.c-table01 tr,
.c-table01 th,
.c-table01 td {
display:block;
}
.c-table01 th,
.c-table01 td {
border-top:1px solid #888;
}
}
@media all and (min-width: 740px) {
.c-table01 th,
.c-table01 td {
border:1px solid #888;
}
.c-table01 th {
padding:10px 15px;
}
.c-table01 td {
padding:10px 15px;
vertical-align:middle;
}
}
.c-table02 table {
table-layout:fixed;
width:100%;
}
.c-table02 th,
.c-table02 td {
padding:10px 16px;
border-width:1px 0 1px 0;
border-style:solid;
border-color:#ccc;
vertical-align:middle;
box-sizing:border-box;
font-size:13px;
}
.c-table02 th {
width:45%;
background:#f5f5f5;
font-weight:500;
text-align:left;
}
@media all and (min-width: 740px) {
.c-table02 th,
.c-table02 td {
padding:22px 29px;
font-size:16px;
}
.c-table02 th {
width:29%;
}
}
@media all and (max-width: 739px) {
.c-table02.is-block-sp table,
.c-table02.is-block-sp thead,
.c-table02.is-block-sp tbody,
.c-table02.is-block-sp tr,
.c-table02.is-block-sp th,
.c-table02.is-block-sp td {
display:block;
}
.c-table02.is-block-sp th,
.c-table02.is-block-sp td {
width:100%;
}
.c-table02.is-block-sp td {
border-width:0 0 0 0;
}
.c-table02.is-block-sp tr:last-of-type td {
border-width:0 0 1px 0;
}
}
.c-table02.is-blue th,
.c-table02.is-blue td {
border-color:#c1d1d4;
}
.c-table02.is-blue th {
background:#ecf5f7;
}
.mypage-info__inner {
padding-top:30px;
padding-bottom:10px;
}
.mypage-info__btn {
margin-top:25px;
}
.mypage-info__link {
margin:20px auto 0;
text-align:center;
}
.mypage-info__link-in {
position:relative;
display:inline-block;
text-decoration:none;
color:#4db9e1;
}
.mypage-info__link-txt {
position:relative;
padding-bottom:3px;
font-size:13px;
}
.mypage-info__link-txt:before {
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:1px;
background:currentColor;
}
.mypage-info__link-ico {
position:relative;
display:inline-block;
width:12px;
height:12px;
margin-left:5px;
}
.mypage-info__link-ico img {
position:absolute;
top:-5px;
left:0;
width:100%;
height:100%;
}
@media all and (min-width: 740px) {
.mypage-info__inner {
padding-top:60px;
}
.mypage-info__table {
max-width:925px;
margin:0 auto;
}
.mypage-info__btn {
margin-top:60px;
}
.mypage-info__link {
margin-top:30px;
}
.mypage-info__link-in:hover {
color:#4db9e1;
opacity:.7;
}
.mypage-info__link-txt {
font-size:18px;
}
.mypage-info__link-ico {
margin-left:10px;
-webkit-transition:.3s ease;
transition:.3s ease;
}
.mypage-info__link-ico img {
top:-10px;
}
}
.mypage-archive__inner {
padding-top:40px;
padding-bottom:40px;
}
.mypage-archive__head {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
padding-bottom:10px;
border-bottom:1px solid currentColor;
color:#4c4c4c;
font-weight:700;
}
.mypage-archive__head-en {
display:inline-block;
line-height:1.1;
font-size:30px;
}
.mypage-archive__head-link {
display:inline-block;
}
.mypage-archive__head-link-in {
position:relative;
display:inline-block;
padding-right:15px;
line-height:1.1;
text-decoration:none;
color:currentColor;
font-size:11px;
}
.mypage-archive__head-link-in:after {
content:'';
position:absolute;
content:'';
width:5px;
height:5px;
top:6px;
right:0;
margin-top:-4px;
border-bottom:2px solid currentColor;
border-right:2px solid currentColor;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
@media all and (min-width: 740px) {
    .mypage-archive__inner {
    padding-top:100px;
    padding-bottom:120px;
    }
    .mypage-archive__head {
    padding-bottom:15px;
    }
    .mypage-archive__head-en {
    font-size:27px;
    }
    .mypage-archive__head-link-in {
    font-size:14px;
    -webkit-transition:color .3s ease;
    transition:color .3s ease;
    }
    .mypage-archive__head-link-in:after {
    top:8px;
    }
    .mypage-archive__head-link-in:hover {
    color:#5bc4e7;
    }
}

.user-contact-step {}
.user-contact-step__inner {}
.c-step01 {
margin-top:30px;margin-bottom:45px;padding-left:25px;padding-right:25px;
}
.c-step01.is-mt0 {
margin-top:0;
}
.c-step01__item {
border-radius:5px;text-align:center;font-weight:bold;padding:5px;color:#56bf81;border:solid 2px;
}
.c-step01__item+.c-step01__item {
margin-top:25px;position:relative;
}
.c-step01__item+.c-step01__item:after {
content:"";position:absolute;left:50%;top:-22px;width:10px;height:17px;-webkit-transform:translateX(-50%) rotate(90deg);-ms-transform:translateX(-50%) rotate(90deg);transform:translateX(-50%) rotate(90deg);background:url(../img/common/ico_arw07.png) center center no-repeat;background-size:contain;
}
.c-step01__item.is-current {
padding:7px;color:#fff;border:none;background:linear-gradient(-45deg, #48b371 0%, #48b371 50%, #66c78e 50%, #66c78e 100%);
}
.c-step01__step {
font-size:12px;
}
@media all and (min-width: 740px) {
    .c-step01 {
    margin-top:80px;margin-bottom:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
    }
    .c-step01__item {
    width:260px;padding:14px;box-sizing:border-box;
    }
    .c-step01__item+.c-step01__item {
    margin-top:0;margin-left:34px;
    }
    .c-step01__item+.c-step01__item:after {
    width:16px;height:26px;top:50%;left:-26px;-webkit-transform:translateX(0) translateY(-50%) rotate(0);-ms-transform:translateX(0) translateY(-50%) rotate(0);transform:translateX(0) translateY(-50%) rotate(0);
    }
    .c-step01__item.is-current {
    padding:16px;
    }
    .c-step01__step {
    font-size:16px;
    }
    .c-step01__txt {
    font-size:18px;
    }
}

.user-contact-thanks-info__txt+.user-contact-thanks-info__txt {
    margin-top:1.5em;
}
@media all and (min-width: 740px){
    .user-contact-thanks-info__txt{
        text-align:center;
    }
}

.form-button-area {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.form-button-area ul.form-button__list {
    list-style: none outside;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.form-button-area ul.form-button__list li.form-button__item {
    float: none;
}
.form-button-area ul.form-button__list li.form-button__item:last-child {
    margin-left: 0px;
    margin-top: 20px;
}

.form-button-area .form-button-area__back_btn {
    border: none;
	-webkit-appearance: none;
	/* custom */
	background: #3f98f9 url(../img/common/ico_arw15.png) 16% center no-repeat;
	background-size: auto 28%;
	color: #fff;
	border-radius: 100px;
	padding: 12px 0 14px 30px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	font-weight: 600;
	font-size: 26px;
    padding: 22px 120px 25px 150px;
	width: auto;
	box-sizing: border-box;
}
.form-button-area .form-button-area__back_btn:hover {
    color: #fff;
    opacity: .7;
}
.form-button-area .form-button-area__back_btn:focus {
    /* cancel */
	border: none;
	outline: none;
	-webkit-appearance: none;
}
.form-button-area .form-button-area__btn {
	border: none;
	-webkit-appearance: none;
	/* custom */
	background: #ffaa31 url(../img/common/ico_contact02.png) 12% center no-repeat;
	background-size: auto 28%;
	color: #fff;
	border-radius: 100px;
	padding: 12px 0 14px 30px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	font-weight: 600;
	font-size: 26px;
    padding: 22px 80px 25px 150px;
	width: auto;
	box-sizing: border-box;
}

.form-button-area .changeBtn {
    border: none;
	-webkit-appearance: none;
    background: #ffaa31 url(../img/common/ico_arw03.png) 86% center no-repeat;
    background-size: auto 25%;
    color:#fff;
    border-radius: 100px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	font-weight: 600;
	font-size: 26px;
    padding: 22px 100px 25px 75px;
	width: auto;
	box-sizing: border-box;
}

.form-button-area .form-button-area__btn:hover,
.form-button-area .changeBtn:hover {
    background-color: #ffb931;
}
.form-button-area .form-button-area__btn:focus,
.form-button-area .changeBtn:focus {
    /* cancel */
	border: none;
	outline: none;
	-webkit-appearance: none;
}
.form-button-area .changeBtn:disabled {
    background-color: #dddddd;
}


@media screen and (min-width: 740px){
    .form-button-area ul.form-button__list {
        list-style: none outside;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .form-button-area ul.form-button__list li.form-button__item {
        float: left;
    }
    .form-button-area ul.form-button__list li.form-button__item:last-child {
        margin-left: 20px;
        margin-top: 0px;
    }
    .form-button-area .form-button-area__btn {
        padding: 22px 120px 25px 150px;
		font-size: 26px;
		background: #ffaa31 url(../img/common/ico_contact02.png) 18% center no-repeat;
		width: auto;
    }
    .form-button-area .form-button-area__back_btn {
        padding: 22px 120px 25px 150px;
		font-size: 26px;
		background: #3f98f9 url(../img/common/ico_arw15.png) 16% center no-repeat;
		width: auto;
    }
}

ul.mypage-info-btns {
    margin-top: 25px;
    list-style: outside none none;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}

ul.mypage-info-btns  li.mypage-info__btn {
    flex: 1;
    margin-bottom: 20px;
}
ul.mypage-info-btns  li.mypage-info__btn:last-child {
    margin-left: 0px;
    margin-bottom: 0px;
}
.mypage-info__btn.c-btn03 {
    margin-top: 0px;
}
.mypage-info__btn.c-btn03 .c-btn03__link {
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 47px;
    padding: 0 30px;
    box-sizing: border-box;
    border-radius: 9999px;
    background: #ffaa31;
    color: #fff;
    text-decoration: none;
}
.c-btn03__link.is_orange {
    background: #ffaa31;
}
.mypage-info__btn.c-btn03 .c-btn03__link:hover {
    color: #fff;
    opacity: .7;
}
.mypage-info__btn.c-btn03 .c-btn03__link:focus {
    border: none;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
}
.mypage-info__btn.c-btn03 .c-btn03__txt:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    top: 50%;
    right: 15px;
    margin-top: -4px;
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.mypage-info__btn.c-btn03 .c-btn03__txt {
    line-height: 1.5;
    font-weight: 700;
    font-size: 15px;
}
.mypage-info-links {
    width: 100%;
    margin: 0 auto;
}
.mypage-info-links.text-right {
    text-align: right;
}
.mypage-info__link.text-right {
    text-align: right;
}
.mypage-info__link.text-deco-none {
    text-decoration: none;
}
.mypage-info-btn.c-btn02 {
    margin-top: 0;
}
.mypage-info-btn .c-btn02__link {
    width: 100%;
}
.mypage-info-btn .c-btn02__txt {
    font-size: 0.813rem;
    font-weight: normal;
}
@media screen and (min-width: 740px){
    ul.mypage-info-btns {
        margin-top: 60px;
        margin: 60px auto 0;
        max-width: 925px;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0 20px;
    }
    ul.mypage-info-btns li.mypage-info__btn {
        margin-bottom: 0;
    }
    ul.mypage-info-btns  li.mypage-info__btn:last-child {
        margin-top: 0;
    }
    .mypage-info__btn.c-btn03 {
        margin-top: 0px;
    }
    .mypage-info__btn.c-btn03 .c-btn03__link {
        min-height: 60px;
        padding: 0 45px;
    }
    .mypage-info__btn.c-btn03 .c-btn03__txt:before {
        margin-top: -3px;
        right: 25px;
    }
    .mypage-info__btn.c-btn03 .c-btn03__txt {
        font-size: 18px;
    }
    .mypage-info-links {
        max-width: 925px;
    }
    .mypage-info-btn.c-btn02 {
        margin-top: 0;
    }
    .mypage-info-btn .c-btn02__link {
        min-height: 50px;
        padding: 5px 30px;
        width: 390px;
    }
    .mypage-info-btn .c-btn02__txt {
        font-size: 1rem;
        font-weight: normal;
    }
}

a.c-btn00 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 0.813rem;
    padding: 5px 10px;
    color: #848484;
}
a.c-btn00.--border {
    border: 1px solid #ccc;
    border-radius: 5px;
}
a.c-btn00.--bg-none {
    background: none;
}
a.c-btn00:hover {
    background: #ccc;
    color: #4c4c4c;
    opacity: .7;
}
a.c-btn00:focus {
    border: none;
    outline: none;
	-webkit-appearance: none;
    appearance: none;
}
.gap--mypage-plan-info {
    gap: 0;
}
@media screen and (min-width: 740px){
    a.c-btn00 {
        max-width: 280px;
    }
    .gap--mypage-plan-info {
        gap: 0 42px;
    }
}

.mypage-cancel {
    .c-btn02{
        &.--small {
            .c-btn02__link {
                min-height: 50px;
                padding: 5px 30px;
                width: 280px;
            }
            .c-btn02__txt {
                font-size: 1rem;
                font-weight: normal;
            }
        }
        &.--arrow-left{
            .c-btn02__link {}
            .c-btn02__link::before {
                left: 35px;
                right: 0;
                transform: rotate(135deg);
            }
            .c-btn02__txt {
                font-size: 1.8rem;
                font-weight: 400;
            }
        }
        &.btn-back-to-mypage {
            margin-top: 50px;
            width: 90vw;
        }
    }
    .c-btn02__link {
        background-color: #6BB7DD;
    }
}
.cancel-section {
    &.--body {}
    .cancel-text {
        line-height: 1.846;
        margin-bottom: 20px;
        &.--alert {
            border: 1px solid #f00;
            padding: 10px;
            color: #f00;
            margin-bottom: 40px;
        }
        &.--small {
            font-size: 0.75rem;
            margin-bottom: 0;
        }
        &.text-right {
            text-align: right;
        }
        &.--has-border-top {
            border-top: 1px solid #ddd;
            margin-top: 50px;
            padding-top: 50px;
        }
        .cancel-text__link {
            text-decoration: none;
        }
    }
    &.--footer {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .cancel-section__title {
        display: flex;
        padding-bottom: 10px;
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: 700;
        border-bottom: 1px solid #ddd;
        gap: 0 5px;
        align-items: flex-end;
        .is-require {
            font-size: 14px;
        }
    }
    .cancel-section__title::before {
        content: "";
        width: 8px;
        height: 30px;
        border-radius: 2px;
        padding-top: 5px;
        background: #57bf82;
    }
    .cancel-survey__container {
        width: 100%;
    }
    .cancel-survey {
        .input-label {
            display: block;
        }
        .input {}
        .input-label {
            margin-left: 10px;
            margin-bottom: 8px;
            display: flex;
            gap: 0 8px;
            cursor: pointer;
        }
        .input-label:last-of-type {
            margin-bottom: 30px;
        }
        .input-checkbox {
            font-size: 1rem;
        }
        .input-textarea {
            width: 100%;
            margin-bottom: 10px;
        }
        .survey-text {
            margin-bottom: 10px;
        }
        .text-error {
            margin-bottom: 0;
        }
    }
}

@media screen and (min-width: 740px) {
    .mypage-cancel {
        .c-btn02{
            &.--small {
                    min-height: 50px;
                    padding: 5px 30px;
                    width: 280px;
                .c-btn02__txt {
                    font-size: 1rem;
                }
            }
            &.--arrow-left{
                .c-btn02__link {
                    min-height: 64px;
                }
                .c-btn02__link::before {
                    left: 45px;
                    right: 0;
                }
                .c-btn02__txt {}
            }
            &.btn-back-to-mypage {
                width: 450px;
            }
            &.--change-plan {}
        }
    }
    .cancel-section {
        &.--body {
            padding-bottom: 50px;
        }
        .cancel-text {
            margin-bottom: 30px;
            &.--alert {
                padding: 20px 30px;
                margin-bottom: 50px;
            }
            &.--small {
                font-size: 0.9rem;
                margin-bottom: 0;
            }
            &.--has-border-top {}
            .cancel-text__link {}
        }
        &.--footer {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .cancel-section__title {
        padding-bottom: 20px;
        margin-bottom: 20px;
        font-size: 20px;
        gap: 0 10px;
        .is-require {
            font-size: 16px;
        }
    }
    .cancel-section__title::before {
        width: 8px;
        height: 30px;
    }

    .cancel-survey__container {}
    .cancel-survey {
        max-width: 600px;
        .input-label {
            margin-left: 20px;
        }
        .input {}
        .input-checkbox {}
        .input-textarea {
            width: 600px;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .survey-text {}
        .text-error {}
    }
    }
}