@charset "UTF-8";


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

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

a:link {color:#3b5998;text-decoration:underline;}
a:visited {color:#3b5998;text-decoration: underline;}
a:hover {color:#206CFF;text-decoration:none;}
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;}
a img {border-style:none;}
img {vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
a:hover img{filter:brightness(110%);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}

p {
font-size:110%;
line-height:180%;
}
@media screen and (min-width:769px){
p {font-size:18px;letter-spacing:1px;}
}

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

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


/*---------- PC・スマホの非表示指定 ----------*/

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}

#back{
margin:0;
padding:0 0 20px 0;
}
#copy{
margin:0;
padding:18px 0 10px 0;
text-align:center;
}
#copy img{width:100%;}
.device_bg{
margin:0;
padding:40px 0 30px 0;
background:#00becc;
}
.device_title{
margin:0;
padding:0 20px 15px 20px;
text-align:center;
}
.device_title img{width:100%;}
.mailform{
margin:0 20px;
padding:0;
}
.mailform img{width:100%;}
.device_caption{
margin:15px 20px 0 20px;
padding:0;
font-size:75%;
line-height:180%;
color:#666;
}
.white{color:#fff;}
@media screen and (min-width:769px){
#back{padding:0 0 45px 0;}
#copy{padding:15px 0 10px 0;}
#copy img{width:900px;}
.device_bg{padding:60px 0;}
.device_title{padding:0 0 25px 0;}
.device_title img{width:768px;}
.mailform{width:640px;margin:0 auto;}
.device_caption{width:450px;margin:20px auto 0 auto;font-size:12px;letter-spacing:1px;}
}

input[type="text"], textarea, select {
width:100%;
margin:0 auto 10px auto;
padding:20px 10px;
font-size:110%;
text-align:center;
border:0;
border:solid 3px #333;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-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 #999;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
@media screen and (min-width:769px){
input[type="text"], textarea, select {margin:0 auto 10px auto;padding:25px 10px;font-size:24px;}
}

.media_bg{
margin:0;
padding:30px 0;
background:#f4f4f4;
}
.media_title{
margin:0 30px 10px 30px;
padding:0 0 10px 0;
font-size:130%;
font-weight:bold;
line-height:150%;
text-align:center;
border-bottom:1px solid #00becc;
}
.media{
margin:0 20px;
padding:0;
text-align:center;
}
.media img{width:100%;}
@media screen and (min-width:769px){
.media_bg{padding:45px 0 60px 0;}
.media_title{
width:640px;
margin:0 auto 45px auto;
padding:0 0 5px 0;
font-size:24px;
}
.media{margin:0;}
.media img{width:980px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
}


.about_top{
margin:0;
padding:25px 15px;
text-align:center;
background:#00becc;
}
.about_top img{width:90%;}
.triangle{
margin:0 auto 20px auto;
padding:0;
text-align:center;
width: 0;
height: 0;
border-left:35px solid transparent;
border-right:35px solid transparent;
border-top:20px solid #00becc;
}
.about_flow{
margin:0 10px;
padding:0;
}
.about_flow img{width:100%;}
.about_box{
margin:0 20px;
padding:0;
}
.about_pict{margin:0;padding:0 0 10px 0;text-align:center;}
.about_pict img{width:80%;}
.about_txt{margin:0;padding:0;}
.about_picture{margin:0;padding:0 0 10px 0;text-align:center;}
.about_picture img{width:80%;}
.about_text{margin:0;padding:0;}
.about_sub{
margin:30px 0 20px 0;
padding:0;
text-align:center;
}
.about_sub img{width:90%;}
.be_head{
margin:30px 20px 0 20px;
padding:15px 0;
font-size:125%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
background:#00becc;
-webkit-border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
}
.be_box{
margin:0 20px;
padding:1px 30px 30px 30px;
border:1px solid #00becc;
-webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
}
.be_itam{
margin:0;
padding:20px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
border-bottom:2px dashed #ddd;
}
.be_itam img{width:100%;margin-top:10px;}
.be_itam_end{
margin:0;
padding:20px 0 0 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.be_itam_end img{width:100%;margin-top:10px;}
@media screen and (min-width:769px){
.about_top{
margin:0;
padding:45px 0;
}
.about_top img{width:600px;}
.triangle{margin:0 auto 30px auto;}
.about_flow{width:640px;margin:0 auto;}
.about_box{
width:1080px;
margin:0 auto;
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;
}
.about_pict{width:45%;padding:18px 0 0 0;order:2;}
.about_pict img{width:100%;}
.about_txt{width:51%;order:1;}
.about_picture{width:38%;padding:15px 0 0 0;}
.about_picture img{width:100%;}
.about_text{
width:60%;
margin:0;
padding:0;
}
.about_sub{margin:60px 0 30px 0;}
.about_sub img{width:640px;}
.be_head{
width:720px;
margin:45px auto 0 auto;
padding:20px 0;
font-size:30px;
}
.be_box{
width:600px;
margin:0 auto;
padding:1px 60px 30px 60px;
}
.be_itam{font-size:30px;}
.be_itam img{width:100%;margin-top:10px;}
.be_itam_end{font-size:30px;}
.be_itam_end img{width:100%;margin-top:10px;}
}


#voice_bg{
margin:60px 0 0 0;
padding:50px 15px 15px 15px;
background:#f0f8fc;
}
.voice_top{
margin:0 0 30px 0;
padding:0;
text-align:center;
}
.voice_top img{width:100%;}

.voice_frame{
margin:0 auto 45px auto;
padding:10px;
background:#fff;
box-shadow:0 1px 10px rgba(0,0,0,0.2);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.voice{
margin:0;
padding:20px 25px 20px 25px;
border:1px solid #00becc;
}
.voice_head{
margin:0;
padding:0 0 5px 0;
text-align:center;
}
.voice_head img{width:150px;}
.voice_title{
margin:0 0 20px 0;
padding:0 0 5px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
color:#314f73;
text-align:center;
border-bottom:1px dashed #314f73;
}
.voice_name{
margin:0;
padding:5px 0 10px 0;
font-size:90%;
line-height:150%;
color:#333;
text-align:center;
}
.voice_name span{font-size:150%;font-weight:bold;color:#00becc;}
.voice_pict{
margin:0;
padding:0;
text-align:center;
}
.voice_pict img{
width:60%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.text_wrapper {
margin:0 0 20px 0;
padding:0;
position:relative;
}
.text {
margin:0;
padding:0;
height:300px;
overflow:hidden;
}
.show_more,
.show_more2 {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 30px;
padding-top: 60px;
text-align: center;
line-height: 30px;
background: linear-gradient(
    180deg,
    rgb(255, 255, 255, 0) 0%,
    rgb(255, 255, 255, 1) 70%
  );
 cursor: pointer;
transition: bottom 0.2s;
font-size:18px;
font-weight:bold;
letter-spacing:1px;
color:#00becc;
}
.active {
background:none;
bottom: -30px;
}
@media screen and (min-width:769px){
#voice_bg{
margin:100px 0 0 0;
padding:75px 0 40px 0;
}
.voice_top{margin:0 0 30px 0;}
.voice_top img{width:768px;}
.voice_frame{width:980px;margin:0 auto 60px auto;}
.voice{padding:30px 75px 20px 75px;}
.voice_head{padding:0;}
.voice_head img{width:180px;}
.voice_title{font-size:24px;letter-spacing:1px;}
.voice_name{margin:5px 0 5px 0;font-size:16px;letter-spacing:1px;}
.voice_pict{
width:280px;
margin:0 0 30px 20px;
padding:0;
float:right;
}
.voice_pict img{width:100%;}
.text_wrapper {margin:0 0 45px 0;}
.text {height:400px;}
}

#support{
margin:0;
padding:45px 20px;
text-align:center;
}
#support img{width:100%;}
@media screen and (min-width:769px){
#support{padding:90px 0;}
#support img{width:768px;}
}


.vs_subhead{
margin:40px 0 0 0;
padding:10px 20px;
font-size:130%;
font-weight:bold;
line-height:150%;
color:#00becc;
background:#f0f8fc;
}
.vs_subtitle{
margin:25px 0 0 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
color:#00becc;
}
.vs_subhead_top{margin:15px 0 0 0;}
@media screen and (min-width:769px){
.vs_subhead{margin:45px 0 0 0;font-size:24px;}
.vs_subtitle{margin:30px 0 0 0;font-size:20px;}
.vs_subhead_top{margin:15px 0 0 0;}
}


.program_top{
margin:60px 0 25px 0;
padding:0;
text-align:center;
}
.program_top img{width:100%;}
.program_box{
margin:0 20px 30px 20px;
padding:0;
}
.program{
margin:0 0 30px 0;
padding:0;
}
.program img{width:100%;}
.reco_title{
margin:0;
padding:0;
text-align:center;
}
.reco_title img{width:80%;}
.reco{
margin:20px 20px 30px 20px;
padding:0;
text-align:center;
}
.reco img{width:100%;}
.solution{
margin:0;
padding:0 10px 35px 10px;
text-align:center;
background:#e6f9fa;
}
.solution img{width:80%;}
.solution_arrow{
margin:0 auto 25px auto;
padding:0;
text-align:center;
width: 0;
height: 0;
border-left:35px solid transparent;
border-right:35px solid transparent;
border-top:20px solid #fff;
}
@media screen and (min-width:769px){
.program_top{
margin:100px 0 45px 0;
padding:0;
text-align:center;
}
.program_top img{width:640px;}
.program_box{
width:1180px;
margin:0 auto 75px auto;
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;
}
.program{
width:32%;
margin:0;
padding:0;
}
.program img{width:100%;}
.reco_title{
margin:0;
padding:0;
text-align:center;
}
.reco_title img{width:640px;}
.reco{
width:980px;
margin:30px auto 75px auto;
padding:45px 0;
text-align:center;
border:1px solid #00becc;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.reco img{width:640px;}
.solution{
margin:0;
padding:0 0 45px 0;
text-align:center;
}
.solution img{width:640px;}
.solution_arrow{margin:0 auto 30px auto;}
}


table.check{
width:100%;
border-collapse:collapse;
margin:0;
}
table.check th{
width:25px;
font-size:110%;
line-height:180%;
padding:10px 0 5px 0;
color:#00becc;
vertical-align:top;
text-align:left;
}
table.check td{
font-size:110%;
font-weight:bold;
line-height:180%;
padding:10px 0 5px 0;
vertical-align:top;
border-bottom:dotted 1px #ddd;
}
@media screen and (min-width:769px){
table.check th{width:30px;font-size:18px;}
table.check td{font-size:18px;letter-spacing:1px;}
}



#prf_bg{
margin:0;
padding:60px 20px;
background:#f9f9f9;
}
.prf_top{
margin:0 0 30px 0;
padding:0;
text-align:center;
}
.prf_top img{width:70%;}
.prf_about{
margin:0 auto 30px auto;
padding:20px 25px 1px 25px;
position:relative;
}
.prf_about:before, .prf_about:after{ 
position:absolute;
top:0;
content:'';
width:20px;
height:100%;
display:inline-block;
box-sizing:border-box;
}
.prf_about:before{
border-left:solid 1px #00becc;
border-top:solid 1px #00becc;
border-bottom:solid 1px #00becc;
left:0;
}
.prf_about:after{
border-top:solid 1px #00becc;
border-right:solid 1px #00becc;
border-bottom:solid 1px #00becc;
right:0;
}
.prf_photo{
margin:0;
padding:0;
text-align:center;
}
.prf_photo img{width:60%;}
.prf_detail{
margin:0;
padding:0;
}
.prf_degree{
margin:0;
padding:15px 0 0 0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.prf_name{
margin:0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.prf_box{
margin:0 auto 30px auto;
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;
}
.prf_pict{
margin:0;
padding:0;
}
.prf_pict img{width:100%;}
.prf_txt{
margin:0;
padding:0;
}
.book_box{
margin:0 auto;
padding:30px;
background:#fff;
border:1px solid #00becc;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.book_txt{
margin:0;
padding:0;
}
.book_category{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
color:#00becc;
}
.book_title{
margin:0;
padding:15px;
font-size:125%;
font-weight:bold;
line-height:150%;
border-top:2px solid #eee;
border-bottom:2px solid #eee;
text-align:center;
}
.book_pub{
margin:0;
padding:10px 0 0 0;
font-size:90%;
line-height:150%;
text-align:right;
color:#555;
}
.book_pict{
margin:0;
padding:0;
text-align:center;
}
.book_pict img{width:40%;border:1px solid #eee;}
@media screen and (min-width:769px){
#prf_bg{padding:100px 0;}
.prf_top{
margin:0 0 60px 0;
padding:0;
text-align:center;
}
.prf_top img{width:480px;}
.prf_about{
width:640px;
margin:0 auto 45px auto;
padding:20px 75px 15px 75px;
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;
position:relative;
}
.prf_about:before, .prf_about:after{ 
position:absolute;
top:0;
content:'';
width:20px;
height:100%;
display:inline-block;
box-sizing:border-box;
}
.prf_photo{
width:30%;
margin:0;
padding:0;
order:2;
}
.prf_photo img{width:100%;}
.prf_detail{
width:60%;
margin:0;
padding:0;
order:1;
}
.prf_degree{
margin:0;
padding:0;
font-size:18px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:left;
}
.prf_name{
margin:0;
padding:0;
font-size:28px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:left;
}
.prf_box{
width:1080px;
margin:0 auto 45px auto;
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;
}
.prf_pict{
width:40%;
margin:0;
padding:0;
}
.prf_pict img{width:100%;}
.prf_txt{
width:55%;
margin:0;
padding:0;
}
.order_01{order:1;}
.order_02{order:2;}
.book_box{
width:580px;
margin:0 auto;
padding:30px 45px;
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;
background:#fff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.book_txt{
width:70%;
margin:0;
padding:0;
order:1;
}
.book_category{
margin:0;
padding:0;
font-size:18px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
}
.book_title{
margin:0;
padding:15px;
font-size:30px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:left;
border-top:2px solid #eee;
border-bottom:2px solid #eee;
}
.book_pub{
margin:0;
padding:10px 0 0 0;
font-size:16px;
line-height:150%;
letter-spacing:1px;
text-align:right;
color:#555;
}
.book_pict{
width:25%;
margin:0;
padding:0;
order:2;
}
.book_pict img{width:100%;border:1px solid #eee;}
}



#faq_bg{
margin:0;
padding:45px 0 5px 0;
background:#e6f9fa;
}
.faq_top{
margin:0;
padding:0 0 30px 0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.faq {margin:0 20px 60px 20px;padding:0;}
.faq dt:hover{color:#00becc;text-decoration:none;}
.faq dt {
margin:0 0 15px 0;
padding:15px 30px 15px 15px;
font-size:100%;
font-weight:bold;
line-height:150%;
cursor:pointer;
background-color:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
box-shadow:0 0 5px rgba(23,50,103,0.3);
position: relative;
}
.faq dt:after{
content:"▼";
font-size:12px;
color:#ccc;
position:absolute;
top:15px;
right:15px;
}
.faq dd {
margin:-15px 0 0 0;
padding:1px 0 10px 50px;
display:none;
position:relative;
}
.faq dd:after {
position:absolute;
top:15px;
left:15px;
content:"A.";
font-size:24px;
color:#00becc;
font-family:Arial, Helvetica, "sans-serif";
}
.faq_caption{
margin:0;
padding:0;
font-size:75%;
line-height:180%;
color:#666;
}
@media screen and (min-width:769px) {
#faq_bg{padding:100px 0;}
.faq_top{padding:0 0 45px 0;font-size:36px;}
.faq {width:768px;margin:0 auto;}
.faq p{font-size:16px;}
.faq dt {font-size:18px;letter-spacing:1px;}
.faq_caption{font-size:14px;letter-spacing:1px;}
}

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

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {color:#ea616f;font-weight:bold;}
.green {color:#00becc;font-weight:bold;}
.ym{font-weight:bold;background:linear-gradient(transparent 40%, #fff67f 40%);}


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

.center{text-align:center;}
.right{text-align:right;}
.through{text-decoration:line-through;}

.mt{margin-top:30px;}
.caption{margin:0;padding:0;font-size:75%;color:#666;}
@media screen and (min-width:769px){
.mt{margin-top:45px;}
.caption{font-size:14px;}
}

.thanks_top{
margin:30px 0 0 0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.thanks{
margin:0;
padding:10px 30px 45px 30px;
}
@media screen and (min-width:769px) {
.thanks_top{margin:45px 0 0 0;font-size:28px;letter-spacing:1px;}
.thanks{
width:480px;
margin:0 auto;
padding:15px 0 90px 0;
}
}

#subpage{
margin:0;
padding:30px 20px;
}
#subpage p{font-size:80%;}
.page_title{
margin:0 0 30px 0;
padding:0;
font-size:120%;
line-height:150%;
text-align:center;
}
table.info{
width:100%;
border-collapse:separate;
margin:0 0 20px 0;
}
table.info th{
padding:20px 0 5px 0;
font-size:80%;
line-height:150%;
text-align:left;
border-bottom:solid 1px #666;
display:block;
}
table.info td{
padding:10px 0 0 0;
font-size:80%;
line-height:150%;
display:block;
}
@media screen and (min-width:769px){
#subpage{
width:768px;
margin:0 auto;
padding:75px 0 90px 0;
}
#subpage p{font-size:14px;}
.page_title{
margin:0 0 60px 0;
font-size:24px;
letter-spacing:1px;
}
table.info{margin:20px 0;}
table.info th{
width:180px;
padding:10px 0;
font-size:14px;
letter-spacing:1px;
display:table-cell;
}
table.info td{
padding:10px;
font-size:14px;
letter-spacing:1px;
border-bottom:dotted 1px #ccc;
display:table-cell;
}
}

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

#pp{
margin:45px 90px 0 90px;
padding:1px 15px 15px 15px;
border:solid 1px #666;
overflow:auto;
height:75px;
text-align:left;
}
#pp p{
font-size:10px;
color:#666;
}

#footer{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:200%;
text-align:center;
padding:45px 0;
color:#666;
}
#footer a:link {color:#666;text-decoration:none;}
#footer a:visited {color:#666;text-decoration:none;}
#footer a:hover {color:#666;text-decoration:underline;}