@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
margin:0;
padding:0;
font-size:100%;
background-color:#fff;
color:#1a1919;
}

a:link {color:#3b5998;text-decoration:underline;}
a:visited {color:#3b5998;text-decoration:underline;}
a:hover {color:#206CFF;text-decoration:none;}
a img {border-style:none;}
a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}
a img {
border-style:none;
-webkit-transition: all .3s;
transition:all .3s;
}
a{
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
img {vertical-align:bottom;}

.clr{clear:both;}

p {
font-size:100%;
line-height:160%;
}
.pcnone{}
.spnone{display:none;}

.large { font-size: 150%; }

#logo{
margin:0;
padding:15px 0 10px 0;
text-align:center;
border-bottom:2px solid #ff9300;
}
#logo img{
height:50px;
}

#movie{
margin:0;
padding:25px 20px 25px 20px;
background:#fafafa;
}
#title{
margin:0;
padding:0;
}
#movie_box{
margin:0;
padding:0;
}
.movie_main{
margin:0;
padding:0 0 10px 0;
}

.movie_thumb{
margin:0;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}

.video{
margin:0;
padding:0;
position:relative;
width:100%;
padding-top:56.25%;
}
.video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

.movie_lesson{
margin:0;
padding:2px 0 15px 0;
font-size:120%;
line-height:100%;
color:#000000;
font-weight: bold;
font-family: 'Roboto Condensed', sans-serif;
}
.movie_lesson span{
padding:4px 10px 4px 10px;
background-color:#ffffff;
border: 2px solid #ff6400;
}
.movie_title{
margin:0;
padding:0 0 10px 0;
font-size:150%;
font-weight:bold;
line-height:140%;
}
.movie_title span{
font-size:70%;
}

.movie_title strong {
	color: #ff6400;
}


.thumbnail{
width:48%;
margin:0;
padding:0;
}
.thumbnail a{display:block;}
.thumbnail a:link {color:#1a1919;text-decoration:none;}
.thumbnail a:visited {color:#1a1919;text-decoration:none;}
.thumbnail a:hover {color:#1a1919;text-decoration:none;}

.thumbnail_pict{
margin:0;
padding:15px 0 10px 0;
}
.thumbnail_pict img{
width:100%;
}

.thumbnail_detail{
margin:0;
padding:0;
font-size:100%;
line-height:140%;
}

.thumbnail_lesson{
margin:0;
padding:5px 0 10px 0;
font-size:100%;
line-height:100%;
color:#000;
font-family: 'Roboto Condensed', sans-serif;
margin-bottom: 5px;
}
.thumbnail_lesson span{
padding:4px 10px 4px 10px;
background-color: #ffffff;
border: 2px solid #ff6400;
}

.thumbnail_detail strong {
	color: #ff6400;
}


.thumbnail_status{
margin:0;
padding:5px 0 0 0;
font-size:60%;
color:#999;
}

.movie_text{
margin:20px 0 0 0;
padding:0;
}
.wordcheck{
margin:20px 0;
padding:10px 20px 1px 20px;
border:1px solid #ff9300;
border-radius:3px;
}
.wordcheck_ttl{
margin:0 0 10px 0;
padding:5px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
color:#ff9300;
border-bottom:1px dotted #999;
}
.wordcheck ul {
margin:0;
padding:0;
list-style:none;
}
.wordcheck ul li {
display:inline-block;
margin:0 1px 15px 1px;
padding:0;
font-size:90%;
line-height:150%;
}
.wordcheck span{
font-size:150%;
font-weight:bold;
font-family: 'Roboto Condensed', sans-serif;
}

.voiceuser_ttl {
	color: #1a1919;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.5;
	margin-top: 1.5em;
	margin-bottom: 1em;
	text-align: center;
}
.voiceuser_w {
	overflow: hidden;
}
.voiceuser_movie {
	display: inline-block;
  margin-bottom: 25px;
	width: 100%;
}
.voiceuser_w .vu_title {
	color: #1a1919;
	display: block;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 100%;
	margin-bottom: 10px;
	text-align: center;
}
.voiceuser_w iframe {
	display: block;
	height: 180px;
	margin: 0 auto;
	width: 100%;
}

#news{
margin:0;
padding:25px 20px 30px 20px;
background-color:#ffefbe;
}

.news_head{
margin:0;
padding:1px 0 6px 0;
text-align:center;
}
.news_head span{
padding:2px 10px 1px 10px;
font-size:80%;
line-height:100%;
color:#ff9300;
border:1px solid #ff9300;
font-family: 'Roboto Condensed', sans-serif;
}
.news_subhead{
margin:0;
padding:0 0 10px 0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.news_box{
margin:0 auto;
padding:20px 25px 20px 25px;
font-size:100%;
line-height:180%;
background-color:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.news_title{
margin:0;
padding:0 0 10px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#ff6400;
}

.news_title span {
	background: #03be02;
	color: #ffffff;
	padding: 5px 10px;
	margin: 0 3px;
}
.news_title img {
	display: none;
}

.news_img {
	text-align: center;
	margin-bottom: 20px;
}

.triangle{
margin:0;
padding:0;
text-align:center;
width:0;
height:0;
border-left:50px solid transparent;
border-right:50px solid transparent;
border-top:30px solid #ffefbe;
}


#wrapper{
margin:0;
padding:15px 20px 45px 20px;
}

.present_head{
margin:0;
padding:10px 0 10px 0;
text-align:center;
}
.present_head span{
margin:0 auto;
padding:5px 15px;
font-size:120%;
font-weight:bold;
line-height:100%;
color:#fff;
background-color:#ff9300;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.present_title{
margin:0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.present_step{
margin:0;
padding:0;
}
.step_text{
margin:0;
padding:0;
font-size:16px;
line-height:160%;
}
.step_photo{
margin:0;
padding:0;
}
.step_photo img{
width:100%;
}

.process_title{
margin:0 0 15px 0;
padding:5px 0 3px 0;
font-size:110%;
font-weight:bold;
line-height:150%;
border-bottom:solid 1px #ff9300;
}
table.process{
width:100%;
border-collapse:collapse;
margin:10px 0 0 0;
}
table.process th{
width:50px;
font-size:100%;
line-height:100%;
padding:15px 0 0 0;
vertical-align:top;
text-align:left;
font-family: 'Roboto Condensed', sans-serif;
}
table.process td{
font-size:100%;
font-weight:bold;
line-height:160%;
padding:10px 0 5px 0;
border-bottom:dotted 1px #999999;
vertical-align:top;
}
.process span{
padding:5px 12px;
color:#fff;
background-color:#ff9300;
}

.present_text{
margin:0 auto;
padding:10px 0 0 0;
}
.present_summary{
margin:0 auto;
padding:0;
}
.caption_box{
margin:0;
padding:10px 0 0 0;
font-size:75%;
color:#666;
line-height:150%;
}

.line_head{
margin:0;
padding:30px 0 15px 0;
text-align:center;
font-size: 24px;
}
.line_head span{
margin:0 auto;
padding:5px 15px;
font-weight:bold;
line-height:100%;
color:#fff;
background-color:#00ac36;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

.line_box{
margin:0;
padding:0;
}
.line_sp{
margin:0;
padding:0;
}
.line_sp img{
width:100%;
}
.line_number{
margin:0;
padding:10px 0 15px 0;
text-align:center;
}
.line_number span{
margin:0 auto;
padding:8px 15px;
font-size:18px;
font-weight:bold;
line-height:100%;
color:#fff;
background-color:#00ac36;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
font-family: 'Roboto Condensed', sans-serif;
}
.line_name{
margin:0 0 10px 0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
}

.induction{
margin:0;
padding:15px 0 0 0;
font-size:200%;
font-weight:bold;
line-height:140%;
text-align:center;
}
.triangle_line{
margin:20px 0 25px 0;
padding:0;
text-align:center;
width:0;
height:0;
border-left:60px solid transparent;
border-right:60px solid transparent;
border-top:35px solid #00bb00;
}

.line_top{
margin:0 0 10px 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
text-align:center;
color:#009744;
}
.line_title{
margin:15px auto;
padding:0;
font-size:120%;
font-weight:bold;
line-height:140%;
text-align:center;
color:#00bb00;
}
.step_box{
margin:0;
padding:20px 15px 1px 15px;
border:5px solid #00bb00;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.step{
width:48%;
margin:0;
padding:0 0 15px 0;
font-size:100%;
font-weight:bold;
line-height:140%;
text-align:center;
color:#3c4258;
}
.flow img{
width:80%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
margin-bottom:10px;
border:1px solid #3c4258;
}
.qr img{width:80%;margin-bottom:7px;}

#special{
margin:0;
padding:40px 20px 45px 20px;
background:#f3f3f3;
}
.special_title{
margin:0;
padding:0 0 15px 0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#ff6400;
}
.special_text{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:160%;
}
.special_box{
margin:15px auto 25px auto;
padding:20px 20px 5px 20px;
font-size:100%;
line-height:180%;
border:1px solid #ddd;
background:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.special{
margin:-15px 0 0 0;
padding:0;
}

.device{
margin:0;
padding:0;
text-align:center;
}
.device a:link {color:#fff;text-decoration:none;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}

.btn {
display:inline-block;
margin:0;
padding:20px 0;
font-size:115%;
font-weight:bold;
text-decoration:none;
color:#fff;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
}
.btn:hover {
opacity:0.7;
}

.size_01{width:90%;background:#03be02;}
.size_02{width:90%;background:#ff6400;}


.prf_title{
margin:45px 0 15px 0;
padding:0;
font-size:125%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.prf{
margin:0 20px;
padding:0;
}
.prf_photo{
margin:0;
padding:0 0 15px 0;
text-align:center;
}
.prf_photo img{
width:60%;
border:1px solid #eee;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.name_eng{
margin:0;
padding:0 0 5px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
color:#ff9300;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.name{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.name_jpn{
margin:0 0 20px 0;
padding:5px 0 10px 0;
font-size:80%;
line-height:150%;
text-align:center;
border-bottom:1px solid #ff9300;
}
.photobox{
margin:0;
padding:10px 0 0 0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.photo{
width:49%;
margin:0 0 10px 0;
padding:0;
font-size:60%;
line-height:150%;;
text-align:center;
}
.photo img{
width:100%;
margin-bottom:5px;
}

.lecturer_subhead{
margin:30px 0 0 0;
padding:0 0 10px 0;
font-size:110%;
font-weight:bold;
line-height:100%;
border-bottom:solid 1px #ff9300;
}

.prf ul{
margin:15px 0 0 0;
padding:0 0 0 20px;
}
.prf ul li{
list-style-type:disc;
margin:0;
padding:0 0 5px 0;
font-size:90%;
line-height:150%;
}

.book{display:none;}

#video_box{
margin:0;
padding:25px 20px 20px 20px;
text-align:center;
}

.support_title{
margin:45px 20px 0 20px;
padding:15px 0;
font-size:120%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#fff;
border-top:1px solid #383838;
border-left:1px solid #383838;
border-right:1px solid #383838;
background-color:#383838;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
.support_box{
margin:0 20px;
padding:20px 20px 20px 20px;
text-align:center;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
}
.support_message{
margin:0;
padding:0 0 10px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
}
.support_line{
margin:0;
padding:10px 0 0 0;
font-size:100%;
font-weight:bold;
line-height:150%;
}
.support_subtitle{
margin:0;
padding:12px 0 2px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
}
.support_add{
margin:0 auto 0 0;
padding:2px 0;
}
.support_add a:link {color:#fff;text-decoration:none;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.support_add a:visited {color:#fff;text-decoration:none;}
.support_add a:hover {color:#fff;text-decoration:none;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.add {
display:inline-block;
width:100%;
margin:0;
padding:15px 0;
font-size:120%;
font-weight:bold;
text-decoration:none;
color:#fff;
text-align:center;
background:#03be02;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.add:hover {
opacity:0.7;
}

.support_tel{
margin:0;
padding:0;
font-size:200%;
font-weight:bold;
line-height:100%;
}
.support_tel a:link {color:#1a1919;text-decoration:none;}
.support_tel a:visited {color:#1a1919;text-decoration:none;}
.support_tel a:hover {color:#1a1919;text-decoration:none;}

.support_time{
margin:0;
padding:5px 0 0 0;
font-size:75%;
line-height:150%;
color:#666;
}

.gallery_head{
margin:30px 20px 0 20px;
padding:0;
font-size:100%;
line-height:150%;
text-align:center;
}
.gallery_box{
margin:0 20px 1px 20px;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}

.gallery_title{
margin:0;
padding:0 0 5px 0;
font-size:100%;
font-weight:bold;
line-height:140%;
text-align:center;
}
.gallery{
width:49%;
margin:0;
padding:15px 0 0 0;
}
.gallery img{
width:100%;
}
.gallery a{display:block;}
.gallery a:link {color:#1a1919;text-decoration:none;}
.gallery a:visited {color:#1a1919;text-decoration:none;}
.gallery a:hover {color:#1a1919;text-decoration:none;}

.webiner_caption{
margin:-10px 20px 20px 20px;
padding:0;
font-size:75%;
line-height:160%;
color:#666;
}

.webiner_subhead{
margin:20px 20px 0 20px;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#ff6400;
}

.webiner_text{
margin:0;
padding:5px 20px 0 20px;
font-size:90%;
line-height:160%;
}

.webiner_message{
margin:30px 0 15px 0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:180%;
text-align:center;
}


.tokuten {
	width: auto;
	border: 5px solid #ffcccc;
	padding: 0;
	margin: 30px 0 0 0;
}

.tokuten h3 {
	background: #fcf4d7;
	padding: 10px;
	margin: 0;
	font-weight: normal;
	font-size: 24px;
	position: relative;
	text-align: center;
}

.tokuten h3:before {
	position: absolute;
	top: 5px;
	left: 10px;
	content: "";
	display: inline-block;
	background: url(img/present_s.png) no-repeat;
	width: 35px;
	height: 44px;
}

.tokuten p {
	font-size: 30px;
	font-weight: bold;
	margin: 10px;
	line-height: 1.3;
	text-align: center;
}

.step3 img {
	width: 100%;
}

.qrcode {
	width: auto;
	margin: 0;
	background: #eeeeee;
	padding: 30px;
	text-align: center;
	font-size: 22px;
}

.qrcode img {
	width: 100%;
}

.uketorikata {
	border: #ff9600 4px solid;
	padding: 0 0 10px 0;
	width: auto;
	margin: 0;
}

.uketorikata h3 {
	background: #ff9600;
	color: #fff;
	text-align: center;
	font-size: 28px;
	margin: 0;
	padding: 10px;
	line-height: 1;
}

.uketorikata p.copy {
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	margin: 20px 20px 0 20px;
}

.uketorikata h4 {
	font-size: 20px;
	font-weight: normal;
	margin: 20px 20px 0 20px;
}

.uketorikata p {
	font-size: 16px;
	margin: 10px 20px 0 20px;
}

.uketorikata_l, .uketorikata_r {
	text-align: center;
	margin: 30px 20px 0 20px;
}

.uketorikata > div img {
	width: 94%;
}





/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {color:#e53244;}
.org {color:#ff6400;}
.green{color:#00bb00;}
.through{text-decoration:line-through;}
.ym{background:linear-gradient(transparent 60%, #f7ef40 60%);}
.dotline{border-bottom:dotted 3px orange;}
.caption{font-size:75%;color:#666;font-weight:normal;line-height:150%;}
.bk_ye {background: #fef3cd}
.bk_gr { background: #0ab607; color:#fff; }


/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}


/*---------- マージン、揃え ----------*/

.mt30{margin-top:30px;}
.t_c { text-align: center; }




/*---------- フッター ----------*/


#footer{
margin:0;
padding:30px 0;
font-size:12px;
line-height:100%;
text-align:center;
color:#999f;
font-family: 'Roboto Condensed', sans-serif;
}

#right_btn{
display:none;
}



#movie_wrapper {margin: 0 auto;}
#wrap {
    width: 100%;
    margin: 0;
    padding: 25px 0 35px 0;
    text-align: center;
}

h2 {
	font-size: 1.4em;
}

.sp_line {
  background-color: #00b900;
  bottom: 0;
  left: 0;
  padding: 1px 0;
  position: fixed;
  width: 100%;
}
.sp_line a {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
}
.sp_line a .logo_line {
  display: inline-block;
  height: 35px;
  margin-right: 3px;
  width: 35px;
  vertical-align: middle;
}


/* Kando Page */

#kando_wrapper{
display: block;
margin:0 auto;
width: 90%;
}

.kando_title{
margin:25px auto 15px;
font-size:150%;
font-weight:bold;
line-height:140%;
letter-spacing:1px;
text-align: center;
}

.kando_pp{
overflow: hidden;
}

.kando_pp--text{
font-size: 100%;
line-height:150%;
letter-spacing:1px;
margin: 20px auto 15px;
}

.kando_ted--text{
margin-top: 40px;
font-size: 100%;
line-height:150%;
letter-spacing:1px;
}

.kando_ted1--text{
margin-top: 40px;
font-size: 100%;
line-height:150%;
letter-spacing:1px;
}

.kando_movie_text{
font-size: 100%;
line-height:150%;
letter-spacing:1px;
}
.kando_img{
display: block;
width: 60%;
margin: 0 auto;
}

.kando_graph{
display: block;
margin: 0 auto;
width: 95%;
}

.kando_img img{
width: 100%;
}

.kando_graph img{
width: 100%;
}

.kando_video{
margin: 0 auto;
}

.kando_video iframe{
display: block;
width: 100%;
height: 180px;
margin: 0 auto;
}

.kando_video_thumb{
display: inline-block;
padding: 3px;
width: 46%;
}

.kando_video_thumb iframe{
display: block;
height: 100px;
width: 100%;
}
.kando_video_thumb img{
width: 100%;
}

table.kando_process{
width:100%;
border-collapse:collapse;
margin:0 0 0 5px;
}
table.kando_process th{
width:50px;
font-size:100%;
line-height:180%;
padding:10px 0 5px 0;
vertical-align:top;
text-align:left;
font-family: 'Roboto Condensed', sans-serif;
}

table.kando_process td{
font-size:100%;
font-weight:bold;
line-height:160%;
letter-spacing:1px;
padding:10px 0 5px 0;
vertical-align:top;
}

.kando_process span{
padding:5px 12px;
color:#fff;
background-color:#ff9300;
}

.kando_device{
margin: 30px 0 20px 0;
padding:0;
text-align:center;
overflow: hidden;
font-size: 100%;
}

.kando_device i{
float: right;
font-size: 130%;
line-height: 150%;
margin: -15px 15px 0 0;
}

.kando_device a:link {color:#fff;text-decoration:none;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.kando_device a:visited {color:#fff;text-decoration:none;}
.kando_device a:hover {color:#fff;text-decoration:none;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}

.size_03{width:100%;background:#ff8802;}

#kando_movie{
margin:0 auto;
padding:0;
border: 20px solid #fafafa;
}

#kando_movie_box{
margin:0;
padding:0;
}

.kando_movie_main{
margin:0;
padding:0;
}

.kando_btn {
display:inline-block;
margin:0;
padding:20px 0;
font-size:90%;
font-weight:bold;
text-decoration:none;
color:#fff;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
}
.kando_btn:hover {
opacity:0.7;
}


/*---------- voice_movie ----------*/

#vm_wrapper{
display: block;
margin:0 auto;
width: 90%;
}

.vm_title{
margin:25px auto 15px;
font-size:150%;
font-weight:bold;
line-height:140%;
letter-spacing:1px;
text-align: center;
}
.vm_digest_bg{
margin:0 0 25px 0;
padding:0;
}
.vm_digest{
margin:0;
padding:0;
}

.yt {
position: relative;
width:100%;
margin:0;
padding-top:56.25%;
}
.yt iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.yt_video {
position: absolute;
width:100%;
height:auto;
top:0;
}
.yt_video img {
width:100%;
height:auto;
}
/* YouTubeアイコン */
.yt_video::before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f04b";/* アイコン指定 */
font-weight:900;
color: #fc0d1c;/* アイコンカラー */
font-size: 12vw;/* アイコンサイズ */
top: 50%;
left: 50%;
transform : translate(-50%,-50%);
opacity: .90;/* アイコンを少し透明に */
transition:.5s;/* ゆっくり変化 */
}

/* 画像マウスホバー時 */
.yt_video img:hover{
cursor: pointer;/* リンクカーソル指定 */
width:100%;
height:auto;
box-sizing: border-box;
}
/* YouTubeアイコンマウスホバー時 */
.yt_video:hover::before {
opacity:0.6;
filter:alpha(opacity=60);
transition:.3s;/* ゆっくり変化 */
}

.video{
margin:0;
padding:0;
}
.video img{
width:100%;
}

.voice_box{
margin:0 0 45px 0;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.voice{
width:49%;
margin:0 0 10px 0;
padding:0;
font-size:75%;
line-height:150%;
text-align:center;
}
.voice .yt{
margin-bottom:5px;
}



/*ボタンアニメーション*/
.btn_animation,
.syousai_b a img,
.syousai_b2 a img {
	width: 100%;
 -webkit-animation-duration: 2s;
 -webkit-animation-timing-function: ease-in-out;
 -webkit-animation-iteration-count: infinite;
 -webkit-transform-origin: middle center;
 -webkit-animation-name: animation06;
 -webkit-transform: rotate(0deg);
}
 @-webkit-keyframes animation06 {
 0% {
 -webkit-transform: rotate(0deg); bottom: 0;}
 50% {
 -webkit-transform: rotate(0deg); bottom: 0;}
 60% {
 -webkit-transform: rotate(5deg); bottom: 5px;}
 70% {
 -webkit-transform: rotate(-5deg);}
 80% {
 -webkit-transform: rotate(4deg);}
 90% {
 -webkit-transform: rotate(-3deg);}
 100% {
 -webkit-transform: rotate(0deg);}
}



.syousai_b a:hover img,
.syousai_b2 a:hover img {
	opacity: 0.8;
}





.syousai_b {
	margin: 0 20px;
}
.syousai_b img, .syousai_b2 img {
	width: 100%;
}




.imgw img {width:100%;}








/* media_box */

.media_box_out {
  background: #fafafa;
	margin: 0;
	padding: 30px 0;
}

.media_box {
  padding: 30px 10px;
  text-align: center;
  margin: 0 20px;
  background: #fff;
}

.media_box_ttl {
  font-weight: bold;
  font-size: 24px;
  margin: 0;
  color: #ff6400;
}

.small { font-size: 14px;}

.media_box.mt80 {
	margin-top: 30px;
}

.media_box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.media_box ul.school_list li {
  list-style: none;
  margin: 15px 10px 0 10px;
  padding: 0;
  display: block;
  font-size: 22px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
}

.media_box ul.school_list li:first-child { color: #1d9083; } /*青山学院大学*/
.media_box ul.school_list li:nth-child(2) { color: #cd2428; } /*中央大学*/
.media_box ul.school_list li:nth-child(3) { color: #5e3d5d; } /*大妻女子大学*/
.media_box ul.school_list li:nth-child(4) { color: #6b242a; } /*お茶の水女子大学*/
.media_box ul.school_list li:nth-child(5) { color: #174b8e; } /*学習院大学*/
.media_box ul.school_list li:nth-child(6) { color: #eb92ab; } /*成蹊大学*/
.media_box ul.school_list li:nth-child(7) { color: #2191dc; } /*昭和女子大学*/
.media_box ul.school_list li:nth-child(8) { color: #224936; } /*武蔵大学*/
.media_box ul.school_list li:nth-child(9) { color: #1f1715; } /*東京学芸大学*/
.media_box ul.school_list li:nth-child(10) { color: #a10c6c; } /*國學院大学*/

.media_box p.small {
	margin: 30px 0 0 0;
}

.media_box ul.media_list li {
  list-style: none;
  margin: 30px 10px 0 10px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
	width: 40%;
}

.media_box ul.media_list li img {
  max-width: 100%;
}

.mt80 { margin-top: 40px;}

.w80_sp { width: 80%; }










.feedback {
	text-align: center;
	padding: 30px 20px;
}

.feedback h2 {
	font-family: "Noto Sans Japanese";
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1;
	color: #ff6400;
}



.vm_digest .video {
	padding-top: 60%;
}




.media_box ul.media_list li,
h4.newspaper_ttl { font-weight: bold; }

.media_box ul.media_list li { font-size: 3.7vw; }
h4.newspaper_ttl { font-size: 6.5vw; }
.media_box ul.media_list li {
	list-style: none;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	margin: 5vw 0 0 0;
	display: inline-block;
}
.media_box ul.media_list li:nth-child(odd) { width: 44vw; }
.media_box ul.media_list li:nth-child(even) { width: 36vw; }
#puzzle_lp .media_box ul.media_list li:nth-child(odd) { width: 43vw; }
#puzzle_lp .media_box ul.media_list li:nth-child(even) { width: 32vw; }

.newsp01 { color: #4a4a4a; }
.newsp01 span { color: #f90d2e; }
.newsp02 { color: #196ab8; }
.newsp03 { color: #b80a19; }
.newsp04 { color: #1d9c4b; }
.newsp05 { color: #000000; }
.newsp06 { color: #232b3e; }
.newsp06 span { color: #22ba1d; }
.newsp07 { color: #3181d1; }
.newsp08 { color: #494691; }
.newsp08 span { color: #1e81ce; }
.newsp09 { color: #5d5d5d; }
.newsp10 { color: #752108; }
.newsp11 { color: #2c2c2c; }
.newsp12 { color: #3c78bb; }
.newsp13 { color: #1d1412; }
.newsp13 span { color: #175cab; }
.newsp14 { color: #160808; }
.newsp15 { color: #fb8f1a; }
.newsp15 span { color: #000000; }
.newsp16 { color: #000000; }
.newsp16 .red { color: #b73327 !important; }
.newsp16 .gold { color: #c19e42; }
.newsp17 { color: #f91f17; }

.mw264 {
  max-width: 264px;
}



/* smart.css end DW一括置換時に最下部に必要！消さないで！*/