@charset "UTF-8";

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

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

a:link {color:#d73143;text-decoration:underline;}
a:visited {color:#d73143;text-decoration:underline;}
a:hover {color:#d73143;text-decoration:none;}
a img {border-style:none;}
a img {
border-style:none;
-webkit-transition: all .3s;
transition:all .3s;
}
img {vertical-align:bottom;}

.clr{clear:both;}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}

.pcnone{}
.spnone{display:none;}
.sp_pad_none{display:none;}

p {
font-size:100%;
line-height:160%;
}

header  {
width:100%;
height:48px;
margin:0;
padding:0;
top:0;
left:0;
z-index:9990;
position:fixed;
background-color:none;
position:absolute;
top:0;
transition: all 0.5s ease;
}
header.scroll{
position:fixed;
top:0;
background:rgba(255,255,255,0.9);
}

.header_in  {
margin:0;
padding:0;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.logo {
margin:0;
padding:9px 0 0 15px;
float:left;
}
.logo img{height:20px;}

.infobox{
margin:0;
padding:0;
float:right;
}
header nav {
margin:0;
padding:0;
font-size:100%;
line-height:120%;
letter-spacing:1px;
}

ul.menu li {
margin:0;
padding:0;
color:#fff;
list-style:none;
border-bottom:solid 1px #444;
}
ul.menu li a {
display:block;
padding:16px 15px 14px 0;
color:#fff;
text-decoration:none;
-webkit-transition: all .3s;
transition:all .3s;
}
ul.menu li a:hover {
color:#999;
padding:16px 15px 14px 10px;
}
.menu span{
font-size:75%;
font-family: 'Roboto Condensed', sans-serif;
color:#999;
}


/*---------- ナビゲーションドロワー ----------*/

.click {
background:transparent url(img/btn.png) no-repeat 0 0;
background-size:auto 35px;
display:block;
width:35px;
height:35px;
position:absolute;
top:10px;
right:10px;
cursor:pointer;
z-index:9999;
}
.peke {
background-position:-35px 0;
}
.drawr {
display:none;
background-color:rgba(0,0,0,0.80);
position:absolute;
top:0px;
right:0;
width:310px;
padding:45px 0 20px 0;
z-index:9990;
}


/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}


#copy{
width:100%;
height:500px;
margin:0;
padding:0;
position:relative;
background:url(img/copy_sp.jpg) ;
background-repeat:no-repeat;
background-position:bottom right;
background-size:cover;
border-bottom:5px solid #d73143;
}
h1 img{width:55%;}
#copy h1{
margin:0 20px;
padding:0;
position: absolute;
top:40%;
left:0;
transform: translateY(-40%) translateX(0);
-webkit- transform: translateY(-40%) translateX(0);
}

.badge{
margin:0;
padding:0;
text-align:right;
position: absolute;
bottom:1%;
right:3%;
transform: translateY(-1%) translateX(-3%);
-webkit- transform: translateY(-1%) translateX(-3%);
}
.badge img{width:50%;}

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

.btn {
display:inline-block;
line-height:100%;
letter-spacing:1px;
text-decoration:none;
text-align:center;
background:-moz-linear-gradient(left, #2156f5, #8c45fb);
background:-webkit-linear-gradient(left, #2156f5, #8c45fb);
background:linear-gradient(to right, #2156f5, #8c45fb);
}
.btn:hover {
box-shadow:0 0 0;
background:-moz-linear-gradient(left, #3d52f7, #a841fd);
background:-webkit-linear-gradient(left, #3d52f7, #a841fd);
background:linear-gradient(to right, #3d52f7, #a841fd);
}
.size_01{
width:55%;
margin:20px auto 0 0;
padding:20px 0;
font-size:14px;
font-weight:bold;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px;
}
.size_02{
width:100%;
margin:15px auto 0 auto;
padding:30px 0;
font-size:120%;
font-weight:bold;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px;
}


/*---------- トップ ----------*/

#memo_bg{
margin:0 0 45px 0;
padding:30px 20px;
background-color:#f3f6f8;
}

#memo{
margin:0;
padding:0;
}
.memo_txt{
margin:0 0 30px 0;
padding:0;
position:relative;
}
.memo_box{
width:100%;
margin:0;
padding:0;
}
.memo_in{
margin:0;
padding:20px 30px 5px 30px;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.memo_in::before,
.memo_in::after {
position:absolute;
top:0;
content:'';
width:30px;
height:100%;
border-top:1px solid #555;
border-bottom:1px solid #555;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.memo_in::before {
left:0;
border-left:1px solid #555;
}
.memo_in::after {
right:0;
border-right:1px solid #555;
}
.memo_title{
margin:0;
padding:0 0 10px 0;
text-align:center;
}
.memo_title img{
width:100%;
}
.memo_photo{
margin:0;
padding:0;
}
.memo_photo img{
width:100%;
}


.subhead_eng{
margin:0;
padding:0;
font-size:250%;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.subhead_eng_mt{
margin:45px 0 0 0;
padding:0;
font-size:250%;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
hr {
width:240px;
margin:10px auto 12px auto;
padding:0;
height:0;
border:none;
text-align:center;
}
.subhead{
margin:0 0 20px 0;
padding:0;
font-size:100%;
font-weight:normal;
line-height:150%;
text-align:center;
}

.red{color:#d73143;}
.white{color:#fff;}

.type_01{border-top:1px solid #d73143;}
.type_02{border-top:1px solid #fff;}


.feature_box{
margin:0 20px;
padding:0 0 30px 0;
}
.feature{
margin:0;
padding:0 0 30px 0;
}
.feature_digits{
margin:0;
padding:0 0 5px 0;
font-size:80%;
line-height:150%;
letter-spacing:1px;
text-align:center;
color:#ff9898;
font-family: 'Roboto Condensed', sans-serif;
}

.feature_number{
margin:0;
padding:5px 0 15px 0;
font-size:18px;
font-weight:bold;
line-height:100%;
text-align:center;
}
.feature_number span{
padding:5px 12px;
color:#fff;
background-color:#d73143;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
font-family: 'Roboto Condensed', sans-serif;
}
.feature_title{
margin:0;
padding:0 0 15px 0;
font-size:125%;
font-weight:bold;
line-height:140%;
text-align:center;
}
.feature_pict{
margin:0;
padding:0;
text-align:center;
}
.feature_pict img{width:100%;}

.contact{
margin:0;
padding:45px 20px;
color:#fff;
background:#eb4753;
}
.contact_title{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.contact_title span{
padding:0 0 5px 0;
border-bottom:solid 3px #fff;
}
.contact_text{
margin:25px 0 0 2px;
padding:0;
font-size:100%;
line-height:160%;
text-align:center;
}
.contact_caption{
margin:25px 0 0 0;
padding:0;
font-size:75%;
line-height:160%;
color:#fbdddd;
}

#contents{
margin:0;
padding:45px 20px 20px 20px;
background-color:#f3f6f8;
}
#contents ul{
margin:0;
padding:0;
}
#contents ul li{
margin:0;
padding:0 0 15px 0;
list-style:none;
}
#contents ul li .photo,
#contents ul li .txt {
margin:0;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.photo img{
width:100%;
}

.contents_head{
margin:0;
padding:20px 0 5px 0;
font-size:100%;
line-height:150%;
letter-spacing:5px;
color:#fa5d5d;
font-style:oblique;
font-family: 'Roboto Condensed', sans-serif;
}
.contents_title{
margin:0;
padding:0;
font-size:125%;
line-height:150%;
}


#message{
height:500px;
margin:0 0 45px 0;
padding:0;
position:relative;
background:url(img/img_04sp.jpg) ;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.message_in{
width:85%;
margin:0;
padding:0;
color:#fff;
position:absolute;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}


.voice_box{
margin:0;
padding:0 20px 15px 20px;
}
.voice{
margin:0;
padding:0 0 20px 0;
}
.voice_photo{
margin:0;
padding:0;
text-align:center;
}
.voice_photo img{
width:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.voice_title{
margin:0 0 10px 0;
padding:15px 0 5px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
border-bottom:1px solid #d73143;
}
.voice_name{
margin:0;
padding:0;
font-size:80%;
line-height:150%;
text-align:center;
color:#666;
}

#course{
margin:0 20px;
padding:0;
}
.course_title{
margin:0;
padding:0 0 25px 0;
font-size:24px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:center;
}
#course table{
width:100%;
border-collapse:separate;
margin:0;
}
#course table th{
width:100px;
font-size:100%;
font-weight:normal;
line-height:150%;
padding:10px 0;
color:#fff;
background:#d73143;
}
#course table td{
font-size:100%;
line-height:150%;
padding:10px 0 10px 10px;
border-bottom:solid 1px #ccc;
}

#lecturer{
margin:0 20px 45px 20px;
padding:0;
}
.lecturer_photo{
margin:0;
padding:0;
text-align:center;
}
.lecturer_photo img{
width:60%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.lecturer_eng{
margin:0;
padding:15px 0 0 0;
font-size:80%;
line-height:150%;
text-align:center;
color:#d73143;
font-family: 'Roboto Condensed', sans-serif;
}
.lecturer_name{
margin:0;
padding:10px 0 5px 0;
font-size:150%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.lecturer_name span{
font-size:60%;
font-weight:normal;
}

.lecturer_subhead{
margin:30px 0 0 0;
padding:10px 0 10px 15px;
font-size:120%;
line-height:100%;
color:#d73143;
border-left:solid 1px #d73143;
border-bottom:solid 1px #d73143;
}

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

.device{
margin:0;
padding:0;
text-align:center;
}
.device a:link {
color:#d73143;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:#d73143;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}

.button {
display:inline-block;
font-weight:bold;
line-height:100%;
text-decoration:none;
text-align:center;
color:#d73143;
background:#fff;
border:solid 2px #d73143;
}
.button:hover {
color:#fff;
background:#d73143;
}

.pattern_01{
margin:30px 0 15px 0;
padding:15px 30px;
font-size:100%;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}
.pattern_02{
width:80%;
margin:15px 0 30px 0;
padding:20px 0;
font-size:100%;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}

.action {
margin:48px 0 0 0;
padding:15px;
font-size:75%;
line-height:100%;
letter-spacing:1px;
color:#666;
border-top:solid 1px #ddd;
border-bottom:solid 1px #ddd;
}
.action li {display:inline;list-style-type:none;}
.action a:link {color:#666;text-decoration:none;-webkit-transition: all .5s;transition:all .5s;}
.action a:visited {color:#666;text-decoration:none;}
.action a:hover {color:#999;text-decoration:none;}


.page_title{
margin:45px 0 45px 0;
padding:0;
font-size:240%;
font-weight:normal;
line-height:100%;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}

#wrapper {
margin:0;
padding:0;
}
#wrapper a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}
#container{
margin:0;
padding:0 0 1px 0;
}

.sub_head{
margin:0;
padding:0 0 0 5px;
font-size:100%;
font-weight:bold;
line-height:150%;
letter-spacing:5px;
text-align:center;
color:#d73143;
font-family: 'Roboto Condensed', sans-serif;
}
.sub_head_jpn{
margin:5px 0 30px 0;
padding:0;
font-size:80%;
font-weight:normal;
line-height:150%;
letter-spacing:1px;
text-align:center;
}

.contents{
margin:0 25px 60px 25px;
padding:0;
}

table.spec{
width:100%;
border-collapse:collapse;
margin:0;
}
table.spec th{
font-size:15px;
line-height:150%;
letter-spacing:1px;
padding:0 0 3px 0;
text-align:left;
border-bottom:solid 1px #d73143;
display:block;
}
table.spec td{
font-size:15px;
line-height:150%;
letter-spacing:1px;
padding:8px 0 15px 0;
display:block;
}

.privacy{}
.privacy p{font-size:14px;}
.pp{
margin:45px 0 0 0;
padding:0;
font-size:16px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
}

table.entry, table.table_form {
width:100%;
border-collapse:collapse;
margin:15px 0 10px 0;
}
table.entry th, table.table_form td:first-child {
font-size:100%;
line-height:100%;
padding:15px 0 10px 0;
text-align:left;
border-bottom:solid 1px #ccc;
display:block;
font-weight: bold;
}
table.entry td, table.table_form td:last-child {
font-size:16px;
line-height:180%;
letter-spacing:1px;
padding:10px 0 10px 0;
display:block;
}

.req{
margin:0;
padding:0;
float:right;
text-align:right;
}
.req span{
margin:0;
padding:1px 2px 2px 2px;
font-size:60%;
font-weight:normal;
line-height:100%;
color:#fff;
background:#d73143;
}

input[type="text"], textarea, select {
border:0;
padding:10px;
font-size:16px;
border:solid 1px #ccc;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
input[type="text"]:focus,
textarea:focus {
box-shadow:0 0 7px #999999;
}

/* Chrome, Safari */
::-webkit-input-placeholder{
color:#999;
}
/* Firefox */
::-moz-placeholder{
color:#999;
}
/* Firefox 18以前 */
:-moz-placeholder{
color:#999;
}
/* IE */
:-ms-input-placeholder{
color:#999;
}

input[type="submit"],input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
box-sizing: border-box;
cursor: pointer;
webkit-transition: all .5s;transition:all .5s;
background:#fff;
border:none;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
background:#fff;
border:solid 2px #d73143;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
  color:#fff;
}


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

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.through{text-decoration:line-through;}
.ym{background:linear-gradient(transparent 60%, #97d7f6 60%);}
.caption{font-size:80%;color:#666666;font-weight:normal;line-height:150%;}

@media all and (-ms-high-contrast: none){
.ym{background:linear-gradient(transparent 60%, #97d7f6 60%);}
}


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

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

.plus{margin-bottom:30px;}
.upper{margin-top:45px;}
.upside{margin-top:45px;}


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

#linkbox {
margin:0 auto;
padding:0;
border-top:solid 1px #d73143;
}
#linkbox ul{
width:100%; 
margin:0;
padding:0; 
list-style:none;
text-align:center;
}
#linkbox ul li {
width:50%;
float:left;
list-style:none;
margin:0;
padding:0;
font-size:90%;
line-height:150%;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
box-sizing:border-box;
}

#linkbox ul li:nth-child(even){
border-right:0px;
}

#linkbox ul li a{
display:block;
padding:15px 0 15px 0;
text-decoration:none;
}

#linkbox a:link {color:#666;text-decoration:none;-webkit-transition: all .2s;transition:all .2s;}
#linkbox a:visited {color:#666;text-decoration:none;}
#linkbox a:hover {color:#444;text-decoration:none;background-color:#f9f9f9;}

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

/* af */
.af #linkbox { display: none; }