body{
    margin: 0;
    padding: 0;
}
ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
a{
    text-decoration: none;
}
.text-red{
    color: red;
}
.text-yellow{
    color: yellow;
}
h2{
    margin: 0;
}
h3{
    margin: 0;
}
p{
    margin: 0;
}
.apply{
    margin: 0 auto;
    border-bottom: 6px solid black;
}
.apply:active{
    margin-top: 6px;
    border-bottom-width: 0;
}
.apply-live-green:active{
    margin-top: 6px;
    border-bottom-width: 0;
}
.res-br{
    display: none;
}
.res-display-bar{
    display: block;
}
@font-face{
    font-family: 'helvetica-bold';
    src: url('../Fonts/HelveticaLTStd-BoldCond.otf') format('woff');
}
@font-face{
    font-family: 'koz6-heavy';
    src: url('../Fonts/KozGoPr6N-Heavy.otf') format('woff');
}
@font-face{
    font-family: 'sans-jp-black';
    src: url('../Fonts/NotoSansJP-Black_0.otf') format('woff');
}
@font-face{
    font-family: 'sans-jp-bold';
    src: url('../Fonts/NotoSansJP-Bold.otf') format('woff');
}
@font-face{
    font-family: 'sans-jp-med';
    src: url('../Fonts/NotoSansJP-Medium.otf') format('woff');
}
@font-face{
    font-family: 'sans-jpr';
    src: url('../Fonts/NotoSansJP-Regular.otf') format('woff');
}
.keikaku-lp, .sans-jp-bla{
    font-family: 'sans-jp-black', 'sans-jp-bold';
}
.sans-jp-bol{
    font-family: 'sans-jp-bold', 'sans-jp-black';
}
.sans-jp-rm{
    font-family: 'sans-jpr', 'sans-jp-med';
}
.sans-jp-mr{
    font-family: 'sans-med', 'sans-jpr';
}
/*title*/
/*top-h1*/
.top-title{
    width: 100%;
    height: auto;
    margin: 0;
}
.top-title img{
    width: 100%;
    height: auto;
    vertical-align: top;
}
/*bubble*/
.bubbles{
    padding: 34px 0 52px;
    background-image: linear-gradient(-45deg, #36BAAB 25%, #01ACA0 25%, #01ACA0 50%, #36BAAB 50%,#36BAAB 75%, #01ACA0 75%, #01ACA0);
	background-image: -webkit-linear-gradient(-45deg, #36BAAB 25%, #01ACA0 25%, #01ACA0 50%,#36BAAB 50%, #36BAAB 75%,#01ACA0 75%, #01ACA0);
	background-image: -moz-linear-gradient(-45deg, #36BAAB 25%, #01ACA0 25%, #01ACA0 50%,#36BAAB 50%, #36BAAB 75%, #01ACA0 75%, #01ACA0);
	background-image: -ms-linear-gradient(-45deg, #36BAAB 25%, #01ACA0 25%, #01ACA0 50%,#36BAAB 50%, #36BAAB 75%, #01ACA0 75%, #01ACA0);
	-webkit-background-size: 11px 11px;
	-moz-background-size: 11px 11px;
	-ms-background-size: 11px 11px;
	background-size: 11px 11px;
}
.bubbles > p{
    line-height: 1.3em;
    margin-bottom: 30px;
    color: #fff;
    font-size: 36px;
    text-align: center;
}
.bubbles-wrap{
    display: flex;
    justify-content: center;
}
.bubble{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26.5%;
    height: 109px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 4px 6px grey;
}
.bubble::after{
    position: absolute;
    content: '';
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top: 13px #fff solid;
}
.bubble-center{
    margin: 0 2.63vw;
}
.bubble p{
    font-size: 22px;
    line-height: 1.3em;
    text-align: center;
}
/*title*/
/*date*/
.date{
    padding: 40px 0;
    background-color   : #cbede9;
    background-image   : radial-gradient(#a9e2db 10%, transparent 13%), radial-gradient(#a9e2db 10%, transparent 13%);
    background-position: 0 0, 7px 7px;
    background-size    : 14px 14px;
    text-align: center;
}
.date-bottom{
    text-align: center;
}
.date-title {
    display: inline-block;
    position: relative;
    width: 484px;
    line-height: 70px;
    text-align: center;
    box-sizing: border-box;
}
.date-title:before{
    content: '';
    position: absolute;
    width: 10px;
    bottom: -1px;
    left: -24px;
    border: 23px solid #ff0000;
    border-top-width: 28px;
    border-bottom-width: 28px;
    border-left-color: transparent;
}
.date-title:after{
    content: '';
    position: absolute;
    width: 10px;
    bottom: -1px;
    right: -24px;
    border: 23px solid #ff0000;
    border-top-width: 28px;
    border-bottom-width: 28px;
    border-right-color: transparent;
} 
.date-title p{
    display: inline-block;
    position: relative;
    margin: 0;
    z-index: 1;
    width: 100%;
    line-height: 70px;
    font-size: 34px;
    color: #FFF;
    background: #ff0000;
}
.date-title p:before{
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 8px transparent;
    border-right: solid 32px #BF0101;
}
.date-title p:after{
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 8px transparent;
    border-left: solid 32px #BF0101;
}
.date-details{
    width: 90%;
    margin: 0 auto;
    padding: 40px 0;
    padding-bottom: 40px;
    background-color: #fff;
}
.date-bg{
    width: 90%;
    margin: 0 auto;
    background-image: url('../imgs/bg-memo-2.png');
    background-size: 100%;
    background-repeat: repeat;
}
.date-school{
    width: 100%;
    display: inline-block;
    margin-bottom: 23px;
    padding-top: 23px;
    border-bottom: 1px solid #000;
}
.date-info{
    font-size: 52px;
    color: #0b1a4c;
}
.date-time{
    margin-bottom: 15px;
    line-height: 1em;
    font-size: 28px;
    color: #0b1a4c;
}
.date-place{
    margin-bottom: 20px;
    font-size: 22px;
    color: #0b1a4c;
}
.date-place-live{
    margin-bottom: 0;
}
.date-live{
    font-size: 24px;
}
.date-place-small{
    margin-bottom: 35px;
    font-size: 18px;
    color: #0b1a4c;
}
.apply-wrap{
    text-align: center;
}
.apply-orange{
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 1.82em;
    background-color: #ff6629;
    border-radius: 10px;
    border-bottom-color: rgb(150, 97, 0);
}
.apply-live-green{
    display: inline-block;
    width: 52.6vw;
    margin-bottom: 40px;
    line-height: 2em;
    background-image: linear-gradient(-45deg, #387346 25%, #376E3F 25%, #376E3F 50%, #387346 50%, #387346 75%, #376E3F 75%, #376E3F);
	background-image: -webkit-linear-gradient(-45deg, #387346 25%, #376E3F 25%, #376E3F 50%, #387346 50%, #387346 75%, #376E3F 75%, #376E3F);
	background-image: -moz-linear-gradient(-45deg, #387346 25%, #376E3F 25%, #376E3F 50%, #387346 50%, #387346 75%, #376E3F 75%, #376E3F);
	background-image: -ms-linear-gradient(-45deg, #387346 25%, #376E3F 25%, #376E3F 50%, #387346 50%, #387346 75%, #376E3F 75%, #376E3F);
	-webkit-background-size: 11px 11px;
	-moz-background-size: 11px 11px;
	-ms-background-size: 11px 11px;
	background-size: 11px 11px;
    border-radius: 10px;
    border-bottom: 6px solid #015B31;
}
.apply{
    font-size: 4.73vw;
    color: #fff;
}
.apply-live{
    font-size: 3.79vw;
    color: #fff;
}
/*date*/
/*top*/
/*can*/
.about-title{
    padding: 50px 0 40px;
    background: #C4DDF5;
    text-align: center;
}
.about-title span{
    position: relative;
    display: inline-block;
    position: relative;
    height: 50px;
    background-image:linear-gradient(-45deg,#204A90 25%, #1A468D 25%, #1A468D 50%, #204A90 50%, #204A90 75%, #1A468D 75%,#1A468D);
	background-image:-webkit-linear-gradient(-45deg, #204A90 25%, #1A468D 25%, #1A468D 50%, #204A90 50%,#204A90 75%, #1A468D 75%,#1A468D);
	background-image:-moz-linear-gradient(-45deg, #204A90 25%, #1A468D 25%, #1A468D 50%,#204A90 50%,#204A90 75%,#1A468D 75%, #1A468D);
	background-image:-ms-linear-gradient(-45deg,#204A90 25%,#1A468D 25%,#1A468D 50%, #204A90 50%, #204A90 75%, #1A468D 75%,#1A468D);
	-webkit-background-size: 11px 11px;
	-moz-background-size: 11px 11px;
	-ms-background-size: 11px 11px;
	background-size: 11px 11px;
    line-height: 50px;
    text-align: center;
    padding: 0 30px;
    font-size: 28px;
    color: #FFF;
    box-sizing: border-box;
}
.about-title span:before, .about-title span:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}
.about-title span:before {
    top: 0;
    left: 0;
    border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent #C4DDF5;
    border-style: solid;
}
.about-title span:after {
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #C4DDF5 transparent transparent;
    border-style: solid;
}
.can{
    background-color: #C4DDF5;
    padding-bottom: 1px;
}
.can-list-wrap{
    width: 90%;
    margin: 0 auto;
}
.can-list-wrap li{
    background-color: #fff;
    border: 3px solid #053881;
    margin-bottom: 40px;
    padding: 45px 0 30px;
}
.can-list-wrap h3{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    font-size: 31px;
}
.check-img{
    width: 37px;
    height: auto;
    margin: 0 5px;
}
.check-img img{
    width: 100%;
    height: auto;
}
.can-list{
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
}
.can-li-img{
    width: 33.8%;
    height: auto;
}
.can-li-img img{
    width: 100%;
    height: auto;
}
.can-li-text{
    width: 62.5%;
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character;
    font-size: 19px;
}
/*can*/
/*info*/
.info-wrap{
    background: #004680;
    padding: 40px 0 0;
}
.info-bg{
    width: 90%;
    height: 5vw;
    margin: 0 auto;
    background: url('../imgs/bg-note.png');
    background-size: 100%;
}
.info{
    width: 90%;
    margin: 0 auto 40px;
    padding-bottom: 40px;
    text-align: center;
    background: #fff;
}
.info-top-text{
    width: 100%;
    padding: 30px 0;
}
.info-top-text span{
    position: relative;
    display: inline-block;
    position: relative;
    width: 306px;
    line-height: 45px;
    background-image: linear-gradient(-45deg, #36BAAB 25%, #01ACA0 25%,#01ACA0 50%, #36BAAB 50%, #36BAAB 75%, #01ACA0 75%, #01ACA0);
	background-image: -webkit-linear-gradient(-45deg,#36BAAB 25%, #01ACA0 25%, #01ACA0 50%, #36BAAB 50%, #36BAAB 75%, #01ACA0 75%, #01ACA0);
	background-image: -moz-linear-gradient(-45deg, #36BAAB 25%, #01ACA0 25%, #01ACA0 50%, #36BAAB 50%, #36BAAB 75%, #01ACA0 75%, #01ACA0);
	background-image: -ms-linear-gradient(-45deg, #36BAAB 25%, #01ACA0 25%, #01ACA0 50%, #36BAAB 50%,#36BAAB 75%, #01ACA0 75%, #01ACA0);
	-webkit-background-size: 11px 11px;
	-moz-background-size: 11px 11px;
	-ms-background-size: 11px 11px;
	background-size: 11px 11px;
    line-height: 50px;
    text-align: center;
    padding: 0 30px;
    font-size: 28px;
    color: #FFF;
    box-sizing: border-box;
}
.info-top-text span:before, .info-top-text span:after {
    position: absolute;
    top: 0;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}
.info-top-text span:before {
    left: 0;
    border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}
.info-top-text span::after{
    right: 0;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
.info-name{
    text-align: center;
    font-size: 28px;
}
.info-address{
    margin-bottom: 20px;
    text-align: center;
    font-size: 18px;
}
.info-map{
    width: 84%;
    margin: 0 auto;
}
.info-map iframe{
    width: 100%;
    height: 47vw;
}
.info-todo{
    position: relative;
    display: inline-block;
    margin: 1.5em auto;
    width: 200px;
    line-height: 42px;
    background: #00aa98;
    border-radius: 21px;
    color: #fff;
    font-size: 28px;
}
.info-todo:before{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #00aa98;
}
.info-todo span{
    margin: 0;
    padding: 0;
}
.info-todo-list-wrap{
    width: 75%;
    margin: 0 auto 40px;
    font-size: 21px;
}
.info-todo-list-wrap li{
    line-height: 89px;
    display: flex;
    justify-content: center;
}
.info-todo-list-wrap > li > span{
    width: 514px;
    text-align: left;
}
.info-todo-list-wrap li .todo-check{
    color: #00aa98;
}
.info-todo-list-wrap li:first-child{
    text-align: center;
    border-top: 2px dashed gray;
    border-bottom: 2px dashed gray;
}
.info-todo-list-wrap li + li{
    text-align: center;
    border-bottom: 2px dashed gray;
}
.info-presents{
    width: 90%;
    margin: 0 auto;
    padding: 40px 0 30px;
    background-image:linear-gradient(-45deg, #F8D1E3 25%, #F6C6DC 25%, #F6C6DC 50%, #F8D1E3 50%, #F8D1E3 75%, #F6C6DC 75%, #F6C6DC);
	background-image:-webkit-linear-gradient(-45deg, #F8D1E3 25%, #F6C6DC 25%, #F6C6DC 50%, #F8D1E3 50%, #F8D1E3 75%, #F6C6DC 75%, #F6C6DC);
	background-image:-moz-linear-gradient(-45deg, #F8D1E3 25%, #F6C6DC 25%, #F6C6DC 50%, #F8D1E3 50%, #F8D1E3 75%, #F6C6DC 75%, #F6C6DC);
	background-image:-ms-linear-gradient(-45deg, #F8D1E3 25%, #F6C6DC 25%, #F6C6DC 50%, #F8D1E3 50%, #F8D1E3 75%, #F6C6DC 75%, #F6C6DC);
	-webkit-background-size: 11px 11px;
	-moz-background-size: 11px 11px;
	-ms-background-size: 11px 11px;
	background-size: 11px 11px;
}
.present-title{
    color: #fff;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 60.42vw;
    margin: 0 auto;
    height: 11.05vw;
    text-align: center;
    box-sizing: border-box;
    background: #D92378;
}
.present-title:before{
    content: '';
    position: absolute;
    bottom: -1.26vw;
    left: -4.79vw;
    z-index: -1;
    border: 4.21vw solid #C82270;
    border-left-color: transparent;
}
.present-title:after{
    content: '';
    position: absolute;
    bottom: -1.26vw;
    right: -4.79vw;
    z-index: -1;
    border: 4.21vw solid #C82270;
    border-right-color: transparent;
}
.present-title p{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    background: #D92378;/*真ん中の背景色*/
}
.present-title p:before{
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 1.26vw transparent;
    border-right: solid 3.68vw #9C1C59;
}
.present-title p:after{
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 1.26vw transparent;
    border-left: solid 3.68vw #9C1C59;
}
.present-title > p >span{
    font-size: 1.89vw;
}
.present-title span{
    display: block;
    font-size: 3.79vw;
}
.schedule-img-1{
    width: 90%;
    margin: 0 auto;
}
.schedule-img-1 img{
    width: 100%;
    height: auto;
    margin: 56px 0 0;
}
.info-plus{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 10.54vw;
    height: 10.54vw;
    margin: -2.6vw auto -1.7vw;
    border-radius: 5.27vw;
    background: #da1e79;
    color: #fff;
}
.info-plus p{
    padding-bottom: 1.43vw;
    line-height: 1em;
    font-size: 2.95vw;
}
.info-plus span{
    display: block;
}
.schedule-img-2{
    width: 80%;
    margin: 0 auto 30px;
}
.schedule-img-2 img{
    width: 100%;
    height: auto;
}
.info-text{
    width: 90%;
    margin: 0 auto;
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character;
    font-size: 18px;
    line-height: 1.78em;
}
/*info*/
/*kakomon*/
.kakomon{
    padding: 50px 0 40px;
    background-color: #083f0c;
}
.kakomon-title{
    width: 62%;
    margin: 0 auto 40px;
}
.kakomon-wrap{
    width: 90%;
    margin: 0 auto;
}
.kakomon img{
    width: 100%;
    height: auto;
}
.kakomon-arrow{
    width: 16%;
    margin: 30px auto;
}
.kakomon-content{
    display: flex;
    justify-content: space-between;
    padding: 50px 0 40px;
    color: #fff;
}
.kakomon-content-img{
    width: 33%;
}
.kakomon-text-wrap{
    width: 65%;
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character;
}
.kakomon-text-wrap p{
    margin-bottom: 40px;
    font-size: 18px;
}
.board{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url(../imgs/frame.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
}
.point-img{
    width: 140px;
    height: auto;
    position: absolute;
    top: -24px;
    left: 40px;
}
.board-white{
    width: 97%;
    margin: 0 auto;
    padding: 40px 0 30px;
    font-size: 25px;
    color: #fff;
}
.board-yellow{
    width: 98%;
    margin: 0 auto;
    padding-bottom: 50px;
    font-size: 32px;
    color: #ffff00;
}
/*kakomon*/
/*do*/
.do-title{
    padding: 40px 0 0;
    background-color: #fdd000;
    font-size: 30px;
    color: #fff;
    text-align: center;
}
.do-title span{
    display: block;
    width: 90%;
    margin: 0 auto;
    background-color: #00aa98;
    line-height: 70px;
}
.do-bg{
    background-color: #fdd000;
}
.do-wrap{
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto 40px;
    border: 2px solid #00aa98;
    background-color: #fff;
}
.do-section-title{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 367px;
    height: 41px;
    margin: 42px auto 35px;
    background-image: url(../imgs/title-bar-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.do-section-title span{
    color: #fff;
    font-size: 22px;
}
.do-wrap ul{
    width: 90%;
    margin: 0 auto;
}
.do-wrap li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
}
.do-li-detail{
    width: 62.5%;
}
.do-li-title{
    font-size: 24px;
    margin-bottom: 25px;
}
.do-li-text{
    font-size: 17px;
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character;
}
.do-li-img{
    width: 32.5%;
    height: auto;
}
.do-li-img img{
    width: 100%;
    height: auto;
}
.present-img{
    width: 90%;
    margin: 0 auto 30px;
}
.do-apply-wrap{
    width: 90%;
    margin: 0 auto;
    padding-bottom: 40px;
}
/*do*/
.present-img img{
    width: 100%;
    height: auto;
}
/*sun*/
.sun{
    padding: 45px 0 40px;
    background-color: #013582;
}
.sun-title{
    margin-bottom: 40px;
    font-size: 30px;
    text-align: center;
    color: #fff;
}
.sun-wrap{
    width: 90%;
    margin: 0 auto;
    background-image: url(../imgs/bg-memo.png);
    background-size: 3%;
    background-repeat: repeat;
}
.sun-section-title{
    padding: 40px 0 20px;
    font-size: 30px;
    text-align: center;
    color: #013582;
}
.sun-wrap p{
    font-family: 'sans-jpr', 'sans-jp-m';
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character;
}
.sun-wrap > p{
    width: 90%;
    margin: 0 auto;
    font-size: 18px;
}
.sun-space{
    padding: 40px 0;
}
.self-intro-wrap{
    position: relative;
    display: flex;
    justify-content: center;
}
.self-intro{
    padding-top: 4vw;
    width: 56%;
}
.sun-wrap .self-intro-name{
    font-size: 21px;
    font-family: 'sans-jp-bold', 'sans-jp-black';
}
.self-intro-name span{
    padding-left: .5em;
    font-size: 16px;
}
.self-intro-wrap .self-intro-text{
    font-size: 17px;
}
.self-intro-img{
    width: 25%;
    height: auto;
}
.self-intro-img img{
    width: 100%;
    height: auto;
    vertical-align: top;
}
/*sun*/
/*details*/
.details{
    padding-top: 4.21vw;
    background-image: linear-gradient(-45deg, #36BAAB 25%, #01ACA0 25%,#01ACA0 50%, #36BAAB 50%, #36BAAB 75%, #01ACA0 75%, #01ACA0);
	background-image: -webkit-linear-gradient(-45deg,#36BAAB 25%, #01ACA0 25%, #01ACA0 50%, #36BAAB 50%, #36BAAB 75%, #01ACA0 75%, #01ACA0);
	background-image: -moz-linear-gradient(-45deg, #36BAAB 25%, #01ACA0 25%, #01ACA0 50%, #36BAAB 50%, #36BAAB 75%, #01ACA0 75%, #01ACA0);
	background-image: -ms-linear-gradient(-45deg, #36BAAB 25%, #01ACA0 25%, #01ACA0 50%, #36BAAB 50%,#36BAAB 75%, #01ACA0 75%, #01ACA0);
	-webkit-background-size: 11px 11px;
	-moz-background-size: 11px 11px;
	-ms-background-size: 11px 11px;
	background-size: 11px 11px;
}
.info-wrap-bottom{
    background-color: transparent;
    padding-bottom: 1px
}
.info-todo-list-wrap-bottom{
    margin-bottom: 0;
}
/*form*/
/*form(application-confitm.php)～～*/
.confirm-wrap h1.form-title{
    padding: 40px 0 30px;
}
.confirm-wrap > p#confirm-text{
    width: 100%;
    margin: 0 auto 40px;
    font-size: 18px;
}
form.form{
    width: 87.3%;
    text-align: left;
}
form.form > .input{
    width: 84.3%;
}
form.form > .input > p{
    width: 32%;
    font-size: 22px;
    line-height: 1.5em;
}
form.form > .input > p:last-child{
    width: 65%;
    color: black;
}
form.form .submit-btn{
    justify-content: space-between;
    width: 100%;
    margin: 4vw auto 0;
}
form.form .submit-btn > input.send-form{
    width: 48.2% !important;
    margin: 0 !important;
    font-size: 28px;
    padding: 0;
    line-height: 82px;
    height: 82px;
}
.confirm-wrap > p.form-caution{
    width: 100%;
    margin: 0;
    padding: 6vw 0 5vw;
}
.confirm-wrap > p.disable-auto-tel a[href^="tel:"]{
    color: black !important;
    text-decoration: none;
    pointer-events: none;
}
.confirm-wrap a{
    color: black !important;
    text-decoration: none;
    pointer-events: none;
}
form.form .send-form#back{
    background-color: #BABABA !important;
}
.grad-bar{
    display: none !important;
}
footer{
    padding: 0 !important;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #013580;
}
footer > div{
    padding: 0 !important;
}
footer > div > p{
    font-size: 16px;
}
/*sent-wrap*/
section.sent-keikaku-wrap{
    width: 100%;
    padding-bottom: 70vh;
    font-family: 'sans-jp-black', 'sans-jp-bold';
}
section.sent-keikaku-wrap > p{
    font-size: 21px;
    margin-bottom: 50px;
}
section.sent-keikaku-wrap > a{
    display: block;
    text-align: center;
    color: #013584;
    text-decoration: underline;
    font-size: 21px;
}
/*sent-wrap*/
/*～～form(application-confitm.php)*/
.form-wrap{
    background-color: #e4f5f4;
}
.form-title{
    padding: 4.21vw 0;
    text-align: center;
    font-size: 28px;
    color: #00aa98;
}
.form-wrap > p{
    font-size: 16px;
    text-align: center;
    line-height: 1.6em;
    margin-bottom: 50px;
}
form > div{
    display: flex;
    width: 87.4%;
    margin: 0 auto 15px;
    line-height: 60px;
}
form > div > p{
    width: 30%;
    font-size: 21px;
    color: #00aa98;
}
form > div > p > span{
    font-size: 16px;
    margin-left: .5em;
    color: red;
}
.sans-jp-bol input{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 68.7%;
    padding-left: 1em;
    font-size: 21px;
    background: #fff;
    border: 2px solid #d0d0d0;
    font-family: 'sans-jp-bold', 'sans-jp-black';
}
.sans-jp-bol input:focus{
    border: 2px solid #558bd3;
}
.sans-jp-bol input::placeholder{
    color: #d0d0d0;
}
.sans-jp-bol input:-ms-input-placeholder{
    color: #d0d0d0;
}
.sans-jp-bol input::-ms-input-placeholder{
    color: #d0d0d0;
}
.sans-jp-bol select{
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    padding-left: 1em;
    width: 180px;
    font-size: 21px;
    font-family: 'sans-jp-bold', 'sans-jp-black';
    border: 2px solid #d0d0d0;
    cursor: pointer;
    background: #fff;
}
.sans-jp-bol select::-ms-expand {
    display: none;
}
.sans-jp-bol .select-btn{
    position: relative;
}
.sans-jp-bol .select-btn::after{
    content: '';
    display: block;
    position: absolute;
    top: 46%;
    left: calc(30% + 147px);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #333;
    border-left: 2px solid #333; 
}
.sans-jp-bol .select-btn-2::after{
    left: calc(30% + 413px);
}
.sans-jp-bol .select-2{
    width: 448px;
}
.sans-jp-bol .radio-btn{
    width: auto;
    background-color: transparent;
    width: 24px;
    height: 24px;
    margin: 19px 5px -5px 0;
    border-radius: 12px;
    font-size: 21px;
    cursor: pointer;
    appearance: none;
    background-color: #fff;
    border-width: 1px;
}
.sans-jp-bol input[type=radio].radio-btn:checked{
    position: relative;
}
.sans-jp-bol p.checked-bg{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #000;
}
.sans-jp-bol label{
    font-size: 19px;
}
.sans-jp-bol p.checked-border{
    position: absolute;
    width: 26px;
    height: 25px;
    border: 3px solid #e4f5f4;
}
#online{
    margin-left: 30px;
}
.sans-jp-bol textarea{
    box-sizing: border-box;
    width: 68.7%;
    padding-left: 1em;
    font-size: 21px;
    height: 120px;
    background: #fff;
    border: 2px solid #d0d0d0;
    font-family: 'sans-jp-bold', 'sans-jp-black';
}
.sans-jp-bol textarea::placeholder{
    color: #d0d0d0;
}
.sans-jp-bol textarea:-ms-input-placeholder{
    color: #d0d0d0;
}
.sans-jp-bol textarea::-ms-input-placeholder{
    color: #d0d0d0;
}
.sans-jp-bol textarea:active{
    border: 2px solid #a8a8a8;
}
.textarea p{
    padding-top: 20px;
    line-height: 1em;
}
.privacy-policy{
    display: block;
    text-align: center;
    font-size: 16px;
}
.privacy-policy a{
    text-decoration: underline;
    color: #000;
}
.submit-btn > input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 560px;
    line-height: 2.86em;
    margin: 0 auto;
    background: #fdd000;
    color: #000;
    border: none;
    font-size: 28px;
    cursor: pointer;
    border-radius: 0;
}
.submit-btn > input:hover{
    filter: grayscale(.1);
}
.form-wrap > p.form-caution{
    margin: 40px 0 0;
    padding-bottom: 50px;
}
/*form*/
/*footer*/
footer{
    width: 100%;
    height: 85px;
    background-color: #00aa98;
}
footer p{
    text-align: center;
    color: #fff;
}
/*footer*/
@media all and (max-width: 860px){
    .self-intro-wrap{
        justify-content: left;
    }
    .self-intro-img{
        position: absolute;
        bottom: 0;
        right: 9vw;
    }
    .self-intro{
        padding-left: 7vw;
        padding-bottom: 33px;
    }
}
@media all and (max-width: 767px){
    .br-res{
        display: none;
    }
    /*bubbles*/
    .bubbles{
        padding-bottom: 30px;
    }
    .bubbles > p{
        font-size: 5vw;
    }
    .bubbles-wrap{
        flex-direction: column;
    }
    .bubble{
        width: 94.7%;
        height: 80px;
        line-height: 80px;
        margin: 0 auto 20px;
        border-radius: 0;
    }
    .bubble::after{
        display: none;
    }
    /*bubbles*/
    /*date*/
    .date-bottom{
        margin-bottom: 20px;
    }
    .date-details{
        width: 94.7%;
        padding-bottom: 13px;
    }
    .date{
        padding-top: 30px;
        margin-top: 0;
    }
    .date-bg{
        width: 94.6%;
    }
    .date-school{
        width: 90%;
        margin-bottom: 4.8vw;
    }
    .date-title{
        width: 78.8vw;
        height: 11.3vw;
        line-height: 11.3vw;
    }
    .date-title::after{
        width: 0;
        bottom: 0.3vw;
        right: -6.27vw;
    }
    .date-title::before{
        width: 0;
        bottom: -1.48vw;
        left: -4.97vw;
        border-width: 4.5vw;
        border-top-width: 4.8vw;
        border-bottom-width: 4.8vw;
    }
    .date-title::after{
        width: 0;
        bottom: -1.48vw;
        right: -4.97vw;
        border-width: 4.5vw;
        border-top-width: 4.8vw;
        border-bottom-width: 4.8vw;
    }
    .date-title p{
        font-size: 6.4vw;
        height: 11.3vw;
        line-height: 11.3vw;
    }
    .date-title p::before{
        border-width: 1.5vw;
        border-right-width: 4vw;
    }
    .date-title p::after{
        border-width: 1.5vw;
        border-left-width: 4vw;
    }
    .date-info{
        font-size: 6.4vw;
    }
    .date-time{
        font-size: 3.73vw;
    }
    .date-place{
        font-size: 3.73vw;
    }
    .date-place-small{
        font-size: 3.2vw;
    }
    .date-live{
        font-size: 3.2vw;
    }
    .apply-orange{
        width: 100%;
        padding: 0;
        margin-bottom: 4.8vw;
        font-size: 5.6vw;
        border-radius: 5px;
    }
    /*kamoku*/
    .kakomon{
        padding-top: 30px;
    }
    .kakomon-title{
        width: 86%;
        margin-bottom: 20px;
    }
    .res-img{
        display: block;
        width: 100%;
        height: auto;
    }
    .res-img img{
        width: 100%;
        height: auto;
    }
    .students-insecure{
        display: none;
    }
    .kakomon-text-wrap p{
        font-size: 16px;
    }
    .kakomon-arrow{
        width: 22%;
        margin: 10px auto;
    }
    .kakomon-content{
        flex-direction: column;
        padding-bottom: 0;
    }
    .kakomon-content-img{
        display: none;
    }
    .kakomon-text-wrap{
        width: 100%;
    }
    .key-book-res{
        display: block;
        width: 52%;
        height: auto;
        margin: 10px auto 0;
    }
    .point-img{
        width: 22.2vw;
        height: auto;
        top: -10px;
        left: 14px;
    }
    .board-white{
        font-size: 17px;
    }
    .board-yellow{
        font-size: 19px;
    }
    /*kamoku*/
    /*can*/
    .can-list-wrap{
        width: 94.7%;
    }
    .can-list-wrap li{
        padding: 20px 0 15px;
        margin-bottom: 20px;
    }
    .check-img{
        margin-top: 5px;
    }
    .can-list-wrap h3{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .can-list{
        flex-direction: column;
    }
    .can-list p{
        width: 100%;
        font-size: 16px;
    }
    .can-list p:first-child{
        margin-bottom: 1em;
    }
    /*can*/
    /*about*/
    .about-list-wrap{
        width: 94.7%;
    }
    .about-list-top{
        padding: 2.9vw 0;
    }
    .about-list-bottom{
        flex-direction: column;
    }
    .about-title{
        padding: 6vw 0 5.33vw;
    }
    .about-title span{
        font-size: 4vw;
        height: 2em;
        line-height: 2em;
    }
    .about-title span::before{
        border-width: 1em 0px 1em 1em;
    }
    .about-title span::after{
        border-width: 1em 1em 1em 0px;
    }
    .about-list-wrap li{
        margin-bottom: 5.3vw;
    }
    .about-li-num{
        font-size: 11.8vw;
        margin: 0 2vw;
    }
    .about-li-top-text{
        font-size: 4.8vw;
        line-height: 6.4vw;
    }
    .about-list-bottom{
        padding: 4vw 0;
    }
    .about-li-text{
        width: 90.1%;
        margin: 0 auto 4vw;
        font-size: 3.73vw;
    }
    .about-li-img{
        width: 90.1%;
        margin: 0 auto;
    }
    /*about*/  
    /*info*/
    .info-bg{
        width: 94.7%;
    }
    .info{
        width: 94.7%;
        margin-bottom: 5.3vw;
        padding-bottom: 5.3vw;
    }
    .info-top-text{
        padding: 4vw 0;
    }
    .info-top-text span{
        width: 45vw;
        font-size: 4vw;
        height: 2em;
        line-height: 2em;
    }
    .info-top-text span::before{
        border-width: 1em 0px 1em 1em;
    }
    .info-top-text span::after{
        border-width: 1em 1em 1em 0px;
    } 
    .info-name{
        font-size: 3.73vw;
    }
    .info-address{
        font-size: 3.2vw;
    }
    .info-map{
        width: 94.4%;
    }
    .info-map iframe{
        width: 100%;
        height: 53vw;
    }
    .info-todo{
        width: 30vw;
        font-size: 4vw;
        line-height: 1.5em;
    }
    .info-todo::before{
        border-width: 6px;
        border-top-width: 8px;
        margin-left: -6px;
    }
    .info-todo-list-wrap li{
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 10vw;
    }
    .info-todo-list-wrap{
        font-size: 4vw;
        width: 94.4%;
    }
    .info-todo-list-wrap > li > span {
        width: 100%;
    }
    /*do*/
    .do-title{
        padding-top: 20px;
    }
    .do-title span:first-child{
        display: none;
    }
    .do-title span:last-child{
        width: 94.7%;
        font-size: 5vw;
    }
    .do-wrap{
        width: 94.7%;
        margin-bottom: 20px;
    }
    .do-wrap li{
        margin-bottom: 35px;
    }
    .do-section-title{
        width: 86%;
        height: 8.6vw;
        margin: 24px auto;
        line-height: 8.6vw;
    }
    .do-section-title span {
        font-size: 20px;
    }
    .do-li-title {
        font-size: 22px;
        margin-bottom: 18px;
    }
    .do-li-detail{
        width: 100%;
    }
    .do-li-img{
        display: none;
    }
    .do-apply-wrap{
        padding-bottom: 20px;
    }
    /*do*/
    /*details*/
    .details .date{
        padding-top: 0;
    }
    .details .info-wrap{
        padding-top: 0;
    }
    /*sun*/
    .sun{
        padding-top: 20px;
    }
    .sun-title{
        margin-bottom: 20px;
        font-size: 20px;
    }
    .sun-section-title{
        padding: 20px 0 15px;
        font-size: 20px;
    }
    .sun-wrap{
        width: 94.7%;
    }
    .sun-wrap > p {
        font-size: 16px;
    }
    .self-intro-wrap{
        flex-direction: column-reverse;
    }
    .self-intro-img{
        width: 53%;
        position: static;
        margin: 0 auto 15px;
    }
    .self-intro{
        width: 90%;
        margin: 0 auto;
        padding: 0 0 20px;
    }
    .sun-wrap .self-intro-name {
        padding-bottom: 15px;
        font-size: 20px;
        text-align: center;
    }
    .sun-wrap .self-intro-name span{
        display: none;
    }
    .self-intro-wrap .self-intro-text {
        font-size: 16px;
    }
    /*sun*/
    /*form*/
    form > div{
        width: 94.7%;
    }
    .form-title{
        font-size: 4vw;
    }
    .form-wrap > p{
        text-align: justify;
        text-justify: inter-ideograph;
        text-justify: inter-character;
        width: 91.4%;
        margin: 0 auto;
        font-size: 15px;
        padding-bottom: 30px;
    }
    .form-caution{
        font-size: 2.93vw;
    }
    .input{
        width: 94.7%;
        flex-direction: column;
    }
    .input input{
        padding-left: .5em;
        line-height: 10.67vw;
        width: 100%;
        font-size: 4vw;
    }
    .input select{
        padding-left: .5em;
        font-size: 4vw;
        width: 44vw;
        line-height: 10.67vw;
    }
    .sans-jp-bol .select-btn::after{
        top: auto;
        bottom: 2.8vw;
        left: 35vw;
    }
    .sans-jp-bol .select-btn-2::after{
        top: auto;
        bottom: 2.8vw;
        left: 83.5vw;
    }
    .form-wrap .input p{
        width: 100%;
        font-size: 4vw;
        line-height: 1.7em;
    }
    .form-wrap .radio-btn-wrap p {
        font-size: 4vw;
        line-height: 2.7em;
    }
    form > div > p > span{
        font-size: 3.5vw;
    }
    .sans-jp-bol .select-2{
        width: 100%;
    }
    .input textarea{
        padding-left: .5em;
        font-size: 4vw;
        height: 22.67vw;
        width: 100%;
    }
    .privacy-policy{
        font-size: 4vw;
    }
    .submit-btn input{
        width: 80vw;
        font-size: 4.26vw;
    }
    .form-wrap > .form-caution{
        font-size: 3.2vw;
        text-align: justify;
        text-justify: inter-ideograph;
        text-justify: inter-character;
    }
    .res-display-bar{
        display: none;
    }
    .radio-btn-wrap{
        flex-direction: column;
    }
    .sans-jp-bol .radio-btn {
        width: 14px;
        height: 18px;
        font-size: 16px;
        margin: -1px 0 -5px;
        padding: 8px;
    }
    #online{
        margin: -1px 0 -5px 18px;
    }
    .sans-jp-bol p.checked-border {
        width: 21px;
        height: 21px;
    }
    .sans-jp-bol p.checked-bg {
        width: 10px;
        height: 10px;
        border-radius: 5px;
    }
    .sans-jp-bol label {
        font-size: 15px;
    }
    /*form(application_confirm.php)～～*/
    .confirm-wrap h1.form-title {
        font-size: 24px;
        padding: 7vw 0 4vw;
    }
    form.form {
        width: 92%;
        margin: 25px auto 0;
    }
    .confirm-wrap > p#confirm-text {
        width: 92%;
        margin: 0 auto;
    }
    form.form > .input {
        width: 100%;
        margin-bottom: 5vw;
    }
    form.form > .input > p {
        width: 100%;
        font-size: 18px;
        margin: 0 0 1.5vw;
    }
    form.form > .input > p:last-child {
        width: 100%;
    }
    form.form .submit-btn {
        flex-direction: column;
        width: 90%;
        margin: 6vw auto 0;
        padding-bottom: 5vw;
    }
    form.form .submit-btn > input.send-form {
        width: 100% !important;
        margin: 0 auto 10px !important;
        font-size: 20px;
        line-height: 50px;
        height: 50px;
    }
    .confirm-wrap > p.form-caution {
        display: none;
    }
    .form-wrap > p.form-caution {
        width: 94.7%;
        margin: 30px auto 0;
    }
    footer > div > p {
        font-size: 11px;
    }
    /*～～form(application_confirm.php)*/
    /*sent-wrap*/
    section.sent-keikaku-wrap > p{
        width: 92%;
        margin: 0 auto;
        text-align: left;
        font-size: 16px;
    }
    section.sent-keikaku-wrap > a {
        font-size: 16px;
    }
    /*sent-wrap*/
    /*form*/
    /*footer*/
    footer{
        height: 60px;
    }
    footer p {
        font-size: 12px;
    }
    /*footer*/
}