@charset "utf-8";
/* CSS Document */
/*==================================================

フォント

===================================================*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
body{
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 500;
	line-height: 1.6;
	font-size: 1.6rem;
	letter-spacing: 0.06em;
    color: #3e3939;
}
@media screen and (max-width:740px) {
    body{
       font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
        font-weight: 500;
        line-height: 1.6;
        font-size: 1.5rem;
        letter-spacing: 0.06em;
    }
}/*SP-end*/

/*ーーーーーーーーーーーーーーーー
メニューのアコーディオン
ーーーーーーーーーーーーーーーー*/
@media screen and (min-width:741px) {
.accordion_menuttl,#label_menu{
display: none;
}
}
@media screen and (max-width:740px) {
.accordion_menu {
margin-top: 5%;
}
.accordion_menuttl {
background: #ffffff;
        font-weight: bold;
        position: relative;
        display: block;
        cursor: pointer;
        padding: 4%;
        border-radius: 10px;
        color: #a42525;
        border: 3px solid #a42525;
            box-shadow: 8px 8px 0px -4px #0000001c;
}
.accordion_menuttl::after {
  content: "+";
  font-size: 1.4em; /* 記号のサイズ */
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.accordion_menu input:checked ~ .accordion_menuttl::after {
  content: "−";
}
.accordion_menu input {
  display: none;
}
.accordion_menu_contents {
  display: none;
}
.accordion_menu input:checked ~ .accordion_menu_contents {
  display: block;
}
}/*SP-end*/



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

共通

===================================================*/
html{
    font-size: 62.5%;
}
body a{
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    color: #000;
}
.pc{
    display:block !important;
}
.sp{
    display:none !important;
}
body a:hover{
    opacity: 0.6;
    transition: all 0.3s;
}
body .flex_area{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:  space-between;
    justify-content: space-between;
}
.inner{
    width: 90%;
    margin: 0 auto;
    max-width: 800px;
}
.center{
	text-align: center;
}
.movie{
	margin: 0 auto;
}
.sec{
    margin-top: 60px;
}
.small{
    font-size: 1.2rem !important;
    margin-top: 6px !important;
    display: block !important;
    position: static !important;
    color: #7a7a7a !important;
}
.link_btn{
    text-decoration: underline;
    color: #a42525;
}
.mt20{
    margin-top: 20px;
}
.blue_txt{
    color: #a42525;
}
ul.list{
margin-left: 20px;
margin-bottom: 20px;
}
ul.list li{
    list-style: disc;
    font-size: 1.8rem;
    font-weight: 600;
}
.white{
    color: #fff;
}
.yellow{
    color: #ffff00;
}

/*ーーーーーーーーーーーーーーーー
iframe
ーーーーーーーーーーーーーーーー*/
.iframe {
  position: relative;
  padding-top: 56.25%;
}
.iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*ーーーーーーーーーーーーーーーー
main
ーーーーーーーーーーーーーーーー*/
body main{
    position: relative;
    padding-bottom: 182px;
    background-image: url(../img/shindan_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
body.sub main{
    padding-bottom: 182px;
}
body.daigaku_list main{
    padding-bottom: 0;
    height: 100vh;
}
main{
    width: 100%;
    margin: 0 auto;
    padding-top: 70px;
}
 main .main_area{
    margin: 30px auto 0;
    position: relative;
    width: 100%;
    padding-bottom: 170px;
}
 main h1{
font-size: 3rem;
    text-align: center;
    display: block;
    position: static;
    transform: none;
    font-weight: 600;
    color: #000;
    line-height: 1.4;
    margin-bottom: 50px;
}
 main h2{
    font-size: 2rem;
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
    font-weight: 600;
    color: #a42525;
    text-align: left;
    width: 800px;
    margin: 0 auto;
    padding-bottom: 10px;
    border-bottom: 3px dotted;
    margin-bottom: 20px;
    display: flex;
    align-items:center;
}
main h2.sec2_ttl{
    font-size: 1.79rem;
    margin-bottom: 35px;
}
main h2 p{
    font-size: 2rem;
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
    font-weight: 600;
    color: #a42525;
    text-align: left;
    width: 100%;
}
main h2 span{
    background: #a42525;
    color: #fff;
    padding: 5px;
    margin-right: 20px;
    border-radius: 5px;
    font-size: 1.6rem;
    width: 100px;
    text-align: center;
}
main h3{
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    border-left: 7px solid #a42525;
    margin-bottom: 12px;
    display: inline-block;
    padding-left: 14px;
}
 main p{
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
}

 main span.border{
    border-bottom: 5px solid #ffe100;
 }
main .kome{
    font-size: 1.3rem;
    margin-top: 20px;
}

/*ーーーーーーーーーーーーーーーー
ボタン系
ーーーーーーーーーーーーーーーー*/
 main .main_area .btn a{
    line-height: 1;
    font-weight: 600;
    text-align: center;
    box-sizing: border-box;
    display: block;
    border-radius: 15px;
    box-shadow: 6px 5px 0px -1px rgb(0 0 0 / 12%);
    margin: 0 auto;
    position: relative;
}
 main .main_area .btn a:after{
    position: absolute;
    content: "";
    background-image: url(../img/arrow.png);
    width: 11px;
    height: 19px;
    right: 20px;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

/*ーーーーーーーーーーーーーーーー
header
ーーーーーーーーーーーーーーーー*/
 header{
    background: #fff;
    height: 70px;
    position: fixed;
    z-index: 5;
    width: 100%;
}
 header ul{
    width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    align-items: center;
}
 header ul li:nth-child(2){
    margin-left: -108px;
    margin-top: 8px;
}

/*ーーーーーーーーーーーーーーーー
footer
ーーーーーーーーーーーーーーーー*/
 footer{
    background: #fff;
    height: auto;
    position: relative;
    border-top: 2px solid #008ce5;
    padding: 20px;
}
 footer .inner{
    background: #fff;
    text-align: center;
}
 footer .inner p{
    font-size: 1.2rem;
    line-height: 1;
    margin-top: 5px;
}
#pagetop{
	z-index: 100;
	position: relative;
}

/*ーーーーーーーーーーーーーーーー
下層下部のSTEPへのリンク
ーーーーーーーーーーーーーーーー*/
.step_link{
    text-align: center;
    display: block;
    font-weight: 600;
    background: #ffffff;
    width: 40%;
    margin: 60px auto;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 6px 5px 0px -1px rgb(0 0 0 / 12%);
    color: #000;
    position: relative;
    border: 3px solid #a42525;
    font-size: 1.4rem;
}
.step_link:after{
	position: absolute;
	content: "";
	background-image: url("../img/arrow.png");
	width: 11px;
	height: 19px;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

/*ーーーーーーーーーーーーーーーー
フレックス
ーーーーーーーーーーーーーーーー*/
body .flex_area.cal3{
	margin-bottom: 60px;
	font-size: 0;
    letter-spacing: 0;
}
body .flex_area.cal3 img,body .flex_area.cal3 div{
	width: 29%;
}
body #pagetop a{
    position: absolute;
    right: 100px;
    bottom: 0;
}

/*ーーーーーーーーーーーーーーーー
メニュー
ーーーーーーーーーーーーーーーー*/
.step_head{
    background: #f3b9a7;
    padding: 30px 0;
    width: 950px;
    margin: 30px auto 0;
    border-radius: 20px;
}
.step_head .inner div{
    width: 28%;
    background: #ffffff;
    padding: 10px;
    position: relative;
    border-radius: 14px;
    border: 3px solid #a42525;
    box-shadow: 8px 8px 0px -4px #0000001c;
}
.step_head .inner div.on{
    background: #a42525;
}
.step_head .inner div.on a{
    color: #fff;
}
.step_head .inner div.on a:hover{
	color: #fff;
    opacity: 0.6;
}
.step_head div.on p.ttl{
    color: #fff;
}
.step_head .inner div a:hover{
	color: #a42525;
    opacity: 0.6;
}
.step_head .inner div:after{
    content: "";
    position: absolute;
    top: 50%;
    right: -33px;
    transform: translateY(-50%);
    border: 13px solid transparent;
    border-left: 19px solid #a42525;
}

.step_head .inner div:last-child:after{
	display: none;
}
.step_head div p{
	font-size: 1.3rem;
}
.step_head div p.ttl{
color: #a42525;
}
.an_link{
    margin-top: 25px;
}
.an_link ul{
    width: 800px;
    margin: 0 auto;
}

.an_link .box{
    width: 24%;
    border-radius: 10px;
}

.an_link .box1 li{
    background: #ffffffa8;
    width: 31%;
    border-radius: 10px;
}

.an_link .box li a{
    font-size: 1.1rem;
    text-align: left;
    font-weight: 600;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 4px 33px 4px 19px;
    border-radius: 10px;
    letter-spacing: 0;
    border: 2px solid #ffffff00;
    background-color: #a42525;
}
.an_link .box1 li:first-child a{
    padding-top: 19px;
}

.an_link .box li a:after{
    position: absolute;
    content: "";
    background-image: url(../../img/illust_sp.png);
    width: 18%;
    height: 146%;
    right: -10px;
    top: 30.5%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background-size: contain;
    background-repeat: no-repeat;
}

.an_link .box2 li:last-child a{
    font-size: 1.1rem;
    text-align: left;
    font-weight: 600;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 10px 33px 10px 19px;
    border-radius: 10px;
    letter-spacing: 0;
    border: 2px solid #ffffff00;
    background-color: #a42525;
}

.an_link .box2 li:last-child a:after{
	position: absolute;
    content: "";
    background-image: url(../img/arrow_wt.png);
    width: 11px;
    height: 19px;
    right: 10px;
    top: 60%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background-size: 50%;
    background-repeat: no-repeat;
}

.an_link .box .yellow{
    color: #ffff00;
    text-decoration: underline;
}
.an_link .box2{
    margin-top: 25px;
}
.an_link .box2 li{
    background: #fcf8d6;
    width: 49%;
    border-radius: 10px;
}

.an_link li a{
    font-size: 1.1rem;
    text-align: left;
    font-weight: 600;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 10px 33px 10px 19px;
    border-radius: 10px;
    letter-spacing: 0;
        border: 2px solid #ffffff00;
}
@media screen and (min-width:741px) {
    .an_link .l1 a{
        padding-top: 19px;
    }
}
.an_link li a:hover{
    color: #a42525;
    border: 2px solid #a42525;
}
.an_link li a:after{
	position: absolute;
    content: "";
    background-image: url(../img/arrow.png);
    width: 11px;
    height: 19px;
    right: 10px;
    top: 60%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background-size: 50%;
    background-repeat: no-repeat;
}
.special .sec2{
padding-bottom: 60px;
}
.fs14{
font-size: 1.4rem;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
SP用CSS
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:767px) {
.sec{
    margin-top: 8%;
}
.inner{
    width: 90%!important;
}
main .flex_area{
    display: block;
}
.pc{
    display:none !important;
}
.sp{
    display:block !important;
}
.bk_img{
    margin-top: 5%;
}
 .bk_img img{
    width: 100%;
}
.top_read{
    font-size: 1.4rem;
    margin-top: 60px;
    width: 90%;
    margin: 10% auto;
}
ul.list li{
        font-size: 1.4rem;
}
#pagetop {
    z-index: 100;
    position: relative;
    height: 50px;
}
body.sub main{
    padding-bottom: 132px;
}

/*ーーーーーーーーーーーーーーーー
iframe
ーーーーーーーーーーーーーーーー*/
.iframe{
        margin-bottom: 5%;
        width: 100% !important;
        padding-top: 56.25%;
}
.step2 .iframe{
    padding-top: 56.25%;
}
    
/*ーーーーーーーーーーーーーーーー
main
ーーーーーーーーーーーーーーーー*/
main{
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
}
 main .main_area{
    margin: 8% auto 0;
    width: 100%;
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    box-sizing: border-box;
}
 main h1{
        font-size: 2.3rem;
        width: 100%;
        margin-bottom: 8%;
}
 main h2{
    font-size: 1.6rem;
    width: 100%;
    display: block;
}
main h2.sec2_ttl {
    font-size: 1.6rem;
    margin-bottom: 5.2%;

}
main h3{
        font-size: 1.6rem;
}
 main h2 p{
font-size: 1.6rem;
        width: 100%;
        display: block;
}
main h2 span{
    background: #a42525;
    color: #fff;
    padding: 5px;
    margin-right: 20px;
    border-radius: 5px;
    font-size: 1.3rem;
    width: 100px;
    text-align: center;
    display: block;
    margin: 0 auto 3%;
    line-height: 1;
}
 main p{
    font-size: 1.4rem;
}

 main span.s_span{
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 20px;
}
.bk_img{
    margin-top: 5%;
}
 .bk_img img{
    width: 100%;
}
.top_read{
    font-size: 1.4rem;
    margin-top: 60px;
    width: 90%;
    margin: 10% auto;
}
    
/*ーーーーーーーーーーーーーーーー
header
ーーーーーーーーーーーーーーーー*/
 header{
    background: #fff;
    height: 70px;
    position: relative;
}
 header ul{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    align-items: center;
    padding: 5%;
    box-sizing: border-box;
}
 header ul li:nth-child(2){
    margin-left: 0;
}
 header ul li img{
    width: 77%;
}

/*ーーーーーーーーーーーーーーーー
footer
ーーーーーーーーーーーーーーーー*/
footer{
    background: #fff;
    height: auto;
    position: relative;
    border-top: 2px solid #008ce5;
    padding: 20px;
}
 footer .inner{
    background: #fff;
    text-align: center;
}
 footer .inner p{
    font-size: 1.2rem;
    line-height: 1;
    margin-top: 5px;
}
    
/*ーーーーーーーーーーーーーーーー
動画系
ーーーーーーーーーーーーーーーー*/
.movie{
    margin: 0 auto;
}
.movie .mil-embed-b9oxsL,
.movie #eqp-base-element-48970803136521464,
.movie #eqp-thumbnail-88295674207868020,
#eqp-base-element-96384613498472430{
    width: 100%!important;
    margin: 0 auto!important;
    padding-bottom: 450px!important;
}
.movie2{
    position: relative;
    height: 100%;
    padding-top: 56.25%;
}
.movie2 iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.movie .mil-embed-b9oxsL{
    padding-bottom:56.25%!important;
}

/*ーーーーーーーーーーーーーーーー
メイン
ーーーーーーーーーーーーーーーー*/
body main{
        position: relative;
        padding-top: 0;
}
body #pagetop a{
        position: absolute;
        right: 0;
}
body #pagetop a img{
    width: 80%;
}

/*ーーーーーーーーーーーーーーーー
メニュー
ーーーーーーーーーーーーーーーー*/
.step_head{
margin-top: 7%;
width: 90%;
        padding: 5%;
        box-sizing: border-box;
}
.step_head .step_flex{
display: flex;
}
.step_head .step_flex .honbun{
display: none;
}
.step_head .step_flex div{
        width: 27%;
        border-radius: 10px;
        padding: 0;
}
.step_head .step_flex div a{
        padding: 10px;
        /* line-height: 0; */
        display: block;
}
.step_head .flex_area{
    margin: 0;
    width: 100% !important;
}
.step_head .flex_area:first-child{
    margin-top: 0!important;
}
.step_head .flex_area.sp{
    margin-top: 10%!important;
}
.step_head div p{
    font-size: 1.2rem;
}
.step_head div p.ttl {
    color: #a42525;
    font-size: 1.5rem;
}
.step_head .inner div:after{
    content: "";
    position: absolute;
    top: 50%;
    right: -19px;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-left: 10px solid #a42525;
}
.an_link .box2{
margin-top: 0;
}


.an_link{
    margin-top: 0;
    margin-bottom: 5%;
}
.an_link ul{
        width: 100%;
        margin: 5% 0 0 !important;
        display: flex;
        flex-wrap: wrap;
}
.an_link li,.an_link .box{
    margin: 5% 0 0 !important;
}
.an_link li,.an_link .box li{
    background: #ffffffa8;
    width: 100%;
    border-radius: 10px;
    border: none;
    margin-bottom: 3%;
}
.an_link li,.an_link .box1 li{
    background: #ffffffa8;
    width: 100%;
    border-radius: 10px;
    border: none;
    margin-bottom: 3%;
}
.an_link .box2 li{
    width: 100%;
    border-radius: 10px;
}
.an_link li a{
        font-size: 1.2rem;
        text-align: left;
        font-weight: 600;
        width: 100%;
        height: 100%;
        display: block;
        box-sizing: border-box;
        padding: 4%;
        border-radius: 10px;
        letter-spacing: 0;
        position: relative;
        padding-right: 30px;
}
.an_link .box2 li:last-child a {
    padding: 4%;
}
.an_link .box li a{
        font-size: 1.2rem;
        text-align: left;
        font-weight: 600;
        width: 100%;
        height: 100%;
        display: block;
        box-sizing: border-box;
        padding: 2% 4%;
        border-radius: 10px;
        letter-spacing: 0;
        position: relative;
        padding-right: 30px;
}
.an_link .box1 li a{
    padding-top: 4%;
}

.an_link .box1 li:first-child a{
        font-size: 1.2rem;
        text-align: left;
        font-weight: 600;
        width: 100%;
        height: 100%;
        display: block;
        box-sizing: border-box;
        padding: 4%;
        border-radius: 10px;
        letter-spacing: 0;
        position: relative;
        padding-right: 30px;
}

.an_link li:last-child{
    border-bottom: none;
}
.an_link .pt{
    padding-top: 10px;
}
}/*SP-end*/




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

コンテンツ - ページ

===================================================*/
/*ーーーーーーーーーーーーーーーー
タイトルエリア
ーーーーーーーーーーーーーーーー*/
 main .ttl_area:before{
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #FFF;
    z-index: 2;
}
 main .ttl_area:after{
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid #00aea9;
    z-index: 1;
}
 main .ttl_area{
    background: #fff;
    border:#00aea9 solid 3px;
}
 main .ttl_area h1 span.s_ttl{
    display: block;
    color: #e6f3f3;
    border-radius: 5px;
    font-size: 1.4rem;
    color: #3e3939;
    background: #e6f3f3;
    padding: 4px 30px;
    box-sizing: border-box;
}
 main .ttl_area h1{
    color: #3e3939;
    font-size: 3rem;
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    margin: 0 auto;
    padding: 20px;
    padding-left: 70px;
}
 main .ttl_area h1 span.green{
    color: #00aea9;
    font-size: 3rem;
    margin-top: 5px;
    display: block;
}
 main .ttl_area img{
    position: absolute;
    top: 4px;
    left: -44px;
}

/*ーーーーーーーーーーーーーーーー
動画系
ーーーーーーーーーーーーーーーー*/
 main .main_area .movie_area{
    margin: 50px auto 0px;
    text-align: center;
	width: 800px;
}
 main .main_area .movie_area p{
    font-size: 2rem;
    margin-bottom:2%;
}
 main .main_area .movie_area .video_area{
	width: 800px;
	margin: 0 auto;
}
 main .main_area .movie_area .video_area video{
	width: 100%;
}
 main .main_area .movie_area .txt_area{
    text-align: center;
    margin-top: 20px;
}
 main .main_area .movie_area .txt_area span{
    display: block;
    font-size: 1.4rem;
	line-height: 1.8;
}
 main .main_area .movie_area .txt_area p{
    display: block;
    font-size: 1.8rem;
}
 main .main_area .movie_area .txt_area table{
	margin: 0 auto;
    display: table;
    font-size: 1.4rem;
    text-align: left;
}
 main .main_area .movie_area .txt_area table td.ttl{
	font-weight: 600;
	padding-right: 10px;
}

/*ーーーーーーーーーーーーーーーー
footer付近のボタン
ーーーーーーーーーーーーーーーー*/
/* main .btn_pamphlet a,
 main .btn_top a{
    background: #ffe100;
    width: 500px;
    font-size: 2rem;
    border: 2px solid #ffe100;
    display: block;
    margin: 10px auto 0;
    text-align: center;
    border-radius: 15px;
    font-weight: 600;
}
 main .btn_pamphlet a:hover,
 main .btn_top a:hover{
    background: #fff;
    border: 2px solid #ffe100;
}*/
 main .btn_top{
    margin-top: 40px;
}
 main .main_area .movie_area .shiryou{
	width: 800px;
	margin: 0 auto;
	background: #e6f3f3;
	font-size: 1.5rem;
	padding: 20px;
	padding: 10px;
	margin-top: 20px;
}
 main .main_area .movie_area .shiryou p{
	font-weight: 600;
	font-size: 1.5rem;
	margin-bottom: 0px;
}
 main .main_area .movie_area .shiryou a{
	text-decoration: underline;
	color: #a42525;
}

/*ーーーーーーーーーーーーーーーー
TOPページ
ーーーーーーーーーーーーーーーー*/
body.start .link_box p.st{
    font-size: 2.2rem;
}
body.start .link_box a{
    width: 80%;
    display: block;
    margin: 0px auto 0;
    padding: 30px 0px;
    border-radius:15px;
    position: relative;
    font-weight: 600;
    background: #ffe100;
    font-size: 2rem;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 6px 5px 0px -1px rgb(0 0 0 / 12%);
    margin-top: 20px;
}    
.link_box a:before{
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}
.link_box a.pink .book_icon{
    width: 160px;
    position: absolute;
    top: -90px;
    right: -170px;
}
body.start h1{
    font-size: 2.5rem;
    text-align: center;
    display: block;
    position: static;
    transform: none;
    font-weight: 600;
    color: #a42525;
    line-height: 1.4;
    margin-bottom: 50px;
}
body.start .sec2{
    background: #9d1f1f;
    padding: 40px 0;
}
body.start .sec2 h2{
    color: #fff;
    border: none;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 4px;
    display: block;
    font-size: 2.5rem;
}
body.start .sec2 p.honbun{
    position: relative;
    display: block;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #ffe100;
    font-size: 16px;
    background: #e40010;
    margin: 7px auto 30px;
    width: 130px;
    border-radius: 5px;
}
body.start .sec2 p.honbun:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e40010;
}
body.start .sec2 .step{
    position: relative;
    z-index: 2;
}
body.start .sec2 .step:after{
    position: absolute;
    width: 7px;
    height: 100%;
    background: #ffffff78;
    content: "";
    top: 0;
    left: 75px;
    z-index: -1;
}
body.start .sec2 .step li{
    background: #fff;
    border-radius: 18px;
    border: 2px solid #a42525;
    text-align: center;
    box-shadow: 6px 5px 0px -1px rgb(0 0 0 / 12%);
    margin-top: 20px;
}
body.start .sec2 .step li:first-child{
margin-top: 0px;
}
body.start .sec2 .step li a{
    font-size: 1.8rem;
    font-weight: 600;
    padding: 25px 20px;
    box-sizing: border-box;
    display: block;
    position: relative;
}
body.start .sec2 .step li a:after {
    position: absolute;
    content: "";
    background-image: url(../img/arrow.png);
    width: 11px;
    height: 19px;
    right: 20px;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background-size: 100%;
    background-repeat: no-repeat;
}
body.start .sec2 .step li a span{
    display: block;
    position: absolute;
    color: #9d1f1f;
    font-size: 3rem;
    line-height: 1;
    font-weight: bold;
}
body.start .sec3 .flex_area{
    align-items: center;
}
body.start .sec3{
    background: none;
    margin-top: 0;
    border-bottom: 3px dotted #a42525;
    padding-bottom: 45px;
}
body.start .sec3 h2{
    color: #000;
}
body.start .sec3 .txt{
    width: 40%;
}
body.start .sec3 .txt h2{
    display: inline;
}
body.start .sec3 .step li a{
    font-size: 1.6rem;
    padding-right: 40px;
    padding: 20px 40px 20px 20px;
}
body.start .sec3 .step{
    width: 50%;
}
body.start .step_head{
    padding: 60px 0 30px;
    position: relative;
}
.illust_pc{
    position: absolute;
    top: 15px;
    right: 70px;
    max-width: 170px;
    width: 100%;
    cursor: pointer;
}

.illust_pc img{
    width: 45%;
    display: block;
    margin: 0 auto;
}
.illust_pc .illust_box{
    background-color: #a42525;
    box-sizing: border-box;
    border-radius: 10px;

}
.illust_pc .illust_text{
    color: #fff;
    font-size: 1.1rem;
    text-align: center;
    font-weight: 600;
    padding: 4px 14px;
    letter-spacing: 0;
    margin: 0;
}

.illust_pc .illust_text .yellow{
    text-decoration: underline;
}

/*ーーーーーーーーーーーーーーーー
STEP1
ーーーーーーーーーーーーーーーー*/
body.step1 .sec3{
    background: #d61b1ba8;
    padding: 60px 0;
}
body.step1 .sec3 .flex_area div {
    width: 47%;
}
body.step1 .sec3 .flex_area div img{
    width:100%;
}
body.step1 .sec3 .link_btn{
    color: #000;
}



/*ーーーーーーーーーーーーーーーー
STEP3
ーーーーーーーーーーーーーーーー*/
/*モーダル*/
.modal-button{
	pointer-events: auto;
	position: relative;
}
.modal-wrapper{
	display: block;
}
.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px;
  text-align: center;
}
.modal-button {
	cursor :pointer;
	transition: all 0.3s;
}
.modal-button:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.modal-button:hover {
  opacity: 0.6;
}
.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}
.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}
.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}
.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
	  width: 100%;
  max-width: 600px;
  padding: 10px 30px 25px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle
}
.modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
  text-align: left
}
.modal-content img{
	width: 500px!important;
	max-width: 500px!important;
}
.modal_title {
  font-size: 1.5em;
	position: relative;
	overflow: hidden;
  padding: 0;
}
.modal_title::before,
.modal_title::after{
	content: "";
	position: absolute;
	bottom: 0;
}
.modal_title:before{
	border-bottom: 4px solid #6bb6ff;
	width: 100%;
}
.modal_title:after{
	border-bottom: 4px solid #c8e4ff;
	width: 100%;
}
.modal-content p {
  margin: 10px 0 0 0;
}
.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
}
.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 35px;
  color: #95979c !important;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}
.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important
}
.modal-button:after{
	position: absolute;
	background-image: url(../../img/zoom.png);
	width: 30px;
	height: 30px;
	content: "";
	bottom: -21px;
	left: 10px;
}
/*モーダルここまで*/
.step3 .acbox{
    margin-top: 29px;
}
.step3 .modal-button{
	pointer-events: none;
}
.step3 .modal-wrapper{
	display: block;
}
.step3 .mbn{
	margin-bottom: 0px!important;
}
.step3 .mt30{
	margin-top: 30px!important;
}
.step3 .modal-button:after{
	opacity: 0;
}
.step3 .sec ul{
	margin-left: 30px;
}
.step3 .sec ul li{
	font-size: 1.5rem;
	list-style:disc;
	margin-bottom: 5px;
	font-weight: bold;
}
.step3 .bgg{
    background: #fff;
    padding: 30px 30px 8px;
    margin-bottom: 20px;
}
.step3 .sec .inner p.ttl2{
    background: #ffe8e8;
    font-size: 1.6rem;
    font-weight: 600;
    border: 2px solid #a42525;
    padding: 5px;
    border-radius: 90px;
    margin-bottom: 20px;
}
.step3 .sec .inner p.ttl{
    background: #e40010;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 10px 90px;
    border-radius: 90px;
    margin-bottom: 20px;
    color: #fff;
    position: relative;
}
.step3 .sec .inner p.ttl span{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background: #fff;
    width: 25px;
    border-radius: 100%;
    color: #9a1717;
}
.step3 .sec .inner p.sub_ttl{
background: #e99a9a;
    font-size: 1.5rem;
    padding: 5px;
    border-radius: 90px;
    margin: 0 auto 20px;
    width: 90%;
    color: #fff;
}
.step3 .sec .inner img{
	display: block;
	margin: 0 auto 30px;
	max-width: 100%;
}
.step3 .sec .inner .check{
	background: #fff;
    border: 2px solid #f62121;
    border-radius: 10px;
    padding: 20px;
    width: 84%;
    margin: 0 auto;
}
.step3 .sec .inner dl{
	font-size: 1.5rem;
	margin-bottom: 10px;
	border-bottom: dotted 1px #afafaf;
	padding-bottom: 13px;
}
.step3 .sec .inner dt{
	font-weight: 600;
}
.step3 .sec .inner dt span{
	color: #f32121;
	font-size: 2rem;
	margin-right: 8px;
}
.step3 .sec .inner .sankou p.ttl{
	background: none;
    border: none;
    /* border-bottom: 1px solid; */
    /* border-radius: 0px; */
    color: #000;
}
.step3 .sec .inner .sankou p.ttl_2{
	font-size: 1.6rem;
	font-weight: 600;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	width: 89%;
	margin: 0 auto 10px;
}
.step3 .kubun{
	font-size: 1.5rem;
	text-align: center;
	/* border-bottom: 2px solid #c4c4c4; */
	margin: 30px 0 15px;
	padding-bottom: 4px;
	background: #dcdcdc;
}
.step3 .sec .inner p.ttl.marker{
    text-align: center;
}
.step3 .sec .inner p.ttl.marker span{
    display: inline;
    width: auto;
    border-radius: 0;
    background: none;
    /* text-align: center; */
    margin: 0 auto;
    position: static;
    border-bottom: 5px solid #ffe100;
    color: #000;
}

/*ーーーーーーーーーーーーーーーー
電子ブック
ーーーーーーーーーーーーーーーー*/
.book img.main{
    width: 52%;
    margin: 30px auto;
    display: block;
}
.book .box{
	margin-bottom: 40px;
}
.book .box p.ttl,
.daigaku_list .box p.ttl{
	background: #fff;
	font-size: 1.6rem;
	font-weight: 600;
	border: 2px solid #a42525;
	padding: 5px;
	border-radius: 90px;
	margin-bottom: 20px;
}
.book .box p.ttl_sm{
	text-align: center;
    font-size: 1.6rem;
    padding: 5px;
    margin-bottom: 10px;
    background: #e99a9a;
}
.book .box ul{
margin-left: 20px;
}
.book .box ul li{
	margin-bottom: 10px;
}
.book .box ul li a strong{
    font-weight: 600;
    font-size: 2rem;
}
.book .box ul li a span{
	font-size: 3rem;
	line-height: 0;
	font-weight: 600;
	color: #f32121;
	display: inline-block;
	margin-right: 8px;
	position: relative;
	top: 3px;
}
.book .box ul li a .blue_txt{
	font-size: 1.6rem;
	line-height: 0;
	font-weight: 600;
	color: #a42525;
	display: inline;
	margin-right: 0;
	position: unset;
    text-decoration: underline;
}
.book a.ttl{
	display: block;
}
.book a.ttl span{
	font-size: 3rem;
	line-height: 0;
	font-weight: 600;
	color: #f32121;
	display: inline-block;
	margin-right: 8px;
	position: relative;
	top: 3px;
}

.book .start .flex_area{
align-items: center;
display: block;
margin-bottom: 60px;
}
.book .start .flex_area .ank_btn{
    text-align: center;
    display: block;
    font-weight: 600;
    background: #FFC107;
    width: 40%;
    margin: 20px auto;
    padding: 15px;
    border-radius: 90px;
    box-shadow: 6px 5px 0px -1px rgb(0 0 0 / 12%);
    color: #000;
    position: relative;
    font-size: 1.4rem;
}

/*ーーーーーーーーーーーーーーーー
シート
ーーーーーーーーーーーーーーーー*/
.sheet .main{
	margin: 40px auto 20px;
}
.sheet .dl{
	text-align: center;
	display: inline-block;
	background: #f59800;
	font-weight: 600;
	font-size: 1.5rem;
	text-align: center;
	display: block;
	width: 400px;
	margin: 0 auto;
	padding: 10px;
	color: #fff;
	border-radius: 90px;
}
.sheet p.ttl_k{
	margin-top: 60px;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}
.sheet .modal-wrapper .modal-window{
	max-width: 1000px;
}
.sheet .modal-content img{
	width: 100%!important;
	max-width: 100%!important;
}
.sheet .link_text{
	margin-top: 60px;
	font-size: 1.5rem;
}
.link_text a{
	    color: #a42525;
    text-decoration: underline;
}

/*ーーーーーーーーーーーーーーーー
アコーディオン系
ーーーーーーーーーーーーーーーー*/
.accordion {
  width: 100%;
  margin: auto;
}
.accordion .menu {
	position: relative;
    padding: 10px 19px;
    background: #000;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 600;
    font-size: 1.8rem;
}
.accordion .menu:hover{
	opacity: 0.85;
}
.accordion .menu2 .flex{
	justify-content: space-between;
	align-items: flex-start;
	margin-right: 15px;
    }
.accordion .menu2 .flex p {
    line-height: 1;
    font-weight: 600;
    text-align: left;
    font-feature-settings: "palt";
    font-size: 1.5rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.accordion .menu2 .flex p:nth-child(2){
font-size: 1.3rem;
}
.accordion .menu2{
	width: 100%;
    margin: 0 auto 15px;
    color: #000;
    font-weight: 600;
    font-size: 1.6rem;
    padding: 18px 20px;
	box-sizing: border-box;
}
.accordion .menu2 .icon {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 10px;
  height: 2px;
  margin: auto;
  background: #000!important;
  content: "";
  transition: all 0.3s;
}
.accordion .menu2 .icon:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 2px;
  height: 10px;
  margin: auto;
  background: #000!important;
  content: "";
}
.accordion .menu .icon {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 13px;
  width: 10px;
  height: 2px;
  margin: auto;
  background: #fff;
  content: "";
  transition: all 0.3s;
}
.accordion .menu .icon:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 2px;
  height: 10px;
  margin: auto;
  background: #fff;
  content: "";
}
.accordion .is-active .icon {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.accordion .subMenu {
	display: none;
	width: 98%;
	margin:15px  auto;
}
.accordion .subMenu li {
  padding: 2% 0;
  color: #1eacdb;
}
.accordion span.small{
    font-size: 1rem!important;
    color: #000!important;
    margin-top: 0!important;
}

/*ーーーーーーーーーーーーーーーー
系統ごと色
ーーーーーーーーーーーーーーーー*/
.cl1{
	background: #f28f79!important;
}
.cl1_2{
	background:#f9e5e1!important;
}
.cl2{
	background: #69a0d6!important;
}
.cl2_2{
	background: #d6e0ea!important;
}
.cl3{
	background: #5fc2c2!important;
}
.cl3_2{
	background: #cce5e5!important;
}
.cl4{
	background: #b29bd3!important;
}
.cl4_2{
	background:#e9e2f3!important;
}
.cl5{
	background: #dab950!important;
}
.cl5_2{
	background:#e8dfc5!important;
}
.cl6{
	background: #5982af!important;
}
.cl6_2{
	background: #d0dae5!important;
}
.cl7{
	background: #76bb9c!important;
}
.cl7_2{
	background:#cee3da!important;
}
.cl8{
	background: #e8abcb!important;
}
.cl8_2{
	background: #f9e1ee!important;
}
p.ttl_ttl2{
    text-align: left;
    font-weight: 600;
    font-size: 1.8rem;
    border-left: 7px solid #000;
    padding-left: 10px;
    margin-bottom: 10px;
}
.red{
	background: #f28f79!important;
}
.red2{
	background:#f9e5e1!important;
}
p.ttl_ttl2.ttl2_red{
    border-left: 7px solid #f28f79;
}
.blue{
	background: #69a0d6!important;
}
.blue2{
	background: #d6e0ea!important;
}
p.ttl_ttl2.ttl2_blue{
    border-left: 7px solid #69a0d6;
}
.green{
	background: #5fc2c2!important;
}
.green2{
	background: #cce5e5!important;
}
p.ttl_ttl2.ttl2_green{
    border-left: 7px solid #5fc2c2;
}
.gray{
	background: #c4c4c4!important;
}
.gray2{
	background: #c4c4c4!important;
}

/*ーーーーーーーーーーーーーーーー
テーブル
ーーーーーーーーーーーーーーーー*/
table{
    border: 2px solid #c4c4c4;
    width: 100%;
    font-size: 1.4rem;
    background: #fff;
}
table tr{
	border-bottom:1px solid #c4c4c4;
}
table td{
	border-right:1px solid #c4c4c4;
	padding: 8px;
	font-size: 1.3rem;
	font-weight: 600;
	    vertical-align: middle;
}
.list table td:nth-child(2){
    width: 40px;
    text-align: center;
}
table th{
	background: #f6f4e7;
	border-right:1px solid #c4c4c4;
	font-weight: 600;
	    vertical-align: middle;
}
table td.kakomon{
	padding:8px 56px 8px 8px;
}
table td.kakomon span{
	font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #00aea9;
    padding: 5px 8px;
    border-radius: 3px;
    position: absolute;
    right: 6px;
    line-height: 1;
    margin: 0;
    /* top: 24%; */
    position: absolute;
    top: 50%;
    left: unset;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.blist .read_red{
	    color: red;
    font-size: 1.5rem;
    margin: 20px auto;
}
.blist table{
	margin-bottom: 30px;
}
.blist .kome{
	text-align: left;
	font-size: 1.2rem;
}
.step1 .flex_area video{
	width: 31%;
}
table td:nth-child(1) {
    width: 58px;
    background: #f6f4e7;
    text-align: center;
}

/*ーーーーーーーーーーーーーーーー
アコーディオン②
ーーーーーーーーーーーーーーーー*/
.toggle {
	display: none;
}
.Label{
	position: relative;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 16px;
	height: 16px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top: calc( 50% - 13px );
	right: 20px;
	transform: rotate(135deg);
	z-index: +1;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	    transform: rotate(-45deg) !important;
    top: calc( 50% - 6px );
}

/*ーーーーーーーーーーーーーーーー
モーダル設定
ーーーーーーーーーーーーーーーー*/
	.step3 .modal-button.pc_m:after{
		opacity: 1;
	}
	.step3 .modal-button.pc_m{
		pointer-events: auto;
		position: relative;
	}
    .step3 .pc_w54{
		width: 54%!important;
	}
	.modal-wrapper .modal-window.pc_m{
		max-width:900px;
	}
	.modal-content.pc_m img{
		width: 100%!important;
		max-width: 100%!important;
	}
.sankaku{
	display: block;
	margin: 0px auto 20px;
}


/*ーーーーーーーーーーーーーーーー
リスト
ーーーーーーーーーーーーーーーー*/
.list .flex_area.read  img{
    width: 190px;
}
.list .flex_area.read{
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
}
.list .flex_area.read  .honbun{
    text-align: left;
    font-size: 1.5rem;
    padding-right: 40px;
}
.list .flex_area.read{
    text-align: left;
    font-size: 1.5rem;
}

/*ーーーーーーーーーーーーーーーー
pamphlet
ーーーーーーーーーーーーーーーー*/
.link_pnf{
    width: 80%;
    display: block;
    margin: 0px auto 0;
    padding: 30px 0px;
    border-radius: 15px;
    position: relative;
    font-weight: 600;
    background: #ffe100;
    font-size: 2rem;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 6px 5px 0px -1px rgb(0 0 0 / 12%);
    margin-top: 20px;
    margin-bottom: 60px;
}

/* daigaku_list */
.daigaku_list main p.txt{
    color: #a42525;
    font-size: 1.65rem;
    margin-bottom: 10px;
    text-align: left;
} 

.daigaku_list .box:first-child{
    margin-bottom: 30px;
}

.daigaku_list .box ul li a{
    margin-left: 1.5em;
    display: block;
    position: relative;
}
.daigaku_list .box ul li a::before{
    content: "";
    position: absolute;
    left: -2%;
    top: 21%;
    background-image: url(../img/arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 8px;
    height: 13px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
SP用CSS
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media only screen and (max-width: 767px){
/*ーーーーーーーーーーーーーーーー
タイトルエリア
ーーーーーーーーーーーーーーーー*/
     main .ttl_area h1 span.s_ttl{
        display: block;
        font-size: 1.3rem;
        color: #3e3939;
        background: #e6f3f3;
        padding: 0;
        box-sizing: border-box;
        border-radius: 90px;
        margin-bottom: 2%;
    }
     main .ttl_area h1{
        color: #3e3939;
        font-size: 2.5rem;
        position: relative;
        top: unset;
        left: unset;
        transform: none;
        margin: 0 auto;
        padding: 5%;
    }
     main .ttl_area h1 span.green{
        color: #00aea9;
        font-size: 2.5rem;
    }
     main .ttl_area img{
        position: absolute;
        top: 47px;
        left: 0;
        display: none;
        width: 40px;
    }
     main .main_area h2{
        font-size: 2rem;
        width: 100%;
        margin: 0 auto 5%;
        font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
    main p.txt {
        margin-bottom: 4.6%;
    }
/*ーーーーーーーーーーーーーーーー
動画系
ーーーーーーーーーーーーーーーー*/
     main .main_area .movie_area{
        margin: 15% auto 8%;
		width: 100%;
    }
	.movie_area img{
		width: 100%;
	}
	 main .main_area .movie_area .iframe_area{
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
     main .main_area .movie_area .iframe_area iframe{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
    }
	 main .main_area .movie_area .video_area{
		width: 100%;
		margin: 0 auto;
	}
	 main .main_area .movie_area .video_area video{
		width: 100%;
	}
     main .main_area .movie_area .txt_area span{
        display: block;
        font-size: 1.3rem;
		text-align: left;
    }
     main .main_area .movie_area .txt_area p{
        display: block;
        font-size: 1.4rem;
		text-align: left;
    }
    
/*ーーーーーーーーーーーーーーーー
footer付近のボタン
ーーーーーーーーーーーーーーーー*/
/*     main .btn_pamphlet a,
     main .btn_top a{
        background: #ffe100;
        width: 100%;
        padding: 5%;
        font-size: 1.7rem;
        border: 2px solid #ffe100;
        margin-top: 10px;
                box-sizing: border-box;
    }
     main .btn_pamphlet a:hover,
     main .btn_top a:hover{
        background: #fff;
        border: 2px solid #ffe100;
    }*/
     main .btn_top{
        margin-top: 40px;
    }
        
/*ーーーーーーーーーーーーーーーー
動画系
ーーーーーーーーーーーーーーーー*/
	 main .main_area .movie_area .shiryou{
		width: 100%;
		margin: 0 auto;
		background: #e6f3f3;
		font-size: 1.4rem;
		padding: 20px;
		padding: 10px;
		margin-top: 20px;
		box-sizing: border-box;
	}
	 main .main_area .movie_area .shiryou p{
		font-weight: 600;
		font-size: 1.4rem;
		margin-bottom: 0px;
	}
	 main .main_area .movie_area .shiryou a{
		text-decoration: underline;
		color: #a42525;
	}
	 main .main_area .movie_area .txt_area table{
		margin: 0 auto;
		display: table;
		font-size: 1.4rem;
		text-align: left;
		width: 100%;
	}
	 main .main_area .movie_area .txt_area table td.ttl{
		font-weight: 600;
		padding-right: 0px;
	}
/*ーーーーーーーーーーーーーーーー
TOPページ
ーーーーーーーーーーーーーーーー*/
body.start .link_box p.st{
        font-size: 1.8rem;
        text-align: left;
        padding-left: 5%;
}
body.start .link_box a{
        width: 100%;
        display: block;
        margin: 0px auto 0;
        padding: 5%;
        font-size: 1.6rem;
        margin-top: 20px;
}    
.link_box a:before{
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}
.link_box a.pink .book_icon{
        width: 80px;
        position: absolute;
        top: -90px;
        right: 0;
}
body.start h1{
        font-size: 1.8rem;
        margin-bottom: 5%;
}
body.start .sec2{
    background: #9d1f1f;
    padding: 40px 0;
}
body.start .sec2 h2{
        width: 100%;
        font-size: 1.8rem;
}
.step3 .sec .inner p.ttl{
        color: #fff !important;
        font-weight: 500;
        font-size: 1.5rem;
        text-align: center;
}
body.start .sec2 .step{
    position: relative;
    z-index: 2;
}
body.start .sec2 .step:after{
    position: absolute;
    width: 7px;
    height: 100%;
    background: #ffffff78;
    content: "";
    top: 0;
    left: 75px;
    z-index: -1;
}
body.start .sec2 .step li{
        background: #fff;
        border-radius: 18px;
        border: 2px solid #a42525;
        text-align: center;
        box-shadow: 6px 5px 0px -1px rgb(0 0 0 / 12%);
        margin-top: 5%;
}
body.start .sec2 .step li:first-child{
margin-top: 0px;
}
body.start .sec2 .step li a{
    font-size: 1.6rem;
    font-weight: 600;
    padding: 5% 35px 5% 5%;
    box-sizing: border-box;
    display: block;
    position: relative;
    text-align: left;
}
body.start .sec2 .step li a:after {
    position: absolute;
    content: "";
    background-image: url(../img/arrow.png);
    width: 11px;
    height: 19px;
    right: 20px;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background-size: 100%;
    background-repeat: no-repeat;
}
body.start .sec2 .step li a span{
        line-height: 1.5;
        font-weight: bold;
        font-size: 1.5rem;
        position: static;
}

body.start .sec3 .flex_area{
    align-items: center;
}
body.start .sec3{
    background: none;
    margin-top: 0;
    border-bottom: 3px dotted #a42525;
    padding-bottom: 45px;
}
body.start .sec3 h2{
    color: #000;
}
body.start .sec3 .txt{
    width: 100%;
}
body.start .sec3 .txt h2{
        text-align: center;
        display: block;
        margin-bottom: 5%;
}
body.start .sec3 .step li a{
        font-size: 1.4rem;
        padding-right: 40px;
        padding: 5% 40px 5% 5%;
}
body.start .sec3 .step{
    width: 100%;
}
body.start .step_head{
    margin-top: 5%;
    width: 90%;
    padding: 10% 5% 5%;
    box-sizing: border-box;
}
/*ーーーーーーーーーーーーーーーー
STEP1
ーーーーーーーーーーーーーーーー*/
body.step1 .sec3{
    background: #1ba5d6a8;
    padding: 40px 0;
}
body.step1 .sec3 .flex_area div {
        width: 100%;
        margin-bottom: 15%;
}
body.step1 .sec3 .flex_area div:last-child{
margin-bottom: 0;
}
body.step1 .sec3 .flex_area div img{
    width:100%;
}
body.step1 .sec3 .link_btn{
    color: #000;
}
	.step1 .flex_area .flex_img{
		width: 60%;
		margin: 0 auto 5%;
	}

/*ーーーーーーーーーーーーーーーー
step3
ーーーーーーーーーーーーーーーー*/
	.step3 .sec .inner{
		padding: 0%;
	}
	.step3 .bgg{
		padding: 5%!important;
	}
	.step3 .sec .inner img{
		width: 100%;
	}
	.step3 .sec .inner p.ttl{
		font-size: 1.5rem;
		padding: 5%;
		border-radius: 10px;
		padding-left: 50px;
		padding-right: 50px;
	}
	.step3 .sec .inner p.ttl span{
		    left: 8px;
	}
    .step3 .sec ul li{
    font-size: 1.4rem;
    }
    .step3 .sec .inner img.sankaku{
    width: auto;
    }
    .toggle:checked + .Label + .content{
    padding: 0;
    }
    body.step3 main{
    padding-bottom: 182px;
    }
    body.step3 main{
    padding-bottom: 182px;
    }
    body.step3 #pagetop a{
    position: absolute;
        right: 0;
        bottom: -37px;
    }
/*ーーーーーーーーーーーーーーーー
モーダル系
ーーーーーーーーーーーーーーーー*/
	.step3 .modal-button:after{
		opacity: 1;
	}
	.step3 .modal-button{
		pointer-events: auto;
		position: relative;
	}
	.step3 .w70{
		width: 70%!important;
	}
	.sheet .main_area img{
		width: 100%;
	}
	.sheet .dl{
		width: 100%;
		box-sizing: border-box;
	}
	.sheet .modal-content img{
		width: 1000px!important;
		max-width: 800px!important;
	}
	.modal-content.pc_m img{
		    width: 500px!important;
    max-width: 500px!important;
	}
	.book .box ul,.book .box1{
		margin-left: 5%;
	}

	.step_link{
        width: 90%;
        box-sizing: border-box;
        padding-right: 40px;
        margin-top: 8%;
        margin-bottom: 71px;
	}
    .book .start .flex_area .ank_btn{
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15%;
}

/* daigaku_list */
.daigaku_list .box p.ttl {
    margin-bottom: 3%;
}
/* daigaku_list */
.daigaku_list main p.txt{
    margin-bottom: 1.6%;
} 
.daigaku_list .box:first-child{
    margin-bottom: 4.6%;
}

.daigaku_list .box ul li a{
    margin-left: 6%;
}

.daigaku_list .box ul li a::before{
    left: -5%;
}

}/*SP-end*/

.list .read2 p{
text-align: left;
    margin: 0 auto 15px;
    font-size: 1.3rem;
    background: #ffffff96;
    padding: 20px;
    line-height: 1.8;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 500;
    margin-bottom: 50px;
}
.list .flex_area.read .honbun{
padding-right: 0px;
}
.list .flex_area.read img{
    width: 180px;
    display: block;
    margin: 5% auto;
}
.list .link_pnf{
    width: 100%;
    display: block;
    margin: 0px auto 0;
    padding: 30px 0px;
    border-radius: 15px;
    position: relative;
    font-weight: 600;
    background: #ffe100;
    font-size: 1.6rem;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 6px 5px 0px -1px rgb(0 0 0 / 12%);
    margin-top: 20px;
    margin-bottom: 8%;
}
body.list  #pagetop a img{
width: auto;
}

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

ページ下部固定 - 大学パンフの取り寄せ

===================================================*/
 main #fixed_content{
    bottom: 0px !important;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    background: #00000075;
    padding: 15px;
    color: #fff;
    position: absolute;
    max-width: 100%;
    z-index: 5;
}
 main #fixed_content li{
    text-align: center;
    font-weight: 600;
    list-style: none;
}
 main #fixed_content img{
    display: block;
    margin: 10px auto 0;
    width: 677px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
SP用CSS
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media only screen and (max-width: 767px){
 main #fixed_content{
    box-sizing: border-box;
    padding: 10px;
}
main #fixed_content img{
width: 100%;
}
}/*SP-end*/



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

募集要項

===================================================*/
 body.requirements .accordion .menu{
     background: #e40010;
     margin-top: 30px;
}
 body.requirements .sec .honbun{
     margin-bottom: 20px;
 }
  body.requirements .sec .honbun.left{
    text-align: left;
    font-size: 1.5rem;
    font-weight: 500;
 }
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
SP用CSS
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media only screen and (max-width: 767px){
body.requirements .accordion .menu{
        margin-top: 4%;
        margin-bottom: 0px;
}
}/*SP-end*/