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

/*.online .mainArea__linkArea ul li a:hover.hover-big img,.online .mainArea__linkArea ul li a:hover.hover-img+.hover-big img
{transform:scale(1.15)}
body{background:#ffffff;font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
#wrapper{background:0 0;line-height:1.6;}
#wrapper img{max-width:100%;height:auto;}
#wrapper a{transition:opacity .2s ease;text-decoration:none;}
#wrapper a:hover{opacity:.65;}
.sp{display:none;}
  */
 
/* body{background:#ffffff;font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; line-height: 160%;font-feature-settings: "palt" 1;}*/
 body {
  min-width: 960px;
}
 img{-webkit-backface-visibility: hidden;}
 .sp {display:none;}
 .pc {display: inline;}

/* ----------------------------------------------------
#header
---------------------------------------------------- */

.inner {
width: 960px;
margin: 0 auto;
box-sizing: border-box;
}

.logo {
float: left;
}

.logo img {
width: 156px;
height: auto;

}

/*.rightBox {
float: right;
width: 300px;
display: block;
}*/
/*header {
overflow: hidden;
}*/

/*.headBtnList {
width: 300px;
display: flex;
justify-content: space-between;
}*/

.headBtn01 a {
width: 123px;
height: auto;
padding: 10px;
background: #FF8000;
color: #FFFFFF;
display: block;
border-radius: 5px;
text-decoration: none;
text-align: center;
box-sizing: border-box;
line-height: 120%;
}


.headBtn02 a {
width: 160px;
height: auto;
padding: 10px;
background: #0D950D;
color: #FFFFFF;
display: block;
border-radius: 5px;
text-decoration: none;
text-align: center;
box-sizing: border-box;
line-height: 120%;
}


/*#gheader .inner {
padding: 15px 0;
overflow: hidden;
}*/


.mainunder .inner {
background-repeat: no-repeat;
background-size: 100%;
color: #353535;
/*
font-size: 16px;
*/
text-align: center;
padding: 20px;
box-sizing: border-box;
line-height:1.6;
/*
font-weight: bold;
*/
}


h1.mainArea__ttl {
margin: 0;
padding: 0;
line-height: 0;
}



.contents_title {
font-size: 30px;
text-align: center;
margin: 40px 0 20px;


}
.red {
color: #FF281F;
}


/*.copyTarget {
display: none;
}*/


.copyBtn {
font-size: 24px;
font-weight: bold;
width: 400px;
height: 80px;
border: 1px solid #D9A300;
border-radius:40px;
background: rgba(250,245,140,1);
background: -moz-linear-gradient(top, rgba(250,245,140,1) 0%, rgba(245,233,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,245,140,1)), color-stop(100%, rgba(245,233,0,1)));
background: -webkit-linear-gradient(top, rgba(250,245,140,1) 0%, rgba(245,233,0,1) 100%);
background: -o-linear-gradient(top, rgba(250,245,140,1) 0%, rgba(245,233,0,1) 100%);
background: -ms-linear-gradient(top, rgba(250,245,140,1) 0%, rgba(245,233,0,1) 100%);
background: linear-gradient(to bottom, rgba(250,245,140,1) 0%, rgba(245,233,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf58c', endColorstr='#f5e900', GradientType=0 );
box-shadow:3px 3px 0px 0px #D9A300;
}

.copyBtn:hover {
background: #f5e900;
}


.copyBtn:active {
background: #f5e900;
box-shadow:0px 0px 0px 0px #D9A300;
}
.copyBtn {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;

}
.copyBtn a {
color: #000000;
text-decoration: none;
text-align: center;
}




.urlbox {
border: solid 3px #FF291F;
background: #FDF3F3;
padding: 30px;
text-align: center;
margin-bottom: 40px;
}

.urlbox h2 {
font-size: 30px;

}

.urlbox h2::before {
content: "";
display: inline-block;
width: 66px;
height: 49px;
background: url("../images/icon02.png");
background-repeat: no-repeat;
background-size: 100%;
vertical-align: middle;
margin-right: 20px;
}

/*.urllink input {
color: #0059B2;
font-size: 30px;
text-decoration: underline !important;
font-weight: bold;
margin: 30px 0;
padding: 0;
display: inline-block;
background: none;
border: none;
width: 30.0rem;
text-align: center;
cursor: pointer;

}*/
.urllink input {
    color: #0059B2;
    font-size: 20px;
    text-decoration: underline !important;
    font-weight: bold;
    margin: 0 0 30px 0;
    padding: 0;
    display: inline-block;
    background: none;
    border: none;
    width: 30.0rem;
    text-align: center;
    cursor: pointer;
}



.pagelinkbox {
margin-bottom: 40px;

}

.pagelinkbox ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

}
.pagelinkbox li {
display: flex;
margin-right: 10px;margin-bottom: 10px;
}
.pagelinkbox li a {
display: block;
width: 230px;
box-sizing: border-box;
border-radius: 5px;
border: 3px solid #FF291F;
padding: 15px 0px;
box-shadow:3px 3px 0px 0px #BA1D1B;
text-align: center;
text-decoration: none;
color: #000000;
font-size: 16px;
font-weight: bold;
/*
padding-bottom: 40px;
line-height: 140%;
*/
}

.pagelinkbox li a .red {
/*
font-size: 30px;
*/
color: #E50012;
}

.pagelinkbox li a {
/*
background: url(../images/icon05.png);
*/
border-radius: 5px;
background-repeat: no-repeat;
background-position: bottom;
background-size: 100%;
}


/*.pagelinkbox li::after {
content: "";
background: #FF0000;
width: 100%;
height: 32px;
display: block;
}*/


.detailbox {
border: #E60012 solid 1px;
padding-bottom: 30px;
margin: 30px;
}

.detail_title {
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
/*
border-bottom: #CCCCCC solid 1px;
*/
}

.bg-mask {
padding: 10px;
color:#E60012;
font-weight:bold;

}


.detail_title.medical {
*/background: url("../images/bg01.jpg");
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
}
.detail_title.deco {
background: url("../images/bg02.jpg");
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
}
.detail_title.ukulele {
background: url("../images/bg03.jpg");
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
}
.detail_title.basic-japanese {
background: url("../images/bg04.jpg");
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
}
.detail_title.dentobunka {
background: url("../images/bg05.jpg");
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
}
.detail_title.cat-lover {
background: url("../images/bg06.jpg");
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
}
.detail_title.nailist-totalcourse {
background: url("../images/bg07.jpg");
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
}
.detail_title.aaa {
background: url("../images/bg08.jpg");
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
}
.detail_title.nursery-teacher {
background: url("../images/bg09.jpg");
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
}
.detail_title.cad {
background: url("../images/bg10.jpg");
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
}
.detail_title.startpack {
background: url("../images/bg11.jpg");
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
}






.detail_title .red {
font-size: 50px;
font-weight: bold;
color: #E50012;
display: inline-block;
margin-right: 20px;
text-shadow:
    white 1px 1px 10px, white -1px 1px 10px,
    white 1px -1px 10px, white -1px -1px 10px;
}
.detail_title .red span {
font-size: 30px;
}



.timebox {
display: inline-block;

}

.detail_title .time {
font-size: 30px;
border-radius: 40px;
border: #CCCCCC solid 1px;
font-weight: bold;
padding:5px 20px;
background: rgba(255,255,255,0.80);
}

.detail_title .time + span.time {
margin-left: 10px;
}

.course_name {
font-size: 50px;
font-weight: bold;
line-height: 160%;
margin-top: 10px;
text-shadow:
    white 1px 1px 10px, white -1px 1px 10px,
    white 1px -1px 10px, white -1px -1px 10px;
text-align: center;
}

.detail_dl {
margin: 30px;
}
/*
.detail_dl dt {
background: #FF291F;
color: #FFFFFF;
font-size: 26px;
font-weight: bold;
padding: 15px 20px;
border-radius: 5px;
display: inline-block;
width: 16%;
text-align: center;
margin-bottom: 10px;
margin-right: 10px;
}
*/
.detail_dl dt {
margin-bottom: 10px;
margin-right: 10px;
font-weight:bold;
}

/*
.detail_dl dd {
color: #E50012;
font-size: 30px;
font-weight: bold;
display: inline-block;
width: 77%;
margin-bottom: 10px;
line-height: 120%;
vertical-align: middle;
}
*/
.detail_dl dd {
margin-left:0;

}
.detail_dl_bottom {
font-size: 30px;
font-weight: bold;
text-align: center;
display: block;
}





.urlbox2 {
    /*border: solid 3px #FF291F;*/
    background: #FDF3F3;
    border-radius:8px;
    padding: 30px;
    text-align: center;

	margin: 30px;
}


.urlbox2_time {
font-size: 20px;
font-weight: bold;
/*margin-bottom: 30px;*/
margin-bottom: 20px;
line-height: 140%;
}

.forte {
border:#B28500 solid 1px;
background: #FFFDE3;
padding: 30px;
margin:20px 30px;
}


.forte li {
font-size: 20px;
margin-bottom: 10px;

}

.forte li::before {
content: "";
width: 31px;
height: 26px;
background: url("../images/icon03.png");
background-repeat: no-repeat;
background-size: 100%;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
}
.forte li:last-of-type {
margin-bottom: 0;

}

.detailbox h3 {
color: #B28500;
font-size: 30px;
font-weight: bold;
text-align: center;
padding-top: 30px;
display: block;

}
.sitelink {

text-align: right;
}
.sitelink a {
font-size: 20px;
color: #0059B2;
margin: 30px 30px 0 30px;
display: block;

}

.sitelink a:after {
content: "";
width: 21px;
height: 21px;
background: url("../images/icon04.png");
background-repeat: no-repeat;
background-size: 100%;
display: inline-block;
vertical-align: middle;

}

.copyright {
font-size: 12px;
border-top: #CCCCCC solid 1px;
margin: 20px 0;
text-align: center;
}


.copyBtnbox {
display: flex;
justify-content: space-between;
}


.pagelinkbox ul.line3 {
width: 720px;
margin: 0 auto;
}

.mt50 {
margin-top: 50px;
}

a.name {
	padding-top: 175px;
}


a.name::after {
content: "";
display: block;
    padding-top: 175px;
    margin-top:-175px;
}

.work_box{
  width: 500px;
  margin: 0 auto;
}
.work {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.work iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*SP*/

@media all and (max-width:767px){
body {
    min-width: initial;
  }
 .sp {display:inline;}
 .pc {display: none;}
img {
width: 100%;
height: auto;
}
/*.logo {
    float: none;
	text-align: center;
	margin-bottom: 15px;
}*/
/*.rightBox {
float: none;
width: 100%;
display: block;
}*/
.headBtnList {
width: 100%;
display: flex;
justify-content: space-around;
}
.headBtnList li {
width: 50%;

}
.headBtn01 a {
width: 95%;
margin: 0 auto;

}


.headBtn02 a {
width: 95%;
margin: 0 auto;

}



.inner {
    width: 100%;

}


.mainunder .inner {
    /*background: url(../images/main_under_sp.png);*/
    background-repeat: repeat-y;
    background-size: 100%;
    /*color: #FFFFFF;*/
    font-size: 22px;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    line-height:1.5;
/*
    font-weight: bold;
*/
}


/*#gheader .inner {
width: 100%;
margin: 0 auto;
padding: 15px 0;
}*/



.copyBtn {

    width: 90%;
	}


.pagelinkbox ul {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}

.pagelinkbox li {
width: 48%;
margin-bottom: 4%;
margin-right: 0;
}
.pagelinkbox li a {
    width: 100%;
}



.urlbox h2 {
    font-size: 20px;
}

.copyBtn {
    font-size: 16px;
}

.detail_title .time {
display: inline-block;
margin-top: 0px;
font-size: 16px;
background-color: #FFFFFF;
background: rgba(255,255,255,0.8);
padding: 5px 10px;
}

.detail_title .red {
    font-size: 30px;
	}
	.course_name {
    font-size: 30px;
	line-height: 120%;
	}
	
.detail_title.medical,
.detail_title.deco,
.detail_title.ukulele,
.detail_title.basic-japanese,
.detail_title.dentobunka,
.detail_title.cat-lover,
.detail_title.nailist-totalcourse,
.detail_title.nursery-teacher,
.detail_title.cad,
.detail_title.startpack
{
    background-size: cover;
/*	background-position:top 0 right -100px;*/
}

.detail_dl dt,
.detail_dl dd {
width: 100%;
box-sizing: border-box;
}
.detailbox h3 {
width: 90%;
margin: 0 auto;
line-height: 120%;
}

.forte li {
padding-left: 2.5rem;
position: relative;
font-size: 16px;
}

.forte li::before {
position: absolute;
top: 0;
left: 0;
width: 26px;
}

.sitelink a {
font-size: 16px;
}

.bg-mask {
  height: 100%;
  background: rgba(255,255,255,0.5);
}


.urlbox {
    padding: 20px;
}

.copyBtn {
height: 60px;
}
/*
.pagelinkbox li a .red {
    font-size: 20px;
}
*/

/*
.detail_dl dt {
    font-size: 20px;
}
*/

.detail_dl dd {
/*
font-size: 20px;
*/
margin-bottom: 30px;
}

.detailbox,.urlbox,.pagelinkbox  {
width: 94%;
margin: 0 auto;
box-sizing: border-box;
}

.pagelinkbox {
margin-top: 20px;
}

.detail_title .red span {
    font-size: 20px;
}


.urlbox2 {
    padding: 20px;
    margin: 20px;
}

.detail_dl dt {
display: block;
/*
width: 50%;
*/
margin: 0 auto;
/*
padding: 5px 20px;
*/
margin-bottom: 10px;
}

.bg-mask {
    padding: 20px;
}
.detail_dl_bottom {
font-size: 20px;
}
.detailbox h3 {
font-size: 20px;
}
.forte {
    padding: 20px;
	margin: 20px;
}
.mainunder .inner {
/*
font-size: 16px;
*/
font-size:1.4rem;
}
.contents_title {
    font-size: 20px;
	}
	
	.detailbox {margin-bottom: 20px;}
	
	
.urllink input {
font-size: 14px;
width: 100%;
}

.copyBtnbox {
display: block;
justify-content: space-between;
}

button.copyBtn {
margin-bottom: 20px;
}


.pagelinkbox ul.line3 {
    width: 100%;
    margin: 0 auto;
}



a.name {
	padding-top: 65px;
}


a.name::after {
content: "";
display: block;
    padding-top: 65px;
    margin-top:-65px;
}

.work_box{
  width: 100%;
}
	
}