@charset "UTF-8";

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

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

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;
}
img {vertical-align:bottom;}

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

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

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


h1{}
h2{}
h3{}


#tops{margin:0;}
.toppage{
padding:0 15px 60px 15px;
background-image:url(img/bg_sp.jpg);
background-position:bottom right;
background-repeat:no-repeat;
background-size:auto 100%;
}
.subpage{padding:0 0 0 15px;}
#header{
margin:0 auto;
padding:0;
}
#header_in{
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;
}
.logo {
width:10%;
margin:0;
padding:10px 0 0 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.logo img{height:40px;}
.infobox{
width:90%;
margin:0;
padding:0;
}
@media screen and (min-width:769px) {
.toppage{
padding:15px 5% 100px 5%;
background-image:url(img/bg.jpg);
background-position:bottom center;
background-repeat:no-repeat;
}
.subpage{padding:0;}
#header{
padding:1px 30px;
background-color:rgba(255,255,255,0.9);
-webkit-border-radius:45px;
-moz-border-radius:45px;
border-radius:45px;
}
.logo {padding:5px 0 0 0;}
.logo img{height:50px;}
}

#header_in nav {
margin:0;
padding:0 0 0 15px;
font-size:100%;
font-weight:bold;
line-height:100%;
}
ul.menu {
margin:0;
padding:0;
list-style:none;
z-index:9999;
}
ul.menu li {
margin:0;
padding:0;
color:#fff;
border-bottom:solid 1px #444;
text-align:left;
}
ul.menu li:last-child {
border-bottom:none;
}
ul.menu li a {
display:block;
margin:0;
padding:14px 15px 12px 0;
color:#fff;
text-decoration:none;
-webkit-transition: all .3s;
transition:all .3s;
}
ul.menu li a:hover {
color:#999;
}
ul.menu li:last-child a {
margin:15px 15px 0 0;
padding:15px 15px;
color:#fff;
background:#f09733;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
text-align:center;
}
ul.menu li:last-child a:hover {
text-decoration:none;
color:#fff;
background:#f3ba3b;
}
@media screen and (min-width:769px) {
#header_in nav {font-size:15px;padding:0;}
ul.menu {
list-style:none;
z-index:9999;
display:flex;
justify-content:flex-end;
align-items:center;
list-style:none;
}
ul.menu li {
margin:0;
padding:0;
position:relative;
border-bottom:none;
text-align:center;
}
ul.menu li a {
display:block;
margin:0;
padding:23px 15px 23px 15px;
color:#333;
text-decoration:none;
-webkit-transition: all .3s;
transition:all .3s;
}
ul.menu li a:hover {
color:#999;
}

ul.menu li:last-child a {
margin:0 0 0 20px;
padding:5px 15px;
color:#fff;
background:#f09733;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
ul.menu li:last-child a:hover {
text-decoration:none;
color:#fff;
background:#f3ba3b;
}
}

@media all and (-ms-high-contrast: none){
ul.menu li:last-child a {
padding:5px 15px 2px 15px;
}
}


#copy_box{
margin:0 auto;
padding:0;
}
.copy_01{margin:0;padding:20px 0 10px 0;}
.copy_01 img{width:240px;}
.copy_02{
margin:0;
padding:0;
font-size:180%;
font-weight:900;
line-height:140%;
color:#e8d921;
font-family: "Noto Sans Japanese";
}
.copy_03{
margin:0;
padding:15px 0 30px 0;
font-size:100%;
font-weight:bold;
line-height:180%;
color:#fff;
}
.caption{
font-size:75%;
font-weight:normal;
}
@media screen and (min-width:769px) {
#copy_box{width:1200px;}
.copy_01{padding:45px 0 10px 0;}
.copy_01 img{width:400px;}
.copy_02{font-size:45px;}
.copy_03{
width:680px;
margin:0 auto 0 0;
padding:20px 0 35px 0;
font-size:15px;
letter-spacing:1px;
}
}


.device{
margin:0;
padding:0;
}
.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;}
.btn {
font-weight:bold;
line-height:100%;
display:inline-block;
text-decoration:none;
-webkit-border-radius:45px;
-moz-border-radius:45px;
border-radius:45px;
text-align:center;
background: -moz-linear-gradient(left, #e34413, #ed840c);
background: -webkit-linear-gradient(left, #e34413, #ed840c);
background: linear-gradient(to right, #e34413, #ed840c);
}
.btn:hover {
opacity:0.7;
filter:alpha(opacity=70);
-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;
}
.type_01{
width:100%;
margin:0 auto 0 auto;
padding:25px 0;
font-size:100%;
text-align:center;
}
@media screen and (min-width:769px) {
.type_01{
width:420px;
padding:25px 0;
font-size:18px;
}
}


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

.click {
background:transparent url(img/btn.png) no-repeat 0 0;
background-size:70px 35px;
display:block;
width:35px;
height:35px;
position:absolute;
top:9px;
right:10px;
cursor:pointer;
z-index:9999;
}
@media screen and (min-width:769px) {
.click {
top:20px;
}
}
.peke {
background-position:-35px 0;
}
@media only screen and (max-width:1024px){
.drawr {
display:none;
background-color:rgba(0,0,0,0.80);
position:absolute;
top:0;
right:0;
width:310px;
padding:45px 0 20px 0;
z-index:9990;
}
}
@media screen and (min-width: 1025px) {.click {display:none;}}
@media screen and (min-width: 1025px) {.peke {}}
@media screen and (min-width: 1025px) {.drawr {}}



#about_bg{
margin:0;
padding:60px 15px;
color:#fff;
background-image:url(img/bk.jpg);
background-position:center center;
background-size:auto 100%;
}
.about_title{
margin:0 0 30px 0;
padding:0;
font-size:150%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.about_txt{
margin:0 auto;
padding:0;
font-weight:bold;
}
@media screen and (min-width:769px) {
#about_bg{padding:60px 0 75px 0;background-size:cover;}
.about_title{margin:0 0 45px 0;font-size:36px;}
.about_txt{width:640px;}
}

.subeng{
margin:0 0 5px 0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#04a5f1;
font-family: 'Roboto Condensed', sans-serif;
}
.subhead{
margin:0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#0f2950;
}
hr {
width:45px;
margin:15px auto 30px auto;
padding:0;
height:0;
border:none;
border-top:3px double #04a5f1;
}
@media screen and (min-width:769px) {
.subeng{font-size:18px;}
.subhead{font-size:32px;}
hr {width:60px;margin:15px auto 45px auto;}
}


#service_bg{
margin:0;
padding:60px 15px 45px 15px;
background:#f9f9f9;
}
.service_box{
margin:0 auto;
padding:0;
}
.service{
margin:0 0 30px 0;
padding:30px 0;
background:#fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
box-shadow:0 2px 10px rgba(0,0,0,0.1);
}
.service_icon{
width:30%;
margin:0 auto;
padding:20px;
text-align:center;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:-moz-linear-gradient(left, #2ab5f6, #1865b5);
background:-webkit-linear-gradient(left, #2ab5f6, #1865b5);
background:linear-gradient(to right, #2ab5f6, #1865b5);
}
.service_icon img{width:100%;}
.service_name{
margin:0;
padding:10px 0 0 0;
font-size:125%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.service_txt{margin:0 auto;padding:0;}
@media screen and (min-width:769px) {
#service_bg{padding:75px 0;}
.service_box{
width:1200px;
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:center;
}
.service{
width:360px;
margin:0 10px 20px 10px;
padding:30px 20px 30px 20px;
}
.service_name{font-size:20px;letter-spacing:1px;}
.service_txt{width:580px;}
}


#price_bg{
margin:0;
padding:60px 15px 45px 15px;
background-image:url(img/grid.gif);
}
#price{
margin:0 auto;
padding:0;
}
table.spec{
width:100%;
border-collapse:separate;
margin:0;
}
table.spec th{
font-size:80%;
line-height:150%;
padding:10px 0;
color:#fff;
background-color:#049de3;
}
table.spec td{
font-size:80%;
line-height:150%;
padding:10px 5px;
border-bottom:solid 1px #999;
background:#fff;
}
.ver_01{width:35%;}
.ver_02{width:30%;}
.caution{
margin:20px 0 45px 0;
padding:0;
font-size:75%;
line-height:180%;
}
@media screen and (min-width:769px){
#price_bg{
margin:0;
padding:75px 0;
background-image:url(img/grid.gif);
}
#price{width:640px;}
table.spec th{font-size:16px;letter-spacing:1px;}
table.spec td{font-size:16px;letter-spacing:1px;}
.ver_01{width:150px;}
.ver_02{width:120px;}
.caution{margin:20px 0 75px 0;font-size:12px;letter-spacing:1px;}
}


#step_bg{
margin:0;
padding:60px 15px 35px 15px;
background:#f5f5f5;
}
.step_box{
margin:0 auto;
padding:0;
}
.step{
margin:0 0 25px 0;
padding:0;
font-size:100%;
line-height:180%;
}
.step_number{
margin:0;
padding:10px 0;
font-size:90%;
line-height:100%;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.step_number span{
padding:5px 15px 3px 15px;
color:#fff;
background:#1865b5;
}
.step_title{
margin:0;
padding:0;
font-size:125%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.step_pict{
margin:0;
padding:15px 0;
}
.step_pict img{width:100%;}
@media screen and (min-width:769px){
#step_bg{padding:75px 0 90px 0;}
.step_box{
width:1200px;
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;
}
.step{
width:31%;
margin:0;
font-size:16px;
letter-spacing:1px;
}
.step_number{font-size:16px;}
.step_title{font-size:20px;}
}


#schedule_bg{
margin:0;
padding:60px 15px 75px 15px;
background:#f0f9ff;
}
.schedule{
margin:0 auto;
padding:0;
}
table.mng{
width:100%;
border-collapse:separate;
margin:0;
}
table.mng th{
width:24%;
font-size:100%;
line-height:150%;
padding:10px 0;
text-align:left;
color:#04a5f1;
border-bottom:solid 1px #04a5f1;
}
table.mng td{
font-size:100%;
line-height:150%;
padding:10px 0 10px 10px;
border-bottom:dotted 1px #999;
}
@media screen and (min-width:769px){
#schedule_bg{padding:75px 0 90px 0;}
.schedule{width:740px;}
table.mng th{width:120px;font-size:20px;letter-spacing:1px;}
table.mng td{font-size:18px;letter-spacing:1px;}
}


.subtitle{
margin:0;
padding:0;
font-size:150%;
line-height:140%;
font-weight:bold;
text-align:center;
color:#0f2950;
}
.subtitle_under{
margin:15px auto 20px auto;
padding:0;
font-size:18px;
line-height:150%;
letter-spacing:1px;
text-align:center;
color:#04a5f1;
}
@media screen and (min-width:769px){.subtitle{margin:75px 0 0 0;font-size:36px;}}
#operation{
margin:0 auto;
padding:60px 20px 45px 20px;
}
.operation_pict{
margin:0 auto;
padding:15px 0 30px 0;
text-align:center;
}
.operation_pict img{width:90%;}
@media screen and (min-width:769px){
#operation{
width:768px;
margin:0 auto;
padding:0 0 75px 0;
}
.operation_pict{
margin:0 auto;
padding:30px 0 30px 0;
}
}


#movie_bg{
margin:0;
padding:60px 20px 45px 20px;
background:#f2f2f2;
}
.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_digest{
margin:0 auto 45px auto;
padding:0;
}
.movie_box{
margin:0 auto;
padding:0;
}
.movie{
margin:0 0 30px 0;
padding:0;
}
.movie_title{
margin:0;
padding:0;
font-size:100%;
line-height:180%;
text-align:center;
}
.movie_title span{
font-size:120%;
font-weight:bold;
}
.movie_caption{
margin:0;
padding:5px 0 15px 0;
font-size:80%;
line-height:150%;
text-align:center;
color:#666;
}
@media screen and (min-width:769px){
#movie_bg{padding:75px 0 90px 0;}
.movie_digest{
width:768px;
margin:0 auto 60px auto;
padding:0;
}
.movie_box{
width:1200px;
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;
}
.movie{width:31%;margin:0;}
.movie_title{font-size:18px;letter-spacing:1px;}
.movie_title span{font-size:21px;}
.movie_caption{font-size:12px;letter-spacing:1px;}
}



#faq{
margin:0 auto;
padding:60px 20px 30px 20px;
}
.menu_title{
margin:0;
padding:0 30px 0 0;
font-size:100%;
font-weight:bold;
line-height:150%;
color:#1865b5;
}
.menus{
margin:0;
padding:15px 0;
border-bottom:dotted 1px #999;
}
.menu_txt{
margin:0;
padding:0 30px 0 0;
}
.button{
margin:-30px 0 0 0;
padding:0;
text-align:right;
}
.button 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;
}
@media screen and (min-width:769px) {
#faq{
width:768px;
margin:0 auto;
padding:75px 0;
}
.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;}
}


#guide{
margin:0 auto;
padding:0 10px 60px 10px;
text-align:center;
}
#guide img{width:100%;margin-bottom:20px;}
@media screen and (min-width:769px) {
#guide{
width:1000px;
padding:0 0 90px 0;
}
#guide img{margin-bottom:30px;}
}

.center{text-align:center;}
.right{text-align:right;}
.bold{font-weight:bold;}


#wrapper{
margin:0 auto;
padding:25px 20px 60px 20px;
}
#wrapper p{font-size:90%;}
.page_title{
margin:0 0 30px 0;
padding:0;
font-size:120%;
line-height:150%;
text-align:center;
}
.page_sub{
margin:30px 0 0 0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
table.info{
width:100%;
border-collapse:separate;
margin:20px 0;
}
table.info th{
padding:10px 0 5px 0;
font-size:90%;
line-height:180%;
text-align:left;
border-bottom:solid 1px #666;
display:block;
}
table.info td{
padding:10px 0 10px 0;
font-size:90%;
line-height:180%;
display:block;
}
.ggmap {
margin:10px 0 10px 0;
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
} 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
@media screen and (min-width:769px) {
#wrapper{width:768px;padding:75px 0 90px 0;}
#wrapper p{font-size:14px;}
.page_title{
margin:0 0 60px 0;
font-size:24px;
letter-spacing:1px;
}
.page_sub{font-size:18px;letter-spacing:1px;}
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 #666;
display:table-cell;
}
}


#footer{
margin:0;
padding:30px 0;
font-size:75%;
line-height:240%;
text-align:center;
color:#fff;
background-color:#0f2950;
}
#footer a:link {text-decoration:none;color:#fff;}
#footer a:visited {text-decoration:none;color:#fff;}
#footer a:hover {text-decoration:underline;color:#fff;}

@media screen and (min-width:769px) {
#footer{
font-size:12px;
letter-spacing:1px;
text-align:center;
}
}