/* ------------------------------------- */
/* TOP PC・SP共通　　　　　　　　　　　　*/
/* ------------------------------------- */
#cts_inner {
	flex-direction: row-reverse !important;
}

.top-img {
    background: #000;
    background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%,#78cfb5 50%,#4b92cc 75%,#1955A6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #000000 0%,#000000 25%,#78cfb5 50%,#4b92cc 75%,#1955A6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #000000 0%,#000000 25%,#78cfb5c9 50%,#4b92ccdb 75%,#1955a6ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-size: 400% 400%;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    /* animation: Gradient 2s ease 1; */
    display: flex;
    /* width: 100vw; */
    height: 27vh;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: relative;
    /* cursor: pointer; */
    /* transition: .5s all; */
  }

@keyframes Gradient {
	from {
		background-position: 0% 0%
	}
	to {
		background-position: 100% 100%
    }
}
  
    
    #top-img_photo {
      position: absolute;
      left: 0;
      top: 0;
      background: rgb(0 0 0 / 0%) url(//www.pc-sokudoku.co.jp/img/top_new/topreading_m.jpg) no-repeat center center;
      background-size: cover;
      width: 100%;
      height: 39vh;
      overflow: hidden;
      z-index: 1;
      opacity: .75;
      mix-blend-mode: screen;
      /* transform: translate(-11px,-13px) scale(1.4); */
    }
    
    .top-img_txt {
        position: relative;
        /* top: 10vh;
        left: -35vw; */
        /* margin-left: 3vw;
        font-size: 2.7em; */
        font-weight: bold;
        z-index: 10;
        letter-spacing: .1em;
        text-shadow: 0 0 20px rgb(0 0 0);
        line-height: 1.75em;
        margin-left: 1em;
    }

    

    @keyframes fadeinToRight {
        from {
            opacity: 0;
            transform: translateX(-10%);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }
    @keyframes fadeinToTop {
        from {
            opacity: 0;
            transform: translateY(10%);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }



#top #main_cts section {
    clear: both;
}

#top #main_cts > div, #top #main_cts section > div {
    clear: both;
}

#newinfo{
    animation: SlideInRight 2000ms;
}

.newinfo_hd {
    color: #54546f;
    font-size: 1.4em;
    line-height: 1.5em;
    position: relative;
    left: 5%;
}
.newinfo_hd::before {
    position: absolute;
    top: 50%;
    left: -6%;
    content: '';
    display: inline-block;
    width: 5%;
    height: 1px;
    background: #01518c;
}
.newinfo_hd::after {
    position: absolute;
    top: 50%;
    content: '';
    display: inline-block;
    width: 5%;
    height: 1px;
    background: #1955a6;
}

.post_link_btn a {
    float: right;
    background-color: #088BA7;
    color: #fff !important;
    font-size: 1.1em;
    text-align: center;
    width: fit-content;
    height: 16%;
    /* line-height: 3vh; */
    margin-right: 0;
    border-radius: 20px;
    clear: both;
    margin-bottom: 8vh;
    padding: 5px;
    opacity: 1;
    transition: .5s;
}



#top .top-hd {
    margin-bottom: 10px;
}

#top .top-arrow {
    font-size: 0px;
    animation: SlideInRight 2000ms;
    z-index: 999;
}

.top-arrow-elm {
    height: 50px;
    vertical-align: bottom;
    bottom: 0;
    display: inline-block;
}

#top #top-arrow-head {
    background: #1955A6;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    line-height: 50px;
    left: 0;
    /* display: flex; */
    justify-content: center;
    align-items: center;
}

#top .top-arrow div:nth-child(2) {
    background: rgba(25, 85, 166, 0.78);
}

#top .top-arrow div:nth-child(3){
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #6e7f98;
}

/* .top-hd-txt { */
    .top-hd-txt ul li {
    vertical-align: bottom;
    color: #034A74;
    font-weight: bold;
    font-size: 1.2rem;
    margin-left: 7px;
    margin-top: 10px;
    animation: SlideInRight 2s;
    overflow-wrap: break-all;
    list-style-position: inside;
    list-style-type: none;
    padding-left: 1em;
    position: relative;
}

.top-hd-txt-elm {
    display: inline-block;
}

#top .top-hd-li {
    /* #top #top-hd-txt-1::before, #top #top-hd-txt-2::before { */
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #6d9bdc;
}

.top-hd-txt ul {
    width: 95%;
    /* margin-bottom: 2.5rem; */
    /* padding: 5px; */
}

/* .top-hd-txt ul li {
    list-style-position: inside;
    list-style-type: none;
} */
.top-hd-txt ul li:before {
    content: 'done_outline';
    font-family: "Material Icons";
    position: absolute;
    left: 0;
    top: 0;
}

#top #top-hd-txt-1, #top #top-hd-txt-2 {
    color: #034A74;
    font-weight: bold;
}

#merit {
    margin: 35px auto 35px; 
}

.merit-hd{
    color: #0F3566;
    font-weight: bold;
    position: relative;
    padding: 0.5em 0;
}

.merit-hd::after {
    content: "";
    display: block;
    height: 3px;
    background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
    background: linear-gradient(to right, rgb(25, 85, 166), transparent);
}

#options-pic{
    display: flex !important;
    flex-direction: row !important;
    /* justify-content: center !important; */
    align-items: center;
}

#option-school , #option-online {
    /* background: rgba(8, 139, 167, .34); */
    /* width: 34vw;
    height: 23vh; */
    /* color: #fff;
    font-size: 1.5em;
    font-weight: bold; */
    text-align: center;
    vertical-align: middle;
    z-index: -1;
    border-radius: 15px;
    max-width: 330px;
    filter: brightness(1.1);
    border: 1.7px solid #1955a69e;
}

#option-school {
    position: relative;
    background: linear-gradient( 135deg, rgb(8 139 167 / 0%), rgba(25, 85, 166, 0.2)),
  url(//www.pc-sokudoku.co.jp/img/top_new/kyoshitsu.jpg);
    background-size: 200%;
    background-position: right 68% bottom 68%;
    zoom: 1.;
}

#option-online {
    position: relative;
    /* left: 55vw; */
    background: linear-gradient( 135deg, rgb(8 139 167 / 0%), rgba(25, 85, 166, 0.2)),
  url(//www.pc-sokudoku.co.jp/img/top_new/online.jpg);
    background-size: 143%;
    background-position: right 16% bottom 48%;
    /* transform: initial; */
    /* filter: brightness(1.1); */
}

.op_txt{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    /* transform: translate(-50%,18%); */
    text-align: center;
    display: block;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    text-shadow:  2px  2px 10px #777 ,
               -2px  2px 10px #777 ,
                2px -2px 10px #777 ,
               -2px -2px 10px #777;
}

#option-plus {
    position: relative;
    top: 0vw;
    /* left: 40vw; */
    /* text-align: center;
    vertical-align: middle; */
    color: #A6199C;
    /* font-size: 84px; */
    text-shadow: 1px 1px 0 #088BA7;
    font-weight: bold;
    z-index: 2;
}

#option-list {
    width: 100%;
    padding: 5px;
}

#option-list li {
    list-style: disc;
    list-style-position: outside;
}
#option-list li::marker {
    margin-left: 5px;
}

#option-exp {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #088BA7;
    border-radius: 8px;
}

#option-exp #option-exp-hd {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #088BA7;
    font-weight: bold;
}
#option-exp ul {
    font-size: 1.2em;
}

#option-exp ul li:before {
    content: 'check';
    font-family: "Material Icons";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2em;
}
#option-exp ul li {
    list-style-type: none;
    list-style-position: outside;
    /* line-height:1.3em; */
    padding: 3px;
    padding-left: 1em;
    position: relative;
}

.imp {
    font-size: 1.2em;
    font-weight: bolder;
    color: #9924F2;

}

#keisoku_btn_label {
    width: 98%;
    height: 4vh;
    max-width: 750px;
    background-color: #1955A6;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    margin-top: 7vh;
    padding: 7.5px;
}

#keisoku_btn_label input {
    display: none;
}

.keisoku_acd_elm , .keisoku_acd_elm .acd_arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.2em;
}

.nayami_acd_elm .material-icons {
    font-size: 2.0em;
    line-height: 2.0em;
}


#keisoku_contents.closed{
    display: none;
    transition: all .5s linear;
}

#keisoku_contents.open {
    display: block;
    opacity: 1;
    width: 100%;
}

#keisoku_exp {
    color: #707070;
    font-size: 1.0em;
    margin: 5vh auto 5vh;
    /* padding-left: 2.5em; */
}

#keisoku_exp ul li {
    list-style-type: disc;

}

table{
    border-collapse: collapse !important;
    padding: 0 !important;
    width: 90% !important;
    max-width: 750px !important;
    table-layout: fixed !important;
}

table tr {
    background-color: #e6f2f5 !important;
    padding: .35em !important;
    border-bottom: 2px solid #fff !important;
    border-left: 2px solid #fff !important;
}
table th,
table td {
    padding: 1em 10px 1em 1em !important;
    /* border-right: 2px solid #fff !important; */
    width: 60%;
}
table th {
    font-size: .85em !important;
}
table thead tr{
    background-color: #167F92 !important;
    color:#fff !important;
}
table tbody th {
    background: #78bbc7 !important;
    color: #fff !important;
}
.txt{
    text-align: left;
    font-size: .85em !important;
}
.sp_gp{
    text-align: left;
    color: #167F92 !important;
    font-weight: bold !important;
}
.non{
    background:#fff !important;
    border: solid 1px #fff !important;
}

#variation_container {
    display: grid;
    /* grid-template-columns: 250px 250px 250px; */
    /* column-gap: 1em; */
    /* grid-auto-rows: 160px; */
    /* padding: 1em 2em 1em; */
}
.vbtn{
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.5rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

a.sokudoku_variation{
    overflow: hidden;
    padding: 0.5rem 1rem;
    color: #fff !important;
    border-radius: 10px;
    background: #fff;
    /* text-shadow: 2px  2px 0px #094b8e,
      -2px  2px 0px #094b8e,
       2px -2px 0px #094b8e,
      -2px -2px 0px #094b8e,
       2px  0px 0px #094b8e,
       0px  2px 0px #094b8e,
      -2px  0px 0px #094b8e,
       0px -2px 0px #094b8e; */
    text-shadow: 2px  2px 3px #0056ad,
      -2px  2px 3px #0056ad,
       2px -2px 3px #0056ad,
      -2px -2px 3px #0056ad,
       2px  0px 3px #0056ad,
       0px  2px 3px #0056ad,
      -2px  0px 3px #0056ad,
       0px -2px 3px #0056ad;
}

a.sokudoku_variation span{
    position: relative;
    background: #ccc0;
   
}

a.v1{
    border: 2px solid #9955A6;
    background-image: url(//www.pc-sokudoku.co.jp/img/top_new/kioku.jpg);
    background-size: cover;
}

a.v1::before{
    position: absolute;
    top: 0;
    left: 0;
    /* width: 270%;
    height: 270%; */
    content: "";
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
    background: #9955A6;
}
a.v2{
    border: 2px solid #1975A6;
    background-image: url(//www.pc-sokudoku.co.jp/img/top_new/eigo.jpg);
    background-size: cover;
}

a.v2::before{
    position: absolute;
    top: 0;
    left: 0;
    /* width: 270%;
    height: 270%; */
    content: "";
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
    background: #1975A6;
}
a.v3{
    border: 2px solid #195556;
    background-image: url(//www.pc-sokudoku.co.jp/img/top_new/kokugo.jpg);
    filter: brightness(1.);
    background-size: cover;
}

a.v3::before{
    position: absolute;
    top: 0;
    left: 0;
    /* width: 270%;
    height: 270%; */
    content: "";
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
    background: #195556;
}


a.sokudoku_variation:hover span {
    color: #fff;
}

a.sokudoku_variation:hover::before{
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

#teachers-pic {
    display: flex;
    justify-content: center;
}

.teacher{
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    /*border: 1.85px solid rgba(25, 156, 166, 1);*/
    background-repeat: no-repeat;
    background-size: cover; 
}

#teacher1 {
    background-image: url(//www.pc-sokudoku.co.jp/img/top_new/i_kusano.jpg);
}
#teacher2 {
    background-image: url(//www.pc-sokudoku.co.jp/img/top_new/instructor_gakuincho.jpg);
}
#teacher3 {
    background-image: url(//www.pc-sokudoku.co.jp/img/top_new/instructor_tugumoto.jpg);
}

.more-info {
	display: flex !important;
    justify-content: center;
    width: 90vw;
    height: 8vh;
    background-color: #088BA7;
    color: #fff !important;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    line-height: 8vh;
    border-radius: 30px;
    margin: 8vh auto 8vh;
    opacity: 1;
    transition: .5s;
}

.more-info:hover {
    font-size: 1.6em;
    opacity: .7;
}

.top_subhd {
    clear: both;
    text-align: center;
    margin: 7vh auto 5vh !important;
    position: relative;
    width: 50%;
    color: #262C30;
    font-size: 2.0em;
    font-weight: normal;
    /* border-bottom: 3px solid #1955A6; */
}


.top_subhd::after {
    position: absolute;
    bottom: 0;
    /* left: 10%; */
    width: 100%;
    /* margin: .7em 0 0 0; */
    top: 42px;
    height: 6px;
    content: '';
    border-radius: 10px;
    background-image: -webkit-gradient(linear, right top, left top, from(#5c9ee7a3), to(#2098d169));
    background-image: -webkit-linear-gradient(right, #5c9ee7a3 0%, #2098d169 100%);
    background-image: linear-gradient(to left, #5c9ee7a3 0%, #2098d169 100%);
    display: block;
}

.top_subhd2 {
    clear: both;
    text-align: center;
    margin: 0 auto 1vh !important;
    position: relative;
    width: 50%;
    color: #262C30;
    font-size: 2.0em;
    font-weight: normal;
    /* border-bottom: 3px solid #1955A6; */
}


.top_subhd2::after {
    position: absolute;
    bottom: 0;
    /* left: 10%; */
    width: 100%;
    /* margin: .7em 0 0 0; */
    top: 42px;
    height: 6px;
    content: '';
    border-radius: 10px;
    background-image: -webkit-gradient(linear, right top, left top, from(#5c9ee7a3), to(#2098d169));
    background-image: -webkit-linear-gradient(right, #5c9ee7a3 0%, #2098d169 100%);
    background-image: linear-gradient(to left, #5c9ee7a3 0%, #2098d169 100%);
    display: block;
}
  .top_subhd2_txt {
	
		   font-size:1.2rem;
	}
	.top_media_width{
		width:200px;
	}
    
#top_merits_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#top_merits_container ul{
    width: 100%;
    max-width: 750px;
    padding: .05em;
}
#top_merits_container ul li{
    display: flex;
    /* align-items: center; */
}
#top_merits_container ul li{
    height: 30vh;
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-bottom: 1em;*/
}
#top_merits_container ul li:nth-child(odd) {
    flex-direction: row-reverse;
}
#top_merits_container ul li:nth-child(odd) .txt {
    padding-right: 10px;
}
ul li:nth-child(even) .txt {
    padding-left: 10px;
}

.top_merit_img{
    width: 40%;
    height: 75%;
    border-radius: 8%;
    /* border: solid 1px #1955A6; */
    box-shadow: 3px 2px 8px #1955a6;
}

.top_merit_img_1 {
    background: url(//www.pc-sokudoku.co.jp/Image/top/readfast.jpg);
    background-size: cover;
	background-position: center;
}

.top_merit_img_2 {
    background: url(//www.pc-sokudoku.co.jp/Image/top/business.jpg);
    background-size: cover;
	background-position: center;
}

.top_merit_img_3 {
    background: url(//www.pc-sokudoku.co.jp/Image/top/study.jpg);
    background-size: cover;
	background-position: center;
}

.top_main_merit_inner{
    width: 50%;
    height: 90%;
    /* text-align: center; */
    /* background-color: rgba(25, 85, 166, 0.75); */
    padding: 2px;
    color: #1955a6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.merit_hd {
    width: fit-content;
    height: fit-content;
    font-size: 1.7em;
    font-weight: bold;
    margin: 3px auto;
    padding: 3px;
    /* background: linear-gradient(transparent 89%, #215c9e 100%); */
    color: #335d7f;
    line-height: 1.5em;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    height: -moz-fit-content;
    height: -webkit-fit-content;
}

.merit_content {
   width: 90%;
   height: fit-content;
   font-size: 1.2em;
   padding: .2em;
   margin-top: .3em;
   color: #37373e;
}

.more-info-small {
    float: right;
    background-color: #088BA7;
    color: #fff !important;
    font-size: 1.1em;
    text-align: center;
    width: fit-content;
    height: 10%;
    line-height: 4vh;
    margin-right: 0;
    border-radius: 20px;
    clear: both;
    margin-bottom: 8vh;
    padding: 10px;
    opacity: 1;
    transition: .5s;
}

.more-info-small:hover {
    font-size: 1.15em;
    opacity: .7;
}

section#nayami {
    margin-bottom: 9vh !important;
}

#nayami_btn_label {
    width: 95%;
    height: 8.5vh;
    max-width: 900px;
    background-color: #1955A6;
    border-radius: 20px;
    display: flex;
    align-items: center;
    text-align: left;
}

#nayami_btn_check {
    display: none;
}

/* #nayami_contents{
    display: none;
    transition: all .5s linear;
} */

#nayami_btn_check:checked ~ #nayami_contents{
    display: grid;
    grid-template-columns: 1fr 1fr;
    opacity: 1;
}
  

.nayami_acd_elm , .nayami_acd_elm .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.5em;
    margin: 10px auto 10px;
}

.nayami_acd_elm .material-icons {
    font-size: 2.3em;
    line-height: 2.3em;
}

#arrow_icon::before {
    font-family: 'Material Icons';
    font-size: 2em;
    content: "expand_more";
    transition: .5s;
}

#arrow_icon.open::before {
    transform: rotateX(180deg);
}


#nayami_contents.closed{
    display: none;
    transition: all .5s linear;
}

#nayami_contents.open {
    display: grid;
    grid-template-columns: 1fr 1fr;
    opacity: 1;
}

.nayami_contents_elm{
    height: 20vh;
    border: 1px solid #707070;
    margin-top: 10px;
    margin-left: 10px;
    padding: 20px;
	position:relative;
}

.nayami_contents_hd {
    height: 15%;
    color: #1955A6;
    font-size: 1.7em;
    line-height: 1.2em;
    font-weight: bold;
   /* margin-top: 1.0em;*/
	margin-bottom:10px;
}

.nayami_detail{
    height: 25%;
    color: #262C30;
    font-size: 1.3em;
    margin-bottom: 0.5em;
}
.nayami_img{
	  display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    
    position: absolute;
  bottom:10px;
    right: 10px;
}
.nayami_btm {
    width: 95%;
    height: 35%;
	position:absolute;
	bottom:0px;
}

.see_episode , .nayami_img {
    margin-bottom: 0.5em;
}

.see_episode {
    clear: both;
    background-color: #088BA7;
    color: #fff;
    font-size: 0.9em;
    text-align: center;
    width: fit-content;
    padding: 5px;
    height: 1.2em;
    line-height: 1.2em;
    margin-left: 0;
    border-radius: 20px;
    opacity: 1;
    transition: .3s;
}

.see_episode:hover {
    opacity: .8;
}


.nayami_img {
   /* width: 40%;*/
    float: right;
}

#top #top-strength {
    margin-top: 7vh !important;
    margin-bottom: 7vh;
}

#top .top-strength-elm {
    text-align: left;
}


#top #top-strength .top-s-arrow {
    width: 100%;
    height: 45px;
    margin-top: 10px;
    font-size: 0px;
    display: flex;
}

#top #top-strength .top-s-arrow-elm {
    vertical-align: bottom;
    bottom: 0;
    margin-left:5px; 
    display: inline-block;
}


#top .top-s-arrow div:nth-child(1) {
    height: 40px;
    width: 14px;
    background: rgba(25, 85, 166, 0.78);
}

#top #top-strength #top-s-arrow-head {
    height: 45px;
    line-height: 45px;
    color: #1955A6;
    width: fit-content;
    font-size: 21px;
    text-align: left;
    vertical-align: middle;
}

#top .top-s-arrow div:nth-child(2){
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 18px;
    border-color: transparent transparent transparent #6e7f98;
}

#top #top-strength .explanation {
    width: 95%;
    color: #707070;
    font-size: 15px;
    line-height: 20px;

}

#top .taikendan_container {
    padding: 20px;
}

#top #taikendan_msg {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 95%;
    max-width: 850px;
}

#top #taikendan_msg li {
    margin-top: 20px;
	margin-bottom: 20px;
    display: flex;
} 

#top #taikendan_msg li:nth-child(2) {
    flex-direction: row-reverse;
}

#top .taikendan_pic .material-icons {
    font-size: 8em;
}

#top .taikendan_txt {
    /* width: 60%; */
    height: fit-content;
    max-width: 500px;
    background-color: rgba(25, 85, 166, 0.2);
    color: #0B284D;
    font-size: 1.2em;
    line-height: 1.3em;
    font-weight: bold;
    border-radius: 15px;
    padding: .8em .7em;
    position: relative;
	margin: 0px 20px;
}

#top #taikendan_msg li:nth-child(1) .taikendan_txt:before {
    content: "";
    border: 10px solid transparent;
    border-right: 20px solid rgba(25, 85, 166, 0.2);
    position: absolute;
    left: -30px;
    top: 30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#top #taikendan_msg li:nth-child(2) .taikendan_txt::before {
    content: "";
    border: 10px solid transparent;
    border-left: 20px solid rgba(25, 85, 166, 0.2);
    position: absolute;
    right: -30px;
    top: 30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

   
}

#top .see_taikendan {
    position: absolute;
    background-color: #088BA7;
    color: #fff;
    font-size: 0.8em;
    padding: 5px;
    text-align: center;
    width: 100px;
    height: 1.5em;
    line-height: 1.5em;
    border-radius: 20px;
    top: 85%;
        right:10px;
    opacity: 1;
    transition: .3s;
}

#top .see_taikendan:hover {
    opacity: 0.8;
}


#top .show_more_sm {
    clear: right;
    float: right;
    background-color: #6CA7B4;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    /* width: 20%;
    height: 10%;
    line-height: 6vh; */
    margin-right: 0;
    border-radius: 20px;
    margin-top: 18px;
    opacity: 1;
    transition: .5s;
}

#top .show_more_sm:hover {
    font-size: 1.4em;
    opacity: .7;
}

#top .media_cols {
    width: 95%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    clear: both;
}

#top .media_cols li{
    margin-left: 15px;
}

#top .medianame {
    width: 50%;
    height: 1.2em;
    line-height: 1.2em;
    font-size: 1em;
    background-color: #1955A6;
    color: #fff;
    margin-bottom: 7px;
    text-align: center;
}

#top .tv_name {
    color: #2219A6;
}

.txt_box02:hover {
    color: #a62219 !important;
}

/* アニメーション類 */

@keyframes SlideInRight {
    0% {
        opacity: 0;
        transform: translateX(-64px);
      }
      100% {
        opacity: 1;
        transform: translateX(0);
      }
}

.fadein_right {
    opacity: 0;
    transform: translateX(-64px);
    transition : all 2000ms;
}

.fadein_above {
    opacity : 0;
    transform : translate(0, 45px);
    transition : all 2000ms;
}

.scrolled{
    opacity : 1;
    transform : translate(0, 0);
}

.h2_small{
    font-size: 1rem;
}
.top_curriculum{
    margin-top: 30px;
    padding-left: 1rem;
}
.top_curriculum li{
    color: #0F3566;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 15px;
    list-style: disc;
}
.top_curriculum li span{
    color: #333;
    font-size: 0.9rem;
    font-weight: normal;
    letter-spacing: 0;
    display: block;
}


/* ------------------------------------- */
/* TOP
/* ------------------------------------- */
@media screen and (min-width: 767px) {
    .top-img {
		width: 90vw;
		max-width: 1225px;
		/* transform: translate(3.5rem, 10px); */
		margin-left: 3.5rem;
		animation: Gradient 1s ease 1;
		height: 37vh;
	}
      
    .top-img_txt {
        top: 7vh;
        right: 25%;
        /* margin-left: 10vw; */
        font-size: 2.7em;
    }
    
    #top-img_txt1 {
        animation: fadeinToRight .8s ease 0.5s 1 both;
        opacity: 0;
    }
    #top-img_txt2 {
        animation: fadeinToRight .8s ease 0.9s 1 both;
        opacity: 0;
    }
    
    #top #main_cts{
        /* padding: 10px; */
    }

    #top #main_cts > div, #top #main_cts section > div {
        /* margin-top: 3em; */
      margin-bottom: 3em; 
        max-width: 909px;
    }

    #top .top-arrow {
        height: 50px;
        margin-bottom: 40px;
    }

    .top-arrow-elm:not(:first-child) {
        /* height: 50px; */
        margin-left:10px;
    }

    #top #top-arrow-head {
        width: 80%;
        font-size: 1.5rem;
        vertical-align: middle;
        line-height: 50px;
        padding-left: 20px;
    }

    #top .top-arrow div:nth-child(2) {
        width: 20px;
    }

    #top .top-arrow div:nth-child(3){
        border-width: 25px 0 25px 30px;
    }


    #top .top-hd-li {
        border-width: 10px 0 10px 20px;
    }

    #top #top-hd-txt-1, #top #top-hd-txt-2 {
        font-size: 18px;
    }

    .merit-hd{
        margin-top: 5vh;
        font-size: 30px;
    }

    .list_container {
        padding-left: 2em;
    }

    #keisoku_exp {
        padding-left: 2.5em;
    }

    table{
        margin-right: auto !important;
    }
    

    table th, table td {
        border-right: 2px solid #fff !important;
    }

    #options-pic {
        margin: 15px auto 15px;
        justify-content: start !important;
    }

    .option-elm {
        display: inline-block;
        vertical-align: top;
    }
    

    #option-school , #option-online {
        width: 25vw;
        height: 20vh;
    }

    #option-school {
        margin-left: 20px; 
    }

    #option-online {
        margin-right: 20px; 
        left: -4vw;
    }

    #option-plus {
        font-size: 100px;
        left: -2vw;
    }

    #option-list {
        margin-top: 40px;
        font-size: 16px;
    }

    #option-exp {
        margin-top: 9vh !important;
        margin-bottom: 10vh !important;
        max-width: 660px;
        padding: 1em 2em;
    }

    #option-exp #option-exp-hd {
        top: -13px;
        left: 10px;
        padding: 0 9px;
        line-height: 1;
        font-size: 1.1em;
    }

    #option-exp ul li {
        font-size: 1em;
    }


    .more-info {
        width: 90%;
        /* font-size: 20px; */
        max-width: 680px;
    }

    #variation_container {
        /* display: grid; */
        grid-template-columns: 250px 250px 250px;
        column-gap: 1em;
        grid-auto-rows: 160px;
        padding: 1em 2em 1em;
    }

    a.v1::before{
        width: 270%;
        height: 270%;
    }
    a.v2::before{
        width: 270%;
        height: 270%;
    }
    a.v3::before{
        width: 270%;
        height: 270%;
    }





    .teacher {
        width: 200px;
        height: 200px;
        margin-left: 15px;
    }

    .sp_view {
        display: none;
    }


    #notable_merits {
        text-align: center;
    }

    #top_merits_container {
        vertical-align: top;
    }

    .top_main_merit {
        width: 60%;
        height: 30vh;
        position: relative;
        margin: 15px auto 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .top_main_merit_inner{
        /* width: 95%; */
        /* height: 90%; */
        /* margin: auto; */
    }

    .merit_hd {
        font-size: 1.7em;
    }

    .nayami_acd_elm , .nayami_acd_elm .arrow {
        font-size: 2.0em;
    }

    .see_episode {
        clear: both;
        background-color: #088BA7;
        color: #fff;
        font-size: 1.3em;
        text-align: center;
        width: 50%;
        padding: 3px;
        height: 1.3em;
        line-height: 1.2em;
        margin-left: 0;
        border-radius: 20px;
    }

    #top #top-strength #top-s-arrow-head {
        width: 50%;
        font-size: 1.6rem;
    }

    #top #top-strength .explanation {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }

    #top .taikendan_txt {
        max-width: 600px;
    }

    #top .show_more_sm {
        margin-top: 4vh;
        margin-bottom: 10vh;
        max-width: 180px;
        width: 20%;
        height: 10%;
        line-height: 5vh;
    }

    #top .img_box02 img {
        width: 90%;
    }

	
	
	  .acd_label {
        width: 95%;
        height: 10vh;
        max-width: 900px;
        margin: 5vh auto 5vh 0;
        background-color: #1955A6;
        border-radius: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* text-align: left; */
    }
    
    .acd_label input[type=checkbox] {
        display: none;
    }
    
    #compare_acd_btn {
        /* text-align: center; */
        /* margin-top: 5vh; */
    }

    #compare_content ul {
        padding-left: 1em;
    }

    #compare_content ul li {
        list-style-type: disc;
    }
    
    .acd_elm {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 1.5em;
        margin-left: 15px;
    }
    
    .acd_arrow::before {
        right: 1vw;
        font-family: 'Material Icons';
        font-size: 2em;
        content: "expand_more";
        transition: .5s;
        
    }
    
    .acd_arrow.open::before {
        transform: rotateX(180deg);
    }
    
	.acd_btn_cts{
		font-size:1.0rem;
	}
    .acd_btn_cts.closed{
        display: none;
        transition: all .5s linear;
    }
    
    .acd_btn_cts.open {
        display: block;
        opacity: 1;
    }
	
	.top-title-size1{
		font-size:1.4em;
	}
		
	.top-title-size2{
		font-size:0.7em;
	}
}@media screen and (max-width: 767px){
    /* ------------------------------------- */
    /* TOPページ　SP　　　　　　　　　　*/
    /* ------------------------------------- */
	.wp-to-top {
    	display:none !important;
	}

    
    .top-img {
        animation: Gradient 1s ease 1;
        height: 30vh;
        /*margin-top: 35px;*/
      }
    
        .top-img_txt {
            top: 4vh;
            left: -1.4em;
          /*  margin-left: 1vw; */
            font-size: 2.3em;
			line-height:1.5em;
        }
    
        #top-img_txt1 {
            animation: fadeinToRight .5s ease .8s 1 both;
            opacity: 0;
        }
        #top-img_txt2 {
            animation: fadeinToRight .5s ease 1.2s 1 both;
            opacity: 0;
			line-height:0.8em;
        }
     
        #top #main_cts > div, #top #main_cts section > div {
            margin-top: 15px;
            margin-bottom: 18px;
        }

        #top #main_cts section {
            clear: both;
            margin-top: 0vh !important;
        }
    
    
        #top .top-hd {
            margin-bottom: 10px;
        }
    
        #top .top-arrow {
            height: 65px;
            margin-top: 1rem;
            margin-bottom: .5rem;
        }
    
        .top-arrow-elm {
            height: 40px;
            margin-left:7px; 
        }
    
        #top #top-arrow-head {
            /* background: #1955A6; */
            width: 240px;
            /* color: #fff; */
            font-size: 20px;
            text-align: center;
            vertical-align: middle;
            line-height: 40px;
            /* left: 0 ; */
        }
    
        #top .top-arrow div:nth-child(2) {
            width: 10px;
            /* background: rgba(25, 85, 166, 0.78); */
        }
    
        #top .top-arrow div:nth-child(3){
            /* width: 0;
            height: 0;
            border-style: solid; */
            border-width: 25px 0 25px 21px;
            /* border-color: transparent transparent transparent #6e7f98; */
        }
    
        .top-hd-txt {
            /* vertical-align: bottom;
            font-size: 0;
            margin-left: 7px;
            margin-top: 10px; */
        }
    
        /* .top-hd-txt-elm {
            display: inline-block;
        } */
    
        #top .top-hd-li {
            /* #top #top-hd-txt-1::before, #top #top-hd-txt-2::before { */
            /* width: 0;
            height: 0;
            border-style: solid; */
            border-width: 10px 0 10px 16px;
            /* border-color: transparent transparent transparent #6d9bdc; */
        }
    
        #top #top-hd-txt-1, #top #top-hd-txt-2 {
            font-size: 1.1rem;
            /* color: #034A74;
            font-weight: bold; */
        }
    
        /* #merit {
            margin: 35px auto 35px; 
        } */
    
        .merit-hd{
            /* color: #1955A6; */
            font-size: 23px;
            margin: 1em 0 1em;
            /* font-weight: bold; */
			text-align:center;
        }

        .list_container {
            padding-left: .85em;
        }

        #keisoku_exp {
            padding-left: 1.2em;
        }
	
        table {
            border: 0;
            width:90% !important;
            margin: 0 auto;
        }
        table th{
            background-color: #167F92;
            display: block;
            border-right: none;
            
        }
        table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        table th, table td {
            width: 93% !important;
            }
        table tr {
            display: block;
            margin-bottom: 1em;
            padding: none !important;
        }
        table td {
            border-bottom: 1px solid #bbb;
            display: block;
            font-size: .8em;
            text-align: right;
            position: relative;
            padding: .625em .625em .625em 4em;
            border: none !important;
        }
        
        table td::before {
            content: attr(data-label);
            /* font-weight: bold; */
            position: absolute;
            left: 10px;
            color: #167F92;
        }
        table td:last-child {
            border-bottom: 0;
        }
        table tbody th {
            color: #fff;
            font-size: .9em !important;
            font-weight: lighter;
        }
        .txt{
            text-align: right !important;
            font-size: .85em !important;
        }
        .sp_gp{
            text-align: right !important;
            color: #167F92 !important;
            font-weight: bold !important;
            font-size: 1em;
            border-bottom: solid 1px #fff !important;
        }
    
        #top .pic-container {
            text-align: center;
            /* height: 65vh; */
            margin-bottom: 2em;
        }
    
        /* #options-pic {
            margin: 8px auto 8px;
            font-size: 0; 
            vertical-align: top;
        } */
    
        .option-elm {
            display: block;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-box-align: center;
            box-align: center;  
        }
	/* #options-pic{
		display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center;
	} */
	
    
        #option-school , #option-online {
            width: 40vw;
            height: 16vh;
        }
    
        #option-school {
            left: 5%;
        }
    
        #option-online {            
            right: 5%;            
        }
    
        #option-plus {
            font-size: 84px;
	}
        
        #option-list {
            font-size: 1.2em;
            line-height: 1.8em;  
        }
    
        #option-exp {
            position: relative;
            margin: 3em 0 0em;
            padding: 0.5em 1em;
            border: solid 3px #088BA7;
            border-radius: 8px;
        }
    
        #option-exp #option-exp-hd {
            position: absolute;
            display: inline-block;
            top: -13px;
            left: 10px;
            padding: 0 9px;
            line-height: 1;
            font-size: 1.1em;
            background: #FFF;
            color: #088BA7;
            font-weight: bold;
        }
    
        #option-exp ul li:before {
            content: 'sentiment_satisfied_alt';
            font-family: "Material Icons";
        }
        #option-exp ul li {
            list-style-position: inside;
            list-style-type: none;
        }
        #variation_container {
            grid-template-columns: 110px 110px 110px;
            column-gap: .4em;
            grid-auto-rows: 110px;
            justify-content: center;
            padding: .5em;
        }

        a.sokudoku_variation {
            padding: 0.2rem .5rem !important;
        }

        .vbtn {
            font-size: 1.2rem !important;
        }


        a.v1::before{
            width: 400%;
            height: 250%;
        }
        a.v2::before{
            width: 400%;
            height: 250%;
        }
        a.v3::before{
            width: 400%;
            height: 250%;
        }

    
        #teachers-pic {
            margin: 1em 0 1em;
			text-align: center;
        }
    
        .teacher{
            display: inline-block;
           
            color: #fff;
            width: 105px;
            height: 105px;
        }
    
        .more-info {
            width: 90vw;
            height: 8vh;
            background-color: #088BA7;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            line-height: 8vh;
            border-radius: 30px;
            margin: 20px auto 20px;
        }
    
        .pc_view {
            display: none;
        }
    
        .top_subhd {
            clear: right;
            text-align: center;
            margin: 20px auto 15px;
            width:100%;
            color: #262C30;
            font-size: 1.6em;
				 font-weight:bold;
            /* border-bottom: 1px solid #1955A6; */
        }
	   .top_subhd2_txt {
	
		   font-size:1.0rem;
	}
	.top_media_width{
		width:170px;
	}
    
        .top_main_merit {
            width: 90%;
            height: 20vh;
            position: relative;
            background-color: pink;
            margin: 15px auto 15px;
            display: flex;
            justify-content: center; 
            align-items: center;
        }
	     .top_subhd2 {
            clear: right;
            text-align: center;
            margin: 20px auto 15px;
            width: 70%;
            color: #262C30;
            font-size: 1.6em;
            /* border-bottom: 1px solid #1955A6; */
			 font-weight:bold;
        }
	
	#top_merits_container ul li {
    justify-content: space-between !important;
 }
    
/*         .top_main_merit_inner{
            width: 95%;
            height: 90%;
            text-align: center;
            background-color: rgba(25, 85, 166, 0.6);
            color: #fff;
        } */
	
	.top_main_merit_inner{
    width: 60%;
    height: 90%;
    /* text-align: center; */
    /* background-color: rgba(25, 85, 166, 0.75); */
    padding: 2px;
    color: #1955a6;
    display: flex;
    flex-direction: column;
    justify-content: normal;
    align-items: center;
}
    
        .merit_hd {
            width: 90%;
         /*   height: 10%;*/
            margin: 5px auto 5px;
            font-size: 1.6em;
            font-weight: bold;
            
        }
        .merit_content {
            width: 90%;
            height: 85%;
            margin: 0 0;
            font-size: 1.0em;
        }
    
        .more-info-small {
            float: right;
            background-color: #088BA7;
            color: #fff;
            font-size: 16px;
            text-align: center;
            width: 30%;
            height: 10%;
            line-height: 6vh;
            margin-right: 0;
            border-radius: 20px;
            clear: right;
        }
    
        #nayami_btn_label {
            width: 95%;
            height: 10vh;
            background-color: #1955A6;
            border-radius: 20px;
            display: flex;
            justify-content: center; 
            align-items: center;
            margin: 5px auto 5px;
        }
    
        .acd_label input[type=checkbox] {
            display: none;
        }
        
    
        .nayami_acd_elm , .nayami_acd_elm .arrow {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 1.5em;
            margin: 10px auto 10px;
        }
    
        .nayami_acd_elm .material-icons {
            font-size: 2.3em;
            line-height: 2.3em;
        }
    
        .nayami_acd_elm .arrow {
            transition: .5s;
        }
    
        /* 矢印回転要調整 */
        .acd_label input:checked ~ .nayami_acd_elm .arrow:active{
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
        }
    
    
        #nayami_contents.closed{
            display: none;
            transition: all .5s linear;
        }
    
        #nayami_contents.open {
            display: grid;
            grid-template-columns: 1fr 1fr;
            opacity: 1;
        }
    
        .nayami_contents_elm{
            height: 30vh;
            border: 1px solid #707070;
            margin-top: 10px;
            margin-left: 10px;
            padding: 5px;
        }
    
        .nayami_contents_hd {
            height: 15%;
            color: #1955A6;
            font-size: 1.2em;
            line-height: 1.2em;
            font-weight: bold;
            margin-top: 1.0em;
            padding: 2px;
        }
    
        .nayami_detail{
            height: 25%;
            color: #262C30;
            font-size: 1.0em;
            margin-bottom: 0.5em;
            padding: 2px;
        }
    
        .nayami_btm {
            width: 95%;
            height: 35%;
        }
    
        .see_episode , .nayami_img {
            margin-bottom: 0.5em;
        }
    
        .see_episode {
            clear: both;
            background-color: #088BA7;
            color: #fff;
            font-size: 1.0em;
            text-align: center;
            width: fit-content;
            height: 1.2em;
            line-height: 1.2em;
            margin-left: 0;
            border-radius: 20px;
        }
    
        .nayami_img {
            width: 40%;
            float: right;
        }
    
        #top #top-strength {
            margin-top: 15px;
        }
    
        #top .top-strength-elm {
            text-align: left;
        }
    
    
        #top #top-strength .top-s-arrow {
            width: 100%;
            height: 45px;
            margin-top: 10px;
            font-size: 0px;
            display: flex;
        }
    
        #top #top-strength .top-s-arrow-elm {
            vertical-align: bottom;
            bottom: 0;
            margin-left:5px; 
            display: inline-block;
        }
    
    
        #top .top-s-arrow div:nth-child(1) {
            height: 40px;
            width: 14px;
            background: rgba(25, 85, 166, 0.78);
        }
    
        #top #top-strength #top-s-arrow-head {
            width: 100%;
            height: 5vh;
            line-height: 5vh;
            color: #1955A6;
            font-size: 21px;
            text-align: left;
            vertical-align: middle;
        }
    
        #top .top-s-arrow div:nth-child(2){
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 20px 0 20px 18px;
            border-color: transparent transparent transparent #6e7f98;
        }
    
        #top #top-strength .explanation {
            width: 95%;
            color: #707070;
            font-size: 15px;
            line-height: 20px;
    
    
        }
    
        #top .taikendan_container {
            padding: 10px;
			/*width:90% !important;*/
        }
    
        #top #taikendan_msg {
            margin: 0;
            padding: 0;
            list-style: none;
			width:100%
        }
    
        #top #taikendan_msg li {
            margin-top: 20px;
            display: flex;
			flex-direction: column;
        } 
    
        #top #taikendan_msg li:nth-child(2) {
            flex-direction: row-reverse;
			   margin-top: 20px;
            display: flex;
			flex-direction: column;
        }
    
        #top .taikendan_pic .material-icons {
            font-size: 8em;
        }
         #top .taikendan_pic {
           text-align:center;
			 width:100%;
        }
        #top .taikendan_txt {
            width: auto;
            height:100%;
            background-color: rgba(25, 85, 166, 0.2);
            color: #0B284D;
            font-size: 1.2em;
            line-height: 1.3em;
            font-weight: bold;
            border-radius: 15px;
            padding: 8px;
            position: relative;
        }
    
        #top #taikendan_msg li:nth-child(1) .taikendan_txt:before {
            content: "";
		
            border: 0px solid transparent;
            border-right: 0px solid rgba(25, 85, 166, 0.2);
            position: absolute;
            left: -30px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
			
        }
    
        #top #taikendan_msg li:nth-child(2) .taikendan_txt::before {
            content: "";
            border: 0px solid transparent;
            border-left: 0px solid rgba(25, 85, 166, 0.2);
            position: absolute;
            right: -30px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    
        
        }
    
        #top .see_taikendan {
            position: absolute;
            background-color: #088BA7;
            color: #fff;
            font-size: 1.0em;
            text-align: center;
            width: 100px;
            height: 1.2em;
            line-height: 1.2em;
            border-radius: 20px;
            top: 94%;
            right:10px;
        }
    
        #top .show_more_sm {
            clear: right;
            float: right;
            background-color: #6CA7B4;
            color: #fff;
            font-size: 1rem;
            padding: 1px 20px 1px 20px;
            text-align: center;
            width: fit-content;
            height: 10%;
            line-height: 6vh;
            margin-right: 0;
            border-radius: 20px;
            margin-top: 18px;
        }
    
        #top .media_cols {
            width: 95%;
            display: grid;
            grid-template-columns: 1fr 1fr;
            clear: both;
        }
    
        #top .media_cols li{
            margin-left: 15px;
        }
    
        #top .medianame {
            width: 50%;
            height: 1.2em;
            line-height: 1.2em;
            font-size: 1em;
            background-color: #1955A6;
            color: #fff;
            margin-bottom: 7px;
            text-align: center;
        }
    
        #top .tv_name {
            color: #2219A6;
        }
	
	  .acd_label {
        width: 95%;
        height: 10vh;
        max-width: 900px;
        margin: 5vh auto 5vh 0;
        background-color: #1955A6;
        border-radius: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* text-align: left; */
    }
    
    .acd_label input[type=checkbox] {
        display: none;
    }
    
    #compare_acd_btn {
        /* text-align: center; */
        /* margin-top: 5vh; */
    }

    #compare_content ul {
        padding-left: 1em;
    }

    #compare_content ul li {
        list-style-type: disc;
    }
    
    .acd_elm {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 1.5em;
        margin-left: 15px;
    }
    
    .acd_arrow::before {
        right: 1vw;
        font-family: 'Material Icons';
        font-size: 2em;
        content: "expand_more";
        transition: .5s;
        
    }
    
    .acd_arrow.open::before {
        transform: rotateX(180deg);
    }
    
	.acd_btn_cts{
		font-size:1.0rem;
	}
    .acd_btn_cts.closed{
        display: none;
        transition: all .5s linear;
    }
    
    .acd_btn_cts.open {
        display: block;
        opacity: 1;
    }
	
		.top-title-size1{
		font-size:1.0em;
	}
		
	.top-title-size2{
		font-size:0.5em;
	}
    
    }