@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(max-width:560px){
*{
	text-align: left;
	}

/*svg*/
.logoanimation {
animation:logoanimation 1s ease;
}

svg {
width:220px;
position:absolute;
left:0;
right:0;
margin:auto;
top:30vh;
}

.st0 {
fill:#FFFFFF;
fill-opacity:0;
}

.finished path{ 
fill-opacity:1;
stroke-opacity:0;
transition:fill-opacity 1s , stroke-opacity .5s;
}

/*INTRODUCTION*/
.introduction {
width:100%;
height:100%;
position:absolute;
top:0;
z-index:9999;
overflow:hidden;
background:#000;
}

.introduction .introTop {
width:100%;
height:50%;
background:rgba(0,0,0,1);
animation:intro_up 1s ease;
}

.introduction .introBottom {
width:100%;
height:50%;
background:rgba(0,0,0,1);
animation:intro_bottom 1s ease;
}

.introduction .lead1 {
letter-spacing:3px;
color:#fff;
animation:introduction 1s normal;
position:absolute;
top:48vh;
margin:auto;
left:0;
right:0;
width:80vw;
text-align:center;
}

.main_visual_sp {
width:100%;
height:88vh;
overflow:hidden;
position:relative;
z-index:-1;
}

.main_visual_sp .black {
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
position:absolute;
z-index:99;
}



/*STYLE*/
.pc {
display:none;
}
.tb {
display:none;
}
p {
font-size:4.5vw;
line-height:150%;
letter-spacing:0.2vw;
}

img {
width:100%;
height:auto;
}

h2 {
font-size:5vw;
	line-height: 8vw;
font-family: 'Lexend Giga', sans-serif;
padding-bottom:3vw;
text-align:center;
}

h2 span {
border-bottom:#000 1vw solid;
}

h3 {
font-size:5.5vw;
line-height:150%;
text-align:center;
padding:0 5vw;
}

h4 {
display:flex;
justify-content:center;
align-items:stretch;
}

h4 .hexagonl img , h4 .hexagonr img {
width:4vw;
height:100%;
}

h4 .h4_title {
color:#e6321e;
border-top:#e6321e 1px solid;
border-bottom:#e6321e 1px solid;
padding:2vw 4vw;
font-weight:bold;
font-size:4.5vw;
text-align:center;
}

h4 .h4_double {
color:#e6321e;
background:url("../img/h4_double.png");
background-size:100% 100%;
padding:3vw 7vw;
text-align:center;
	font-weight: bold;
}
h4 .h4_double span{
font-weight: bold;
}

h5 {
font-size:4.5vw;
font-weight:bold;
padding-bottom:5vw;
text-align:center;
}

h5 span {
border-bottom:#000 1px dashed;
padding-bottom:1.5vw;
}

h6 {
font-size:4.5vw;
	line-height: 8.5vw;
font-weight:bold;
padding-bottom:5vw;
text-align:center;
}

h6 span {
border-bottom:#55b4c8 1vw solid;
padding-bottom:0.5vw;
}

.lines {
display:flex;
align-items:center;
justify-content:center;
padding-bottom:7vw;
}

.lines .line {
width:100%;
height:1px;
background:#000;
}

.cts {
width:90%;
margin:auto;
}

.tx {
padding-bottom:5vw;
}

.decoration {
width:8vw;
margin:0 auto 5vw;
}

.arrows {
width:50vw;
margin:5vw auto 3vw;
padding:0;
display:flex;
justify-content:space-between;
}

.arrows .arrow {
width:14vw;
height:10vw;
border-top:#e6321e 5vw solid;
border-left:transparent 7vw solid;
border-right:transparent 7vw solid;
}




/*GROBAL*/
.fixed {
position:fixed;
width:100%;
height:100%;
}

#grobal {
position:fixed;
top:0;
left:0;
z-index:100;
}

#grobal .nav_btn {
position:relative;
width:14vw;
height:10vw;
overflow:hidden;
top:0;
margin-left:86vw;
cursor:pointer;
}

#grobal .nav_btn span {
width:50%;
height:2px;
background:#000;
position:absolute;
left:0;
right:0;
margin:auto;
}

#grobal .nav_btn span:nth-child(1) { top:4.5vw; }
#grobal .nav_btn span:nth-child(2) { top:7vw; }
#grobal .nav_btn span:nth-child(3) { top:9.5vw; }

#grobal .nav_close {
display:none;
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
opacity:0;
z-index:98 !important;
cursor:pointer;
}

#grobal .grobal_nav {
display:none;
width:90vw;
margin:auto;
position:relative;
z-index:99 !important;
}

#grobal .grobal_nav .navs {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-top:3vw;
}

#grobal .grobal_nav nav {
background:rgba(0,0,0,0.8);
width:43.5vw;
position:relative;
margin-bottom:3vw;
}

#grobal .grobal_nav nav a {
text-decoration:none;
font-weight:normal;
color:#fff;
display:block;
padding:4vw 5vw;
font-size:3.5vw;
text-align:center;
font-family: 'Lexend Giga', sans-serif;
}

#grobal .grobal_nav .banner {
width:90vw;
background:rgba(250,50,30,0.9);
padding:0;
}

#grobal .grobal_nav .banner a {
display:block;
color:#fff;
text-decoration:none;
padding:4vw 5vw;
}

#grobal .grobal_nav .banner .joins {
display:flex;
align-items:center;
justify-content:center;
}

#grobal .grobal_nav .banner .joins .icon {
width:3.5vw;
margin-right:2.5vw;
}

#grobal .grobal_nav .banner .joins .join {
font-size:4vw;
font-weight:bold;
}


/*SWIPER*/
.swiper-container {
width:100%;
height:95vh;
overflow:hidden;
position:relative;
}

.swiper-container .black {
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
position:absolute;
z-index:99;
}

.swiper-container img {
min-width:600px;
min-height:1000px;
}

.swiper-slide {
position:relative;
overflow:hidden;
}

.swiper-slide img {
position:absolute;
transform:translate(-50%,-50%) scale(1);
left:50%;
top:50%;
}


/*MV*/
.mv .logos {
width:100%;
margin:auto;
position:absolute;
left:0;
right:0;
top:24vh;
z-index:99;
}

.mv .logos .main_logo {
width:70vw;
margin:auto;
padding-bottom:4vw;
opacity:0;
}

.mv .logos .main_title {
width:70vw;
margin:auto;
opacity:0;
}
.mv .logos .main_title_mind {
width:66vw;
margin: 50px auto 0;
opacity:0;
}


.mv .logos .main_title p {
font-size:2vw;
}

.mv .main_logocopy {
color:#fff;
text-align:center;
padding-bottom:3.5vw;
font-size:4vw;
}

.mv .main_logosubcopy {
color:#fff;
text-align:center;
font-family: 'Lexend Giga', sans-serif;
font-size:2vw;
padding-bottom:7vw;
}

.mv .scroll {
position:absolute;
width:30vw;
height:10vh;
overflow:hidden;
left:0;
right:0;
top:85vh;
margin:auto;
z-index:99;
}

.mv .scroll .next {
font-size:2vw;
font-family: 'Lexend Giga', sans-serif;
text-align:center;
}

.mv .scroll .next a {
text-decoration:none;
color:#fff;
display:block;
padding:2vw 5vw;
	text-align:center;
}

.mv .scroll .next a:hover {
opacity:0.7;
}

.tb_mind{
	width: auto;
	margin: 40px auto 0;
	display: block;}
.tb_mind a:hover{
	cursor: pointer;
	opacity: 0.7;}
.tb_mind_img{
	display: block;
	vertical-align: middle;
	width: 70px;
	margin: 0 auto;
	height: auto;
	padding: 0 0 4px 0;}
.tb_mind_text{
	display: block;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-weight: normal;
	font-size: 9px;
	line-height: 12px;}
.pc_mind{
	display: none;
	}
	
/*MISSION*/
#mission #intro {
padding:10vw 0 110vw;
background:#edecea url(../image/mission_bg_sp.jpg) no-repeat;
background-size:contain;
background-position:bottom;
	font-weight: normal;
position:relative;
z-index:1;
}

#mission #intro .lines .line {
width:20%;
}

#mission #intro h3 {
width:60%;
}

#mission #intro .mask {
width:100%;
height:100%;
display:block;
background:rgba(255,255,255,0.2);
position:absolute;
top:0;
left:0;
z-index:-1;
}

#mission #intro .detail {
width:100%;
margin:auto;
}
#mission #intro .cts .detail .tx{
text-align:left!important;
}
#mission #intro .detail .main_copy {
font-size:5vw;
padding-bottom:4vw;
font-weight:bold;
text-align:center;
}

#mission #intro .detail .intro_ex {
}

#mission #intro .detail .sign {
display:flex;
align-items:center;
justify-content:flex-end;
padding-top:10vw;
}

#mission #intro .detail .sign .title {
font-size:3vw;
padding-right:15px;
}

#mission #intro .detail .sign .name {
width:30vw;
}


/*MISSION1*/
#mission #mission1 {
padding:10vw 0 15vw;
background:#fff;
	font-weight: normal;
}
#mission #mission1 .ex{
text-align: left!important;
}
#mission #mission1 .lines .line {
width:3%;
}

#mission #mission1 .lines .line_title {
width:94%;
}

#mission #mission1 .lines .line_title h3:first-child {
padding-bottom:1vw;
}

#mission #mission1 .graph {
width:60%;
margin:0 auto 5vw;
}

#mission #mission1 .ex {
width:100%;
margin:auto;
padding-bottom:10vw;
}

#mission #mission1 .ex:last-child {
padding-bottom:0;
}

#mission #mission1 .subtitle {
width:25vw;
margin:0 auto 3vw;
}


/*MISSION2*/
#mission #mission2 {
padding:10vw 0 10vw;
	font-weight: normal;
}
#mission #mission2 .ex{
text-align: left!important;
}
#mission #mission2 .lines .line {
width:12%;
}

#mission #mission2 .lines .line_title {
width:76%;
}

#mission #mission2 .lines .line_title h3:first-child {
padding-bottom:1vw;
}

#mission #mission2 .ex {
width:100%;
margin:auto;
padding-bottom:5vw;
}

#mission #mission2 .graph {
width:100%;
margin:0 auto 5vw;
}

#mission #mission2 .quotes {
width:100%;
margin:2vw auto 5vw;
background:rgba(255,255,255,0.5);
box-shadow:0 0 10px #e1e1e1;
padding:5vw 6vw;
}

#mission #mission2 .quotes .quote {
font-size:4.5vw;
font-weight:bold;
padding-bottom:1vw;
	text-align: left!important;
}

#mission #mission2 .quotes .name {
font-size:4vw;
text-align:right;
}

#mission #mission2 .quotes .right {
width:100%;
border-top:#ccc 1px solid;
padding-top:4vw;
}


/*MISSION3*/
#mission #mission3 {
padding:10vw 0 0;
background:#fff;
position:relative;
	font-weight: normal;
z-index:1;
}

#mission #mission3 .lines div {
width:10%;
}

#mission #mission3 h3 {
width:80%;
}

#mission #mission3 .ex {
width:100%;
margin:auto;
padding-bottom:5vw;
}

#mission #mission3 .ex:last-child {
padding-bottom:0;
}

#mission #mission3 .graph {
width:100%;
margin:0 auto 5vw;
}

#mission #mission3 .humans {
width:100%;
margin:auto;
padding-bottom:5vw;
}

#mission #mission3 .humans .human {
width:100%;
z-index:0;
margin-bottom:4vw;
box-shadow:0 0 2vw #e1e1e1;
display:flex;
justify-content:space-between;
align-items:center;
padding:3vw 4vw 3vw 5vw;
}

#mission #mission3 .humans .human .check {
display:flex;
align-items:center;
width:80%;
}

#mission #mission3 .humans .human i {
font-size:6vw;
color:#e6321e;
padding-right:2.5vw;
line-height:100%;
}

#mission #mission3 .humans .human .resource {
font-size:4.5vw;
font-weight:bold;
padding-bottom:5px;
line-height:150%;
	text-align: left!important;
}

#mission #mission3 .humans .human .pict {
width:20%;
margin:auto;
}

#mission #mission3 .bottom_bg {
width:100%;
height:40vw;
background:url("../img/mission_bottom_bg.jpg") no-repeat;
background-size:cover;
background-position:center top;
position:relative;
bottom:0;
z-index:-1;
}

#mission #mission3 .arrows {
position:absolute;
top:15vw;
left:0;
right:0;
margin:auto;
}
#mission #mission3 .tx {
text-align: left!important;
}


/*CTA*/
#cta {
width:100%;
background:#000 url("/wp-content/themes/cmobank/image/cta.jpg") center;
background-size:cover;
padding:7vw 0;
position:relative;
border-top:#e6321e 1vw solid;
	font-weight: normal!important;
}

#cta .cts {
text-align:center;
color:#fff;
position:relative;
z-index:1;
}

#cta .copy1 {
padding-bottom:10px;
font-size:3.5vw;
}

#cta .cta_logo {
width:50vw;
margin:auto;
padding-bottom:10px;
}

#cta .copy2 {
padding-bottom:4vw;
}

#cta .btn {
width:90%;
margin:auto;
}

#cta .btn a {
display:block;
background:rgba(250,50,30,1);
text-decoration:none;
color:#fff;
padding:4vw 5vw;
border-radius:50vw;
font-size:4vw;
	text-align: center;
}

#cta .btn a:hover {
opacity:0.7;
}

#cta .mask {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
right:0;
background:linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.6));
z-index:0;
}


/*ABOUT*/
#about {
	font-weight: normal!important;
}

#about #curriculum .lines {
padding-bottom:5vw;
}

#about #curriculum .lines div {
width:7%;
}

#about #curriculum h3 {
width:86%;
}

#about #curriculum h4 {
padding-bottom:3vw;
}

#about #curriculum h4.cate {
padding-bottom:3vw;
}

#about #curriculum {
background:#fff;
padding:10vw 0 0;
}

#about #curriculum .copy {
font-size:5vw;
line-height:150%;
padding-bottom:7vw;
	text-align: left!important;
}

#about #curriculum .ex {
width:100%;
margin:auto;
padding-bottom:5vw;
	text-align: left!important;
}

#about #curriculum .group {
width:70%;
margin:auto;
padding-bottom:7vw;
}

#about #curriculum .curriculum {
width:100%;
margin:0 auto 10vw;
}

#about #curriculum #points {
width:90%;
margin:auto;
}

#about #curriculum #points .point {
padding-bottom:15vw;
}

#about #curriculum #points .point .photo {
width:100%;
padding-bottom:4vw;
}

#about #curriculum #points .point .details {
width:100%;
}

#about #curriculum #points .point .details .point_logo {
width:70vw;
padding:4vw 0 2vw;
}

#about #curriculum #points .point .details .point_line {
width:100%;
height:1px;
background:#55b4c8;
margin-bottom:2vw;
}

#about #curriculum #points .point .details .point_title {
font-family: 'Lexend Giga', sans-serif;
color:#55b4c8;
font-size:8vw;
letter-spacing:-2px;
line-height:100%;
	padding: 0;
padding-bottom:3vw;
	text-align: left!important;
}

#about #curriculum #points .point .details .copy {
font-weight:bold;
font-size:5vw;
	padding: 0;
padding-bottom:2vw;
text-align:left;
}

#about #curriculum #points .point .details .detail {
font-size:4.5vw;
	padding: 0;
	text-align: left!important;
}

/*MONTHLY*/
#about #monthly {
padding:0 0 15vw;
background:#fff;
}

#about #monthly .graph_lines {
display:flex;
justify-content:space-between;
align-items:flex-end;
width:100%;
margin:auto;
}

#about #monthly .graph_lines .graph_line {
width:15%;
height:1px;
background:#000;
}

#about #monthly h4 {
padding-bottom:7vw;
}

#about #monthly h5 {
position:absolute;
top:-4vw;
left:0;
right:0;
margin:auto;
}

#about #monthly .graph {
width:100%;
padding:7vw 1vw 4vw;
margin:0 auto 3vw;
position:relative;
border-bottom:#000 1px solid;
}

#about #monthly .attentions {
width:90%;
margin:auto;
}

#about #monthly .attentions .attention {
font-size:3vw;
display:flex;
}


/*WEEKLY*/
#about #weekly {
padding:0 0 10vw;
background:#fff;
}

#about #weekly .graph_lines {
display:flex;
justify-content:space-between;
align-items:flex-end;
width:100%;
margin:auto;
}

#about #weekly .graph_lines .graph_line {
width:10%;
height:1px;
background:#000;
}

#about #weekly h4 {
padding-bottom:7vw;
}

#about #weekly h5 {
position:absolute;
top:-15px;
left:0;
right:0;
margin:auto;
}

#about #weekly .graph {
width:100%;
padding:10vw 4vw 4vw;
margin:0 auto 3vw;
position:relative;
border-bottom:#000 1px solid;
}

#about #weekly .attentions {
width:90%;
margin:auto;
}

#about #weekly .attentions .attention {
font-size:3vw;
display:flex;
}


/*COURSE*/
#about #course {
padding:10vw 0 0;
}

#about #course .lines div {
width:5%;
}

#about #course h3 {
width:90%;
}

#about #course h4 {
padding-bottom:4vw;
}

#about #course h4 p {
line-height:135%;
}

#about #course h4 span {
font-size:3.5vw;
}

#about #course .details {
width:90%;
margin:auto;
}

#about #course .details .detail {
border:#c8c8c8 1px dotted;
background:#fff;
margin-bottom:2vw;
padding:4vw 5vw;
}

#about #course .details .detail p {
font-size:4vw;
}

#about #course .details .detail .item {
width:100%;
font-weight:bold;
	text-align: left!important;
}

#about #course .details .detail .overview {
width:100%;
	text-align: left!important;
}

#about #course .details .detail .overview .licence {
display:flex;
}
	#about #course .details .detail .overview p {
text-align: left!important;
}
#about #course .details .detail .overview .licence p{
text-align: left!important;
}
#about #course .details .detail .overview .conditions {
font-size:3vw;
color:#e6321e;
line-height:160%;
	text-align: left!important;
}

#about #course .details .detail .overview .schedule {
border-top:#c8c8c8 1px dotted;
padding-top:10px;
margin-top:10px;
}

#about #course .details .detail .overview .schedule .state {
border:#000 1px dotted;
padding:0.5vw 1vw;
font-size:3vw;
margin-left:1vw;
}

#about #course .details .attentions {
}

#about #course .details .attentions .attention {
display:flex;
padding-top:1vw;
}

#about #course .details .attentions .attention p {
font-size:3vw;
line-height:160%;
}

#about .bottom_bg {
width:100%;
height:40vw;
background:url("/wp-content/themes/cmobank/image/about_bottom_bg.jpg") no-repeat;
background-size:cover;
background-position:center top;
}


/*ENTRY*/
#entry {
	font-weight: normal!important;
	padding-top:60px;
}

#entry #application {
background:#fff;
padding:10vw 0 0;
}

#entry #application .lines div {
width:20%;
}

#entry #application h3 {
width:70%;
}

#entry #application h4 {
padding-bottom:3vw;
}

#entry #application .flow {
width:90%;
margin:0 auto 7vw;
}

#entry #application .flow .ex {
width:100%;
margin:auto;
}

#entry #application .flow .attention {
width:100%;
margin:auto;
font-size:2.5vw;
padding-top:5px;
	text-align: left!important;
}

#entry #application .steps {
padding:4vw 0 10vw;
}

#entry #application .steps .step {
width:70%;
margin:0 auto 7vw;
box-shadow:0 0 2vw #e1e1e1;
background:#fff;
border-radius:4vw;
position:relative;
padding:7vw 0vw 5vw;
}

#entry #application .steps .step.choice {
box-shadow:none;
padding:0;
}

#entry #application .steps .step.choice:after {
background:rgba(255,255,255,1);
content:"";
}

#entry #application .steps .step.step1_2:after {
background:rgba(255,255,255,0);
content:"";
}

#entry #application .steps .step.choice .period {
width:70%;
padding-bottom:1vw;
}

#entry #application .steps .step:after {
width:3vw;
height:5vw;
background:rgba(85,180,200,0.5);
content:"";
position:absolute;
bottom:-5vw;
left:0;
right:0;
margin:auto;
}

#entry #application .steps .step:last-child:after {
display:none;
}

#entry #application .steps .joint {
width:5vw;
height:10vw;
background:#ccc;
margin:auto;
}

#entry #application .steps .step.next_period {
margin-bottom:4vw;
}

#entry #application .steps .step.now {
background:#e6321e;
}

#entry #application .steps .step .details {
text-align:center;
}

#entry #application .steps .step .details .icon {
width:25%;
margin:0 auto 4vw;
}

#entry #application .steps .step .details .detail {
}

#entry #application .steps .step .details .detail .title {
font-weight:bold;
line-height:120%;
font-size:4vw;
}

#entry #application .steps .step .details .detail .title.now {
color:#fff;
}

#entry #application .steps .step .details .detail .link {
font-size:2.5vw;
padding-top:1vw;
}

#entry #application .steps .step .details .detail .link a {
text-decoration:none;
color:#000;
font-weight:normal;
}

#entry #application .steps .step .details .detail .link.now a {
color:#fff;
}

#entry #application .steps .step .details .detail .link a:hover {
opacity:0.7;
}

#entry #application .steps .step .details .detail .subtitles {
display:flex;
align-items:center;
justify-content:center;
}

#entry #application .steps .step .details .detail .subtitles .subtitle {
font-size:3.5vw;
line-height:150%;
padding-right:2vw;
}

#entry #application .steps .step .details .detail .subtitles .subtitle.now {
color:#fff;
}

#entry #application .steps .step .number {
width:22vw;
height:7vw;
background:url(../img/step_bg.png);
background-size:100% 100%;
font-family: 'Lexend Giga', sans-serif;
font-size:3.5vw;
letter-spacing:0;
line-height:100%;
color:#fff;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
position:absolute;
left:0;
right:0;
top:-3.5vw;
margin:auto;
}

#entry #application .steps .step .number.now {
width:22vw;
height:7vw;
background:url(../img/step_bg_now.png);
background-size:100% 100%;
font-family: 'Lexend Giga', sans-serif;
font-size:3.5vw;
letter-spacing:0;
line-height:100%;
color:#e6321e;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
position:absolute;
left:0;
right:0;
top:-3.5vw;
margin:auto;
}

#entry #application .steps .period {
width:25vw;
margin:0 auto 7vw;
position:relative;
}

#entry #application .steps .period:after {
width:3vw;
height:5vw;
background:rgba(85,180,200,0.5);
content:"";
position:absolute;
bottom:-5vw;
left:0;
right:0;
margin:auto;
}

#entry #application .steps .step .fl {
font-size:6vw;
}


/*ENTRY SCHEDULE*/
#entry #schedule {
padding:40px 0;
}

#entry #schedule .seminar_decoration {
background:#000 url("/wp-content/themes/cmobank/image/cta.jpg") center;
background-size:cover;
padding:7vw 0;
position:relative;
text-align:center;
margin-bottom:7vw;
}

#entry #schedule .seminar_decoration .logo {
width:30vw;
margin:auto;
position:relative;
z-index:1;
padding-bottom:3vw;
}

#entry #schedule .seminar_decoration .schedule_title {
width:80vw;
margin:auto;
position:relative;
z-index:1;
}

#entry #schedule .seminar_decoration .mask {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
right:0;
background:linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.6));
z-index:0;
}

#entry #schedule .seminar_decoration p {
color:#fff;
font-weight:bold;
font-size:150%;
}

#entry #schedule .lines div {
width:10%;
}

#entry #schedule h3 {
width:80%;
}

#entry #schedule h4 {
padding-bottom:3vw;
}

#entry #schedule .ex {
width:90%;
margin:auto;
padding-bottom:5vw;
}

#entry #schedule .holding {
width:90%;
margin:0 auto 7vw;
}

#entry #schedule .holding .seminars {
width:100%;
margin:auto;
position:relative;
}

#entry #schedule .holding .seminar {
width:100%;
height:138vw;
position:relative;
background:#fff;
margin-bottom:6vw;
box-shadow:0 0 2vw #e1e1e1;
}

#entry #schedule .holding .seminar .sold {
width:100%;
height:100%;
background:rgba(255,255,255,0.7);
position:absolute;
top:0;
left:0;
z-index:998;
}

#entry #schedule .holding .seminar .soldout_band {
width:30vw;
position:absolute;
top:8vw;
left:0;
z-index:999;
}

#entry #schedule .holding .seminar .photo {
width:90vw;
height:60vw;
overflow:hidden;
}

#entry #schedule .holding .seminar .photo img {
transform:translate(0%,0%);
left:0;
top:0;
}

#entry #schedule .holding .seminar .remaining {
position:absolute;
top:50vw;
right:4vw;
background:#000;
z-index:99;
border:#000 1px solid;
}

#entry #schedule .holding .seminar .remaining .seat {
background: #4B4B4B;
color:#fff;
font-size:3vw;
line-height:100%;
text-align:center;
padding:1vw 2vw;
}

#entry #schedule .holding .seminar .remaining .seat.end {
line-height:135%;
font-size:3vw;
padding:1vw 2vw;
}

#entry #schedule .holding .seminar .remaining .seat_number {
font-size:3vw;
}

#entry #schedule .holding .seminar .remaining .count {
color:#000;
font-family: 'Lexend Giga', sans-serif;
line-height:100%;
font-size:4.5vw;
text-align:center;
padding:1vw 2vw;
}

#entry #schedule .holding .seminar .data {
padding:3vw 6vw 5vw;
}

#entry #schedule .holding .seminar .data p {
line-height:150%;
	text-align: left!important;
}

#entry #schedule .holding .seminar .data .team {
font-size:5vw;
color:#e6321e;
font-weight:bold;
}

#entry #schedule .holding .seminar .data .day {
font-size:3.5vw;
padding-bottom:1vw;
width:80%;
}

#entry #schedule .holding .seminar .data .capacity {
display:flex;
align-items:flex-start;
font-size:3.5vw;
padding-bottom:1vw;
}

#entry #schedule .holding .seminar .data .place {
display:flex;
align-items:flex-start;
font-size:3.5vw;
padding-bottom:1vw;
}

#entry #schedule .holding .seminar .data .attention {
font-size:2.5vw;
color:#969696;
line-height:150%;
}

#entry #schedule .holding .seminar .data .btns {
position:absolute;
bottom:5vw;
left:0;
right:0;
margin:auto;
width:80%
}

#entry #schedule .item {
background:#aaa;
color:#fff;
padding:0.2vw 0.5vw;
font-size:80%;
width:13%;
text-align:center;
margin-right:2vw;
overflow:hidden;
}

#entry #schedule .detail {
width:87%;
}

#entry #schedule .holding .seminar .data .map {
padding-bottom:2vw;
}

#entry #schedule .holding .seminar .data .map p {
font-size:3vw;
}

#entry #schedule .holding .seminar .data .map a {
display:block;
text-decoration:none;
color:#000;
border:#000 1px dotted;
padding:3vw 2vw;
border-radius:10vw;
text-align:center;
}

#entry #schedule .holding .seminar .data .map a:hover {
opacity:0.7;
background:#fcfcfc;
}

#entry #schedule .holding .seminar .data .app p {
font-size:3vw;
}

#entry #schedule .holding .seminar .data .app a {
display:block;
text-decoration:none;
color:#fff;
background:#329600;
padding:3vw 2vw;
border-radius:10vw;
text-align:center;
}

#entry #schedule .holding .seminar .data .app.soldout {
display:block;
text-decoration:none;
color:#fff;
background:#ccc;
padding:3vw 2vw;
border-radius:10vw;
text-align:center;
}

#entry #schedule .holding .seminar .data .app.before {
display:block;
text-decoration:none;
color:#fff;
background:#6e6e6e;
padding:3vw 2vw;
border-radius:10vw;
text-align:center;
}

#entry #schedule .holding .seminar .data .app a:hover {
opacity:0.7;
}

.app_message:after {
content:"この体験講座を申し込む";
}

.soldout_message:after {
content:"SOLD OUT";
}

.before_message:after {
content:"受付開始までしばらくお待ちください";
}

#entry #schedule .holding .seminar .data i {
padding-right:1vw;
}


/*OUTLINE*/
#entry #outline {
padding:10vw 0 0;
background:#fff;
}

#entry #outline h4 {
padding-bottom:4vw;
}

#entry #outline .details {
width:90%;
margin:auto;
}

#entry #outline .details .detail {
border:#c8c8c8 1px dotted;
background:#fff;
margin-bottom:2vw;
padding:4vw 5vw;
}

#entry #outline .details .detail p {
font-size:4vw;
}

#entry #outline .details .detail .item {
width:100%;
font-weight:bold;
}

#entry #outline .details .detail .overview {
width:100%x;
}

#entry #outline .details .detail .overview .conditions {
font-size:3vw;
color:#e6321e;
line-height:160%;
}

#entry #outline .details .attentions {
}

#entry #outline .details .attentions .attention {
display:flex;
}

#entry #outline .details .attentions .attention p {
font-size:3vw;
line-height:160%;
}

#entry .bottom_bg {
width:100%;
height:30vw;
background:url("../img/entry_bottom_bg.png") no-repeat;
background-size:cover;
background-position:center top;
position:relative;
bottom:0;
left:0;
text-align: center;
}
#entry .lines div {
width:20%;
}

#entry h3 {
width:60%;
}

/*FAQ*/
#faq {
padding:10vw 0 0;
	font-weight: normal!important;
}

#faq .lines div {
width:20%;
}

#faq h3 {
width:60%;
}

#faq h4 {
padding-bottom:5vw;
}

#faq section {
width:90%;
margin:auto;
padding-bottom:10vw;
}

#faq .faq {
margin-bottom:2.5vw;
}

#faq .faq .questions {
display:flex;
align-items:center;
justify-content:space-between;
background:#fff;
padding:2.5vw 4vw;
box-shadow:0 0 2vw #e1e1e1;
cursor:pointer;
}

#faq .faq .questions .question_left {
display:flex;
}

#faq .faq .questions .q {
padding-right:3vw;
font-weight:bold;
font-size:4vw;
}

#faq .faq .questions .question {
font-weight:bold;
font-size:4vw;
width:100%;
padding-right:3vw;
}

#faq .faq .questions .before_icon:after {
font-family:"Font Awesome 5 Free";
content:"\f078";
font-size:3vw;
font-weight:bold;
}

#faq .faq .questions .after_icon:after {
font-family:"Font Awesome 5 Free";
content:"\f077";
font-size:3vw;
font-weight:bold;
}

#faq .faq .answers {
display:none;
}

#faq .faq .answers .answer {
display:flex;
padding:2.5vw 4vw;
}

#faq .faq .answers .answer .a {
padding-right:3vw;
font-weight:bold;
font-size:4vw;
}

#faq .faq .answers .answer .ex {
font-size:4vw;
	text-align: left!important;
}



/*SCROLL LINE*/
.scroll_line{
width:1px;
height:7vh;
margin:auto;
overflow:hidden;
position:relative;
display:block;
}

.scroll_line:after,
.scroll_line:before {
display:block;
width:1px;
height:100%;
content:'';
position:absolute;
top:0;
left:0;
}

.scroll_line:before{
-webkit-animation:scroll 2.5s infinite normal;
animation:scroll 2.5s infinite normal;
background:#fff;
}

.scroll_line:after{
background:transparent;
}

.scroll_line.w:before{
background:#fff;
}

@keyframes scroll{
0%{transform:translate3d(0,-100%,0)}
15%{transform:translate3d(0,-98%,0)}
85%{transform:translate3d(0,98%,0)}
100%{transform:translate3d(0,100%,0)}
}


/*ROW*/
#row {
padding:23vw 0 0;
}

#row .lines {
}

#row .lines div {
width:10%;
}

#row .lines h3 {
width:80%;
}

#row .cts {
width:100%;
margin:auto;
padding-bottom:10vw;
}

#row .details {
width:90%;
margin:auto;
}

#row .details .detail {
border:#c8c8c8 1px dotted;
background:#fff;
margin-bottom:2vw;
padding:4vw 5vw;
}

#row .details .detail p {
font-size:4.5vw;
}

#row .details .detail .item {
width:100%;
font-weight:bold;
}

#row .details .detail .overview {
width:100%x;
}

#row .details .detail .overview .conditions {
font-size:3vw;
color:#e6321e;
line-height:160%;
}

#row .details .attentions {
}

#row .details .attentions .attention {
display:flex;
}

#row .details .attentions .attention p {
font-size:3vw;
line-height:160%;
}

#row .bottom_bg {
width:100%;
height:40vw;
background:url("/wp-content/themes/cmobank/image/under_bottom_bg.jpg") no-repeat;
background-size:cover;
background-position:center top;
}


/*PRIVACY*/
#privacy {
padding:23vw 0 0;
}

#privacy .lines {
}

#privacy .lines div {
width:15%;
}

#privacy .lines h3 {
width:70%;
padding-bottom:3vw;
}

#privacy .cts {
width:90%;
margin:auto;
padding-bottom:5vw;
}

#privacy .details {
border-bottom:#c8c8c8 1px dotted;
padding-bottom:4vw;
margin-bottom:4vw;
}

#privacy .details:last-child {
border:none;
padding-bottom:0;
margin-bottom:0;
}

#privacy .details .item {
font-weight:bold;
}

#privacy .details .detail {
display:flex;
}

#privacy .details .detail span:first-child {
padding-right:1vw;
}

#privacy .details .day {
text-align:right;
font-size:4vw;
}

#privacy .details .ex {
padding-bottom:5vw;
}

#privacy .details .representative {
text-align:right;
padding-bottom:5vw;
}

#privacy .details .end {
text-align:right;
}

#privacy aside {
border:#000 1px solid;
padding:4vw 4vw;
}

#privacy aside p {
font-size:4vw;
}

#privacy aside .item {
font-weight:bold;
padding-bottom:1.5vw;
}

#privacy aside a {
color:#000;
text-decoration:none;
font-weight:bold;
}

#privacy aside a:hover {
opacity:0.7;
}

#privacy .bottom_bg {
width:100%;
height:40vw;
background:url("/wp-content/themes/cmobank/image/under_bottom_bg.jpg") no-repeat;
background-size:cover;
background-position:center top;
}

.consent {
text-align:center;
padding-bottom:4vw;
font-size:4vw;
}

.consent a {
color:#000;
}

.consent a:hover {
opacity:0.7;
}

.popup_close {
width:100px;
margin:auto;
}

.popup_close i {
padding-right:7px;
}

.popup_close a {
display:block;
font-size:80%;
color:#fff;
text-align:center;
padding:7px 15px;
border:#000 1px dotted;
background:#000;
border-radius:30vw;
text-decoration:none;
}

.popup_close a:hover {
opacity:0.7;
}

.privacy_mark {
width:12vw;
margin-right:2vw;
}

.privacy_ex p {
font-size:2vw !important;
padding-top:30px;
}



/*PRIVACY POPUP*/
#privacy_popup {
margin:10vw 0;
}

#privacy_popup h3 {
padding-bottom:5vw;
}

#privacy_popup .cts {
width:90%;
margin:auto;
padding-bottom:5vw;
}

#privacy_popup .details {
border-bottom:#c8c8c8 1px dotted;
padding-bottom:4vw;
margin-bottom:4vw;
}

#privacy_popup .details p {
}

#privacy_popup .details .day {
text-align:right;
font-size:4vw;
}

#privacy_popup .details .ex {
padding-bottom:5vw;
}

#privacy_popup .details:last-child {
border:none;
padding-bottom:0;
margin-bottom:0;
}

#privacy_popup .details .item {
font-weight:bold;
}

#privacy_popup .details .detail {
display:flex;
}

#privacy_popup .details .detail span:first-child {
padding-right:1vw;
}

#privacy_popup .details .representative {
text-align:right;
padding-bottom:5vw;
}

#privacy_popup .details .end {
text-align:right;
}

#privacy_popup .details .representative p:first-child {
}

#privacy_popup aside {
border:#000 1px solid;
padding:4vw 4vw;
}

#privacy_popup aside p {
font-size:4vw;
}

#privacy_popup aside .item {
font-weight:bold;
padding-bottom:1.5vw;
}

#privacy_popup aside a {
color:#000;
text-decoration:none;
font-weight:bold;
}

#privacy_popup aside a:hover {
opacity:0.7;
}


/*COMPANY*/
#company {
padding:23vw 0 0;
}

#company .lines {
}

#company .lines div {
width:10%;
}

#company .lines h3 {
width:80%;
}

#company .cts {
width:100%;
margin:auto;
padding-bottom:10vw;
}

#company .details {
width:90%;
margin:auto;
}

#company .details .detail {
border:#c8c8c8 1px dotted;
background:#fff;
margin-bottom:2vw;
padding:4vw 5vw;
}

#company .details .detail p {
font-size:4.5vw;
}

#company .details .detail .item {
width:100%;
font-weight:bold;
}

#company .details .detail .overview {
width:100%x;
}

#company .details .detail .overview .conditions {
font-size:3vw;
color:#e6321e;
line-height:160%;
}

#company .bottom_bg {
width:100%;
height:40vw;
background:url("/wp-content/themes/cmobank/image/under_bottom_bg.jpg") no-repeat;
background-size:cover;
background-position:center top;
}


/*APPLICATION FORM*/
.under_logos {
width:100%;
background:rgba(0,0,0,0.7);
padding:5vw 0;
}

.under_logos .logo {
width:70%;
margin:auto;
}

#application {
padding:7vw 0 0;
}

#application .subtitle {
font-size:4vw;
text-align:center;
padding-bottom:3vw;
}

#application h3 {
padding-bottom:5vw;
}

#application h4 {
font-size:4vw;
padding-bottom:3vw;
}

#application .exs {
padding-bottom:0;
}

#application .ex {
padding-bottom:5vw;
font-size:4.5vw;
line-height:180%;
}

#application .required_tx {
font-size:4vw;
text-align:right;
padding-bottom:2vw;
color:#e6321e;
}

#application form p {
font-size:4.5vw;
line-height:180%;
}

#application form {
}

#application form .forms {
border:#c8c8c8 1px dotted;
background:#fff;
padding:6vw 6vw;
}

#application form .form {
border-bottom:#c8c8c8 1px dotted;
padding-bottom:3vw;
margin-bottom:3vw;
}

#application form .form.item_top {
}

#application form .basic .form:last-child {
margin-bottom:15vw;
}

#application form .form .item {
width:100%;
padding-bottom:1vw;
}

#application form .form .detail {
width:100%;
}

#application form .names {
width:100%;
}

#application form .company {
width:100%;
}

#application form .mail {
width:100%;
}

#application form .tel {
width:100%;
}

#application form .date {
width:100%;
height:13vw;
}

#application form .etc {
width:100%;
height:20em;
}

#application form input  {
padding:3vw 4vw;
font-size:4.5vw;
}

#application form select  {
  margin-top:3px;
  padding:3vw 4vw;
  font-size:4.5vw;
  height:13vw;
  width:100%
}

#application form select.kouza  {
  padding:3vw 4vw;
  font-size:3.5vw;
  height:11.5vw;
  width:100%
}

#application form select.times {
margin-top:3vw;
}

#application form input[type="date"] {
font-size:4.5vw;
}

#application form textarea {
padding:3vw 4vw;
font-size:4.5vw;
}

#application form .required {
color:#e6321e;
font-size:3.5vw;
padding-left:1vw;
}

#application form .copy {
border-bottom:#c8c8c8 1px dotted;
padding-bottom:3vw;
margin-bottom:3vw;
}

#application form input[type="submit"] {
font-size:4vw;
background:#e6321e;
border-radius:10vw;
color:#fff;
text-align:center;
border:#e6321e 1px solid;
padding:4vw 5vw;
margin:0 1vw;
}

#application form input[type="button"] {
background:#fff;
border-radius:10vw;
color:#000;
text-align:center;
border:#000 1px dotted;
padding:4vw 5vw;
margin:0 1vw;
}

#application form .btns {
display:flex;
justify-content:center;
align-items:center;
}

#application form .radiobtns {
display:flex;
justify-content:space-between;
}

.explain + label{
width:48%;
display:block;
padding:3vw 3vw;
font-size:4vw;
text-align:center;
border:#c8c8c8 2px solid;
border-radius:10vw;
color:#c8c8c8;
}

.explain {
display:none;
}

.explain:checked + label {
color:#fff;
background:#e6321e;
border:#c8c8c8 2px solid;
}

#application .hearing {
display:none;
}

#application .cautions {
border-bottom:#c8c8c8 1px dotted;
padding-bottom:3vw;
margin-bottom:3vw;
}

#application .cautions .caution {
border:#e6321e 1px dotted;
padding:3vw 4vw;
color:#e6321e;
}

#application .cautions .caution p {
font-size:4vw;
}

#application .cautions .caution i {
padding-right:1vw;
}

#application .thanks {
text-align:center;
padding-bottom:15vw;
}

#application .thanks .title {
color:#e6321e;
font-size:5vw;
font-weight:bold;
padding-bottom:3vw;
}

#application .thanks .ex {
padding-bottom:15vw;
}

#application .thanks .back {
}

#application .thanks .back a {
border:#000 1px dotted;
border-radius:10vw;
text-decoration:none;
padding:4vw 5vw;
color:#000;
}

#application .thanks .back a:hover {
opacity:0.7;
}

#application .thanks .back i {
padding-right:1vw;
}


/*CONTACT FORM*/
#contact {
padding:7vw 0 0;
}

#contact .subtitle {
font-size:4vw;
text-align:center;
padding-bottom:3vw;
}

#contact h3 {
padding-bottom:5vw;
}

#contact h4 {
font-size:4vw;
padding-bottom:3vw;
}

#contact .exs {
padding-bottom:0;
}

#contact .ex {
padding-bottom:5vw;
font-size:4.5vw;
line-height:180%;
}

#contact .required_tx {
font-size:4vw;
text-align:right;
padding-bottom:2vw;
color:#e6321e;
}

#contact form p {
font-size:4.5vw;
line-height:180%;
}

#contact form {
}

#contact form .forms {
border:#c8c8c8 1px dotted;
background:#fff;
padding:6vw 6vw;
}

#contact form .form {
border-bottom:#c8c8c8 1px dotted;
padding-bottom:3vw;
margin-bottom:3vw;
}

#contact form .form.item_top {
}

#contact form .basic .form:last-child {
margin-bottom:15vw;
}

#contact form .form .item {
width:100%;
padding-bottom:1vw;
}

#contact form .form .detail {
width:100%;
}

#contact form .names {
width:100%;
}

#contact form .company {
width:100%;
}

#contact form .mail {
width:100%;
}

#contact form .tel {
width:100%;
}

#contact form .date {
width:100%;
height:13vw;
}

#contact form .etc {
width:100%;
height:20em;
}

#contact form input  {
padding:3vw 4vw;
font-size:4.5vw;
}

#contact form select  {
  margin-top:3px;
  padding:3vw 4vw;
  font-size:4.5vw;
  height:13vw;
  width:100%
}

#contact form select.kouza  {
  padding:3vw 4vw;
  font-size:3.5vw;
  height:11.5vw;
  width:100%
}

#contact form select.times {
margin-top:3vw;
}

#contact form input[type="date"] {
font-size:4.5vw;
}

#contact form textarea {
padding:3vw 4vw;
font-size:4.5vw;
}

#contact form .required {
color:#e6321e;
font-size:3.5vw;
padding-left:1vw;
}

#contact form .copy {
border-bottom:#c8c8c8 1px dotted;
padding-bottom:3vw;
margin-bottom:3vw;
}

#contact form input[type="submit"] {
font-size:4vw;
background:#e6321e;
border-radius:10vw;
color:#fff;
text-align:center;
border:#e6321e 1px solid;
padding:4vw 5vw;
margin:0 1vw;
}

#contact form input[type="button"] {
background:#fff;
border-radius:10vw;
color:#000;
text-align:center;
border:#000 1px dotted;
padding:4vw 5vw;
margin:0 1vw;
}

#contact form .period {
font-size:3vw;
letter-spacing:0;
}

#cotact form .radio_btn {
display:flex;
align-items:center;
}

#contact form input[type="radio"] {
display:none;
}

#contact form label {
border:#ccc 0.8vw solid;
display:block;
margin-bottom:3vw;
padding:3vw 1vw;
border-radius:3vw;
text-align:center;
line-height:130%;
height:25vw;
}


#contact form label.label_btn {
padding:8.7vw 0;
}

#contact form p {
line-height:100%;
}


#contact form label:before {

}

#contact form .seminar:checked + label {
background:#e6321e;
color:#fff;
}

#contact form .btns {
display:flex;
justify-content:center;
align-items:center;
}

#contact .cautions {
border-bottom:#c8c8c8 1px dotted;
padding-bottom:3vw;
margin-bottom:3vw;
}

#contact .cautions .caution {
border:#e6321e 1px dotted;
padding:3vw 4vw;
color:#e6321e;
}

#contact .cautions .caution p {
font-size:4vw;
}

#contact .cautions .caution i {
padding-right:1vw;
}

#contact .thanks {
text-align:center;
padding-bottom:15vw;
}

#contact .thanks .title {
color:#e6321e;
font-size:5vw;
font-weight:bold;
padding-bottom:3vw;
}

#contact .thanks .ex {
padding-bottom:15vw;
}

#contact .thanks .back {
}

#contact .thanks .back a {
border:#000 1px dotted;
border-radius:10vw;
text-decoration:none;
padding:4vw 5vw;
color:#000;
}

#contact .thanks .back a:hover {
opacity:0.7;
}

#contact .thanks .back i {
padding-right:1vw;
}


/*END_BG*/
#end_bg {
width:100%;
height:120vw;
background:url("/wp-content/themes/cmobank/image/under_bottom_bg_sp.jpg") no-repeat;
background-size:cover;
background-position:center top;
position:relative;
}

#end_bg .end_logos {
padding-bottom:3vw;
}

#end_bg .end_logos .end_logo {
width:40vw;
margin:auto;
padding-bottom:10px;
}

#end_bg .end_logos .end_logocopy {
color:#fff;
text-align:center;
padding-bottom:7px;
font-size:2.5vw;
}

#end_bg .bottom_bg {
position:absolute;
width:100%;
bottom:0;
left:0;
right:0;
margin:auto;
}


/*FOOTER*/
footer {
padding:3vw 0;
}

footer .cts {
width:100%;
margin:auto;
}

footer .links {
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
padding-bottom:3.5vw;
}

footer .links p {
width:50%;
}

footer .links p:nth-child(n+3) {
padding-bottom:0;
}

footer .links p:nth-child(2n) {
border-left:#aaa 1px dotted;
}

footer .links p:nth-last-child(n+3) {
border-top:#aaa 1px dotted;
}

footer a {
display:block;
border-bottom:#aaa 1px dotted;
padding:3.5vw 2vw;
text-align:center;
text-decoration:none;
color:#aaa;
font-size:2.8vw;
font-weight:normal;
line-height:100%;
letter-spacing:0;
}

footer a:hover {
text-decoration:none;
opacity:0.7;
}

footer .copyright {
font-size:2.5vw;
color:#aaa;
text-align:center;
}

footer .informations {
width:90%;
margin:auto;
color:#ccc;
padding-bottom:3vw;
}

footer .informations p {
width:100%;
line-height:160%;
display:flex;
}

footer .informations .company {
font-size:4vw;
font-weight:bold;
}

footer .informations .address {
display:flex;
}

footer .informations .address p {
font-size:3vw;
}

footer .informations .tel {
display:flex;
}

footer .informations .tel p {
font-size:3vw;
}

footer .informations .mail {
display:flex;
}

footer .informations .mail p {
font-size:3vw;
}

footer .informations .info_item {
width:22%;
font-weight:bold;
}

footer .informations .detail {
width:78%;
}





.btn-square {
    display: inline-block;
    margin:0 auto;
    text-align:center;
    padding: 1em 3.5em;
    text-decoration: none;
    background: #ff3c27;/*ボタン色*/
    color: #FFF;
    border-radius: 30px;
  }
a.btn-square{
    color: #fff;
	text-decoration: none;
  }
  .btn-square:active {
    /*ボタンを押したとき*/
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

#timeline {
padding:10vw 0 0;
}
#timeline .graph {
width:100%;
padding:20px 0 40px;
margin:30px 0 15px;
position:relative;
border:none;
}
#timeline .lines div {
width:5%;
}

#timeline h3 {
width:90%;
}

#timeline h4 {
padding-bottom:4vw;
}

#timeline h4 p {
line-height:135%;
}

#timeline h4 span {
font-size:3.5vw;
}

#timeline .details {
width:90%;
margin:auto;
}

#timeline .details .detail_tit {
	width: 100%;
border-top:#c8c8c8 1px dotted;
	border-right:#c8c8c8 1px dotted;
	border-left:#c8c8c8 1px dotted;
background:#fff;
	margin: 30px 0 0;
padding:18px 0 18px 0;
	text-align: center;
color: #e6321e;
}

#timeline .details .detail {
	width: 100%;
border:#c8c8c8 1px dotted;
background:#fff;
margin-bottom:1vw;
padding:1vw 20px;
	box-sizing: border-box;
	text-align: center;
}

#timeline .details .detail p {
font-size:14px;
}

#timeline .details .detail .item {
width:100%;
	padding: 10px 0;
	font-weight:bold;
	box-sizing: border-box;
	display: block;
	vertical-align: middle;
	border-bottom: #c8c8c8 1px dotted;
}
.timeline_day {
width:60px;
	text-align: left;
	display: inline-block;}
.timeline_date {
width:80px;
	text-align: left;
	display: inline-block;}
.timeline_week {
width:55px;
	text-align: left;
	display: inline-block;}
#timeline .details .detail .time {
width:100%;
	padding: 10px 0;
	box-sizing: border-box;
	display: block;
	vertical-align: middle;
	border-bottom: #c8c8c8 1px dotted;
}

#timeline .details .detail .place {
width:100%;
	padding: 10px 0;
	box-sizing: border-box;
	display: block;
	vertical-align: middle;
}
#timeline .details .detail .place span {
background: #aaaaaa;
	color: #fff;
	padding: 1px 12px;
	font-size:3vw;
}
#timeline .details .detail .overview {
width:100%;
}

#timeline .details .detail .overview .licence {
display:flex;
}

#timeline .details .detail .overview .conditions {
font-size:3vw;
color:#e6321e;
line-height:160%;
}

#timeline .details .detail .overview .schedule {
border-top:#c8c8c8 1px dotted;
padding-top:10px;
margin-top:10px;
}

#timeline .details .detail .overview .schedule .state {
border:#000 1px dotted;
padding:0.5vw 1vw;
font-size:3vw;
margin-left:1vw;
}

#timeline .details .attentions {
}

#timeline .details .attentions .attention {
display:flex;
padding-top:1vw;
}

#timeline .details .attentions .attention p {
font-size:3vw;
line-height:160%;
}
#timeline h5 {
position:absolute;
top:-15px;
left:0;
right:0;
margin:auto;
}
.entry_message:after {
content:"ENTRY";
}

.more_message:after {
content:"詳細はこちら";
}

.btns_wrap{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	flex-wrap: -webkit-wrap;
	justify-content: center;
	margin-top: 10px;
	}
#entry #schedule .holding .seminar .data .more_bt p {
font-size:70%;
}

#entry #schedule .holding .seminar .data .more_bt a {
display:block;
	text-decoration:none;
	color:#fff;
	background: #000;
		padding:10px 35px;
	margin: 0 2px 5px;
border-radius:30px;
text-align:center;
}
#entry #schedule .holding .seminar .data .more_bt a:hover {
opacity: 0.7;
}

#entry #schedule .holding .seminar .data .nolink p {
font-size:70%;
}
#entry #schedule .holding .seminar .data .nolink {
display:block;
	text-decoration:none;
	color:#fff;
	background: #cccccc;
		padding:10px 35px;
	margin: 0 2px 5px;
border-radius:30px;
text-align:center;
}

/*セミナー修正*/

#entry #schedule .holding .seminars {
display:flex;
	flex-wrap: wrap;
}

#entry #schedule .holding .program {
width:100%;
height:138vw;
background:#fff;
position:relative;
	margin-bottom:6vw;
box-shadow:0 0 2vw #e1e1e1;
}

#entry #schedule .holding .program .sold {
width:100%;
height:100%;
background:rgba(255,255,255,0.7);
position:absolute;
top:0;
left:0;
z-index:998;
}
	
#entry #schedule .holding .program .soldout_band {
width:100px;
height:50px;
position:absolute;
top:5px;
left:10px;
z-index:999;
}

#entry #schedule .holding .program .photo {
width:100%;
height:auto;
overflow:hidden;
}

#entry #schedule .holding .program .photo img {
transform:translate(0%,0%);
left:0;
top:0;
}

#entry #schedule .holding .program .remaining {
position:absolute;
top:320px;
right:15px;
background:#fff;
z-index:99;
border:#000 1px solid;
}

#entry #schedule .holding .program .remaining .seat {
background:#000;
color:#fff;
font-size:3vw;
line-height:100%;
text-align:center;
padding:3px 7px;
}

#entry #schedule .holding .program .remaining .seat.end {
line-height:135%;
font-size:3vw;
padding:5px 8px;
}

#entry #schedule .holding .program .remaining .seat_number {
font-size:3vw;
}

#entry #schedule .holding .program .remaining .count {
color:#000;
font-family: 'Lexend Giga', sans-serif;
line-height:100%;
font-size:4.5vw;
text-align:center;
padding:3px 7px;
}

#entry #schedule .holding .program .data {
padding:10px 20px 15px;
}

#entry #schedule .holding .program .data p {
line-height:150%;
}

#entry #schedule .holding .program .data .team {
font-size:5vw;
color:#e6321e;
font-weight:bold;
}

#entry #schedule .holding .program .data .day {
font-size:3.5vw;
padding-bottom:5px;
width:80%;
}

#entry #schedule .holding .program .data .capacity {
padding-bottom:3px;
display:flex;
align-items:flex-start;
font-size:3.5vw;
}

#entry #schedule .holding .program .data .place {
padding-bottom:3px;
display:flex;
align-items:flex-start;
font-size:3.5vw;
}

#entry #schedule .holding .program .data .attention {
font-size:2.5vw;
color:#969696;
padding-bottom:10px;
line-height:150%;
}

#entry #schedule .holding .program .data .btns {
position:absolute;
bottom:20px;
left:0;
right:0;
margin:auto;
width:80%
}
	
#entry #schedule .holding .program .data .map {
padding-bottom:10px;
}

#entry #schedule .holding .program .data .map p {
font-size:70%;
}

#entry #schedule .holding .program .data .map a {
display:block;
text-decoration:none;
color:#000;
border:#000 1px dotted;
padding:10px 10px;
border-radius:30px;
text-align:center;
}

#entry #schedule .holding .program .data .map a:hover {
opacity:0.7;
background:#fcfcfc;
}

#entry #schedule .holding .program .data .app p {
font-size:70%;
}

#entry #schedule .holding .program .data .app a {
display:block;
text-decoration:none;
color:#fff;
background:#329600;
padding:12px 10px;
border-radius:30px;
text-align:center;
}

#entry #schedule .holding .program .data .app.soldout {
display:block;
text-decoration:none;
color:#fff;
background:#ccc;
padding:12px 10px;
border-radius:30px;
text-align:center;
}

#entry #schedule .holding .program .data .app.before {
display:block;
text-decoration:none;
color:#fff;
background:#6e6e6e;
padding:12px 10px;
border-radius:30px;
text-align:center;
}

#entry #schedule .holding .program .data .app a:hover {
opacity:0.7;
}

#entry #schedule .holding .program .data i {
padding-right:7px;
}

.point_mind_sp{
	width: 100%;
	margin: 16px 0 0;
	display: table;}
.point_mind a:hover{
	cursor: pointer;
	opacity: 0.7;}
.point_mind_img{
	display: table-cell;
	vertical-align: middle;
	width: 90px;
	height: auto;
	padding: 0 5px 0 0;}
.point_mind_text{
	display: table-cell;
	vertical-align: middle;
	font-weight: normal;
	font-size: 10px;
	line-height: 16px;}
.caricuram_tit{
	margin-top: 40px;
	margin-bottom: 30px;}
.caricuram{
	max-width: 850px;
	width: 90%;
	background: #fff;
	margin: 0 auto;}
    
//*-----
    -----*//
.recruit_main_wrap{
	width: 100%;
	padding: 32px 12px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;}
.recruit_main_wrap h2{
	font-size: 32px;
	line-height: 42px;
	margin: 0;}
.recruit_main_wrap h3{
	margin: 0;
	padding: 32px 0 16px;
    font-size: 20px;}
.recruit_main_wrap u{
    font-size:12.5px;
    text-align: center;
    }
ul.recruit_list{
	text-align: left;
	width: 100%;
	font-size: 90%;
	padding: 0;
	margin: 20px auto;
	list-style: none;}
ul.recruit_list li{
	padding: 3px 0;
	font-weight: normal;
	border-bottom: 1px solid #fff;}
ul.recruit_list li i{
	font-size: 110%;
	margin: 0 8px 0 0;}
.grada_tit{
	margin: 0px auto 40px;}