@charset "UTF-8";

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

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

a:link {color:#37859a;text-decoration:underline;}
a:visited {color:#37859a;text-decoration:underline;}
a:hover {color:#139eb1;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;}
a:hover img{opacity:0.6;filter:alpha(opacity=60);}
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;
line-height:180%;
letter-spacing:1px;
}
}


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

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



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


h1{
margin:0;
padding:15px 0 0 0;
text-align:center;
}
h1 img{width:100%;}
@media screen and (min-width:769px) {
h1{padding:20px 0 60px 0;}
h1 img{width:980px;}
}

.device_bg{
margin:0;
padding:20px 20px 40px 20px;
background:-moz-linear-gradient(top, #1692ba, #187c9c);
background:-webkit-linear-gradient(top, #1692ba, #187c9c);
background:linear-gradient(to bottom, #1692ba, #187c9c);
}
.device_txt{
margin:0;
padding:0 0 15px 0;
text-align:center;
}
.device_txt img{width:100%;}
.device_txt2{
margin:0;
padding:0 0 5px 0;
text-align:center;
}
.device_txt2 img{width:100%;}
.device{margin:0;padding:0;text-align:center;}
.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}
.btn {
width:100%;
margin:0 auto 0 auto;
padding:25px 0;
font-size:125%;
font-weight:bold;
display:block;
text-decoration:none;
position:relative;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
position:relative;
display:block;
overflow:hidden;
background:-moz-linear-gradient(top, #63df6f, #249c32);
background:-webkit-linear-gradient(top, #63df6f, #249c32);
background:linear-gradient(to bottom, #63df6f, #249c32);
border:2px solid #0a8e29;
text-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2);
}
.btn:hover {
opacity:0.6;
-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_caption{
margin:20px 5px 0 5px;
padding:0;
font-size:75%;
line-height:160%;
color:#fff;
text-align:center;
}
@media screen and (min-width:769px) {
.device_bg{padding:35px 0 75px 0;}
.device_txt{padding:0 0 25px 0;}
.device_txt img{width:768px;}
.device_txt2{padding:0 0 10px 0;}
.device_txt2 img{width:768px;}
.device{margin:0;}
.btn{width:600px;font-size:28px;}
.device_caption{width:480px;margin:30px auto 0 auto;font-size:14px;}
}



.framebox{
margin:30px 0;
padding:10px 25px 25px 25px;
border:2px solid #1692bb;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.framebox_red{
margin:30px 0;
padding:10px 25px 25px 25px;
border:2px solid #d82244;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
table.check{
width:100%;
border-collapse:collapse;
margin:0;
}
table.check th{
width:30px;
font-size:100%;
line-height:160%;
padding:15px 0 5px 0;
color:#1692bb;
vertical-align:top;
text-align:left;
}
table.check th.icon_red{color:#d82244;}
table.check td{
font-size:100%;
font-weight:bold;
line-height:160%;
padding:15px 0 5px 0;
vertical-align:top;
border-bottom:1px dotted #ccc;
}
@media screen and (min-width:769px){
.framebox{margin:30px 0;padding:15px 60px 30px 60px;}
table.check{margin:0;}
table.check th{width:32px;font-size:18px;}
table.check td{font-size:18px;line-height:160%;letter-spacing:1px;}
}


.subhead{
margin:0;
padding:0;
font-size:180%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
hr{
width:45px;
margin:15px auto 30px auto;
padding:0;
height:0;
border:0;
border-top:5px solid #1692bb;
}
.contents_top{
margin:60px 20px;
padding:0;
}
.contents{
margin:0 20px 60px 20px;
padding:0;
}
.realization{
margin:30px 0 20px 0;
padding:20px;
background:#e5f5f9;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.realization img{width:100%;}
@media screen and (min-width:769px){
.subhead{font-size:42px;}
hr{margin:25px auto 45px auto;}
.contents_top{width:768px;margin:90px auto;}
.contents{width:768px;margin:0 auto 90px auto;}
.realization{margin:30px 0 20px 0;padding:30px 60px;}
}


.subject_number{
margin:0;
padding:10px 0;
font-size:24px;
font-weight:bold;
line-height:100%;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.subject_number span{
padding:5px 14px;
color:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:#1692ba;
}
.subject{
margin:0;
padding:0;
font-size:150%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.subject_box{
margin:15px 0 45px 0;
padding:6px 35px 10px 35px;
background:#e5f5f9;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
@media screen and (min-width:769px){
.subject{font-size:36px;}
.subject_box{padding:8px 35px 12px 35px;}
}


.entry_title{
margin:0;
padding:0;
text-align:center;
}
.entry_title img{width:100%;}
.entry{
margin:0;
padding:0 15px;
text-align:center;
}
.entry a:link {color:#fff;text-decoration:none;}
.entry a:visited {color:#fff;text-decoration:none;}
.entry a:hover {color:#fff;text-decoration:none;}
.bank_txt{
margin:0;
padding:10px 0 0 0;
font-size:115%;
line-height:150%;
text-align:center;
color:#ff4757;
}
.bank_box{
margin:0;
padding:5px 0 15px 0;
}
.button {
width:100%;
margin:0 auto;
padding:25px 0;
display:inline-block;
font-size:125%;
font-weight:bold;
text-decoration:none;
color:#fff;
background-color:#d82244;
text-shadow:0 2px 0 rgba(0,0,0,0.3);
box-shadow:0 2px 5px rgba(0,0,0,0.3);
text-align:center;
-webkit-border-radius:45px;
-moz-border-radius:45px;
border-radius:45px;
}
.button:hover {
opacity:0.6;
filter:alpha(opacity=60);
-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_caution{
margin:0 20px 0 20px;
padding:0;
font-size:75%;
line-height:180%;
text-align:center;
}
@media screen and (min-width:769px) {
.entry{padding:0;}
.bank_txt{font-size:24px;}
.bank_box{
margin:0 30px 20px 30px;
padding:15px 0 20px 0;
border-bottom:1px dotted #999;
}
.button {
width:640px;
font-size:28px;
letter-spacing:1px;
}
.device_caution{margin:10px 0 0 0;font-size:12px;}
}
.color2{background-color:#00b300;margin-bottom:20px;}


.order{
margin:0 20px 20px 20px;
padding:0 0 20px 0;
border:solid 3px #1692bb;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.order p{margin-left:15px;margin-right:15px;}
.order_title{
margin:0 0 15px 0;
padding:18px 0 15px 0;
font-size:180%;
font-weight:900;
line-height:140%;
text-align:center;
color:#fff;
background:#1692bb;
-webkit-border-radius:2px 2px 0 0;
-moz-border-radius:2px 2px 0 0;
border-radius:2px 2px 0 0x;
font-family: "Noto Sans Japanese";
}
.order_title span{font-size:80%;font-weight:bold;}
.order_price{
margin:0;
padding:0;
font-size:14px;
line-height:150%;
letter-spacing:1px;
text-align:center;
}
.order_frame{
margin:0 10px 0 0;
padding:1px 10px;
font-size:12px;
border:solid 1px #333;
}
.order_number{
font-size:24px;
font-family: 'Roboto Condensed', sans-serif;
}
.triangle{
margin:10px 0;
padding:0;
text-align:center;
width: 0;
height: 0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid #666;
}
.spp_txt{
width:90%;
margin:0 20px 15px 20px;
padding:5px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
text-align:center;
color:#1692bb;
border:solid 2px #1692bb;
}
.spp_price{
margin:0;
padding:0 0 20px 0;
font-size:24px;
font-weight:bold;
line-height:150%;
text-align:center;
color:#d82244;
}
.spp_price span{
font-size:48px;
font-family: 'Roboto Condensed', sans-serif;
}
.spp_caption{
margin:0;
padding:0 0 5px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
color:#1692bb;
text-align:center;
}
.order_caption{
margin:5px 20px 0 20px;
padding:0;
font-size:80%;
line-height:160%;
color:#666;
}
.order_caution{
margin:0 15px 20px 15px;
padding:0;
font-size:80%;
line-height:160%;
color:#666;
}
@media screen and (min-width:769px) {
.order{
width:768px;
margin:0 auto;
padding:0 0 30px 0;
border:solid 3px #1692bb;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.order p{margin-left:20px;margin-right:20px;}
.order_title{
margin:0 0 15px 0;
padding:22px 0 18px 0;
font-size:36px;
line-height:120%;
}
.order_title span{font-size:24px;}
.order_price{
margin:0;
padding:0;
font-size:14px;
line-height:150%;
letter-spacing:1px;
text-align:center;
}
.order_frame{
margin:0 10px 0 0;
padding:1px 10px;
font-size:12px;
border:solid 1px #333;
}
.order_number{
font-size:24px;
font-family: 'Roboto Condensed', sans-serif;
}
.triangle{
margin:10px 0;
padding:0;
text-align:center;
width: 0;
height: 0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid #666;
}
.spp_txt{
width:200px;
margin:0 auto 15px auto;
padding:5px 0;
font-size:18px;
line-height:100%;
letter-spacing:1px;
}
.spp_price{
margin:0;
padding:0 0 20px 0;
font-size:24px;
font-weight:bold;
line-height:150%;
text-align:center;
color:#d82244;
}
.spp_price span{
font-size:48px;
font-family: 'Roboto Condensed', sans-serif;
}
.spp_caption{padding:0 0 5px 0;font-size:16px;letter-spacing:1px;}
.order_caption{
margin:30px 60px 0 60px;
font-size:14px;
line-height:160%;
letter-spacing:1px;
}
}


.switching_bg{
margin:45px 0;
padding:45px 20px 15px 20px;
background:#e5f5f9;
}
.flow_top{
margin:15px 0 0 0;
padding:0 0 5px 0;
font-size:140%;
font-weight:900;
line-height:140%;
color:#1692bb;
border-bottom:solid 1px #1692bb;
font-family: "Noto Sans Japanese";
}
.flow{
margin:30px 0 0 0;
padding:0 0 5px 0;
font-size:140%;
font-weight:900;
line-height:140%;
color:#1692bb;
border-bottom:solid 1px #1692bb;
font-family: "Noto Sans Japanese";
}
.contents_sw {
margin:0 auto 30px auto;
padding:30px 25px 5px 25px;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.2);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
@media screen and (min-width:769px) {
.switching_bg{margin:90px 0 0 0;padding:90px 0 1px 0;}
.flow_top{margin:20px 0 0 0;font-size:30px;}
.flow{margin:45px 0 0 0;font-size:28px;}
.contents_sw {width:768px;margin:0 auto 90px auto;padding:45px 60px 30px 60px;}
}


.matter_number_top{
margin:0;
padding:5px 0 10px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.matter_number_top span{
padding:3px 15px;
color:#fff;
background:#1692bb;
}
.matter_number{
margin:0;
padding:40px 0 10px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.matter_number span{
padding:3px 15px;
color:#fff;
background:#1692bb;
}
.matter{
margin:0;
padding:0 0 5px 0;
font-size:150%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px) {
.matter_number_top{padding:5px 0 20px 0;font-size:18px;}
.matter_number{padding:50px 0 20px 0;font-size:18px;}
.matter{font-size:32px;}
}

.offer_bg{
margin:0 0 45px 0;
padding:30px 15px 45px 15px;
background:-moz-linear-gradient(left, #00336e, #0e53a4);
background:-webkit-linear-gradient(left, #00336e, #0e53a4);
background:linear-gradient(to right, #00336e, #0e53a4);
}
.offer_mark{
margin:0;
padding:0;
text-align:center;
}
.offer_mark img{width:150px;}
.offer_top{
margin:0;
padding:10px 0 30px 0;
font-size:180%;
font-weight:900;
line-height:150%;
text-align:center;
color:#fff;
font-family: "Noto Sans Japanese";
}
.offer_top span{color:#fcce33;}
.offer{
margin:0 auto;
padding:20px 25px 15px 25px;
background:#fff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.offer_number{
margin:0;
padding:20px 0 20px 0;
font-size:18px;
font-weight:bold;
line-height:100%;
text-align:center;
}
.offer_number span{
padding:3px 15px;
color:#fff;
background:#dbaf1b;
}
.offer_title{
margin:0;
padding:0;
font-size:150%;
font-weight:900;
line-height:140%;
text-align:center;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px) {
.offer_bg{margin:0 0 90px 0;padding:80px 0 100px 0;}
.offer_mark img{width:200px;}
.offer_top{padding:10px 0 45px 0;font-size:42px;}
.offer{width:768px;padding:15px 120px 45px 120px;}
.offer_number{padding:50px 0 20px 0;}
.offer_title{font-size:32px;}
}


.menu_title{
margin:0;
padding:0 30px 0 0;
font-size:100%;
font-weight:bold;
line-height:150%;
}
.menu_title span{
font-size:24px;
color:#1692ba;
font-family: 'Roboto Condensed', sans-serif;
}
.menus{
margin:0;
padding:15px 0;
border-bottom:dotted 1px #999;
}
.menu_txt{
margin:0;
padding:0 30px 0 28px;
position:relative;
}
.menu_txt:after {
position:absolute;
top:0;
left:0;
content:"A.";
font-size:24px;
color:#dbaf1b;
font-family: 'Roboto Condensed', sans-serif;
}
.trigger{
margin:-30px 0 0 0;
padding:0;
text-align:right;
}
.trigger img{height:12px;}
.menus_end{
margin:0;
padding:15px 30px 15px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
border-bottom:dotted 1px #999;
}
.menu_caption{
margin:0;
padding:15px 0;
font-size:75%;
line-height:150%;
text-align:right;
color:#666;
}
.faq_caption{
margin:10px 0 0 0;
padding:0;
font-size:75%;
line-height:150%;
color:#666;
}
@media screen and (min-width:769px) {
.menu_title{
padding:0 30px 0 0;
font-size:18px;
letter-spacing:1px;
}
.menus{padding:20px 0;}
.menus_end{
padding:20px 30px 20px 0;
font-size:18px;
letter-spacing:1px;
}
.menu_caption{font-size:12px;letter-spacing:1px;}
.faq_caption{font-size:12px;letter-spacing:1px;}
}

.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:150%;
font-weight:bold;
line-height:180%;
text-align:center;
}
.prf_name span{font-size:75%;}
.prf_pict{
margin:0;
padding:0;
text-align:center;
}
.prf_pict img{width:40%;}
.message_top{
margin:30px 0 0 0;
padding:0;
font-size:200%;
font-weight:bold;
line-height:100%;
color:#1692ba;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.message{
margin:0;
padding:10px 25px;
background:#e5f5f9;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
@media screen and (min-width:769px){
.prf_degree{font-size:16px;letter-spacing:1px;}
.prf_name{font-size:28px;letter-spacing:1px;}
.prf_pict{padding:5px 0 10px 0;}
.prf_pict img{width:200px;}
.message_top{margin:45px 0 0 0;font-size:32px;}
.message{padding:15px 45px;}
}


#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;
}
}


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

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {color:#d82244;}
.through{text-decoration:line-through;}
.ym{font-weight:bold;background:linear-gradient(transparent 60%, #fbd457 60%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:180%;}


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

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


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


#footer{
margin:45px auto 0 auto;
padding:25px 0;
font-size:80%;
line-height:200%;
text-align:center;
color:#fff;
background:#002450;
font-family: Arial, Helvetica, "sans-serif";
}
#footer a:link {color:#fff;text-decoration:none;font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}
#footer a:visited {color:#fff;text-decoration:none;}
#footer a:hover {color:#fff;text-decoration:underline;}
.mt{margin-top:30px;}
@media screen and (min-width:769px){
#footer{margin:90px 0 0 0;padding:30px 0;font-size:12px;}
.mt{margin-top:45px;}
}