@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

@media screen and (max-width: 680px) {
/*--------------------ここから--------------------*/




body{
margin:0px;
padding:0px;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:15px;
line-height:160%;
color:#000;
}

a:link    {color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:active  {color:#000;text-decoration:none;}
a:hover   {color:#000;text-decoration:none;}

table{
border-collapse:collapse;
border:0px;
}
img{
margin:0px;
padding:0px;
border:0px;
}


.slide{
position: relative;
height: 0;
padding: 0px 0 95%;
margin:0px 0px 0px 0px;
overflow: hidden;
}
.slide iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.calendar{
padding: 0px 0 0;
margin:0px 0px 0px 0px;
overflow: hidden;
}
.calendar iframe{
width: 100%;
height: 210px;
}



#wrapper{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#contents{
width:100%;
margin:0px;
padding:0px 0px 0px 0px;
text-align:left;
vertical-align:top;
}



#left-contents{
width:100%;
margin:0px 0px 0p 0px;
padding:0px 15px 0px 15px;
text-align:left;
vertical-align:top;
box-sizing:border-box;
}

#right-contents{
width:100%;
margin:0px 0px 0p 0px;
padding:17px 15px 40px 15px;
text-align:left;
vertical-align:top;
box-sizing:border-box;
}
#right-contents a{
color:#1288b8;
}
#right-contents img{
max-width:100%;
}


#header_pc{
display:none;
}



#header_sp{
display:block;
position:fixed;
width:100%;
height:70px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
background:#fff;
border-bottom:1px solid #ccc;
}
#header_sp h1{
display:inline-block;
position:absolute;
width:100%;
color:#000;
top:0px;
left:10px;
font-size:10px;
font-weight:bolder;
line-height:100%;
}

#kotei{
width:100%;
position: fixed;
top: 0;
left:0;
height:70px;
background:#fff;
z-index:999999;
}

.head_logo {
display: block;
width: 170px;
position: absolute;
top: 21px;
left: 10px;
cursor: pointer;
z-index: 99;
}
.head_logo img{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.head_logo span{
display:none;
}



.head_mail{
position: absolute;
display: block;
width: 41px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
top: 16px;
right: 107px;
z-index: 200;
}
.head_mail img{
width:24px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.head_mail span{
font-size:10px;
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:9px 0px 0px 0px;
line-height:100%;
text-align:center;
}

.head_tel{
position: absolute;
display: block;
width: 41px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
top: 16px;
right: 59px;
z-index: 200;
}
.head_tel img{
width:24px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.head_tel span{
font-size:10px;
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:9px 0px 0px 0px;
line-height:100%;
text-align:center;
}



.sp-button{
position:relative;
width:100%;
clear:both;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
box-sizing:border-box;
background:#fcf6b3;
}
.sp-button ul{
display:flex;
flex-wrap:nowrap;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear:both;
}
.sp-button li{
flex:1;
list-style:none;
clear:both;
text-align:center;
color:#fff;
font-weight:bolder;
line-height:100%;
height:38px;
width:auto;
font-size:15px;
letter-spacing:2px;
margin:0px 4px 0px 4px;
padding:12px 0px 0px 0px;
box-sizing:border-box;
font-family:YuGothic , 'Yu Gothic' , 游ゴシック , 游ゴシック体 , 'Hiragino KakuGothic ProN' , 'ヒラギノ角ゴ ProN W3' , Meiryo , メイリオ , sans-selif;
}
.sp-button .button1{
border-radius:3px;
box-sizing:border-box;
background:#ff9123;
}
.sp-button .button2{
border-radius:3px;
box-sizing:border-box;
background:#0000ff;
}
.sp-button .button3{
border-radius:3px;
box-sizing:border-box;
background:#999;
}
.sp-button a:link    {display:block;color:#fff;text-decoration:none;}
.sp-button a:visited {display:block;color:#fff;text-decoration:none;}
.sp-button a:active  {display:block;color:#fff;text-decoration:none;}
.sp-button a:hover   {display:block;color:#eee;text-decoration:none;}

.btn {
background: transparent url(../images/btn.png) no-repeat 0 0;
background-size:70px;
display: block;
width: 35px;
height: 35px;
position: absolute;
top: 20px;
right: 13px;
cursor: pointer;
z-index: 200;
}
.btn span{
display:block;
color:#000;
font-size:10px;
line-height:100%;
margin:29px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

.peke {
  background-position: -35px 0;
}
.drawr {
  display: none;
  background-color:#fff;
  position: absolute;
  top: 0px;
  right: 0;
  width: 315px;
  padding: 69px 0px 20px 0px;
  z-index: 100;
border-left:1px solid #ccc;
}
.drawr ul{
margin:0;
padding:0;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}

.drawr-top{
display:block;
width:315px;
color: #333;
font-size: 18px;
line-height:100%;
font-weight:bolder;
text-decoration: none;
background: linear-gradient(#fff, #eee);
cursor: pointer;
padding:15px 10px 16px 37px;
box-sizing:border-box;
position: relative;
border-top: 1px solid #ccc;
}

.accordion {
width: 315px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow-y:auto;
box-sizing:border-box;
border-bottom:1px solid #ccc;
}
.accordion > ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.accordion > ul > li{
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-top: 1px solid #ccc;
}

.accordion > ul > li > a {
display: block;
color: #333;
font-size: 18px;
line-height:100%;
font-weight:bolder;
text-decoration: none;
background: linear-gradient(#fff, #eee);
cursor: pointer;
padding:15px 10px 16px 37px;
position: relative;
}
.accordion > ul > li > a:hover{
background-color:#f5f5f5;
text-decoration:none;
}
.accordion > ul > li > a:after, .accordion > ul > li > a.active:after{
font-size: 12px;
position: absolute;
left: 12px;
top: 16px;
color: #2f7f99;
}
.accordion > ul > li > a:after{
content: "＋";
font-size:14px;
color:#000;
top:30%;
}
.accordion > ul > li > a.active:after{
content: "－";
font-size:14px;
color:#000;
top:29%;
}
.accordion > ul > li > ul {
display: none;
margin:0;
padding:0px 0px 0px 0px;
background:#FFF;
}
.accordion > ul > li > ul > li{
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-top:1px solid #ccc;
}

.accordion > ul > li > ul > li > a{
margin:0px 0px 0px 0px;
padding:13px 0px 14px 13px;
box-sizing:border-box;
font-size:14px;
line-height:130%;
display:block;
}


.drawr_toiawase{
width:315px;
margin:0px 0px 20px 0px;
padding:18px 0px 18px 0px;
}
.drawr_toiawase p{
margin:0px 0px 0px 0px;
padding:0px 0px 10px 20px;
vertical-align:bottom;
line-height:100%;
font-size:16px;
font-weight:bolder;
text-align:left;
color:#000;
}
.drawr_toiawase u{
text-decoration:none;
padding:0px 0px 0px 5px;
font-size:12px;
}
.drawr_toiawase ul{
width:315px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.drawr_toiawase li{
width:315px;
list-style:none;
box-sizing:border-box;
text-align:left;
color:#fff;
}
.drawr_toiawase_tel{
display:inline-block;
padding:0px 0px 0px 20px;
}
.drawr_toiawase_tel img{
width:92%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
border-radius:5px;
}
.drawr_toiawase_tel a{
display:block;
color:#000;
}
.drawr_toiawase_tel strong{
display;inline-block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 35px;
font-size:28px;
line-height:28px;
color:#000;
vertical-align:top;
font-family:arial;
font-weight:bolder;
background:url(../images/icon_tel_white.png) 0px 2px no-repeat;
background-size:26px;
}
.drawr_toiawase_tel span{
display:inline-block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:15px;
line-height:170%;
}
.drawr_toiawase_tel b{
font-size:16px;
color:#000;
padding:0px 0px 0px 0px;
}

.drawr_toiawase_mail{
display:inline-block;
padding:9px 0px 0px 20px;
}
.drawr_toiawase_mail a{
display:block;
color:#000;
}
.drawr_toiawase_mail strong{
display;inline-block;
margin:0px 0px 0px 0px;
padding:3px 0px 0px 0px;
color:#000;
font-size:17px;
line-height:22px;
text-align:left;
vertical-align:top;
font-family:arial;
font-weight:bolder;
background:url(../images/icon_mail_white.png) 0px 0px no-repeat;
background-size:35px;
}
.drawr_toiawase_mail span{
display:block;
width:92%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
z-index:98;
border:1px solid #85a133;
background: linear-gradient(#c5e85d, #a1bf47);
border-radius:5px;
box-sizing:border-box;
}
.drawr_toiawase_mail b{
display:block;
margin:7px 0px 8px 0px;
padding:0;
font-size:16px;
font-weight:bolder;
text-align:center;
text-shadow:1px 1px 1px #85a133;
line-height:150%;
color:#fff;
}






.pankuzu{
width:100%;
height:100px;
box-sizing:border-box;
margin:55px 0px 19px 0px;
padding:22px 0px 0px 0px;
background:url(../images/back-pankuzu_sp.png) 0% 25% no-repeat;
background-size:cover;
}
.pankuzu span{
display:block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
font-size:10px;
color:#000;
line-height:100%;
}
.pankuzu u{
color:#000;
display:inline-block;
text-decoration:none;
margin:0px 0px 0px 5px;
padding:0;
}
.pankuzu a{
color:#000;
margin:0px 6px 0px 0px;
}
.pankuzu p{
margin:0px 0px 0px 0px;
padding:12px 0px 0px 0px;
color:#000;
font-size:25px;
font-weight:bolder;
line-height:100%;
font-family:YuGothic , 'Yu Gothic' , 游ゴシック , 游ゴシック体 , 'Hiragino KakuGothic ProN' , 'ヒラギノ角ゴ ProN W3' , Meiryo , メイリオ , sans-selif;
}


#footer{
width:100%;
color:#F8F5EC;
text-align:center;
margin:0px 0px 0px 0px;
padding:30px 0px 50px 0px;
font-size:15px;
line-height:150%;
background:#f9f9f9;
color:#fff;
border-top:3px solid #cf060a;
}

.foot-link{
display:block;
width:100%;
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.foot-link a{display:inline-block;color:#000;padding:0px 10px 10px 10px;}
.foot-link a:hover{display:inline-block;color:#999;padding:0px 10px 10px 10px;}

.foot-logo{
margin:0px auto;
padding:0px 0px 0px 0px;
text-align:center;
}
.foot-logo img{
width:180px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}

.foot-copy{
text-align:center;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#666;
font-size:10px;
}


.foot-title{
clear:both;
font-size:18px;
font-weight:bolder;
line-height:100%;
color:#000;
margin:15px 0px 10px 0px;
padding:13px 0px 14px 0px;
text-align:left;
letter-spacing:1px;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}

.foot-sns{
display:inline-block;
margin:0px auto;
padding:15px 0px 25px 0px;
}
.foot-sns ul{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.foot-sns li{
width:40px;
height:40px;
list-style:none;
margin:0px 12px 0px 12px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
background:#555;
border-radius:50%;
text-align:left;
}
.foot-sns li img{
width:100%;
margin:0px 0px 0px 0px;
padding:10px;
box-sizing:border-box;
vertical-align:top;
}


.shoppingguide{
width:100%;
margin:0px 0px 0px 0px;
padding:40px 15px 30px 15px;
box-sizing:border-box;
background:#f7fcf2;
}

.shoppingguide ul{
margin:0px;
padding:0px 0px 0px 0px;
}
.shoppingguide li{
list-style:none;
position:relative;
padding:0px 0px 0px 0px;
vertical-align:top;
font-size:14px;
line-height:160%;
color:#000;
text-align:left;
}

.shoppingguide b{
display:inline-block;
font-weight:bolder;
margin:10px 0px 0px 0px;
font-size:14px;
line-height:140%;
color:#000;
text-align:left;
}

.shoppingguide img{
max-width:100%;
margin:9px 0px 9px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.todetail{
display:block;
width:100%;
text-align:right;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
}
.todetail a{
display:inline-block;
margin:0px 0px 0px 0px;
padding:10px 16px 11px 20px;
bolx-sizing:border-box;
color:#000;
font-size:13px;
line-height:100%;
background:#fff;
border:1px solid #ccc;
border-radius:4px;
}





.left-title{
text-align:left;
color:#fff;
font-weight:bolder;
line-height:130%;
width:auto;
color:#fff;
letter-spacing:2px;
font-size:16px;
margin:0px 0px 0px 0px;
padding:10px 0px 12px 15px;
box-sizing:border-box;
background:#27a4d6;
}



.title1{
clear:both;
text-align:left;
color:#fff;
font-weight:bolder;
line-height:140%;
font-size:20px;
letter-spacing:0px;
margin:0px 0px 20px 0px;
padding:10px 10px 12px 16px;
box-sizing:border-box;
background:#cf060a;
}

.title2{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:24px;
font-weight:bolder;
line-height:100%;
text-align:center;
letter-spacing:10px;
}
.title2 span{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:7px 0px 0px 0px;
color:#cf060a;
font-size:14px;
font-weight:bolder;
text-align:center;
letter-spacing:3px;
}

.title3{
text-align:left;
color:#fff;
font-weight:bolder;
line-height:130%;
width:auto;
color:#fff;
letter-spacing:2px;
font-size:16px;
margin:30px 0px 10px 0px;
padding:10px 0px 12px 15px;
box-sizing:border-box;
background:#27a4d6;
}

.subttl{
font-size:17px;
}

.iconttl{
display:block;
width:100%;
margin:20px 0px 10px 0px;
padding:0px 0px 0px 0px;
font-size:17px;
font-weight:bolder;
}
.iconttl span{
display:inline;
padding:0px 5px 0px 0px;
}
.iconttl span img{
max-width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:bottom;
}

.ggmap {
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%;
}



#menu{
clear:both;
width:100%;
margin:70px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
background:#27a4d6;
}
#menu ul {
width:100%;
display:flex;
flex-wrap:nowrap;
margin:0px 0px 0px 0px;
padding:12px 0px 13px 0px;
overflow-x:scroll;
}
#menu li{
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
text-align:center;
line-height:100%;
border-right:1px solid #fff;
box-sizing:border-box;
font-weight:normal;
font-size:13px;
white-space:nowrap;
vertical-align:top;
}
#menu li:hover{
background:#1d93c2;
}
#menu li span{
display:block;
margin:5px 0px 0px 0px;
line-height:12px;
color:#cf060a;
font-weight:normal;
font-size:10px;
padding:0px 0px 0px 0px;
font-family:Georgia !important;
}
#menu li a{
color:#fff;
display:block;
margin:0;
padding:0;
}










#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 77%;
z-index:99999999999999999;
}
#page-top a {
    background: url(../images/pagetop.png) left top no-repeat;
background-size:50px;
    text-decoration: none;
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 0px 0;
    text-align: center;
    display: block;
}
#page-top a:hover {
    background: url(../images/pagetop.png) left top no-repeat;
background-size:50px;
    text-decoration: none;
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 0px 0;
    text-align: center;
    display: block;
}



.left-menu{
width:100%;
clear:both;
margin:0px 0px 25px 0px;
padding:5px 10px 15px 10px;
box-sizing:border-box;
border-left:5px solid #eee;
border-right:5px solid #eee;
border-bottom:5px solid #eee;
}
.left-menu ul{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear:both;
}
.left-menu li{
list-style:none;
font-size:17px;
font-weight:bolder;
line-height:170%;
margin:0px 0px 0px 0px;
padding:11px 0px 10px 22px;
border-bottom:1px solid #eee;
background:url(../images/back-yajirushi.png) 2% 47% no-repeat;
background-size:5px;

}

.left-menu a:link    {display:block;color:#000;text-decoration:none;}
.left-menu a:visited {display:block;color:#000;text-decoration:none;}
.left-menu a:active  {display:block;color:#000;text-decoration:none;}
.left-menu a:hover   {display:block;color:#999;text-decoration:none;}


.left-button{
width:100%;
clear:both;
margin:0px 0px 25px 0px;
padding:7px 15px 0px 15px;
box-sizing:border-box;
background:#fcf6b3;
}
.left-button ul{
width:100%;
margin:0px 0px 0px 0px;
padding:10px 0px 7px 0px;
clear:both;
}
.left-button li{
list-style:none;
clear:both;
text-align:center;
color:#fff;
font-weight:bolder;
line-height:100%;
height:45px;
width:auto;
font-size:20px;
letter-spacing:9px;
margin:0px 0px 10px 0px;
padding:11px 0px 0px 0px;
box-sizing:border-box;

}
.left-button .button1{
border-radius:3px;
box-sizing:border-box;
background:#ff9123;
}
.left-button .button2{
border-radius:3px;
box-sizing:border-box;
background:#0000ff;
}
.left-button .button3{
border-radius:3px;
box-sizing:border-box;
background:#999;
}
.left-button a:link    {display:block;color:#fff;text-decoration:none;}
.left-button a:visited {display:block;color:#fff;text-decoration:none;}
.left-button a:active  {display:block;color:#fff;text-decoration:none;}
.left-button a:hover   {display:block;color:#eee;text-decoration:none;}


.left-category{
width:100%;
clear:both;
margin:0px 0px 25px 0px;
padding:10px 10px 15px 20px;
box-sizing:border-box;
border-left:5px solid #eee;
border-right:5px solid #eee;
border-bottom:5px solid #eee;
}
.left-category span{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:10px 10px 0px 0px;
box-sizing:border-box;
}
.left-category span img{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.left-category ul{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0px 0px 10px 0px;
padding:10px 0px 15px 0px;
clear:both;
border-bottom:6px dotted #eee;
}
.left-category li{
list-style:none;
width:50%;
font-size:17px;
font-weight:bolder;
line-height:100%;
margin:0px 0px 0px 0px;
padding:5px 10px 5px 0px;
box-sizing:border-box;
}
.left-category img{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.left-category p{
clear:both;
text-align:left;
color:#fff;
font-weight:bolder;
line-height:100%;
height:44px;
width:auto;
font-size:19px;
letter-spacing:2px;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 15px;
border:2px solid #028bab;
box-sizing:border-box;

background:#0098ba;
}
.left-category a:link    {display:block;color:#000;text-decoration:none;}
.left-category a:visited {display:block;color:#000;text-decoration:none;}
.left-category a:active  {display:block;color:#000;text-decoration:none;}
.left-category a:hover   {display:block;color:#999;text-decoration:none;}



.left-banner{
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.left-banner img{
width:100%;
vertical-align:top;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}



.news{
display;block;
width:100%;
margin:-10px 0px 30px 0px;
padding:0px 0px 0px 0px;
}
.news ul{
display;block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.news li{
position:relative;
list-style:none;
display;block;
width:100%;
font-size:15px;
line-height:160%;
margin:0px 0px 0px 0px;
padding:10px 0px 11px 100px;
box-sizing:border-box;
border-bottom:1px solid #eee;
}
.news span{
position:absolute;
top:10px;
left:0px;
display:inline-block;
width:90px;
color:#666;
font-size:15px;
font-weight:bolder;
line-height:160%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


.top-banner1{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:100%;
}
.top-banner1 ul{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.top-banner1 li{
list-style:none;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
line-height:100%;
}
.top-banner1 li img{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.top-banner1 img{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}

.top-banner2{
width:100%;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
line-height:100%;
}
.top-banner2 ul{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.top-banner2 li{
list-style:none;
width:50%;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
box-sizing:border-box;
line-height:150%;
}
.top-banner2 li b{
display:block;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
font-size:17px;
line-height:130%;
font-family:YuGothic , 'Yu Gothic' , 游ゴシック , 游ゴシック体 , 'Hiragino KakuGothic ProN' , 'ヒラギノ角ゴ ProN W3' , Meiryo , メイリオ , sans-selif;
}
.top-banner2 li img{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}

.yohaku{
width:100% !important;
margin:0px 0px 0px 0px !important;
padding:10% !important;
box-sizing:border-box !important;
vertical-align:top !important;
}

.top-banner3{
width:100%;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
line-height:100%;
}
.top-banner3 ul{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.top-banner3 li{
list-style:none;
width:33.33333%;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
box-sizing:border-box;
font-size:13px;
line-height:140%;
text-align:center;
}
.top-banner3 li b{
display:block;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
font-size:17px;
line-height:130%;
}
.top-banner3 li img{
width:100%;
margin:0px 0px 8px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}

.top-banner4{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:100%;
}
.top-banner4 ul{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.top-banner4 li{
list-style:none;
width:50%;
margin:0px 0px 0px 0px;
padding:8px 8px 8px 8px;
box-sizing:border-box;
line-height:100%;
}
.top-banner4 li img{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.top-banner4 p{
width:100%;
font-size:15px;
line-height:160%;
text-align:center;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}

.top-course{
width:100%;
margin:0px 0px 25px 0px;
padding:0px 0px 0px 0px;
line-height:100%;
background:#f5f5f5;
}
.top-course ul{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
box-sizing:border-box;
}
.top-course li{
list-style:none;
width:50%;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
box-sizing:border-box;
line-height:100%;
}
.top-course img{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}



.morebutton{
width:100%;
margin:0px 0px 30px 0px;
padding:0px 15% 0px 15%;
box-sizing:border-box;
text-align:center;
}
.morebutton a{
width:100%;
color:#fff;
font-size:19px;
font-weight:bolder;
display:block;
text-align:center;
box-sizing:border-box;
margin:0px 0px 0px 0px;
padding:10px 0px 11px 0px;
border-radius:5px;
border:2px solid #e38502;
background:#f79205;
}
.morebutton a:hover{
background:#e38502;
}















.company-table{
width:100%;
margin:0px 0px 12px 0px;
padding:0px 0px 0px 0px;
}
.company-table table{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.company-table th{
width:22%;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
box-sizing:border-box;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#f5f5f5;
text-align:left;
vertical-align:middle;
font-size:15px;
line-height:160%;
color:#000;
font-weight:normal;
}
.company-table td{
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
box-sizing:border-box;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
vertical-align:middle;
font-size:15px;
line-height:160%;
font-weight:normal;
}

.spec-table{
width:100%;
margin:0px 0px 0px 0px;
padding:15px 0px 15px 0px;
}
.spec-table table{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.spec-table th{
margin:0px 0px 0px 0px;
padding:4px;
box-sizing:border-box;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#f5f5f5;
text-align:left;
vertical-align:middle;
font-size:15px;
line-height:140%;
color:#000;
font-weight:normal;
}
.spec-table td{
margin:0px 0px 0px 0px;
padding:4px;
box-sizing:border-box;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
vertical-align:middle;
font-size:15px;
line-height:140%;
color:#000;
font-weight:normal;
}

.course-table{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:15px 0px 15px 0px;
text-align:right;
}
.course-table p{
display:block;
width:100%;
font-size:17px;
line-height:160%;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
text-align:left;
}
.course-table table{
width:100%;
display:table;
table-layout:fixed;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.course-table th{
margin:0px 0px 0px 0px;
padding:7px;
box-sizing:border-box;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#f5f5f5;
text-align:center;
vertical-align:middle;
font-size:15px;
line-height:160%;
color:#000;
font-weight:normal;
}
.course-table td{
margin:0px 0px 0px 0px;
padding:7px;
box-sizing:border-box;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:center;
vertical-align:middle;
font-size:15px;
line-height:160%;
color:#000;
font-weight:normal;
}

.privacy{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
font-size:15px;
line-height:160%;
color:#000;
}
.privacy b{
display:block;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
font-size:17px;
color:#000;
}
.privacy ul{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.privacy li{
list-style:none;
margin:0px 0px 0px 0px;
padding:25px 0px 0px 0px;
box-sizing:border-box;
font-size:15px;
line-height:160%;
color:#000;
}

.question{
position:relative;
width:100%;
margin:15px 0px 13px 0px;
padding:5px 0px 7px 35px;
box-sizing:border-box;
font-size:16px;
line-height:150%;
color:#000;
font-weight:bolder;
border-bottom:1px solid #ccc;
}
.question b{
position:absolute;
top:3px;
left:0px;
display:inline-block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:18px;
color:#999;
}

.answer{
position:relative;
width:100%;
margin:0px 0px 30px 0px;
padding:0px 0px 0px 35px;
box-sizing:border-box;
font-size:15px;
line-height:160%;
color:#333;
}
.answer b{
position:absolute;
top:0px;
left:0px;
display:inline-block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:18px;
color:#999;
}


.service-intro{
display:block;
width:100%;
text-align:left;
color:#000;
line-height:160%;
font-size:16px;
margin:0px 0px 25px 0px;
padding:20px 20px 20px 20px;
box-sizing:border-box;
background:#eee;
}
.service-intro b{
display:block;
width:100%;
text-align:left;
color:#000;
font-weight:bolder;
line-height:160%;
font-size:18px;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
box-sizing:border-box;
font-family:YuGothic , 'Yu Gothic' , 游ゴシック , 游ゴシック体 , 'Hiragino KakuGothic ProN' , 'ヒラギノ角ゴ ProN W3' , Meiryo , メイリオ , sans-selif;
}
.service-intro a{
color:#cf060a;
text-decoration:none;
}




.targetlink{
display:block;
width:100%;
height:1px;
margin:-100px 0px 0px 0px;
padding:100px 0px 0px 0px;
}

.sitemap{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#000;
line-height:160%;
font-size:15px;
}
.sitemap b{
display:block;
width:100%;
color:#000;
line-height:160%;
font-size:18px;
margin:20px 0px 5px 0px;
padding:0px 0px 0px 0px;
}

.taiouapp{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:20px 0px 20px 0px;
}
.taiouapp ul{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.taiouapp li{
list-style:none;
width:100%;
color:#000;
line-height:160%;
font-size:15px;
margin:0px 0px 0px 0px;
padding:7px 7px 7px 7px;
box-sizing:border-box;
}
.taiouapp b{
display:block;
width:100%;
color:#000;
line-height:160%;
font-size:18px;
font-weight:bolder;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.taiouapp1{
display:block;
width:100%;
color:#fff;
line-height:160%;
font-size:18px;
font-weight:bolder;
text-align:center;
margin:0px 0px 10px 0px;
padding:5px 5px 5px 5px;
box-sizing:border-box;
background:red;
}
.taiouapp2{
display:block;
width:100%;
color:#fff;
line-height:160%;
font-size:18px;
font-weight:bolder;
text-align:center;
margin:0px 0px 10px 0px;
padding:5px 5px 5px 5px;
box-sizing:border-box;
background:#8c3b04;
}
.taiouapp table{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.taiouapp th{
width:27%;
font-weight:bolder;
color:#000;
line-height:160%;
font-size:15px;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
}
.taiouapp td{
color:#000;
line-height:160%;
font-size:15px;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
}

.nyukou-step{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:15px 0px 20px 0px;
}
.nyukou-step ul{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.nyukou-step li{
position:relative;
list-style:none;
color:#000;
line-height:160%;
font-size:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 30px;
box-sizing:border-box;
}
.nyukou-step b{
display:block;
width:100%;
color:#000;
line-height:160%;
font-size:18px;
font-weight:bolder;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.nyukou-step span{
position:absolute;
top:0px;
left:0px;
display:inline-block;
color:#000;
line-height:160%;
font-size:18px;
font-weight:bolder;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}

.nyukou-attention{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:20px 20px 20px 20px;
box-sizing:border-box;
border:1px solid red;
}
.nyukou-attention u{
display:block;
width:100%;
color:red;
line-height:160%;
font-size:25px;
font-weight:bolder;
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.nyukou-attention p{
display:block;
width:100%;
color:red;
line-height:160%;
font-size:15px;
font-weight:bolder;
text-align:center;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.nyukou-attention ul{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.nyukou-attention li{
position:relative;
list-style:none;
color:#000;
line-height:160%;
font-size:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 25px;
box-sizing:border-box;
background:url(../images/icon-yajirushi.png) 0px 3px no-repeat;
background-size:16px;
}

.pdf-attention{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
box-sizing:border-box;
}
.pdf-attention b{
display:block;
width:100%;
line-height:160%;
font-size:17px;
font-weight:bolder;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.pdf-attention ul{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.pdf-attention li{
position:relative;
list-style:none;
color:#000;
line-height:160%;
font-size:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 25px;
box-sizing:border-box;
background:url(../images/icon-yajirushi.png) 0px 5px no-repeat;
background-size:16px;
}

.course-attention{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
box-sizing:border-box;
}
.course-attention img{
float:right;
display:block;
width:45%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.course-attention b{
display:block;
width:100%;
line-height:160%;
font-size:17px;
font-weight:bolder;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.course-attention ul{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 45% 0px 0px;
box-sizing:border-box;
}
.course-attention li{
position:relative;
list-style:none;
color:#000;
line-height:160%;
font-size:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 25px;
box-sizing:border-box;
background:url(../images/icon-yajirushi.png) 0px 3px no-repeat;
background-size:16px;
}

.youshi-exp{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.youshi-exp b{
display:block;
width:100%;
line-height:160%;
font-size:17px;
font-weight:bolder;
text-align:left;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.youshi-exp ul{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.youshi-exp li{
position:relative;
list-style:none;
color:#000;
line-height:160%;
font-size:15px;
margin:10px 0px 10px 0px;
padding:20px 20px 20px 20px;
box-sizing:border-box;
border:1px solid #000;
}

.tokkyu-pricedown{
position:relative;
display:block;
width:100%;
margin:20px 0px 20px 0px;
padding:50px 20px 20px 20px;
box-sizing:border-box;
background:url(../images/icon-specialpricedown.png) 100% 0% no-repeat;
background-size:70px;
border:2px solid #cf0202;
}
.tokkyu-pricedown span{
position:absolute;
top:-20px;
left:0px;
display:block;
width:180px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.tokkyu-pricedown span img{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.tokkyu-pricedown p{
display:block;
width:100%;
line-height:180%;
font-size:18px;
font-weight:bolder;
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.tokkyu-pricedown b{
display:block;
width:100%;
line-height:180%;
font-size:18px;
font-weight:bolder;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.tokkyu-pricedown ul{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
box-sizing:border-box;
}
.tokkyu-pricedown li{
position:relative;
list-style:none;
color:#000;
line-height:160%;
font-size:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 7px 25px;
box-sizing:border-box;
background:url(../images/icon-yajirushi.png) 0px 5px no-repeat;
background-size:16px;
}

.base-attention{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
box-sizing:border-box;
}
.base-attention ul{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.base-attention li{
position:relative;
list-style:none;
color:#000;
line-height:160%;
font-size:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 25px;
box-sizing:border-box;
background:url(../images/icon-yajirushi.png) 0px 5px no-repeat;
background-size:16px;
}

.course-kakakuhyou{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
box-sizing:border-box;
}
.course-kakakuhyou img{
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.course-kakakuhyou ul{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.course-kakakuhyou li{
list-style:none;
}
.course-kakakuhyou1{
display:block;
width:50%;
margin:0px 0px 0px 0px;
padding:0px 5px 0px 0px;
box-sizing:border-box;
}
.course-kakakuhyou2{
display:block;
width:50%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px;
box-sizing:border-box;
}

.course-otoiawasejikan{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
box-sizing:border-box;
color:#000;
line-height:160%;
font-size:15px;
}
.course-otoiawasejikan img{
float:left;
width:30%;
margin:5px 10px 10px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}

.futou-price{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
box-sizing:border-box;
border-top:1px solid #555;
}
.futou-price img{
width:50%;
max-width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.futou-price ul{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.futou-price li{
list-style:none;
color:#000;
line-height:160%;
font-size:15px;
}
.futou-price b{
display:block;
color:#000;
line-height:160%;
font-size:22px;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
}
.futou-price1{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
.futou-price2{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}


/*--------------------ここまで--------------------*/
}