@charset "utf-8";

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

@media(min-width:960px){
*{
	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 .introarea {
width:100%;
height:100%;
background:rgba(0,0,0,1);
animation:introarea 1s ease;
}

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

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

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


/*STYLE*/
.sp , .tb {
display:none;
}

p {
font-size:1rem;
line-height:180%;
letter-spacing:0.5px;
}

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

h2 {
font-size:150%;
font-family: 'Lexend Giga', sans-serif;
padding-bottom:20px;
text-align:center;
}

h2 span {
border-bottom:#000 4px solid;
}

h3 {
font-size:140%;
line-height:150%;
text-align:center;
padding:0 10px;
	white-space: nowrap;
}

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

h4 .hexagonl img , h4 .hexagonr img {
width:20px;
height:100%;
}

h4 .h4_title {
color:#e6321e;
border-top:#e6321e 1px solid;
border-bottom:#e6321e 1px solid;
padding:7px 10px;
font-weight:bold;
font-size:100%;
text-align:center;
}

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

h5 {
font-size:100%;
font-weight:bold;
padding-bottom:20px;
text-align:center;
}

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

h6 {
font-size:100%;
font-weight:bold;
padding-bottom:20px;
text-align:center;
}

h6 span {
border-bottom:#55b4c8 2px solid;
padding-bottom:5px;
}

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

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

.cts {
width:800px;
margin:auto;
}

.tx {
padding-bottom:30px;
}

.decoration {
width:30px;
margin:0 auto 25px;
}

.arrows {
width:220px;
margin:auto;
padding:20px 0;
display:flex;
justify-content:space-between;
}

.arrows .arrow {
width:60px;
height:40px;
border-top:#e6321e 20px solid;
border-left:transparent 30px solid;
border-right:transparent 30px solid;
}




/*GROBAL*/
#grobal {
}

#grobal .nav_btn {
display:none;
}

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

#grobal .grobal_nav nav {
}

#grobal .grobal_nav nav:last-child {
}

#grobal .grobal_nav nav a {
text-decoration:none;
font-weight:normal;
color:#000;
display:block;
padding:10px 20px;
font-size:130%;
text-align:center;
font-family: 'Lexend Giga', sans-serif;
}

#grobal .grobal_nav nav a:hover {
opacity:0.7;
}


/*SWIPER*/
.swiper-container {
width:100%;
height:100vh;
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:1800px;
min-height:1000px;
}

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

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


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

.mv .logos .main_logo {
width:450px;
margin:auto;
padding-bottom:20px;
opacity:0;
}

.mv .logos .main_title {
width:528px;
margin:auto;
opacity:0;
}
.mv .logos .main_title_mind {
width:500px;
margin: 60px auto 0;
opacity:0;
}

.mv .main_logocopy {
color:#fff;
text-align:center;
padding-bottom:20px;
}

.mv .main_logosubcopy {
color:#fff;
text-align:center;
font-family: 'Lexend Giga', sans-serif;
font-size:70%;
padding-bottom:40px;
-webkit-animation:logo 2s ease-in-out;
animation:logo 2s ease-in-out;
}

.mv .scroll {
position:absolute;
width:100px;
left:0;
right:0;
bottom:0;
margin:auto;
z-index:99;
}

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

.mv .scroll .next a {
text-decoration:none;
color:#fff;
display:block;
padding:7px 10px;
	text-align:center;
}

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

.pc_mind{
	position: absolute;
	right: 20px;
	bottom: 20px;
	display: table;}
.pc_mind a:hover{
	cursor: pointer;
	opacity: 0.7;}
.pc_mind_img{
	display: table-cell;
	vertical-align: middle;
	width: 90px;
	height: auto;
	padding: 0 0 0 3px;}
.pc_mind_text{
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-weight: normal;
	font-size: 10px;
	line-height: 16px;}
.tb_mind{
	display: none;
	}

/*MISSION*/
#mission #intro {
padding:60px 0 120px;
background:url(../image/mission_bg_pc.jpg) no-repeat;
background-size:cover;
background-position:center;
position:relative;
	font-weight: normal;
z-index:1;
}

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

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

#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:450px;
}
#mission #intro .cts .detail .tx{
text-align:left!important;
}

#mission #intro .detail .main_copy {
font-size:120%;
padding-bottom:15px;
font-weight:bold;
}

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

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

#mission #intro .detail .sign .name {
width:130px;
}


/*MISSION1*/
#mission #mission1 {
padding:50px 0 100px;
background:#fff;
	font-weight: normal;
}
#mission #mission1 .ex{
text-align: left!important;
}
#mission #mission1 .lines .line {
width:30%;
}

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

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

#mission #mission1 .graph {
width:300px;
margin:0 auto 30px;
}

#mission #mission1 .ex {
width:700px;
margin:auto;
padding-bottom:30px;
}

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

#mission #mission1 .subtitle {
width:110px;
margin:0 auto 10px;
}


/*MISSION2*/
#mission #mission2 {
padding:60px 0 70px;
	font-weight: normal;
}
#mission #mission2 .ex{
text-align: left!important;
}
#mission #mission2 .lines .line {
width:27%;
}

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

#mission #mission2 .ex {
width:700px;
margin:auto;
padding-bottom:30px;
}

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

#mission #mission2 .graph {
width:650px;
margin:0 auto 30px;
}

#mission #mission2 .quotes {
width:700px;
margin:auto;
background:rgba(255,255,255,0.5);
box-shadow:0 0 10px #e1e1e1;
padding:25px 35px;
margin-bottom:30px;
text-align:center;
}

#mission #mission2 .quotes .quote {
font-size:120%;
font-weight:bold;
}

#mission #mission2 .quotes .name {
font-size:80%;
}


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

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

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

#mission #mission3 .ex {
width:700px;
margin:auto;
padding-bottom:50px;
}

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

#mission #mission3 .graph {
width:420px;
margin:0 auto 50px;
}

#mission #mission3 .humans {
width:790px;
margin:auto;
display:flex;
justify-content:space-between;
padding:20px 0 85px;
}

#mission #mission3 .humans .human {
width:260px;
text-align:center;
position:relative;
z-index:0;
}

#mission #mission3 .humans .human i {
font-size:200%;
color:#e6321e;
padding-bottom:7px;
}

#mission #mission3 .humans .human .resource {
font-weight:bold;
padding-bottom:5px;
line-height:150%;
}

#mission #mission3 .humans .human .pict {
width:90px;
margin:auto;
}

#mission #mission3 .humans .human .circle {
width:240px;
height:240px;
border-radius:100%;
box-shadow:0 0 10px #e1e1e1;
position:absolute;
top:-30px;
left:0;
right:0;
margin:auto;
z-index:-1;
}

#mission #mission3 .bottom_bg {
width:100%;
height:200px;
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:60px;
left:0;
right:0;
margin:auto;
}
#mission #mission3 .tx {
text-align: left!important;
}


/*CTA*/
#cta {
width:100%;
background:#000 url("../image/cta.jpg") center;
background-size:cover;
padding:50px 0;
position:relative;
border-top:#e6321e 4px solid;
	font-weight: normal!important;
}

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

#cta .copy1 {
padding-bottom:10px;
font-size:85%;
}

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

#cta .copy2 {
padding-bottom:15px;
}

#cta .btn {
width:400px;
margin:auto;
}

#cta .btn a {
display:block;
background:rgba(250,50,30,1);
text-decoration:none;
color:#fff;
padding:15px 50px;
border-radius:30px;
	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 {
}

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

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

#about #curriculum h4 {
padding-bottom:15px;
}

#about #curriculum h4.cate {
padding-bottom:25px;
}

#about #curriculum {
background:#fff;
padding:60px 0 70px;
}

#about #curriculum .copy {
width:700px;
margin:auto;
font-size:120%;
line-height:150%;
padding-bottom:30px;
	text-align: left!important;
}

#about #curriculum .ex {
width:700px;
margin:auto;
padding-bottom:50px;
	text-align: left!important;
}

#about #curriculum .group {
width:700px;
margin:auto;
padding-bottom:50px;
}

#about #curriculum .curriculum {
width:700px;
margin:0 auto 70px;
}

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

#about #curriculum #points .point {
display:flex;
justify-content:space-between;
padding-bottom:50px;
}

#about #curriculum #points .point:last-child {
padding-bottom:0;
}

#about #curriculum #points .point.reverse {
flex-direction:row-reverse;
}

#about #curriculum #points .point .photo {
width:40%;
}

#about #curriculum #points .point .details {
width:60%;
padding-top:10px;
}

#about #curriculum #points .point .details .left {
padding-left:50px;
}

#about #curriculum #points .point .details .right {
padding-right:50px;
}

#about #curriculum #points .point .details .point_logo {
width:400px;
padding-bottom:10px;
}

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

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

#about #curriculum #points .point .details .copy {
font-weight:bold;
font-size:105%;
padding-bottom:5px;
text-align:left;
}

#about #curriculum #points .point .details .detail {
font-size:90%;
	text-align: left!important;
}

.point1{
margin-top:10px!important;
}

/*MONTHLY*/
#about #monthly {
padding:0 0 70px;
background:#fff;
}

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

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

#about #monthly .lines {
padding-bottom:25px;
}

#about #monthly h4 {
padding-bottom:40px;
}

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

#about #monthly .graph {
width:1000px;
padding:40px;
margin:0 auto 15px;
position:relative;
border:#000 1px solid;
border-top:none;
}

#about #monthly .attentions {
width:1000px;
margin:auto;
}

#about #monthly .attentions .attention {
font-size:80%;
text-align:left;
display:flex;
}


/*WEEKLY*/
#about #weekly {
padding:0 0 70px;
background:#fff;
}

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

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

#about #weekly .lines {
padding-bottom:25px;
}

#about #weekly h4 {
padding-bottom:40px;
}

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

#about #weekly .graph {
width:1000px;
padding:50px 40px 40px;
margin:0 auto 15px;
position:relative;
border:#000 1px solid;
border-top:none;
}

#about #weekly .attentions {
width:1000px;
margin:auto;
}

#about #weekly .attentions .attention {
font-size:80%;
text-align:left;
display:flex;
}


/*COURSE*/
#about #course {
padding:50px 0 0;
}

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

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

#about #course h4 {
padding-bottom:25px;
}

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

#about #course h4 span {
font-size:80%;
}

#about #course .details {
width:850px;
margin:auto;
}

#about #course .details .detail {
border:#c8c8c8 1px dotted;
background:#fff;
margin-bottom:10px;
padding:12px 20px 12px 60px;
display:flex;
}

#about #course .details .detail p {
font-size:90%;
}

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

#about #course .details .detail .overview {
width:76%;
	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 .conditions {
font-size:70%;
color:#e6321e;
line-height:160%;
	text-align: left!important;
}

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

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

#about #course .details .detail .overview .schedule:last-child {
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}

#about #course .details .attentions {
padding:5px 0 0 50px;
}

#about #course .details .attentions .attention {
display:flex;
}

#about #course .details .attentions .attention p {
font-size:70%;
line-height:160%;
	text-align: left!important;
}

#about .bottom_bg {
width:100%;
height:200px;
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:60px 0 0;
}

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

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

#entry #application h4 {
padding-bottom:15px;
}

#entry #application .flow {
width:830px;
margin:0 auto 35px;
}

#entry #application .flow .ex {
width:700px;
margin:auto;
	text-align: left!important;
}

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

#entry #application .steps.by3 {
width:650px;
margin:0 auto;
display:flex;
justify-content:space-between;
padding-bottom:100px;
}
#entry #application .steps {
width:950px;
margin:0 auto;
display:flex;
justify-content:space-between;
padding-bottom:100px;
}

#entry #application .steps:first-child {
padding-bottom:120px;
}

#entry #application .steps .step {
width:170px;
position:relative;
text-align:center;
z-index:1;
}

#entry #application .steps .step.choice {
padding-top:25px;
}

#entry #application .steps .step .number {
width:90px;
height:35px;
background:url(../img/step_bg.png);
background-size:100% 100%;
margin:0 auto 12px;
font-family: 'Lexend Giga', sans-serif;
font-size:70%;
letter-spacing:0;
line-height:100%;
color:#fff;
text-align:center;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
}

#entry #application .steps .step .number_now {
width:90px;
height:35px;
background:url(../img/step_bg_now.png);
background-size:100% 100%;
margin:0 auto 12px;
font-family: 'Lexend Giga', sans-serif;
font-size:70%;
letter-spacing:0;
line-height:100%;
color:#e6321e;
text-align:center;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
}

#entry #application .steps .step .title {
font-weight:bold;
line-height:135%;
font-size:90%;
}

#entry #application .steps .step .way {
padding:5px 0;
}

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

#entry #application .steps .step .subtitle {
font-size:70%;
line-height:180%;
}

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

#entry #application .steps .step .icon {
width:75px;
margin:10px auto 0;
}

#entry #application .steps .step .icon.icon2 {
margin-bottom:35px;
}

#entry #application .steps .step .period {
width:150px;
padding-top:0px;
}

#entry #application .steps .step .explains {
width:150px;
height:100px;
position:relative;
}

#entry #application .steps .step .explains .explain_arrow {
position:absolute;
top:30px;
left:0;
}



#entry #application .steps .step .link {
font-size:60%;
text-align:center;
position:absolute;
bottom:-45px;
left:0;
right:0;
margin:auto;
}

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

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

#entry #application .steps .step .circle {
position:absolute;
width:170px;
height:170px;
box-shadow:0 0 10px #e1e1e1;
border-radius:100%;
top:15px;
left:0;
right:0;
margin:auto;
z-index:-1;
}

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


/*ENTRY SCHEDULE*/
#entry #schedule {
background:url("../img/titlepaper.png");
background-size:36px 36px;
position:relative;
	padding: 50px 0;
}

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

#entry #schedule .seminar_decoration .logo {
width:150px;
margin:auto;
position:relative;
z-index:1;
padding-bottom:20px;
}

#entry #schedule .seminar_decoration .schedule_title {
width:500px;
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:35%;
}

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

#entry #schedule h4 {
padding-bottom:15px;
}

#entry #schedule .ex {
width:700px;
margin:auto;
text-align:center;
padding-bottom:30px;
}

#entry #schedule .holding {
width:1060px;
margin:0 auto 30px;
}

#entry #schedule .holding .seminars {
display:flex;
justify-content:space-between;
}

#entry #schedule .holding .seminar {
width:49%;
height:580px;
background:#fff;
position:relative;
	padding-top: 20px;
box-shadow:0 0 10px #e1e1e1;
	margin: 0 auto;
}

#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:100px;
height:50px;
position:absolute;
top:5px;
left:10px;
z-index:999;
}

#entry #schedule .holding .seminar .photo {
width:436px;
	margin: 0 auto;
height:auto;
overflow:hidden;
}

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

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

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

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

#entry #schedule .holding .seminar .remaining .seat_number {
font-size:65%;
}

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

#entry #schedule .holding .seminar .data {
padding:10px 40px 15px;
}

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

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

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

#entry #schedule .holding .seminar .data .capacity {
padding-bottom:3px;
display:flex;
align-items:flex-start;
font-size:75%;
}

#entry #schedule .holding .seminar .data .place {
padding-bottom:3px;
display:flex;
align-items:flex-start;
font-size:75%;
}

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

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

#entry #schedule .item {
background:#aaa;
color:#fff;
padding:4px 4px;
margin-right:5px;
width:16%;
text-align:center;
overflow:hidden;
line-height:100%;
font-size:80%;
}

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

#entry #schedule .holding .seminar .data .map {
padding-bottom:10px;
}

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

#entry #schedule .holding .seminar .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 .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 55px;
	margin: 0 5px 10px;
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 55px;
	margin: 0 5px 10px;
border-radius:30px;
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:70%;
}

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

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

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

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

.app_message:after {
content:"この講座を受講する";
}

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

.entry_message:after {
content:"ENTRY";
}

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

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

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


/*OUTLINE*/
#entry #outline {
padding:60px 0 0;
background:#fff;
}

#entry #outline h4 {
padding-bottom:15px;
}

#entry #outline .details {
width:850px;
margin:auto;
}

#entry #outline .details .detail {
border:#c8c8c8 1px dotted;
background:#fff;
margin-bottom:10px;
padding:12px 20px 12px 60px;
display:flex;
}

#entry #outline .details .detail p {
font-size:90%;
}

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

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

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

#entry #outline .details .attentions {
padding:5px 0 0 50px;
}

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

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

#entry .bottom_bg {
width:100%;
height:200px;
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 #schedule .lines div {
width:25%;
}

#entry #schedule h3 {
width:50%;
}
.btns_wrap{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	flex-wrap: -webkit-wrap;
	justify-content: center;
	margin-top: 20px;
	}

/*FAQ*/
#faq {
	text-align: left!important;
padding:50px 0 0;
	font-weight: normal!important;
}

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

#faq h3 {
width:20%;
}

#faq h4 {
padding-bottom:20px;
}

#faq section {
width:850px;
margin:auto;
padding-bottom:50px;
}

#faq .faq {
margin-bottom:12px;
}

#faq .faq .questions {
display:flex;
align-items:center;
justify-content:space-between;
background:#fff;
padding:8px 20px;
box-shadow:0 0 10px #e1e1e1;
cursor:pointer;
}

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

#faq .faq .questions .q {
padding-right:10px;
font-weight:bold;
font-size:90%;
}

#faq .faq .questions .question {
font-weight:bold;
font-size:90%;
width:100%;
}

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

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

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

#faq .faq .answers .answer {
display:flex;
padding:10px 20px 20px;
}

#faq .faq .answers .answer .a {
padding-right:10px;
font-weight:bold;
font-size:90%;
}

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

#faq .bottom_bg {
width:100%;
height:200px;
background:url("../image/faq_bottom_bg.jpg") no-repeat;
background-size:cover;
background-position:center top;
}



/*SCROLL LINE*/
.scroll_line{
width:1px;
height:50px;
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:120px 0 0;
}

#row .lines {
}

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

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

#row .cts {
width:850px;
margin:auto;
padding-bottom:30px;
}

#row .details {
width:850px;
margin:auto;
}

#row .details .detail {
border:#c8c8c8 1px dotted;
background:#fff;
margin-bottom:10px;
padding:12px 20px;
display:flex;
}

#row .details .detail p {
font-size:90%;
}

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

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

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

#row .details .attentions {
padding-top:5px;
}

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

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

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


/*PRIVACY*/
#privacy {
padding:120px 0 0;
}

#privacy .lines {
}

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

#privacy .lines h3 {
width:30%;
}

#privacy .cts {
width:850px;
margin:auto;
padding-bottom:30px;
}

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

#privacy .details p {
font-size:90%;
}

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

#privacy .details .ex {
padding-bottom:20px;
}

#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:5px;
}

#privacy .details .representative {
text-align:right;
padding-bottom:20px;
display:flex;
justify-content:flex-end;
}

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

#privacy .details .representative p:first-child {
padding-right:15px;
}

#privacy aside {
border:#000 1px solid;
padding:20px 30px;
}

#privacy aside p {
font-size:90%;
}

#privacy aside .item {
font-weight:bold;
padding-bottom:5px;
}

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

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

#privacy .bottom_bg {
width:100%;
height:200px;
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:10px;
}

.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:70px;
margin-right:15px;
}

.privacy_ex p {
text-align:center;
font-size:70% !important;
padding-top:30px;
}



/*PRIVACY POPUP*/
#privacy_popup {
margin:30px 0;
}

#privacy_popup h3 {
}

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

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

#privacy_popup .details p {
font-size:90%;
}

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

#privacy_popup .details .ex {
padding-bottom:20px;
}

#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:5px;
}

#privacy_popup .details .representative {
text-align:right;
padding-bottom:20px;
display:flex;
justify-content:flex-end;
}

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

#privacy_popup .details .representative p:first-child {
padding-right:15px;
}

#privacy_popup aside {
border:#000 1px solid;
padding:20px 30px;
}

#privacy_popup aside p {
font-size:90%;
}

#privacy_popup aside .item {
font-weight:bold;
padding-bottom:5px;
}

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

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



/*COMPANY*/
#company {
padding:120px 0 0;
}

#company .lines {
}

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

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

#company .cts {
width:850px;
margin:auto;
padding-bottom:30px;
}

#company .details {
width:850px;
margin:auto;
}

#company .details .detail {
border:#c8c8c8 1px dotted;
background:#fff;
margin-bottom:10px;
padding:12px 20px;
display:flex;
}

#company .details .detail p {
font-size:90%;
}

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

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

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

#company .bottom_bg {
width:100%;
height:200px;
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:25px 0;
}

.under_logos .logo {
width:320px;
margin:auto;
}

#application {
padding:50px 0 20px;
}

#application .subtitle {
font-size:90%;
text-align:center;
padding-bottom:10px;
}

#application h3 {
padding-bottom:30px;
}

#application h4 {
font-size:90%;
padding-bottom:12px;
}

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

#application .ex {
padding-bottom:20px;
font-size:90%;
line-height:170%;
}

#application .required_tx {
font-size:80%;
text-align:right;
padding-bottom:7px;
color:#e6321e;
}

#application form p {
font-size:90%;
line-height:170%;
}

#application form {
}

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

#application form .form {
display:flex;
align-items:center;
border-bottom:#c8c8c8 1px dotted;
padding-bottom:12px;
margin-bottom:12px;
}

#application form .form.item_top {
align-items:flex-start;
}

#application form .basic .form:last-child {
margin-bottom:50px;
}

#application form .form .item {
width:35%;
}

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

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

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

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

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

#application form .date {
width:50%;
height:45px;
}

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

#application form input  {
padding:12px 15px;
font-size:90%;
}

#application form select  {
  padding:12px 15px;
  font-size:80%;
  height:45px;
  width:40%
}

#application form select.kouza  {
  padding:12px 15px;
  font-size:90%;
  height:45px;
  width:100%
}

#application form select.times {
margin-left:5px;
height:45px;
}

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

  
#application form textarea {
padding:12px 18px;
font-size:90%;
}

#application form .required {
color:#e6321e;
font-size:80%;
padding-left:5px;
}

#application form .copy {
border-bottom:#c8c8c8 1px dotted;
padding-bottom:12px;
margin-bottom:12px;
text-align:center;
}

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

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

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

#application form .radiobtns {
display:flex;
align-items:center;
}

.explain + label{
display:block;
margin-right:20px;
}

.explain {
width:40px;
}

.explain:before {
width:18px;
height:18px;
border-radius:10px;
display:block;
border:#c8c8c8 2px solid;
content:"";
padding:0;
}

.explain:checked:before {
background:#e6321e;
}

.explain:checked + label {
color:#000;
}

#application .hearing {
display:none;
}



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

#application .cautions .caution {
border:#e6321e 1px dotted;
padding:12px 15px;
color:#e6321e;
}

#application .cautions .caution p {
font-size:80%;
}

#application .cautions .caution i {
padding-right:5px;
}

#application .thanks {
text-align:center;
padding-bottom:100px;
}

#application .thanks .title {
color:#e6321e;
font-size:120%;
font-weight:bold;
padding-bottom:10px;
}

#application .thanks .ex {
padding-bottom:70px;
}

#application .thanks .back {
}

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

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

#application .thanks .back i {
padding-right:5px;
}


/*CONTACT FORM*/
#contact {
padding:50px 0 20px;
}

#contact .subtitle {
font-size:90%;
text-align:center;
padding-bottom:10px;
}

#contact h3 {
padding-bottom:30px;
}

#contact h4 {
font-size:90%;
padding-bottom:12px;
}

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

#contact .ex {
padding-bottom:20px;
font-size:90%;
line-height:170%;
}

#contact form p {
font-size:90%;
line-height:170%;
}

#contact .required_tx {
font-size:80%;
text-align:right;
padding-bottom:7px;
color:#e6321e;
}

#contact form {
}

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

#contact form .form {
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:#c8c8c8 1px dotted;
padding-bottom:12px;
margin-bottom:12px;
}

#contact form .form.item_top {
align-items:flex-start;
}

#contact form .basic .form:last-child {
margin-bottom:50px;
}

#contact form .form .item {
width:20%;
}

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

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

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

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

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

#contact form .date {
width:50%;
height:45px;
}

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

#contact form input  {
padding:12px 15px;
font-size:90%;
}

#contact form select  {
  padding:12px 15px;
  font-size:80%;
  height:45px;
  width:40%
}

#contact form select.kouza  {
  padding:12px 15px;
  font-size:90%;
  height:45px;
  width:100%
}

#contact form select.times {
margin-left:5px;
height:45px;
}

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

#contact form textarea {
padding:12px 18px;
font-size:90%;
}

#contact form .required {
color:#e6321e;
font-size:80%;
padding-left:5px;
}

#contact form .copy {
border-bottom:#c8c8c8 1px dotted;
padding-bottom:12px;
margin-bottom:12px;
text-align:center;
}

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

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

#contact form .period {
font-size:80%;
}

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

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

#contact form label {
cursor:pointer;
position:relative;
padding-left:25px;
}

#contact form label:before {
content:"";
position:absolute;
width:18px;
height:18px;
top:0;
left:0;
border:#ccc 2px solid;
border-radius:10px;
}

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

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

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

#contact .cautions .caution {
border:#e6321e 1px dotted;
padding:12px 15px;
color:#e6321e;
}

#contact .cautions .caution p {
font-size:80%;
}

#contact .cautions .caution i {
padding-right:5px;
}

#contact .thanks {
text-align:center;
padding-bottom:100px;
}

#contact .thanks .title {
color:#e6321e;
font-size:120%;
font-weight:bold;
padding-bottom:10px;
}

#contact .thanks .ex {
padding-bottom:70px;
}

#contact .thanks .back {
}

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

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

#contact .thanks .back i {
padding-right:5px;
}


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

#end_bg .end_logos {
padding-bottom:30px;
}

#end_bg .end_logos .end_logo {
width:180px;
margin:auto;

}

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

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


/*FOOTER*/
footer {
padding-bottom:15px;
}

footer .cts {
width:96%;
margin:auto;
display:flex;
align-items:flex-end;
justify-content:space-between;
}

footer .links {
display:flex;
align-items:center;
flex-wrap:wrap;
justify-content:flex-end;
padding-bottom:10px;
}

footer .links p {
padding-left:20px;
}

footer a {
display:block;
border-radius:30px;
text-align:center;
text-decoration:none;
color:#aaa;
font-size:75%;
font-weight:normal;
line-height:100%;
}

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

footer .copyright {
font-size:65%;
text-align:right;
color:#aaa;
}

footer .informations {
width:50%;
color:#ccc;
}

footer .informations p {
line-height:160%;
}

footer .informations .company {
font-size:85%;
font-weight:bold;
}

footer .informations .address {
display:flex;
}

footer .informations .address p {
font-size:65%;
}

footer .informations .tel {
display:flex;
}

footer .informations .tel p {
font-size:70%;
letter-spacing:0;
}

footer .informations .mail {
display:flex;
}

footer .informations .mail p {
font-size:65%;
}

footer .informations .info_item {
}

footer .informations .info_item:after {
content:" ｜ ";
padding-right:5px;
}

footer .footer_right {
width:50%;
}





.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:100px 0 70px;
}

#timeline .graph_lines {
display:flex;
justify-content:space-between;
align-items:flex-end;
width:1000px;
margin:auto;
}

#timeline .graph_lines .graph_line {
width:35%;
height:1px;
background:#000;
}

#timeline .lines {
padding-bottom:25px;
}

#timeline h4 {
padding-bottom:40px;
}

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

#timeline .graph {
width:1000px;
padding:50px 40px 40px;
margin:0 auto 15px;
position:relative;
border:#000 1px solid;
border-top:none;
}

#timeline .attentions {
width:1000px;
margin:auto;
}

#timeline .attentions .attention {
font-size:80%;
text-align:left;
display:flex;
}

#timeline .details {
width:850px;
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: 20px 0 0;
padding:18px 20px 18px 20px;
	text-align: center;
color: #e6321e;
}
#timeline .details .detail {
	width: 100%;
border:#c8c8c8 1px dotted;
background:#fff;
margin-bottom:10px;
padding:0 10px;
	box-sizing: border-box;
display:table;
	justify-content: center;
	text-align: center;
}

#timeline .details .detail p {
font-size:90%;
}

#timeline .details .detail .item {
width:33%;
	margin: 0 10px;
	padding: 18px 24px;
	box-sizing: border-box;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	border-right: #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:50px;
	text-align: left;
	display: inline-block;}

#timeline .details .detail .time {
width:33%;
	margin: 0 10px;
	padding: 18px 24px;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	border-right: #c8c8c8 1px dotted;
}

#timeline .details .detail .place {
width:33%;
	margin: 0 10px;
	padding: 18px 24px;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}

#timeline .details .detail .place span {
background: #aaaaaa;
	color: #fff;
	padding: 3px 20px;
	font-size: 50%;
}

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

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

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

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

#timeline .details .detail .overview .schedule:last-child {
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}

#timeline .details .attentions {
padding:5px 0 30px 50px;
}

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

#timeline .details .attentions .attention p {
font-size:70%;
line-height:160%;
}
	
	
/*セミナー修正*/
	
#entry #schedule .holding {
width:1060px;
margin:0 auto 30px;
}

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

#entry #schedule .holding .program {
width:336px;
height:530px;
background:#fff;
position:relative;
box-shadow:0 0 10px #e1e1e1;
	margin: 0 8px 30px;
}

#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:230px;
right:15px;
background:#fff;
z-index:99;
border:#000 1px solid;
}

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

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

#entry #schedule .holding .program .remaining .seat_number {
font-size:65%;
}

#entry #schedule .holding .program .remaining .count {
color:#000;
font-family: 'Lexend Giga', sans-serif;
line-height:100%;
font-size:110%;
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:100%;
color:#e6321e;
font-weight:bold;
}

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

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

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

#entry #schedule .holding .program .data .attention {
font-size:60%;
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{
	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;}
.point_mind_sp{
	display: none;}
.caricuram_tit{
	margin-top: 40px;
	margin-bottom: 30px;}
.caricuram{
	max-width: 850px;
	width: 90%;
	background: #fff;
	margin: 0 auto;}
.grada_tit{
	margin: 60px auto 20px;}