main {
    background: #FFF;
}

.fadein {
opacity : 0;
transform : translate(0px, 20px);
transition : all 800ms;
}
.fadein.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

.fadein_2 {
opacity : 0;
transform : translate(0, 20px);
transition : all 1200ms;
}
.fadein_2.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

.fadein_3 {
opacity : 0;
transform : translate(0px, 20px);
transition : all 1400ms;
}
.fadein_3.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

.fadein_4 {
opacity : 0;
transform : translate(0px, 20px);
transition : all 1600ms;
}
.fadein_4.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}
.all_fadein{
	animation-name: all_fadein;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes all_fadein {
  0% {
     opacity: 0;
     transform: translateY(40px);
  }
  100% {
     opacity: 1;
     transform: translateY(0);
  }
}
div#sub_frame {
    margin-top: 60px;
    width: 100%;
    float: left;
}
.wrap{
	width: 100%;
	max-width:1200px;
	min-width:1000px;
  	margin: auto;
	padding:0 0 30px;
  	position: relative;
  	overflow: hidden;

}
.tw_wrap{
	width:100%;
	margin:auto;
	float:left
	
}
.tw_wrap_box{
	width:100%;
	float:left

}
div.breadcrumb{
	width:100%;
	margin:0 0 10px;
	font-size:12px;
	color:#666;
	text-align: left; 
	float:left;
}
div.breadcrumb a{
	font-size:12px;
}
.more_btn a{
	width:40%;
	margin:0 30%;
	padding:10px;
	border:1px solid #999;
	border-radius:5px;
	display:block;
	-moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;

}
.more_btn a:hover{
	border:1px solid #000;
	-moz-box-shadow: 0 2px 3px 0 #999;
    -webkit-box-shadow: 0 2px 3px 0 #999;
}

.title_01{
	width: 30%;
    position: absolute;
    top: 26%;
    left: 50%;
    font-size: 46px;
    font-family: serif;
    color: #fff;
    transform: translate(-50%,-50%);
}
.title_01_02{
	position: absolute;
    bottom: 15%;
    left: 50%;
	font-weight:500;
	padding:20px;
    font-size: 24px;
	text-align:center;
	letter-spacing:2.4px;
	line-height:180%;
    color: #fff;
	background-color: rgb(80,80,80,0.8)!important;
    transform: translate(-50%,-50%);
	animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
	animation: fadein_visual 3s ease forwards;
}
.title_01_03{
	width:40%;
	position: absolute;
    bottom: 30px;
    right: 0;
	font-weight:500;
    font-size: 24px;
	text-align:center;
	line-height:180%;
    color: #fff;

}
.title_01_04{
	position: absolute;
    bottom: 10px;
    right: -2%;
    font-weight: 500;
    padding: 10px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 2.4px;
    line-height: 180%;
    color: #fff;
    background-color: rgb(80,80,80,0.4)!important;
    transform: translate(-50%,-50%);
    z-index: 1;
	animation-delay: 3.0s;
    -moz-animation-delay: 3.0s;
    -webkit-animation-delay: 3.0s;
    -o-animation-delay: 3.0s;
	animation: fadein_visual 7s ease forwards;
}
.title_02_01{

    position: absolute;
    top: 10%;
    left: 5%;
	font-weight:500;
	padding:5px;
    font-size: 16px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.2)!important;
}
.title_02_02{

    position: absolute;
    bottom: 10%;
    right: 5%;
	font-weight:500;
	padding:5px;
    font-size: 16px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.2)!important;
}

.title_03_01{

    position: absolute;
     top: 10%;
    left: 5%;
	font-weight:500;
	padding:5px;
    font-size: 16px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.2)!important;
}
.title_03_02{

    position: absolute;
    bottom: 10%;
    right: 5%;
	font-weight:500;
	padding:10px;
    font-size: 16px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.2)!important;
}
.title_04_01{

    position: absolute;
    bottom: 10%;
    right: 5%;
	font-weight:500;
	padding:10px;
    font-size: 16px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.2)!important;
}
.title_05_01{

    position: absolute;
    top: 50%;
    right: 0%;
	font-weight:500;
	padding:10px;
    font-size: 16px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.2)!important;
}
.title_06_01{

    position: absolute;
    top: 70%;
    left: 5%;
	font-weight:500;
	padding:10px;
    font-size: 16px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.2)!important;
}
.title_06_02{

    position: absolute;
    top: 50%;
    right: 0%;
	font-weight:500;
	padding:10px;
    font-size: 16px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.2)!important;
}
.title_07_01{

    position: absolute;
    top: 50%;
    left: 0;
	font-weight:500;
	padding:10px;
    font-size: 16px;
	text-align:left;
	letter-spacing:2.4px;
	line-height:140%;
    color: #fff;
	background-color: rgb(80,80,80,0.2)!important;
}
.bx-has-controls-direction {
    display: none;
}

.tw_wrap h2{
	width:100%;
	font-size:42px;
	margin:0 0 90px;
	line-height:140%;
	font-weight:500;
	padding:0;
	float:left
}
.visual_thumb{
	max-width:1200px;
	min-width:1000px;
	margin:auto
}
.visual_thumb ul{
	width:100%;
	padding:60px 0;
	float:left
}
.visual_thumb ul li{
	width:calc((100% - 60px) / 3);
	margin-bottom:30px;
	position:relative;
	float:left
}
.visual_thumb ul li:nth-child(3n-1){
	margin-right:30px;
	margin-left:30px;
}
.para_01{
	width: 100%;
    max-width: 1200px;
    min-width: 1100px;
    margin: auto;
    padding: 0 0 180px;
}
.para_01 .tag{
    width: auto;
	display: inline-block;
    color: #000;
    font-size: 24px;
    margin: 0 auto;
    z-index: 200;
	font-weight:500;
    background-color: rgb(233,224,215,1.0)!important;
    line-height: 140%;
    text-align: left;
    padding: 10px 2%;

}
.para_01 img{
	width: 20%;
    margin: 0 40% 60px;
}
.para_02{
	width:100%;
	min-width:1000px;
	margin:0 auto 90px;
	font-size:0;
	letter-spacing:0;
	float:left;
	
}
.concept_wrap {
	display: inline-flex;
}
	
.para_02 > .concept_wrap > .left{
	display: inline-block;
   	width:50%;
	float:left

}
.para_02 > .concept_wrap > .left h2{
	width: auto;
    margin: 80px 0 0 10%;
    padding: 10px 5%;
    line-height: 100%;
		color:#FFF;
    background-color: rgb(213,156,99,1.0);
}
.para_02 > .concept_wrap > .right{
	display: inline-block;
   	width:50%;
	padding:80px 4% 0;
	font-size:18px;
	background-color: rgb(233,224,215,1.0)!important;
	float:left

}
.para_02 > .concept_wrap > .right p{
	font-size:16px;
	line-height:180%;
	letter-spacing:1px;
	font-weight:300;
	text-align:justify;
}
.para_02 > .concept_wrap > .right p span{
	font-size:18px;
	font-weight:700
}
.para_03{

	width:100%;
	min-width:1200px;
	margin:0 auto 60px;
	font-size:0;
	letter-spacing:0;
	float:left;
	
}
.course_wrap {
	display: inline-flex;
}
.para_03 > .course_wrap > .left{
	display: inline-block;
   	width:50%;
	padding: 2% 4%;
	font-size:18px;
	vertical-align:middle;
	background-color: rgb(255,255,255,1.0);
	

}
.para_03 > .course_wrap > .left.fadein.moca_pc.scrollin{
	display: inline-block!important;
}
.para_03 > .course_wrap > .left.fadein.moca_sp.scrollin {
    display: none!important;
}
.para_03 > .course_wrap > .right{
	display: inline-block;
   	width:50%;

	
	

}
.para_03 > .course_wrap > .right h2{
	width: auto;
    margin: 80px 0 0 10%;
    padding: 10px 5%;
    line-height: 100%;
		color:#FFF;
    background-color: rgb(213,156,99,1.0);
}


.para_03 > .course_wrap > .left .training{
	width:94%;
	margin:0 3%;
	float: left;
}
.para_03 > .course_wrap > .left .training ul{
	width: 100%;
    font-size: 0;
    display: inline-flex;
    letter-spacing: 0;
    /* float: left; */
    flex-wrap: wrap;
}

.para_03 > .course_wrap > .left .training ul li{
	width:calc((100% - 60px) / 2);
	margin-right:30px;
	margin-bottom:30px;
	background:rgb(233,224,215,1.0);
	padding:20px;
	color:#999;
	display:inline-block;
	vertical-align:top;
	border-radius:10px;
	box-sizing:border-box;
}
.para_03 > .course_wrap > .left .training ul li:nth-child(2n){
	margin-right:0
}
.para_03 > .course_wrap > .left .training ul li:nth-child(3){
	margin-bottom:0
}
.para_03 > .course_wrap > .left .training ul li:nth-child(4){
	margin-bottom:0
}
.para_03 > .course_wrap > .left .training ul li img{
	width: 30%;
    margin:0 35% 10px;
	float:left
}
.para_03 > .course_wrap > .left .training ul li h3{
	color:#11026a;
	font-weight:300;
	font-size:14px;
	line-height:140%;
}

a.btn-border {
  border: 2px solid #f05689;
  border-radius: 0;
  font-size:14px;
  line-height:240%;
  padding:8px 20px;
  background: #fff;
  font-weight:700;
  color:#f05689;
}

a.btn-border:hover {
  color: #fff;
  background: #f05689;
}
a.trainingbtn-border {
  border: 2px solid #f05689;
  border-radius: 0;
  font-size:14px;
  line-height:240%;
  padding:8px 20px;
  background: #fff;
  font-weight:700;
  color:#f05689;
}

a.trainingbtn-border:hover {
  color: #fff;
  background: #f05689;
}
@media only screen and (max-width: 1300px){
	.para_03 > .course_wrap > .left .training ul li h3{
		font-size: 12px;
	}
	a.trainingbtn-border {
	  border: 2px solid #f05689;
	  border-radius: 0;
	  font-size:12px;
	  line-height:240%;
	  padding:4px 20px;
	  background: #fff;
	  font-weight:700;
	  color:#f05689;
	}
}
.para_04{
	width:1000px;
	margin:0 auto 180px;
}
.para_04_box{
	width: 100%;
    background-color: rgb(233,224,215,1.0)!important;
    padding: 90px 50px 0;
    margin: 0 auto 90px;
    float: left;
    box-sizing: border-box;
}
.para_04_box > .right{
   	width:60%;
	float:left

}
.para_04_box > .right h3{
   	width:100%;
	margin:0 0 10px;
	padding:0;
	text-align:left;
	font-size:24px;
	float:left

}
.para_04_box > .right h3 span{
	font-size:60%;
	font-weight:300;
}
.para_04_box > .right p{
   	width:100%;
	margin:0 0 20px;
	padding:20px;
	text-align:left;
	font-size:14px;
	line-height:180%;
	background-color: rgb(213,156,99,0.2)!important;
	border-radius:20px;
	float:left;
	box-sizing:border-box

}
.para_04_box > .right p span{
	font-weight:bold
}
.para_04_box > .left{
	width:30%;
	margin:0 10% 0 0;
	float:left

}

.para_04_box > .left a{
	color:#999;
	font-weight:bold
}

.para_04_box > .left img.profile{
	border-radius:10px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	margin:0 0 20px;
}
.para_04_box > .left img.insta{
	width:20px;
	vertical-align:middle;
	margin:0 5px 0 0;
}
.ac-box{
	width: 100%;
	margin: 30px auto 5px;
	float:left
}

.ac-box label{
	max-width: 385px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #FFF;
	margin: auto;
	line-height: 50px;
	position: relative;
	display: block;
	height: 50px;
	border-radius: 8px;
	cursor: pointer;
	color: #f05689;
	border:2px solid #f05689;
	transition: all 0.5s;
}

.ac-box label:hover{
	background: #f05689;
	color:#FFF;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.ac-box input{
	display: none;
}

.ac-box label:after{
	color: #fff;

}

.ac-box input:checked ~ label::after {
	color: #fff;

}

.ac-box div{
	height: 0px;
	padding: 0px 20px;
	overflow: hidden;
	opacity: 0;
	transition: 0.5s;
}

.ac-box input:checked ~ div{
	height: auto;
	padding: 5px;
	margin: 30px 0 0;
	padding: 20px;
	background-color: rgb(213,156,99,0.2)!important;
	border-radius:20px;
	opacity: 1;
}

.ac-box div p{
	color: #000;
	line-height: 180%;
	font-size: 14px;
	text-align: justify;
}
.ac-box div p span{
	font-weight:500;
}
.ac-small p{
margin-bottom: 0px;
}
.para_05{
	width:100%;
	padding:90px 0;
	background:#FFF;
	float:left
}
.para_05_1000{
	width:1000px;
	margin:auto;
}
.para_05_box{
	width:100%;
	float:left;
}

.para_05_box ul{
	width:100%;
	font-size:0;
	letter-spacing:0;
	display: inline-flex;
	float:left;
}
.para_05_box ul li{
	width:calc(94% / 3);
	border:1px solid rgb(233,224,215,1.0)!important;
	display:inline-block;
	box-sizing:border-box
}
.para_05_box ul li:nth-child(2){
	margin:0 3%;
}
.para_05_box ul li .title{
	width: 100%;
	font-size:14px;
	background-color: rgb(233,224,215,1.0)!important;
	letter-spacing:1px;
	padding:30px 0;
    float: left;
}
.para_05_box ul li .title img{
	width:30%;
	margin:0 35% 20px;
	float:left
}
.para_05_box ul li .title h3{
	width:100%;
	font-size:18px;
	text-align:center;
	margin:0 0 10px;
	float:left
}
.para_05_box ul li .title p{
	width:100%;
	font-size:14px;
	padding:0;
	margin: 0;
	text-align:center;
	float:left
}
.para_05_box ul li .contents{
	padding:20px;
}
.para_05_box ul li .contents p{
	width:100%;
	font-size:14px;
	text-align:left;
	float:left
}
.para_06{
	width:900px;
	margin:auto;
}
.para_06_box{
	width:100%;
	padding:90px 0;
	float:left;
}

.flow_wrap{
	width:100%;
	background:#FFF;
	font-size:0;
	letter-spacing:0;
	border-radius:10px;
	padding:40px 40px 80px;
	float:left;
	box-sizing:border-box;
}
.flow_wrap ul{
	margin:0 0 30px;
}
.flow_wrap ul li{
	padding:30px 0;
	border-bottom:1px solid #999;
	
}
.flow_wrap ul li:last-child{
	border:none
}
.flow_wrap .icon{
	width:20%;
	display:inline-block;
	vertical-align:middle;
}
.flow_wrap .icon img{
	width:50%;
	margin:auto;
}
.flow_wrap .contents{
	width:80%;
	display:inline-block;
	vertical-align:middle;
}
.flow_wrap .contents h3{
	width:100%;
	text-align:left;
	font-size:24px;
	margin:0 0 10px;
	padding:0;
	float:left
}

.flow_wrap .contents h3 span{
	display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    margin: 0 20px 0 0;
    border-radius: 50%;
    color: #FFF;
    background: rgb(213,156,99,1.0);
    line-height: 130%;
}
.flow_wrap .contents p{
	width:100%;
	text-align:left;
	font-size:16px;
	line-height:180%;
	margin:0;
	padding:0;
	float:left
}
a.contact_btn{
	max-width: 400px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background: #f05689;
	margin: auto;
	line-height: 60px;
	position: relative;
	display: block;
	height: 60px;
	border-radius: 20px;
	cursor: pointer;
	color: #FFF;
	border:2px solid #f05689;
	transition: all 0.5s;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}
a:hover.contact_btn{

	background: #FFF;

	color: #f05689;
	border:2px solid #f05689;
	transition: all 0.5s;
}



.law {
    width: 900px;
    margin: auto;
}
.law h2{
	font-size:18px;
	margin-bottom:40px;
}
.law ul{
    width: 100%;
	margin: 0 0 60px;
	float:left
}
.law ul li{
	margin-bottom:20px;
	line-height:180%;
}
.law ul li:nth-child(2n-1){
	width:30%;
	font-weight:bold;
	text-align:left;
	float:left
}
.law ul li:nth-child(2n){
	width:70%;
	text-align:left;	
	float:left
}
.terms {
    width: 900px;
    margin: auto;
}
.terms h2{
	font-size:18px;
	margin-bottom:40px;
}
.terms ul{
    width: 100%;
	margin: 0 0 60px;
	float:left
}
.terms ul li{
	line-height:180%;
}
.terms ul li:nth-child(2n-1){
	width:100%;
	font-weight:bold;
	text-align:left;
	float:left
}
.terms ul li:nth-child(2n){
	width:100%;
	
	margin-bottom:20px;
	text-align:left;	
	float:left
}
.terms ul li p.indent{
	padding-left: 16px;
    text-indent: -8px;
}