html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline
}
h1,h2,h3,h4,h5,h6{
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
}
h1{
	font-size: 1.6rem;
}
h2{
	font-size: 1.4rem;
}
h3{
	font-size: 1.2rem;
}
h4{
	font-size: 1rem;
	line-height: 1.3rem;
}
h5{
	font-size: 0.8rem;
}
html{
line-height:1
}
ol,ul{
list-style:none
}
table{
border-collapse:collapse;border-spacing:0
}
caption,th,td{
text-align:left;font-weight:normal;vertical-align:middle
}
q,blockquote{
quotes:none
}
q:before,q:after,blockquote:before,blockquote:after{
content:"";content:none
}
a img{
border:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
display:block
}
*{
color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;outline:none;-webkit-appearance:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box
}
html{
font-size:15px
}
p.emergency{
	width: 100%;
	padding: 2%;
	background: -webkit-linear-gradient(#ff0000 0%, #800000 100%);
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.8rem;
}
@media screen and (max-width: 970px){
html{
font-size:14px
}

}
body{
-webkit-text-size-adjust:100%;color:#141414;word-wrap:break-word;font-size:1rem;font-family:"Noto Sans Japanese",sans-serif,"Hiragino Kaku Gothic ProN",sans-serif;font-weight:normal
}
a img{
display:inline-block;*vertical-align:auto;*zoom:1;*display:inline
}
a[name]{
display:inline
}
input,select{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;border:0px solid #c6c6c6;padding:6px;background:none;font-family:sans-serif
}
input[type=submit],input[type=button]{
border-width:1px
}
input.search_txt{
border-bottom:1px solid #b1b1b1
}
input#datepicker{
border:1px solid #bababa;border-radius:5px
}
ul.navi{
display:none
}
#ilink{
position:relative;top:7px
}
.background{
background-size:cover;position:relative;overflow: hidden;
}
.background .background-wrap{
top:0;
left:0;
z-index:-1;
min-width:100%;
overflow:hidden;
}
.background .background-wrap .background-movie{
position:relative;justify-content:center
}
@media screen and (max-width: 375px){
.background .background-wrap .background-movie{
height:auto
}

}
.background .background-wrap #background-movie-player{
width:100%;height:116vh;flex:none;position:relative
}
@media screen and (max-width: 375px){
.background .background-wrap #background-movie-player{
top:-45.7vh
}

}
img{
max-width:100%;height:auto
}
span.entrybtn{
height:32px;padding:0px 10px 0px 10px;font-size:14px;text-align:center;border:2px solid #585858;border-radius:16px;position:absolute;bottom:0px;left:0
}
@media screen and (max-width: 970px){
	.background .background-wrap{
		position: relative;
		left: -35%;
		min-width: 170%;
	}
span.entrybtn{
width:100%;position:relative;display:block;left:0;margin-top:15px
}

}
span.entrybtn a{
color:#585858
}
span.entrybtn a:before{
content:'';display:inline-block;height:32px;vertical-align:middle
}
#form div#left{
width:45% !important
}
#viewport{
width:100%;background:#fff;margin:0 auto
}
@media screen and (max-width: 1280px){
#viewport{
width:1280px
}

}
@media screen and (max-width: 970px){
#viewport{
width:auto;overflow:hidden
}

}
@media screen and (min-width: 971px){
.mobile{
display:none
}

}
@media screen and (max-width: 970px){
.desktop{
display:none
}

}
.clear,.clearfix,.container{
*zoom:1;clear:both
}
.clear:after,.clearfix:after,.container:after{
content:"";display:table;clear:both
}
.container{
	width:1200px;
	margin:0 auto;
	position:relative;
}
@media screen and (max-width: 970px){
.container{
width:auto;padding: 0;background:#fff
}
.container #design{
top:0;height:auto
}

}
.justify:after,.alignmiddle:before{
content:'';line-height:0 !important;font-size:0 !important;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline
}
.horizontal,.alignmiddle,.justify,.local ul{
font-size:0
}
.horizontal>*,.alignmiddle>*,.justify>*,.local ul>*{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;vertical-align:top;font-size:1rem
}
@media screen and (max-width: 970px){
.horizontal>*,.alignmiddle>*,.justify>*,.local ul>*{
display:block
}

}
.justify{
text-align:justify;text-justify:distribute-all-lines
}
.justify:after{
width:100% !important;height:0 !important
}
div.alignright,p.alignright,ul.alignright,ol.alignright,dl.alignright,h1.alignright,h2.alignright,h3.alignright,h4.alignright,h5.alignright,h6.alignright{
text-align:right
}
div.alignleft,p.alignleft,ul.alignleft,ol.alignleft,dl.alignleft,h1.alignleft,h2.alignleft,h3.alignleft,h4.alignleft,h5.alignleft,h6.alignleft{
text-align:left
}
div.aligncenter,p.aligncenter,ul.aligncenter,ol.aligncenter,dl.aligncenter,h1.aligncenter,h2.aligncenter,h3.aligncenter,h4.aligncenter,h5.aligncenter,h6.aligncenter{
text-align:center
}
img.alignright,span.alignright,strong.alignright,i.alignright{
float:right
}
img.alignleft,span.alignleft,strong.alignleft,i.alignleft{
float:left
}
img.aligncenter,span.aligncenter,strong.aligncenter,i.aligncenter{
display:block;margin:0 auto
}
.alignmiddle{
position:relative
}
.alignmiddle>*{
vertical-align:middle
}
.alignmiddle:before{
width:0 !important;height:100% !important
}
div.logo{
text-align:center;position:relative;
}
div.logo img{
width:675px;height:auto
}
@media screen and (max-width: 970px){
div.logo{
margin:20px 0;text-align:center;height:auto;top:0
}
div.logo img{
top:0
}

}
.header__logo{
text-align:center;margin:50px 0;position:relative;top:50px;height:130px
}
.header__logo img{
width:675px;height:auto
}
@media screen and (max-width: 970px){
.header__logo{
margin:20px 0;text-align:left;height:auto;top:0
}

}
.footer__logo{
margin-bottom:60px;font-size:0.8rem;
}
.footer__logo img{
width:560px;height:auto;margin-bottom:20px
}
.footer__logo a{
text-decoration:underline
}
.footer__copyright{
margin-bottom:60px;text-align:center;font-size:0.8rem;
}
.footer__copyright a{
margin-left:2em;text-decoration:underline
}
@media screen and (max-width: 970px){
.footer__logo{
line-height:1.7;margin-bottom:20px
}
.footer__copyright{
line-height:1.4;margin-bottom:10px
}

}
.home__content{
	font-size:0;
	margin-top: 2%;
	margin-bottom: 2%;
}
.home__content__block,.home__content__block--news,.home__content__block--novel,.home__content__block--piece,.home__content__block--other,.home__content__block--pickup,.home__content__block--blog{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;vertical-align:top;font-size:1rem;position:relative;overflow:hidden;
}
.home__content__block--news{
width:396px
}
.home__content__block--novel{
width:392px;
}
.home__content__block--novel li{
}
.home__content__block--novel p{
	margin: 3px 0;
	line-height: 1.3rem;
}
.home__content__block--novel p.new{
	color:#da2587;
	font-weight: 600;
}
p.bold{
	font-weight: 600;
}
P.large{
	font-size: 20px;
	margin-bottom: 20px;
}
@media screen and (max-width: 970px){
.home__content__block--news,.home__content__block--novel{
width:auto
}

}
.home__content__block--news .scroll,.home__content__block--novel .scroll{
	height:413px;
	overflow:hidden;
	font-size:0.8rem;
	position:relative;
	padding-right:16px;
	padding-top: 3%;
}
.home__content__block--news .text,.home__content__block--novel .text{
display:block;margin:0 0 18px 0;line-height:1.6
}
.home__content__block--news h2,.home__content__block--novel h2,.home__content__block--pickup h2{
	font-family: itc-avant-garde-gothic-pro, sans-serif;
	font-style: normal;
	font-size:16px;
	font-weight: 600;
	margin-bottom:10px;
	letter-spacing: 2px;
}
.home__content__block--news .date,.home__content__block--novel .date{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;font-family: itc-avant-garde-gothic-pro, sans-serif;
	font-style: normal;font-weight:500;position:relative;top:-6px;font-size:0.8rem;color:#a1a1a1
}
.home__content__block--news i{
color:#a1a1a1
}
.home__content__block--news a{
color:#141414;font-weight: 500;
}
.home__content__block--piece{
width:392px;margin:0 10px 10px 10px;font-size:0.9rem;line-height:1.6
}
.home__content__block--novel p.link{
	margin: 7% 0;
}
.home__content__block--novel p.link i.material-icons{
	position: relative;
	top:4px;
	font-size: 17px;
}
.home__content__block--novel p.title{
	font-size: 13px;
}
@media screen and (max-width: 970px){
.home__content__block--piece{
margin:0;
height:243px;
}

.topix_box{
	position: relative;
	text-align: right;
	bottom: -7%;
}
.topix_box p{
	margin: 6px 0;
}
.home__content__block--blog{
	padding: 0 ;
	
}
}
.home__content__block--piece h2{
font-size:1rem
}
.home__content__block--piece h2,.home__content__block--piece img{
margin-bottom:10px;width:100%
}
.home__content__block--other{
width:100%;font-size:0;margin:40px 0
}
@media screen and (max-width: 970px){
.home__content__block--other{
margin:0
}

}
.home__content__block--other a{
display:block;padding:12px;text-align:center;border-style:solid;border-width:0px 0;border-color:#c8c8c8;width:100%;float:left
}
@media screen and (max-width: 970px){
.home__content__block--other a{
display:inline-block;width:100%
}

}
.home__content__block--pickup{
width:100%;overflow:hidden;margin-top:70px;line-height:1.6
}
.home__content__block--pickup__img{
float:right;margin-left:15px
}
@media screen and (max-width: 970px){
.home__content__block--pickup__img{
margin-left:0
}

}
.home__content__block--pickup__title{
font-weight:500;font-size:23px;margin:0px 0 20px 0
}
@media screen and (max-width: 970px){
.home__content__block--pickup__title{
font-size:20px;margin:0px 0 15px 0
}

}
.home__content__block--blog{
width:100%;font-size:0;margin:50px 0 40px 0
}
.home__content__block--blog h2{
	font-family: itc-avant-garde-gothic-pro, sans-serif;
	font-style: normal;
	text-align:left;
	margin-bottom:30px;
	font-size:20px;
	letter-spacing: 2px;
}
@media screen and (max-width: 970px){
.home__content__block--blog h2{
	font-size: 16px;
	font-weight: 600;
}

}
.home__content__block--blog .more{
position:absolute;right:0;top:26px;font-size:1rem
}
.home__content__block--blog .more:before{
content:'▶';font-size:0.85rem;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;margin-right:5px;position:relative;top:-2px;
}
.home__content__block--blog .post{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;vertical-align:top;width:300px;position:relative;padding:0 52px;
}
.home__content__block--blog .title,.home__content__block--blog .thumb{
display:block
}
.home__content__block--blog .title{
margin:10px 0;position:relative;font-family:"Noto Sans Japanese",sans-serif;font-weight:500
}
.home__content__block--blog .title:before,.home__content__block--blog .title span{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline
}
.home__content__block--blog .title:before{
content:'';width:0;height:100%
}
.home__content__block--blog .title span{
font-size:1rem;line-height:1.3em
}
.home__content__block--blog .thumb{
height:auto;overflow:hidden;margin-bottom:2px
}
.home__content__block--blog .thumb:before,.home__content__block--blog .thumb img{
width:100%;height:auto;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline
}
.home__content__block--blog .thumb:before{
content:'';width:0;height:auto
}
.home__content__block--blog .date{
position:relative;font-family:"Noto Sans Japanese",sans-serif;font-weight:500;top:5px;right:0;font-size:0.8rem
}
.home__content__block--blog p{
padding-top:3px;font-size:0.8rem;line-height:1.6
}
.home__content__block--blog p a{
color:#1f1f1f
}
.home__content__block--blog .category{
font-size:0.8rem;position:absolute;top: 12px;left: 12px;
}
@media screen and (max-width: 970px){
.home__content__block,.home__content__block--news,.home__content__block--novel,.home__content__block--piece,.home__content__block--other,.home__content__block--blog{
	display:block;
	width:auto;
	margin-right:0;
	margin-bottom:20px;
	padding:0 4%;
}
.home__content__block--pickup h2,.home__content__block--pickup p{
	padding: 0 4%;
}
.home__content__block--news .scroll,.home__content__block--novel .scroll{
height:370px
}
.home__content__block--news h2 img{
width:140px
}
.home__content__block--other{
display:inline-block;width:100%;
}
.home__content__block--other a{
display:inline-block;padding:0 10px;border:none
}
.home__content__block--other img{
border-style:solid;border-width:1px 0;border-color:#c8c8c8
}
.home__content__block--blog h2{
text-align:left;margin-bottom:18px
}
.home__content__block--blog h2 img{
width:52px
}
.home__content__block--blog .more{
top:7px;
right:4%;
}
.home__content__block--piece{
overflow:hidden
}
.home__content__block--piece img{
position: absolute;
left: 0;
width: 100%;
}
.home__content__block--pickup__img{
display:block;float:none
}

}
.home__cover{
margin-bottom:30px;width:100%;position:relative;height:500px;overflow:hidden
}
@media screen and (max-width: 970px){
.home__cover{
height:auto;margin-bottom:20px
}

}
.home__cover__text{
position:absolute;width:45%;top:180px;left:5%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0
}
@media screen and (max-width: 970px){
.home__cover__text{
width:65%;top:50px
}

}
.home__cover__text img{
-moz-transform:rotate(-4deg);-ms-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);transform:rotate(-4deg)
}
.home__class{
margin-bottom:20px;width:1200px;margin:0 auto;position:relative;margin-top: 40px;
}
@media screen and (max-width: 970px){
.home__class{
width:auto;margin-bottom:10px
}

}
.fadeInLeft,.fadeInLeftAfter,.fadeInRight,.fadeInRightAfter{
-moz-animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-fill-mode:both;-moz-animation-duration:1.4s;-webkit-animation-duration:1.4s;animation-duration:1.4s;visibility:visible !important
}
.fadeInLeft,.fadeInLeftAfter{
-moz-animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft
}
.fadeInRight,.fadeInRightAfter{
-moz-animation-name:fadeInRight;-webkit-animation-name:fadeInRight;animation-name:fadeInRight
}
@-moz-keyframes fadeInLeft{
0%{
opacity:0;-moz-transform:translateX(30px);transform:translateX(30px)
}
100%{
opacity:1;-moz-transform:translateX(0);transform:translateX(0)
}

}
@-webkit-keyframes fadeInLeft{
0%{
opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)
}
100%{
opacity:1;-webkit-transform:translateX(0);transform:translateX(0)
}

}
@keyframes fadeInLeft{
0%{
opacity:0;-moz-transform:translateX(30px);-ms-transform:translateX(30px);-webkit-transform:translateX(30px);transform:translateX(30px)
}
100%{
opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)
}

}
@-moz-keyframes fadeInRight{
0%{
opacity:0;-moz-transform:translateX(-30px);transform:translateX(-30px)
}
100%{
opacity:1;-moz-transform:translateX(0);transform:translateX(0)
}

}
@-webkit-keyframes fadeInRight{
0%{
opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)
}
100%{
opacity:1;-webkit-transform:translateX(0);transform:translateX(0)
}

}
@keyframes fadeInRight{
0%{
opacity:0;-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-webkit-transform:translateX(-30px);transform:translateX(-30px)
}
100%{
opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)
}

}
#global{
left:0;top:0;z-index:9999;width:100%;font-size:0;margin-bottom:40px
}
#global .container{
border-color:#f0f0f0;border-style:solid
}
#global .global__block,#global .global__block--first,#global .global__block--second,#global .global__block--third{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;vertical-align:top;font-size:1rem;padding:30px 25px 18px 25px;border-width:1px 0 0 1px;border-color:#f0f0f0;border-style:solid
}
#global .global__block ul,#global .global__block--first ul,#global .global__block--second ul,#global .global__block--third ul{
font-size:0.8rem;padding:26px 0 0 8px
}
#global .global__block li,#global .global__block--first li,#global .global__block--second li,#global .global__block--third li{
margin-bottom:12px
}
#global .global__block a:hover,#global .global__block--first a:hover,#global .global__block--second a:hover,#global .global__block--third a:hover{
text-decoration:underline;color:#5e9bff
}
#global .global__block--first{
height:198px
}
#global .global__block--first ul li{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width:49%
}
#global .global__block--first:first-of-type{
width:307px
}
#global .global__block--first:nth-of-type(2){
width:484px
}
#global .global__block--first:nth-of-type(2) li{
width:auto;margin-right:1em
}
#global .global__block--first:nth-of-type(3){
width:408px
}
#global .global__block--second{
width:20%;height:236px
}
#global .global__block--third{
display:block;padding:0;width:100%;font-size:0
}
#global .global__block--third li{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width:25%;font-size:1rem;text-align:center;border-right:1px solid #f0f0f0;padding:30px;margin-bottom:0
}
#global .global__block--third li:last-of-type{
border-right:none
}
@media screen and (max-width: 970px){
#global .global__block,#global .global__block--first,#global .global__block--second,#global .global__block--third{
border:none;padding:0;height:auto
}
#global .global__block,#global .global__block--first,#global .global__block--second,#global .global__block--third,#global .global__block li,#global .global__block--first li,#global .global__block--second li,#global .global__block--third li{
display:block !important;width:auto !important;margin-right:0 !important;margin-bottom:1px;text-align:left
}
#global .global__block ul,#global .global__block--first ul,#global .global__block--second ul,#global .global__block--third ul{
padding:0 0 0 4px
}
#global .global__block--third li{
padding:0
}

}
@media screen and (max-width: 970px){
#global{
display:none;position:absolute;padding:0;top:128px
}
#global .container{
border:none;background:#fff
}
#global li{
line-height:40px;margin-bottom:1px;font-size:1rem
}
#global li:before{

}
#global li ul{
padding:4px 0 4px 4px;display:none
}
#global li span,#global li a{
display:block;border-left:4px solid #898989;padding-left:8px
}
#global li span{
position:relative
}
#global li span:after{
content:'+';position:absolute;right:10px;top:0;font-size:1.2rem
}
#global li span.open:after{
content:'×'
}
#global li li{
margin-bottom:0;line-height:30px
}
#global li li a{
border-left:none;padding-left:0
}
#global li span,#global li a{
background:none
}
#global li li a{
background:#e6e6e6;padding:8px
}

}
.global__close{
text-align:center;font-size:1rem;line-height:20px;padding-top:20px;background:#fff
}
.global__close a span,.global__close a:before{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline
}
.global__close a:before{
content:'×';background:#4b4b4b;color:white;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:20px;margin-right:5px
}
@media screen and (max-width: 970px){
.global__open{
width:18px;top:7px;right:10px
}
.global__close{
padding:2px 10px 10px 10px
}
.global__close a{
display:block;line-height:40px;border:1px solid #000000
}
.global__close a:before{
content:none
}

}
#sitemap{
font-size:0;padding:5%;
border-top: 1px solid rgba(0, 0, 0, 0.07);
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
#sitemap .container{
white-space:nowrap;
}
#sitemap .container>div{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;vertical-align:top;font-size:0.8rem;margin-right:30px;white-space:normal
}
#sitemap li{
margin-bottom:30px;
}
#sitemap li:before{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;border-left:4px solid #141414;margin-right:6px;height:17px
}
#sitemap li ul{
padding: 20px 0 0 0;
}
#sitemap li li{
margin-bottom:20px;
color: rgba(124, 124, 124, 1);
}
#sitemap li span{
font-size:14px;font-weight:500
}
#sitemap li li:before{
content:none
}
#sitemap a:hover{
text-decoration:underline;color:#595959
}
#sitemap a img{
margin-right:8px
}
@media screen and (max-width: 970px){
#sitemap .container>div{
white-space:normal;margin-right:0;display:block
}
#sitemap li{
line-height:40px;margin-bottom:1px;font-size:1rem
}
#sitemap li:before{
content:none
}
#sitemap li ul{
padding:4px 0 4px 4px;display:none
}
#sitemap li span,#sitemap li a{
display:block;
}
#sitemap li span{
position:relative
}
#sitemap li span:after{
content:'+';position:absolute;right:10px;top:0;font-size:1.2rem
}
#sitemap li span.open:after{
content:'-';
right:12px;
}
#sitemap li li{
margin-bottom:0;line-height:30px;padding:2px 8px;font-size:12px;
}
#sitemap li li a{
border-left:none;padding-left:0
}
#sitemap li span,#sitemap li a{
}
#sitemap li li a{
background:none
}

}
.label,.label--mini,.label--event,.label--debut,.label--news,.label--trial,.label--addition,.label--grand_event{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;padding:6px 8px;line-height:1;color:white
}
@media screen and (max-width: 970px){
.label,.label--mini,.label--event,.label--debut,.label--news,.label--trial,.label--addition,.label--grand_event{
margin-top:0px
}

}
.label--mini{
padding:4px 6px;background:#141414
}
.label--event{
background:#ff4e82
}
.label--debut{
background:#ffaa28
}
.label--news{
background:#8cc63f
}
.label--trial{
background:#3fa9f5
}
.label--addition{
background:#141414
}
.label--grand_event{
background:#141414
}
div.post img{
width:33%
}
@media screen and (max-width: 970px){
div.post img{
width:100%;margin-bottom:8px
}

}
.social .container>div,.social--home .container>div{
position:absolute;width:100px;left:100%;top:510px;margin-left:20px;padding:10px 27px 0 27px;z-index:9999;border-style:solid;border-color:#c8c8c8;border-width:0 1px 0 1px
}
.social .container>div img,.social--home .container>div img{
margin-bottom:10px
}
@media screen and (max-width: 970px){
.social,.social--home{
display:none
}

}
h1.title{
position: absolute;z-index: 1;top: 12px;left: 12px;text-align: center;width: 100%;color: #fff;
}
@media screen and (max-width: 970px){
h1.title{
font-size:0.75em;top:10px;border-bottom:1px solid #141414;padding:10px 0;margin-bottom:0
}

}
h2{
font-weight:500;color:#141414
}
dt{
font-weight:600
}
dd{
margin-left:15px;padding-bottom:8px
}
#main{
line-height:1.8;padding-bottom:80px
}
#main .pointCont{
background:#f8f6e7
}
#main .container{
width:1100px;*zoom:1
}
#main .container:after{
content:"";display:table;clear:both
}
#main .container h1,#main .container h2,#main .container h3,#main .container h4,#main .container h5,#main .container h6{
line-height:1.2
}
#main .container h1 span,#main .container h2 span,#main .container h3 span,#main .container h4 span,#main .container h5 span,#main .container h6 span{
font-weight:normal;font-size:80%
}
#main .container h1 a,#main .container h2 a,#main .container h3 a,#main .container h4 a,#main .container h5 a,#main .container h6 a{
color:inherit;text-decoration:none
}
#main .container h1{
font-size:30px;margin-bottom:10px !important
}
@media screen and (max-width: 970px){
#main .container h1{
font-size:1em
}

}
#main .container h1 p{
font-size:50px
}
@media screen and (max-width: 970px){
#main .container h1 p{
font-size:0.7em
}

}
#main .container h1 #design{
color:#343434
}
#main .container h1 span{
font-size:60px;margin-left:20px
}
@media screen and (max-width: 970px){
#main .container h1 span{
font-size:0.8em;display:block;margin-left:0;margin-bottom:5px
}

}
#main .container h2{
font-size:1.5rem
}
#main .container h3,#main .container h4,#main .container h5,#main .container h6{
font-size:1.3rem
}
#main .container h2,#main .container h3,#main .container h4,#main .container h5,#main .container h6{
margin-top:20px;margin-bottom:10px;color:#000000
}
#main .container h2,#main .container h3,#main .container h4,#main .container h5,#main .container h6,#main .container strong{
font-weight:bold
}
#main a:link{
color:#3d7ca3;text-decoration:none
}
#main a:hover,#main a:visited{
color:#8db8d8
}
#main table{
border-bottom:1px solid #c0c0c0
}
#main th,#main td{
padding:5px 0 5px 0;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0
}
#main th,#main td:first-of-type{
padding-right:2em
}
@media screen and (max-width: 970px){
#main{
padding-bottom:30px
}
#main .container{
width:auto;
padding:0 30px
}

}
.post__item{
border-top:1px solid #717071;padding-bottom:30px;overflow:hidden
}
.post__item__thumb{
margin-right:30px;float:left;width:250px;text-align:center
}
.post .pagination,.post .pagination--single,.post .nav{
margin-bottom:40px !important
}
.post__meta{
border-bottom:1px solid #717071;overflow:hidden;margin-bottom:30px;padding-bottom:30px
}
.meta__column{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;vertical-align:top;width:32%
}
.row,.row--justify,.course__curriculum,.graduates__works,.graduates__works--single,.row--center,.course__point__item strong,.course__point__item--2 strong,.row--wrap{
display:-webkit-flex;display:flex;-webkit-align-content:flex-start;align-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start
}
.row>*,.row--justify>*,.course__curriculum>*,.graduates__works>*,.graduates__works--single>*,.row--center>*,.course__point__item strong>*,.course__point__item--2 strong>*,.row--wrap>*{
margin:0 20px
}
.row>*:first-child,.row--justify>*:first-child,.course__curriculum>*:first-child,.graduates__works>*:first-child,.graduates__works--single>*:first-child,.row--center>*:first-child,.course__point__item strong>*:first-child,.course__point__item--2 strong>*:first-child,.row--wrap>*:first-child{
margin-left:0
}
.row>*:last-child,.row--justify>*:last-child,.course__curriculum>*:last-child,.graduates__works>*:last-child,.graduates__works--single>*:last-child,.row--center>*:last-child,.course__point__item strong>*:last-child,.course__point__item--2 strong>*:last-child,.row--wrap>*:last-child{
margin-right:0
}
.row--justify,.course__curriculum,.graduates__works,.graduates__works--single{
-webkit-justify-content:space-between;justify-content:space-between
}
.row--justify>*,.course__curriculum>*,.graduates__works>*,.graduates__works--single>*{
margin:0
}
.row--center,.course__point__item strong,.course__point__item--2 strong{
-webkit-align-items:center;align-items:center
}
.row--wrap{
-webkit-flex-wrap:wrap;flex-wrap:wrap
}
.row img,.row--justify img,.course__curriculum img,.graduates__works img,.graduates__works--single img,.row--center img,.course__point__item strong img,.course__point__item--2 strong img,.row--wrap img{
max-width:none
}
@media screen and (max-width: 970px){
.row,.row--justify,.course__curriculum,.graduates__works,.graduates__works--single,.row--center,.course__point__item strong,.course__point__item--2 strong,.row--wrap{
display:block
}
.row>*,.row--justify>*,.course__curriculum>*,.graduates__works>*,.graduates__works--single>*,.row--center>*,.course__point__item strong>*,.course__point__item--2 strong>*,.row--wrap>*{
margin:0
}
.row img,.row--justify img,.course__curriculum img,.graduates__works img,.graduates__works--single img,.row--center img,.course__point__item strong img,.course__point__item--2 strong img,.row--wrap img{
max-width:100%
}

}
.column,.column--two,.column--three,.course__point__item,.course__point__item--2,.column--four,.course__curriculum__item{
position:relative;margin:0
}
.column--two{
width:49%
}
.column--three,.course__point__item,.course__point__item--2{
width:32%
}
.column--four,.course__curriculum__item{
width:24%
}
@media screen and (max-width: 970px){
.column--two,.column--three,.course__point__item,.course__point__item--2,.column--four,.course__curriculum__item{
margin:0 0 15px 0;width:auto
}

}
.content__title{
font-size:2rem;padding:60px 0 10px 0;color:black
}
.content__title .container{
width:1100px
}
.content__title h1{
font-family:"Noto Sans Japanese",sans-serif;font-weight:500;line-height:1.5em
}
.content__title h1 span{
font-family: itc-avant-garde-gothic-pro, sans-serif;
	font-style: normal;font-size:60%;display:block;margin-top:10px;margin-bottom:10px
}
.content__title h1 .text{
color:#343434;font-size:13px;display:inline
}
@media screen and (max-width: 970px){
.content__title h1 .text{
display:block
}

}
.content__title h1 .tag{
display:block;font-size:12px;color:#fff;position:relative;bottom:6px;margin-top:20px
}
@media screen and (max-width: 970px){
.content__title h1 .tag{
display:inline-table
}

}
.content__title h1 .tag a{
background:#8ed5ff;padding:7px;border-radius:4px;line-height:2.5em
}
.content__break,.content__paragraph,.content__block{
font-size: 0.9em;overflow:visible;clear:both
}
.content__block td{
font-size:0.8rem;
}
@media screen and (max-width: 970px){
.content__break,.content__paragraph,.content__block{
font-size: 0.7em;margin-bottom:20px !important
}

}
.content__break{
margin-bottom:20px !important
}
.content__break td{
font-size:0.8rem;
}
.content__paragraph{
margin-bottom:40px !important
}
.content__block{
margin-bottom:60px !important
}
@media screen and (max-width: 970px){
.content__title{
font-size:1.6rem;padding:0 10%
}
.content__title .container{
width:auto
}

}
.local{
position:absolute;right:0;width:100%;text-align:right
}
.local ul{
position:relative;z-index:999
}
.local li{
margin-left:20px;font-size:12px
}
.local .container{
width:1100px
}
@media screen and (max-width: 970px){
.local{
position:static;padding-top:20px
}
.local ul{
text-align:left
}
.local li{
display:inline-block;margin-left:5px;margin-right:5px
}

}
.calendar{
	font-family: "Helvetica Neue", sans-serif;
	padding-bottom:20px;position:relative;
	
}
.calendar table{
width:100%;height:0;border:0
}
.calendar table,.calendar h2,.calendar div{
margin-bottom:0
}
.calendar table,.calendar div{

}
.calendar span.title{
font-family:'Helvetica Neue';text-align:center;height:30px;margin-left:30px;margin-right:6px;font-weight:bolder;font-size:40px !important
}
.calendar span.title span{
font-size:80%;margin-left:5px
}
.calendar span.title span#light{
padding-left:30px;font-weight:200 !important;font-size:30px !important
}
@media screen and (max-width: 970px){
.calendar span.title{
height:auto
}

}
.calendar .light{
font-family:'Helvetica Neue';height:30px;margin-right:30px;font-weight:200;font-size:30px !important
}
.calendar .nav{
width:100%;text-align:center;padding-right:20px;font-size:15px !important;margin-top: 7%;
}
.calendar .nav a{
color:#717171 !important;height:21px;right:45px;text-decoration:underline
}
@media screen and (max-width: 970px){
.calendar .nav a{
right:0
}

}
.calendar img.Btn{
position:relative;top:-6px;width:40px
}
.calendar th,.calendar td{
width:14%;font-weight:bolder;padding:3px;text-align:center
}
.calendar th{
font-size:16px !important;text-align:right;height:20px;border-bottom:1px solid #e8e8e8 !important;border-top:0 !important;padding-right:5px !important
}
@media screen and (max-width: 970px){
.calendar th{
text-align:center
}

}
.calendar th.sun{
border-left:0
}
.calendar td{
text-align:center;vertical-align:top;border-bottom:1px solid #e8e8e8 !important;border-right:1px solid #e8e8e8;height:130px
}
.calendar td div.date{
float:right
}
.calendar td div.tdcont{
overflow:hidden
}
.calendar td i{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;margin:0px 5px 0 0;font-size:15px !important
}
@media screen and (max-width: 970px){
.calendar td i{
font-size:12px !important
}

}
.calendar td i.today{
background:rgba(255,83,100,1);height:28px;width:28px;border-radius:14px;color:#fff;margin:0
}
@media screen and (max-width: 970px){
.calendar td i.today{
height:22px;width:22px;border-radius:11px
}

}
.calendar td span,.calendar td a{
display:block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px
}
.calendar td a{
color:#6d6d6d !important;padding:6px 0;text-align:center;text-decoration:none !important;font-size:1em !important;font-weight:normal;margin:1px;position:relative;line-height:1.2
}
.calendar td span{
display:none;position:absolute;background:white;border:1px solid #c0c0c0;color:#676767;padding:10px;top:-8px;left:98%;width:160px;z-index:9999;text-align:left
}
.calendar td span:before,.calendar td span:after{
content:'';position:absolute;width:0;height:0;border-style:solid
}
.calendar td span:before{
left:-20px;top:7px;border-width:10px 10px;border-color:transparent #717071 transparent transparent
}
.calendar td span:after{
left:-18px;top:8px;border-width:9px 9px;border-color:transparent white transparent transparent
}
.calendar td span.left{
margin-left:-200px
}
.calendar td span.left:before{
left:auto;right:-20px;border-color:transparent transparent transparent #717071
}
.calendar td span.left:after{
left:auto;right:-18px;border-color:transparent transparent transparent white
}
.calendar .sun{
color:rgba(255,83,100,1);border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;padding-right:0 !important
}
.calendar .sat{
color:#8fc1ff;border-bottom:1px solid #e8e8e8
}
.course1 .course__work h2,.course__work .course1 h2,.course1 .course__growth h3,.course__growth .course1 h3,.course1 .course__curriculum__item strong,.course__curriculum__item .course1 strong{
color:#ef3f44 !important
}
.course2 .course__work h2,.course__work .course2 h2,.course2 .course__growth h3,.course__growth .course2 h3,.course2 .course__curriculum__item strong,.course__curriculum__item .course2 strong{
color:#ea6175 !important
}
.course3 .course__work h2,.course__work .course3 h2,.course3 .course__growth h3,.course__growth .course3 h3,.course3 .course__curriculum__item strong,.course__curriculum__item .course3 strong{
color:#8bba29 !important
}
.course4 .course__work h2,.course__work .course4 h2,.course4 .course__growth h3,.course__growth .course4 h3,.course4 .course__curriculum__item strong,.course__curriculum__item .course4 strong{
color:#ae609b !important
}
.course5 .course__work h2,.course__work .course5 h2,.course5 .course__growth h3,.course__growth .course5 h3,.course5 .course__curriculum__item strong,.course__curriculum__item .course5 strong{
color:#2ba6e0 !important
}
.course6 .course__work h2,.course__work .course6 h2,.course6 .course__growth h3,.course__growth .course6 h3,.course6 .course__curriculum__item strong,.course__curriculum__item .course6 strong{
color:#0b7cc3 !important
}
.course8 .course__work h2,.course__work .course8 h2,.course8 .course__growth h3,.course__growth .course8 h3,.course8 .course__curriculum__item strong,.course__curriculum__item .course8 strong{
color:#dd551b !important
}
.course9 .course__work h2,.course__work .course9 h2,.course9 .course__growth h3,.course__growth .course9 h3,.course9 .course__curriculum__item strong,.course__curriculum__item .course9 strong{
color:#6bb786 !important
}
.course10 .course__work h2,.course__work .course10 h2,.course10 .course__growth h3,.course__growth .course10 h3,.course10 .course__curriculum__item strong,.course__curriculum__item .course10 strong{
color:#eca618 !important
}
.course__title,.course__title--2{
margin-top:60px;min-height:380px;border-bottom:1px solid #c9c9c9;background-position:center bottom;background-repeat:no-repeat
}

@media screen and (max-width: 970px){
.course__title,.course__title--2{
background:none !important
}

}
.course__title h1,.course__title--2 h1{
display:-webkit-flex;display:flex;line-height:1 !important;padding-bottom:40px
}
.course__title h1 strong,.course__title--2 h1 strong{
border-left:8px solid black;margin-left:18px;padding-left:14px
}
.course__title h1 strong span,.course__title--2 h1 strong span{
font-size:50% !important;margin-top:6px !important;margin-left:4px !important;display:block
}
@media screen and (max-width: 970px){
.course__title h1,.course__title--2 h1{
-webkit-align-items:center;align-items:center
}
.course__title h1 img,.course__title--2 h1 img{
max-width:60px;height:auto
}

}
.course__title p,.course__title--2 p{
font-size:32px !important;font-weight:bold !important;color:black;line-height:1.4
}
@media screen and (max-width: 970px){
.course__title p,.course__title--2 p{
font-size:20px !important
}

}
.course__title--2{
min-height:280px
}
@media screen and (max-width: 970px){
.course__title,.course__title--2{
min-height:0
}

}
.course__work{
font-weight:bold
}
.course__work h2{
font-size:20px !important
}
.course__work p{
color:#343434;font-size:18px !important;margin:6px 0 20px 0;padding-bottom:15px;line-height:1.5;font-weight:bold
}
@media screen and (max-width: 970px){
.course__work p{
font-size:14px !important;background:rgba(255,255,255,0.75);padding:8px 0
}

}
.course__point__item,.course__point__item--2{
-webkit-align-self:stretch;align-self:stretch;margin-top:48px;padding:0 25px 30px 25px;background:#fff32a;border-radius:10px
}
.course__point__item strong,.course__point__item--2 strong{
color:#ef4044;font-size:18px !important;line-height:1.3;margin:20px 0 20px -10px
}
.course__point__item strong img,.course__point__item--2 strong img{
margin:-28px 20px 0 0
}
@media screen and (max-width: 970px){
.course__point__item strong,.course__point__item--2 strong{
display:-webkit-flex;display:flex
}
.course__point__item strong img,.course__point__item--2 strong img{
margin-top:-18px
}

}
.course__point__item--2{
background:none
}
.course__point__item--2 span{
background:#fff32a;border-radius:10px;display:block;margin:0 -25px 0 -25px;padding:25px
}
.course__growth h3{
font-size:120% !important;line-height:1.5 !important;margin-top:0 !important
}
.course__growth strong{
font-size:120% !important;display:block
}
.course__growth .row span,.course__growth .row--justify span,.course__growth .course__curriculum span,.course__growth .graduates__works span,.course__growth .graduates__works--single span,.course__growth .row--center span,.course__growth .course__point__item strong span,.course__point__item .course__growth strong span,.course__growth .course__point__item--2 strong span,.course__point__item--2 .course__growth strong span,.course__growth .row--wrap span{
margin-left:0
}
.course__curriculum{
-webkit-flex-wrap:wrap;flex-wrap:wrap
}
.course__curriculum>div{
-webkit-flex:0 1 24%;flex:0 1 24%
}
.course__curriculum__item{
border:1px solid silver;padding:15px;border-radius:6px;margin-bottom:20px;-webkit-align-self:stretch;align-self:stretch;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start
}
.course__curriculum__item strong,.course__curriculum__item span{
font-weight:bold;display:block
}
.course__curriculum__item strong{
font-size:140% !important
}
.course__curriculum__item span{
font-size:104% !important;margin-bottom:10px
}
.course__curriculum__item img{
-webkit-align-self:flex-end;align-self:flex-end;display:block;margin:auto auto 0 auto
}
@media screen and (max-width: 970px){
.course__curriculum{
display:block
}

}
.course__swiper{
padding-bottom:40px !important
}
.course__swiper .swiper-slide{
text-align:center;background-position:center;background-size:cover;border:1px solid silver;width:820px;height:500px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center
}
@media screen and (max-width: 970px){
.course__swiper .swiper-slide{
width:100%;height:auto
}
.course__swiper .swiper-slide img{
max-width:100%
}

}
.course__swiper.swiper-container-horizontal>.swiper-pagination-bullets{
bottom:0
}
.course__swiper.swiper-container-3d .swiper-slide-shadow-left{
background:none
}
.course__swiper.swiper-container-3d .swiper-slide-shadow-right{
background:none
}
.course__swiper .swiper-button-prev,.course__swiper .swiper-button-next{
width:46px;height:46px;border-radius:50%;background-color:rgba(0,0,0,0.25);background-repeat:no-repeat;background-position:center center
}
.course__swiper .swiper-button-prev{
background-image:url('../img/arrow_prev.png?1522168493')
}
.course__swiper .swiper-button-next{
background-image:url('../img/arrow_next.png?1522168493')
}
.pagination,.pagination--single{
letter-spacing:2px;padding:30px 0;text-align:center
}
.pagination a,.pagination--single a{
display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;line-height:1;border:1px solid silver;padding:4px 6px 3px 6px
}
.pagination--single a{
border:none;margin:0 0.5em
}
.temp{
display:none
}
.table__inquiry{
width:100%
}
.table__inquiry th,.table__inquiry td{
vertical-align:top
}
.table__inquiry input[type=text],.table__inquiry input[type=email],.table__inquiry textarea{
border:1px solid #f0f0f0
}
.table__inquiry input[type=text],.table__inquiry textarea{
width:99%
}
span.badge{
content:'';width:30px;height:30px;background:#ff0000;border-radius:15px;display:inline-block;position:relative;color:#fff;vertical-align:middle;top:-38px;right:-55%
}
@media screen and (max-width: 970px){
span.badge{
width:26px;height:26px;border-radius:13px;top:50px;right:-30%
}

}
.badge-cal{
position:absolute;top:26px;left:29%;width:25px;height:25px;border-radius:50%;background:#000;
}
@media screen and (max-width: 970px){
.badge-cal{
	left:43%;
	top:27px;
	text-align: center;
}

}
.badge-cal .inner{
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	font-size:14px;
	display:block;
	color:#fff;
	line-height:24px;
	text-align: center;
}
.pickup-swiper-pagination{
margin-top:20px
}
.swiper-pagination{
margin-top:20px
}
span.count{
position:relative;bottom:1px;font-size:15px;padding:10px;margin-top:8px;font-weight:bold
}
@media screen and (max-width: 970px){
p.count span.count{
top:5px
}

}
img#icon{
width:20px;margin:10px 0 0 0
}
@media screen and (max-width: 970px){
li#oc{
padding-left:10px
}

}
div#half{
width:50%;float:left
}
div.left{
padding:10px 10px 0 0
}
@media screen and (max-width: 970px){
div.left{
padding:0
}

}
div.right{
padding:10px 0px 0 10px
}
@media screen and (max-width: 970px){
div.right{
padding:0
}

}
section#piece-end{
margin:0
}
img.eventlink{
width:15px;position:relative;top:2px;margin-right:5px
}
span.pickup{
background:#ff4e9c;color:#fff;padding:2px
}
div.foot{
width:100%;margin:0 auto;text-align:center;position:fixed;z-index:999;bottom:0;transition:all 400ms 0s ease
}
@media screen and (max-width: 970px){
div.foot{
width:100%
}

}
div.foot p{
font-size:20px;color:#fff;padding:5px 0 10px 0
}
@media screen and (max-width: 970px){
div.foot p{
font-size:15px;padding:3px 0 8px 0
}

}
div.foot img.icon{
width:40px
}
div.foot #bottom-box{
width:50%;float:left
}
div.foot #btn{
box-shadow:0px 0px 7px 1px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 7px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0px 0px 7px 1px rgba(0,0,0,0.3)
}
div.foot .oc{
background:#ecb0b9;margin:0px 5px 0 15px;border-radius:8px 8px 0 0
}
div.foot .req{
background:#86e3e3;margin:0px 15px 0 5px;border-radius:8px 8px 0 0
}
footer{
padding: 4%;
}
div.top-box{
width:100%
}
@media screen and (max-width: 970px){
div.top-box{
overflow:hidden;margin:40px 0
}

}
div.box-cont{
border-top:1px solid #141414;border-bottom:1px solid #141414
}
div.box-cont p{
	font-family: itc-avant-garde-gothic-pro, sans-serif;
	font-weight: 600;
	font-size:12px;
	padding:4px 0 0;
	margin-bottom:5px;
}
div.box-cont p.eng{
	font-family: a-otf-midashi-go-mb31-pr6n, itc-avant-garde-gothic-pro, sans-serif;
	font-style: normal;
	font-size:11px;
	margin-bottom:0;
	letter-spacing: 3px;
	font-weight: 500;
}
@media screen and (max-width: 970px){
	div.box-cont{
		padding: 3% 0;
	}
	div.box-cont p.eng{
		font-size:12px;
	}

}
div.box-cont i{
font-size:50px;margin-top:20px
}
@media screen and (max-width: 970px){
div.box-cont i{
font-size:40px
}

}
div#left{
padding:3% 3% 3% 0;margin:0 12px 0 0;width:49%;float:left
}
@media screen and (max-width: 970px){
div#left{
width:48%;margin:0 5px 0 0
}

}
div#right{
padding:3% 3% 3% 0;width:49%;margin:0 0 0 12px;float:left
}
@media screen and (max-width: 970px){
div#right{
width:48%;margin:0 0 0 5px
}

}
p.menu{
background:#4d4d4d;padding:10px 0;margin-bottom:8px;text-align:center;color:#fff;display:none
}
@media screen and (max-width: 970px){
p.menu{
font-size:16px;display:block
}

}
a.clsBtn{
position:absolute;display:inline-block;top:-25px;right:-10px;width:50px;height:50px;border:0;background-color:#868686;border-radius:32px;margin:0;padding:0;transform:scale(0.5);cursor:pointer
}
a.clsBtn:before{
content:"";position:absolute;display:inline-block;top:10px;left:22px;width:5px;height:30px;border:0;margin:0;padding:0;background-color:white;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)
}
a.clsBtn:after{
content:"";position:absolute;display:inline-block;top:10px;left:22px;width:5px;height:30px;border:0;margin:0;padding:0;background-color:white;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)
}
img.panf{
position:absolute;right:20px;bottom:-11px;width:160px
}
@media screen and (max-width: 970px){
img.panf{
display:none
}

}
div#cls.foot{
transform:translate(0, 190px)
}
.pc{
padding:0;background:#434343;display:block;position:absolute;top:0
}
@media screen and (max-width: 970px){
.pc{
display:none
}

}
.mobile_menu{
display:none;top:0
}
@media screen and (max-width: 970px){
.mobile_menu{
display:none
}

}
#mobile_menu.container{
background:#fff
}
.menu ul{
margin:0;padding:0;font-family:sans-serif
}
.menu ul li{
list-style:none;margin:0;padding:0;font-size:14px;float:left;position:relative;width:13.68%;height:50px;line-height:50px;text-align:center;font-weight:bold
}
li#logo{
width:50px
}
li#logo img{
width:42px;margin:4px
}
li#end{
border-right:0
}
.menu ul li a{
font-size:12px;color:white;display:block;text-decoration:none
}
.menu ul li:hover,.menu ul li a:hover{
background:#4a4a4a
}
.menu ul li ul{
position:absolute;top:50px;z-index:100
}
.menu ul li ul li{
visibility:hidden;overflow:hidden;width:100%;height:0;background:rgba(69,69,69,0.9);border-right:0;border-bottom:1px solid #e1e1e1;border-top:0
}
.menu ul li ul li:hover,.menu ul li ul li a:hover{
background:#888
}
.menu ul li:hover ul li,.menu ul li a:hover ul li{
visibility:visible;overflow:visible;height:auto;z-index:10
}
.menu *{
-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s
}
div.course_link{
width:100%;overflow:hidden;padding-top:10px;text-align:center;margin:0 auto
}
@media screen and (max-width: 970px){
div.course_link{
padding-top:0
}

}
div.course_link h3{
font-family:"Noto Sans Japanese",sans-serif;
font-weight:500;
font-size:0.82rem;
width:15.83%;
margin-right:12px;
padding:10px 0;
float:left;
}
@media screen and (max-width: 970px){
div.course_link h3{
width:45.7%;
margin:8px;
padding:3px 0;
border: 0;
}

}
div.course_link h3#last{
margin-right:0
}
div.course_link .bottom{
width:24.37%;margin-right:10px
}
div.course_link h3 i{
	position: relative;
	top: 6px;
	font-size: 1.4rem;
}
@media screen and (max-width: 970px){
div.course_link .bottom{
width:45.7%;
margin:8px;
}
div.course_link h3 i{
	top: 5px;
position: relative;
font-size: 1.3rem;
}

}
div.course_link #ma{
background:#ef3f44
}
div.course_link #ci{
background:#ea6175
}
div.course_link #gi{
background:#8bba29
}
div.course_link #il{
background:#2ba6e0
}
div.course_link #an{
background:#ae609b
}
div.course_link #va{
background:#23ac38
}
div.course_link #ln{
background:#0b7cc3
}
div.course_link #gr{
background:#dd551b
}
div.course_link #ad{
background:#444
}
@media screen and (max-width: 970px){
div.course_link #ad{
width:100%
}

}
div.course_link #ph{
background:#6bb786
}
div.course_link #za{
background:#eca618;margin-right:0
}
div.sns{
position:absolute
}
img#sns{
margin-right:8px
}
p.req_title{
font-size:17px;margin-bottom:10px;text-align:center
}
.caption{
font-size:80%
}
.inline-list dt{
display:inline-block
}
.inline-list dd{
display:inline;letter-spacing: 1px;
}
.inline-list dd:after{
content:"\A";white-space:pre
}
.admission__head{
background:#666666;color:white !important;padding:5px 20px;border-radius:0.6em
}
.graduates__works,.graduates__works--single{
margin-bottom:40px;border-top:1px solid #e0e0e0;padding-top:40px;overflow:hidden
}
.graduates__works h2,.graduates__works--single h2{
color:#141414;font-weight:bold;font-size:1.6rem;margin-bottom:20px
}
.graduates__works h2 span,.graduates__works--single h2 span{
display:block;font-weight:normal;font-size:0.9rem
}
.graduates__works strong,.graduates__works--single strong{
font-weight:bold
}
.graduates__works .column--two:first-of-type span,.graduates__works--single .column--two:first-of-type span{
white-space:nowrap;float:right
}
.graduates__works .column--two:nth-of-type(2) div,.graduates__works--single .column--two:nth-of-type(2) div{
width:500px
}
.graduates__works img,.graduates__works--single img{
max-height:300px
}
.graduates__works:nth-of-type(2n),.graduates__works--single:nth-of-type(2n){
-webkit-flex-direction:row-reverse;flex-direction:row-reverse
}
.graduates__works:nth-of-type(2n) .column--two:first-of-type span,.graduates__works--single:nth-of-type(2n) .column--two:first-of-type span{
float:left
}
.graduates__works:nth-of-type(2n) .column--two:nth-of-type(2) div,.graduates__works--single:nth-of-type(2n) .column--two:nth-of-type(2) div{
float:right
}
.graduates__works--single:nth-of-type(2n){
-webkit-flex-direction:row;flex-direction:row
}
.graduates__works--single:nth-of-type(2n) .column--two:first-of-type span{
float:right
}
.graduates__works--single:nth-of-type(2n) .column--two:nth-of-type(2) div{
float:left
}
@media screen and (max-width: 970px){
.graduates__works,.graduates__works--single{
display:block;padding:10px
}
.graduates__works .column--two:first-of-type span,.graduates__works--single .column--two:first-of-type span{
white-space:normal;float:none;text-align:center;display:block
}
.graduates__works .column--two:nth-of-type(2) div,.graduates__works--single .column--two:nth-of-type(2) div{
width:auto
}
.graduates__works img,.graduates__works--single img{
max-height:120px
}
.graduates__works:nth-of-type(2n) .column--two:first-of-type span,.graduates__works--single:nth-of-type(2n) .column--two:first-of-type span{
float:none
}
.graduates__works:nth-of-type(2n) .column--two:nth-of-type(2) div,.graduates__works--single:nth-of-type(2n) .column--two:nth-of-type(2) div{
float:none
}

}
.career__col{
width:1080px;margin:0 auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap
}
.career__col>*{
width:400px
}
.career__col>*:last-child{
margin-right:50px
}
@media screen and (max-width: 970px){
.career__col{
width:auto
}
.career__col>*{
width:auto
}
.career__col>*:last-child{
margin-right:0
}

}

div.no1_logo{

	text-align: center;	

}

div.no1_logo img{

	margin:0 auto;
	margin-top:3%;
	margin-bottom:3%;

}

img.pc_logo{

	display: block;

}

img.mobile_logo{

	display: none;

}

.header-icon{
	position: relative;
	top:1px;
	font-size: 13px !important;
	margin-left: 5px;
}

div.blog-textbox{

	padding:10px 0;
	position: relative;

}

div.blog-textbox span{

	color:#fff;

}

div.calendar table td a{

	font-size: 0.8em !important;

}

img.mobile-logo-img{

	position: absolute;
	z-index: 1;
	width: 240px;
	top: 20px;
	left: 20px;
	
}


}

img.pc-logo-img{

	display: inline-block;

}

p.blog_date{
	font-family: itc-avant-garde-gothic-pro, sans-serif;
	font-style: normal;
	font-size: 0.8rem;
	color:#a1a1a1;
	border:0;

}

p.blog_title{

	font-size: 0.9rem;
	font-weight:500;
	border:0;

}

p.blog_detail{

	font-size: 11px;
	border:0;

}

p/blog_detail{

	font-size: 10px;

}

div.thumb-img{

	height:221px;
	overflow: hidden;

}

div.oc-topic{

	width:100%;	

}

.blog-post{

	width:25%;
	padding: 20px;
	margin:0;
	float: left;

}

a.detail-more{

	font-weight: 600;

}


.home__content__block--pickup h2{

	

}

ul.public ol{

	padding:10px 20px;

}

ul.public li{

	padding-left:30px;
	padding: 13px;
	font-size: 14px;


}

ul.public li.title{

	padding-left:0;
	font-size: 16px;
	font-weight: 700;
	float: none;

}

ul.public i.material-icons{

	position: relative;
	top: 6px;
	margin-left: 4px;

}

li.title i.material-icons{

	top:7px;

}
i.event{
	position: relative;
	top:6px;
}
div.oc-topic{
	height: 400px;
	background-image: url('../../../../../img/nichideto.jpg');
	background-repeat: no-repeat;
	background-position-x: 50%;
	margin: 3% 0;
}
section.oc-pickup{
	margin: 2% 0;
}
section.pickup{
	margin: 0 4%;
	
}
section.pickup h2{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 5% 0;
	text-align: center;
	color: #da0202;
}
@media screen and (max-width: 970px){
	div.oc-topic{
		height: 125px;
		background-position-x: -104px;
		background-size: 160%;
	}
	section.piuckup{
		margin: 0 4%;
	}
	section.pickup h2{
		font-size: 1.3rem;
	}
}
p.top_topics{

	font-size: 1.1rem;
	font-weight: 700;
	width: 300px;
	background: #000;
	padding: 10px;
	color: #fff;
	border-radius: 20px;
	margin: 0 auto;
	margin-top: 4%;
	margin-bottom: 3%;

}
.scale-bg {
    background: url(../img/bg.png) no-repeat top center;
    background-size: 100%;
    width: 100%;
    padding-bottom: 400px;
    height: 1500px;
    z-index: 0;
    top: 0;
}
.scale-bg img{
	position: absolute;
	width: 100%;
}
@media screen and (max-width:375px){

	#main .container h2{

		font-size: 1rem;
	
}

	
	div.thumb-img{

		height:109px;
	
}

	div.oc-topic{

		margin-top:30px;
		padding:0;	
	
}

	.blog-post{

		width:50%;
		height:310px;
	
}

	div.blog-textbox{

		padding:0px;
	
}

	div.post p{

		font-size: 0.85rem;
		line-height: 2rem;
		padding: 0 10%;
	
}

@media screen and (max-width: 970px){
	div.no1_logo img{
		width:90%;
	}
	.home__content__block--blog .post{
		padding: 0 10px;
	}
	.home__content__block--blog{
		height:auto;
	}
	.header-icon{
		display: none !important;
	}
	img.pc_logo{
		display: none;
	}
	img.mobile_logo{
		display: block;
	}
	img.mobile-logo-img{
		display: inline-block;
		width: 34%;
		position: absolute;
		top: 12px;
		left: 8px;
		z-index: 1;
	}
	img.pc-logo-img{
		display: none;
	}
	.scale-bg{
		top: 7%;
	}
}
div#frame div{
	height: auto;
}