@charset "utf-8";


/* 基本 */
body {margin: 0;padding: 0;background: #fff ;color: #394F66;letter-spacing:0.05em;}
* {box-sizing: border-box;font-family: "kozuka-r", sans-serif;}

body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

/* base*/

/* 全体枠 */
.all{min-width:1120px;}

/* 全体横幅1120px */
.all-width{
display: block !important;
margin: 0 auto !important;
width:1120px;min-width:1120px;
text-align:center;
padding:0 60px;
}
/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width: 1120px){
/* 全体枠 */
.all{overflow: hidden;min-width:100%;}
.all-width{display: block;margin: 0 auto;width:92%;min-width:92%;padding:0;}
}

@media screen and (max-width: 600px){
/*スマホ・PC振り分け*/
.pc{display: none !important;}
.sp {display: block !important;}
}

/*--------------------------------------------------------------------------------*/

/* Noto日本書体（Regular） */
@font-face {
font-family: 'Noto-Regular';
src: url('fonts/NotoSansCJKjp-Regular.ttf') format('truetype');
}
.Noto-Regular {font-family: 'Noto-Regular', sans-serif;}

/* Noto日本書体（Bold）*/
@font-face {
font-family: 'Noto-Bold';
src: url('fonts/NotoSansCJKjp-Bold.ttf') format('truetype');
}
.Noto-Bold {font-family: 'Noto-Bold', sans-serif;}

.weight100{font-weight:100;}
.weight300{font-weight:300;}
.weight400{font-weight:400;}
.weight500{font-weight:500;}
.weight600{font-weight:600;}
.weight700{font-weight:700;}
.weight900{font-weight:900;}

/* 明朝体フォント */
.font_mincho {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
/* 太文字 */
.bold-font{font-weight: bold;}

/* 左寄せ */
.text-l{text-align: left;}
/* 中央寄せ */
.text-c{text-align: center;}
/* 右寄せ */
.text-r{text-align: right;}

/* テキスト色 */
.red{color: #e33 !important;}
.green{color: #5b0 !important;}
.blue{color: #37c !important;}
.blown{color: #a96 !important;}

a{text-decoration:none;color:#394F66;}
.toppage a{text-decoration:none;color:#394F66;}
a:hover{text-decoration:underline;}


/* 文字間つめ */
.letter-sp{ letter-spacing: -0.1em;}
/*取り消し線を引く*/
.deleted {text-decoration: line-through;}

/*文字にアンチエイリアスを効かせる*/
.font_smoothing {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*hr*/
hr{display:block;height:1px;border:0;border-top:1px solid #E5E5E5;margin:1.5em 0;padding:0;overflow: hidden;background: none;}
/*点線*/
.tenline{
border-top:1px dotted #aaaaaa;
height:1px;
margin: 30px 0;
}

/* image */
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
/*リンク画像透明度*/
a img:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/*iframe*/
iframe {max-width: 100%;}
/*非表示*/
.none {display: none !important;}

/*スマホ・PC振り分け*/
.sp {display: none !important;}
/* クリア */
.both{clear: both;}

.sp-ss{margin-bottom:10px;}
.sp-s{padding-bottom:20px;}
.sp-m{margin-bottom:30px;}
.sp-l{margin-bottom:40px;}
.sp-ll{margin-bottom:50px;}

/*ページ上部へ*/
#page-top {
position: fixed !important;
bottom: 15px;right:15px;
width: ;height: ;
height: auto;z-index: 50;
text-align: center;
line-height: 0;
z-index: 200;
}
#page-top a {display: block;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:480px){
#page-top img {
width:30px;height:30px;
}
}
/*--------------------------------------------------------------------------------*/




/*▼▼▼トップの設定▼▼▼*/
/*全体*/
#container{}
.toppage .more{display:inline-block;margin-top:40px;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;background:#0075CF url(images/w-arrow.png) no-repeat center right 24px;}
.toppage .more a{display:block;color:#fff;padding:20px 80px 20px 60px;}
.toppage .more a:hover{text-decoration:none;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;background:#68E7C9 url(images/w-arrow.png) no-repeat center right 24px;}
.toppage h3 {font-size:230%;font-weight:500;margin-bottom:80px;}
.toppage h3 .en {color:#0075CF;font-size:55%;margin-bottom:15px;font-weight:700;letter-spacing:0.2em;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:600px){
.toppage h3 {font-size:165%;}
.toppage h3 .en {font-size:60%;}
}

@media screen and (max-width:480px){
.toppage .more{width:80% !important;}
.toppage .more a{padding:20px 0 20px 0;}
}

@media screen and (max-width:400px){
.toppage .more{width:100% !important;}
}


/*--------------------------------------------------------------------------------*/

/*ヘッダ */
header {width: 100%;text-align: center;overflow: hidden;position:relative ;background:transparent;z-index: 1;}

/*ヘッダ メニュー */
.head-bg{width:100%;text-align:right;height: 40px;font-size: 90%;position: relative;background:#0075CF;}
.head-bg a{color:#fff;}

.head-bg ul{display:inline-block;vertical-align: middle;line-height:1;height: 40px;}
.head-bg ul li{display:inline-block;vertical-align: top;line-height:1;
background:transparent url(images/w-arrow.png) no-repeat left 10px;
background-size: 17px auto;
margin:0 25px 0 0;padding-top: 12px;
}
.head-bg ul li a{display:block;padding:0 0 0 20px;}


/*検索窓 */
.search-box{display:inline-block;vertical-align: middle;line-height:1;color:#fff;background:#0065B3;height: 40px;padding:5px 0 5px 20px;width:320px;text-align:left;}

.search-title{display:inline-block;vertical-align: middle;}
.searchform .screen-reader-text {display: none;}
#searchform,#menu-searchform{display:inline-block;vertical-align: middle;}
.searchform{display:inline-block;vertical-align: middle;
    position: relative;
    padding: 0;
    margin: 0 0 0 0;
    width: 250px;
}
.searchform input{
    line-height: ;
    padding: 2px 35px 5px 10px;
    font-size: 100%;
    width: 100%;
    box-sizing: border-box;
    border: none;
    font-weight:;
    border-radius: ;
    outline: none;background:transparent;color: white;
}
.searchform #searchsubmit{
    position: absolute;
    top: 1px;
    right: -25px;
    vertical-align: top;
    line-height: 23px;
    border: none;
    background: 0 0;
    font-size:125%;
    cursor: pointer;
    width: 30px;
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
  color: white;
    padding: 2px 0 0 10px;
}





/*メインビジュアル */
.main-bg{background:url(images/main-ill.png) repeat-x center bottom 20px,url(images/h-bg.png) no-repeat left top;
background-size:1200px auto,cover;margin:0;padding:24px 0 185px 0;
background-color:transparent;}
.main-bg .h-navi{width:100%;text-align:right;font-size:100%;position: relative;font-weight:500;padding:0 80px 0 24px;}
.main-bg .h-navi ul{display: inline-block;vertical-align: middle;line-height:1;}
.main-bg .h-navi ul li{display: inline-block;vertical-align: middle;line-height:1;margin:0 18px;}

.main-bg .btn{font-size: 100%;font-weight:500;display: inline-block !important;vertical-align: middle;line-height:1;}
.main-bg .btn a{padding:12px 34px;}
.main-bg .main-logo{margin:144px 0 55px 0;}

.main-bg .main-logo .sub-copy{color:#445A71;font-weight:300;font-size:125%;letter-spacing:0.2em;margin:0 0 28px 10px;}
.main-bg .sub-copy02{margin:0 0 6px 0;}
.main-bg .search-btn{margin:0 0 15px 0;display: inline-block;background:#0075CF;font-size:115%;border-radius: 38px;-webkit-border-radius: 38px;-moz-border-radius: 38px;filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.1));}
.main-bg .search-btn a{display: block;text-decoration:none;color:#fff;padding:30px 70px;}

.main-bg .search-btn:hover{background:#68E7C9}

.main-bg .search-btn span{background:transparent url(images/search-icon.png) no-repeat left center;padding:5px 0 5px 36px;}



/*中ページヘッダ */
.page .main-bg{background:url(images/h-bg.png) no-repeat left top;
background-size:cover;
background-color:transparent;padding:24px 0 0 0;}
.page .logo-img{text-align:left;display: inline-block;vertical-align: middle;line-height:1;float:left;padding:0 0 24px 80px !important;}
.page .main-bg .h-navi{width:auto;vertical-align: middle;text-align:right;font-size: 90%;position: relative;font-weight:500;padding:0 80px 0 24px;float:right;}
.page .main-bg .h-navi ul li{display: inline-block;vertical-align: middle;line-height:1;margin:22px 15px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1150px){
.page .logo-img{text-align:left;display: inline-block;vertical-align: middle;line-height:1;float:left;padding:0 0 24px 24px !important;}
.page .main-bg .h-navi{padding:0 24px 0 24px;}
}

@media screen and (max-width: 1050px){
.page .head-bg{height:10px;}

.page .logo-img{width:160px;padding:0 0 24px 24px !important;}
.page .main-bg .h-navi{font-size: 80%;padding:0 20px 0 20px;}
.page .main-bg .h-navi ul{display:none;}
.page .main-bg .btn{margin:1px 75px 0 0;width: auto !important;}
}

@media screen and (max-width: 1000px){
.main-bg .h-navi{text-align:center;font-size: 90%;padding:0;}
.main-bg .h-navi ul li{line-height:1;margin:0 12px;}
}
@media screen and (max-width:768px){
.head-bg{height:10px;}
.head-bg ul,.search-box{display:none;}
.main-bg .h-navi{text-align:right;}
.main-bg .h-navi ul{display:none}
.main-bg .main-logo{margin:80px 0 55px 0;}
.main-bg .btn{margin:8px 95px 0 0;width: auto !important;}
.main-bg .btn a{padding:16px 20px;font-size:105%;}
.page .main-bg .btn{margin:-2px 75px 0 0;width: auto !important;}
}

@media screen and (max-width:600px){
.main-bg{height:100vh;height:100svh;}
.page .main-bg{height:auto;}
.main-bg{padding:24px 0 0 0;}
.main-bg{background:url(images/main-ill.png) repeat-x center bottom 20px,url(images/h-bg.png) no-repeat left top;
background-size:700px auto,cover;margin:0;padding:24px 0 185px 0;
background-color:transparent;}
.main-bg .main-logo{margin:80px auto 55px auto;width:70%;}
.main-bg .main-logo .sub-copy{color:#445A71;font-weight:300;font-size:2.8vw;letter-spacing:0.2em;margin:0 0 10px 10px;}
.main-bg .sub-copy02{width:70%;margin:0 auto 6px auto;}
.main-bg .search-btn{width:70%;margin:0 0 15px 0;display: inline-block;background:#0075CF;font-size:90%;border-radius: 38px;-webkit-border-radius: 38px;-moz-border-radius: 38px;filter: }
.main-bg .search-btn a{display: block;text-decoration:none;color:#fff;padding:18px;}
.main-bg .search-btn span{background-size:18px auto;padding:5px 0 5px 30px;}
}
@media screen and (max-width:480px){
.page .main-bg .btn{margin:0 75px 0 0;width: auto !important;display:none !important;}
}

/*--------------------------------------------------------------------------------*/

/*内容説明*/
#details{
padding: 135px 0 80px 0;
color: #fff;
background:url(images/bl-mushi-r.png) no-repeat right top,url(images/bl-mushi-l.png) no-repeat left bottom,url(images/bl-bg.png) no-repeat ;
background-size:auto,auto,cover;background-blend-mode:multiply,multiply,normal;
position:relative;
}

#details .all-width{width:1120px;min-width:1120px;padding:0;}
#details .ue-inner{text-align:left;padding-bottom:50px;}
#details .ue-inner .l-box{display: inline-block;vertical-align: top;width: 45%;padding: 0 0 0 50px;float:left ;}
#details .ue-inner .r-box{display: inline-block;vertical-align: top;width: 55%;position:relative;float: right;}
#details .ue-inner .main-copy{font-size:180%;line-height:1.8;letter-spacing:0.1em;}
#details .ue-inner .read-copy{font-size:90%;line-height:1.8;margin:30px 0 0 0;width:80%;}

#details .now-circle{text-align:center;position:absolute;top:-75px;right:0px;width:220px;height:220px;background-color:#68E7C9;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;color: #375066;font-size: 120%;font-weight:500;display: table;}
#details .now-circle .inner{display: table-cell;vertical-align: middle;}
#details .now-circle .now{font-size: 85%;}
#details .now-circle .number{font-size:340%;font-weight:700;margin-bottom: 8px;}

#details .st-inner{padding:50px 0 0 0;clear:both;}
#details h3{font-size: 160%;margin: 0 0 20px 0;padding:6px 0 10px 50px;background:url(images/dekirukoto-icon.png) no-repeat left top;display: inline-block;line-height: 1;}
#details .box{display: inline-block;vertical-align: top;width: 31%;line-height:1.6;
text-align:left;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;padding: 28px 14px 14px 28px;}
#details .box .titles{font-size:135%;font-weight:500;color:#018FD7;padding-right:40px;}
#details .box .btm-img{text-align:right;margin-top:10px;}

#details .box01{background:#fff url(images/deirukoto-01.png) no-repeat right top;}
#details .box02{background:#fff url(images/deirukoto-02.png) no-repeat right top;margin: 0 3%;}
#details .box03{background:#fff url(images/deirukoto-03.png) no-repeat right top;}

#details .read{color:#394F66;font-size:90%;margin-top:10px;}
#details .rink-box{margin-top:55px;}
#details .more{background-color:#0065B3;margin: 0 8px;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1120px){
#details .all-width{width:92%;min-width:92%;}
#details .ue-inner .l-box{display: inline-block;vertical-align: top;width: 45%;padding: 0;}

#details .now-circle{text-align:center;position:absolute;top:-75px;right:0px;width:150px;height:150px;background-color:#68E7C9;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;color: #375066;font-size: 90%;font-weight:500;display: table;}#details .now-circle .inner{display: table-cell;vertical-align: middle;}

#details .ue-inner .main-copy{font-size:90%;line-height:1.8;letter-spacing:0.1em;}
#details .ue-inner .read-copy{font-size:85%;line-height:1.8;margin:30px 0 0 0;width:80%;}

#details .box .titles{font-size:110%;}
#details .box .read{color:#394F66;font-size:75%;margin-top:10px;}
#details .box .btm-img img{width:80px;height:auto;}
}
@media screen and (max-width:768px){
#details{background-size:75%,75%,cover;}
#details .now-circle{text-align:center;position:absolute;top:-25px;}
#details .ue-inner .r-box{padding-top: 80px;}
#details .rink-box .more{margin-top:10px;width:350px;}
}
@media screen and (max-width:600px){
#details{padding: 80px 0;}
#details .ue-inner{text-align:center;padding-bottom:30px;}
#details .ue-inner .l-box{display: inline-block;vertical-align: top;width:100%;padding: 0 ;float:none}
#details .ue-inner .r-box img{width:80% ;height:auto;}
#details .ue-inner .r-box{display: inline-block;vertical-align: top;width:100%;position:relative;float:none;;padding-bottom:35px;}
#details .ue-inner .read-copy{width:100%;}

#details .st-inner{padding:25px 0 0 0;clear:both;}
#details h3{font-size:140%;margin: 0 0 20px 0;padding:6px 0 10px 30px;background-size: 25px auto;}

#details .box{display: inline-block;vertical-align: top;width: 80%;margin-bottom: 20px;}
#details .box02{margin: 0 0 20px 0;}
#details .box .titles{font-size:140%;}
#details .box .btm-img img{width:120px;height:auto;}
#details .rink-box{margin-top:10px;}
}

@media screen and (max-width:480px){
#details .ue-inner .r-box{padding-top: 20px;}
#details .now-circle{text-align:center;position:absolute;top:-40px;right:0px;width:110px;height:110px;background-color:#68E7C9;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;color: #375066;font-size: 80%;font-weight:500;display: table;}#details .now-circle .inner{display: table-cell;vertical-align: middle;}
#details .now-circle .now{margin-bottom: 2px;}
#details .now-circle .number{font-size: 300%;font-weight:700;margin-bottom: 3px;}
#details .ue-inner .main-copy{font-size:140%;}
#details .ue-inner .read-copy{font-size:90%;}
#details .rink-box .more{margin:10px 0 0 0;width: 80%;}
}

@media screen and (max-width:400px){
#details .box{width: 100%;}
#details .rink-box .more{margin:10px 0 0 0;width: 100%;}
}
/*--------------------------------------------------------------------------------*/


/*お知らせ*/
#news{background:;position:relative;padding: 120px 0 80px 0;}
#news .all-width{width:1120px;min-width:1120px;padding:0;}
#news .inner{text-align:left;}
#news h3{text-align:center;}
#news .listbox{display: inline-block !important;vertical-align: top !important;line-height:1;text-align:left !important;width:46% !important;margin:0 3% 20px 0 !important;
padding:0 0 20px 0 !important;
border-bottom:2px solid #E1EBED !important;}
#news .date{display: inline-block;vertical-align: middle;line-height:1;font-size:80%;font-weight:300;}
#news .category{display: inline-block;vertical-align:bottom;line-height:1;font-size:75%;margin:0 12px 0 0;font-weight:600;
background:#EBF6FA;padding:5px 10px;border-radius: 38px;-webkit-border-radius: 38px;-moz-border-radius: 38px;}
#news .category a{text-decoration:none;color:#394F66;}

#news .topic{background:#EBF6FA;}
#news .spot{background:#68E7C9;}

#news .title{line-height:1.4;margin:20px 0 0 0;}
#news .title a{text-decoration:underline;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1120px){
#news .all-width{width:92%;min-width:92%;}
}
@media screen and (max-width:600px){
#news{;padding: 80px 0 80px 0;}
#news .listbox{width:100% !important;}
#news .more{margin-top:5px;}
}

@media screen and (max-width:400px){
#news .more{width:100%;}
}

/*--------------------------------------------------------------------------------*/


/*検索パート*/
#search-part{background:url(images/search-mushi-r.png) no-repeat right top,url(images/gld-bg.png) no-repeat ;
background-size:auto,cover;background-blend-mode:multiply,normal;
position:relative;padding: 120px 0;}
#search-part h3{margin-bottom:10px;}
#search-part .inner{text-align: left;}
#search-part .inner .count{text-align: left;background-color: #68E7C9;display:inline-block;font-weight:500;padding:12px 30px;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1));margin: 14px 0 24px 0;line-height: 1;}
#search-part .inner .count .txt{font-size:100%;display: inline-block;vertical-align: middle;}
#search-part .inner .count .number{font-size:150%;display: inline-block;vertical-align: middle;}

#search-part .inner .heading{background-color: #0075CF;text-align: left;color:#fff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;padding: 16px 20px;margin-bottom: 30px;font-size: 110%;}

#search-part .choices{margin-bottom: 50px;line-height:;font-size: 92%;}

#search-part .link-box{margin-top: 50px;text-align:left;}
#search-part .box{width: 50%;display: inline-block;vertical-align: top;line-height:1;font-weight:500;}
#search-part .box .map-search{background-color: #fff;border:3px solid #E1EBED;text-align:center;margin-right:3%;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;}
#search-part .box .map-search a{display: block;text-decoration: none;text-align:center;padding:52px 10px;}
#search-part .box .map-search:hover{background:#EBF6FA;}
#search-part .box .out-search{border:3px solid #E1EBED;text-align:center;margin-left:3%;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;margin-bottom: 14px;background:#fff url(images/search-arrow.png) no-repeat center right 24px;}
#search-part .box .out-search a{display: block;text-decoration: none;text-align:center;padding: 18px;}
#search-part .box .out-search:hover{background:#D9EAF7 url(images/search-arrow.png) no-repeat center right 24px;}


.text-search{margin: 80px 0 90px 0;background-color: #fff;border:3px solid #E1EBED;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;padding: 20px;font-size: 1.3em;color:#016AC8;font-weight:500;text-align:center;}

.text-search .l-box{display: inline-block;vertical-align:middle;margin-right:20px;}
.text-search .txt-searchform{display: inline-block;vertical-align:middle;}
.text-search .screen-reader-text {display: none;}

.txt-searchform{display:inline-block;vertical-align: middle;
    position: relative;
    padding: 0;
    margin: 0 0 0 0;
    width:380px;
}
.txt-searchform input{
    line-height: ;
    padding: 10px 35px 13px 20px;
    font-size: 75%;
    width: 100%;
    box-sizing: border-box;border: none;

    font-weight:;
    border-radius: ;
    outline: none;background:#D9E8F6;color: #394F66;
}
.txt-searchform #txt-searchsubmit{
    position: absolute;
    top: 9px;
    right: 8px;
    vertical-align: top;
    line-height: 23px;
    border: none;
    background: 0 0;
    font-size: 120%;
    cursor: pointer;
    width: 50px;
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
  color: #394F66;
    padding: 2px 0 0 10px;
}


















#search-part input[type="radio"]{width:auto;margin:-3px 5px 0 0;}
#search-part input[type="radio"]:hover{cursor:pointer;}
#search-part label:hover{cursor:pointer;}

#search-part input[type="checkbox"]{width:auto;margin:-3px 5px 0 0;}
#search-part input[type="checkbox"]:hover{cursor:pointer;}

.choices ul li{
margin:0 3px 20px 0;
display:inline-block;vertical-align: top;
width:32%;
line-height:1.3;text-align:left !important;
}
.page .choices ul li {
position: relative;
padding-left: 0;line-height: 1.3;
margin-bottom: 1.5em;text-align:left !important;
}
.page .choices ul li:before {
content: "";
color:#0275CF;
position: absolute;
left: 0;
top: 0;
font-weight: bold;
}

.choices ul li span{font-size:80%;margin-left:10px;color:#E78890;}


/* checkbox01 */
input[type=checkbox] {display: none;}
checkbox{}
.service-list .checkbox01 {
	position: relative;
	line-height:;
	padding: 0 20px 0 27px; 
}
.service-list .checkbox01:after{
background-color: #fff;
}
.service-list .checkbox01:after, .checkbox01:before{
	position: absolute;
	content: ""; 
	display: block;
	top: 50%;
}
.service-list .checkbox01:after {
	left: 0;
	margin-top: -12px;
	width: 18px;
	height: 18px;
	border: 2px solid #dddddd;
}
.service-list .checkbox01:before {
	left: 6px;
	margin-top: -9px;
	width: 7px;
	height: 11px;
	border-right: 3px solid #0171bd;
	border-bottom: 3px solid #0171bd;
	transform: rotate(45deg);z-index: 1;
	opacity: 0;
}
.service-list input[type=checkbox]:checked + .checkbox01:before {
	opacity: 1;
}


.search-btn button{
color: #fff;padding: 12px 0;border:none; width: 350px !important;font-size:100% !important;
background: #0075CF;letter-spacing: 0.1em;
border-radius: 38px;
-webkit-border-radius: 38px;
-moz-border-radius: 38px;padding:25px 50px !important;
}
.search-btn button:hover{background:#68E7C9;cursor:pointer;}

.search-btn  button[disabled] {
  background-color: #e0e0e0;
  color: #9e9e9e;
  cursor: not-allowed;
}

.search-btn{margin:0 0 15px 0;display: inline-block;background:#0075CF;
font-size:115%;border-radius: 38px;-webkit-border-radius: 38px;-moz-border-radius: 38px;filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.1));}
.search-btn .search-icon{background: url(images/search-icon.png) no-repeat center left;padding:3px 0 3px 30px;}
.search-btn a{display: block;text-decoration:none;color:#fff;}

.search-btn:hover{background:#68E7C9;}


button:hover{background:#68E7C9;cursor:pointer;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
.choices ul li{
margin:0 1% 15px 0;
display:inline-block;vertical-align: top;
width:47%;
line-height:1.3;
}
}
@media screen and (max-width:768px){
#search-part{background-size:40%,cover;}
#search-part .link-box{text-align:center;}
#search-part .box{width: 500px;}
#search-part .box .map-search{margin:0 0 20px 0;}
#search-part .box .out-search{margin-left:0;}
#search-part .text-search .l-box{display: block;;margin-right:0;}
.txt-searchform{margin: 10px 0 0 0;}
}
@media screen and (max-width:600px){
#search-part{padding: 80px 0;}
#search-part .inner .count{padding:10px 20px 10px 20px;}
#search-part .inner .count .txt{font-size:90%;display: inline-block;vertical-align: top;padding-top: 0;}
#search-part .inner .count .number{font-size:95%;display: inline-block;vertical-align:top;line-height: 1;}
#search-part .box{width: 100%;}
.choices ul li{margin:0 0 15px 0;width:100%;}
#search-part .inner .heading{padding: 12px 16px;line-height: 1.3;font-size: 100%;margin-bottom:20px}

#search-part .text-search{margin: 40px 0 45px 0;}
.txt-searchform{display:inline-block;vertical-align: middle;width:100%;}

}
@media screen and (max-width:480px){
#search-part .choices{margin-bottom: 20px;}
#search-part .search-btn{margin:0 0 5px 0;width:80%;
font-size:100%;border-radius: 38px;-webkit-border-radius: 38px;-moz-border-radius: 38px;filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.1));}
.search-btn  button[disabled] {width:100% !important;}
#search-part .search-btn .search-icon{background-size: 20px auto;padding:3px 0 3px 26px;}
#search-part .search-btn a{display: block;text-decoration:none;color:#fff;padding:20px;}
}

@media screen and (max-width:400px){
#search-part .search-btn{width:100% !important;}

}
/*--------------------------------------------------------------------------------*/


/*Q＆A*/
#qanda{position:relative;padding: 120px 0;line-height: 1.4;}

#qanda .all-width{background:url(images/qa-ill-l.png) no-repeat left 80px top,url(images/qa-ill-r.png) no-repeat right 80px top 20px ;position:relative;}
#qanda .box{width: 100%;text-align: left;border:3px solid #E1EBED;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;padding:0 28px 0 28px;margin-bottom:15px;}

/*アコーディオン*/
.accordion-title{display: block;position: relative;margin:18px 0 22px 0;padding-right: 18px;}
.accordion-title span{color:#0075CF;font-size:150%;margin-right:10px;}
.accordion-content{border-top:2px solid #E1EBED;padding:25px 0;line-height:1.8;display: none;}

.accordion-container {
position: relative;
width: 100%;
text-align: left;
cursor: pointer;
}

.accordion-title:after {
content: "";
position: absolute;
right: 0;
top: 38%;
transition: all 0.2s ease-in-out;
display: block;
width: 10px;
height: 10px;
border-top: solid 2px #39A3C4;
border-right: solid 2px #39A3C4;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

.accordion-title.open:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 42%;
}



/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1120px){
#qanda .all-width{background:url(images/qa-ill-l.png) no-repeat left 0 top,url(images/qa-ill-r.png) no-repeat right 0 top 20px ;position:relative;}
#qanda .box{width: 100%;}
}
@media screen and (max-width:900px){
#qanda .box{width: 100%;}
}
@media screen and (max-width:768px){
#qanda{padding: 80px 0;}
#qanda .all-width{background-size:140px auto;}
}
@media screen and (max-width:480px){
#qanda .all-width{
background:url(images/qa-ill-l.png) no-repeat left 0 top 10px,url(images/qa-ill-r.png) no-repeat right 0 top 20px ;position:relative;
background-size:70px auto;}
#qanda h3{margin-bottom:10px;}
}
@media screen and (max-width:400px){
#qanda .more{width:100%;}
}
/*--------------------------------------------------------------------------------*/


/*フッタ*/
footer{padding: ;width: 100%;text-align: center;overflow: hidden;position: relative;min-width:1000px;z-index:0;}

#contact{background-color:#0075CF;background: linear-gradient(to right, #0075CF 0%, #0075CF 50%, #0065B3 50%, #0065B3 100%);}
#contact a:hover{text-decoration:none;}

#contact .all-width{width:1280px;min-width:1280px;padding:0;}
#contact .read{font-size: 150%;line-height:1.6;padding-bottom:38px;}
.l-read{background:url(images/toiawase-ill01.png) no-repeat right 50px bottom;}
.r-read{background:url(images/toiawase-ill02.png) no-repeat right 25px bottom;}
#contact .l-box{display: inline-block;vertical-align: top;line-height:1;width:62%;background-color:#0075CF;text-align:left;color:#fff;padding:56px;}
#contact .r-box{display: inline-block;vertical-align: top;line-height:1;width:38%;background-color:#0065B3;text-align:left;color:#fff;padding:56px;}

.otoiawase-btn{
font-size:110%;display: inline-block;vertical-align: top;line-height:1;background-color:#fff;border:3px solid #fff;
color:#0075CF;
border-radius: 45px;-webkit-border-radius: 45px;-moz-border-radius: 45px;
margin-right: 10px;
width: 48%;text-align:center;
}
.otoiawase-btn a{display:block;color:#0075CF;padding:30px 0;}
.otoiawase-btn:hover{background-color:#D9EAF7;}

.tel-btn{text-align:center;display: inline-block;vertical-align: top;line-height:1; width: 48%;}
.tel-btn a{color:#fff;}
.tel-btn .txt{font-size: 55%;margin-bottom: 6px;}
.tel-btn .num{letter-spacing:-0.3em;}
.tel-number{font-size:140%;border:3px solid #fff;border-radius: 45px;-webkit-border-radius: 45px;-moz-border-radius: 45px;width:100%;}
.tel-number a{display:block;padding:20px 0;}

.tel-number:hover{background-color:#0065B3}
.hours{font-size: 70%;margin-top: 10px;}

.guide-btn{
font-size:110%;display: inline-block;vertical-align: top;line-height:1;background-color:#fff;border:3px solid #fff;
color:#0075CF;
border-radius: 45px;-webkit-border-radius: 45px;-moz-border-radius: 45px;width:100%;text-align:center;
}
.guide-btn a{display:block;color:#0075CF;padding:30px 0;}
.guide-btn:hover{background-color:#D9EAF7;}

.mail-icon{background:url(images/mail.png) no-repeat left center;padding:2px 0 2px 50px;display:inline-block;}
.tel-icon{background:url(images/tel.png) no-repeat left center;padding:3px 0 3px 40px;}
.guide-icon{background:url(images/guide.png) no-repeat left center;padding:4px 0 4px 60px;}

footer .f-menu{font-size:85%;margin:0;padding:30px 10px;line-height: 1.8;border-bottom:2px solid #E1EBED;}
footer .f-menu a{}
footer .f-menu a:hover{text-decoration:underline;}
footer .f-menu ul{}
footer .f-menu li{display:inline-block; margin:0 6px 0 6px;}
footer .f-logo{margin:20px 0 50px 0;}

#address{padding:100px 0 60px 0;}
#address .l-box{display: inline-block;vertical-align: top;line-height:1;width:45%;;text-align:left;}
#address .l-box .sub-copy{font-size: 88%;color:#445A71;font-weight:300;letter-spacing:0.25em;margin:0 0 0 5px;}
#address .r-box{display: inline-block;vertical-align: top;line-height:1;width:54%;text-align:left;}
#address .r-box .company{font-weight:500;margin:0 0 15px 0;}
#address .r-box .add{line-height:1.8; margin:0 0 25px 0;}
#address .r-box .links {font-size:88%;}
#address .r-box .links a{text-decoration:underline;}

#address .r-box .links .r-line{border-right:1px solid #395F95;margin-right:15px;padding-right:15px;}
.copy{padding:22px 10px;background-color:#EBF6FA;font-size:88%;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1280px){
footer{min-width:100%;}
#contact .all-width{width:100%;min-width:100%;}
}
@media screen and (max-width:1000px){
#contact .read{font-size: 120%;line-height:1.6;padding:0 0 38px 10px;}
#contact .l-box{display: inline-block;vertical-align: top;line-height:1;width:67%;padding:56px 20px;}
#contact .r-box{display: inline-block;vertical-align: top;line-height:1;width:33%;padding:56px 20px;}
.l-read{background:url(images/toiawase-ill01.png) no-repeat right 50px bottom;background-size:150px auto;}
.r-read{background:url(images/toiawase-ill02.png) no-repeat right 25px bottom;background-size:120px auto;}
.otoiawase-btn{
font-size:100%;display: inline-block;vertical-align: top;line-height:1;background-color:#fff;border:3px solid #fff;
color:#0075CF;
border-radius: 45px;-webkit-border-radius: 45px;-moz-border-radius: 45px;
margin-right: 5px;
width: 47%;text-align:center;
}
.otoiawase-btn a{display:block;color:#0075CF;padding:30px 0;}
.otoiawase-btn:hover{background-color:#D9EAF7;}

.tel-btn{text-align:center;display: inline-block;vertical-align: top;line-height:1; width: 50%;}

.tel-btn .txt{font-size: 60%;margin-bottom: 6px;}
.tel-btn .num{letter-spacing:-0.3em;}
.tel-number{font-size:120%;border:3px solid #fff;border-radius: 45px;-webkit-border-radius: 45px;-moz-border-radius: 45px;width:100%;}
.tel-number a{display:block;padding:20px 0;}

.tel-number:hover{background-color:#0065B3}
.hours{font-size:  70%;margin-top: 10px;}

.guide-btn{
font-size:100%;display: inline-block;vertical-align: top;line-height:1;background-color:#fff;border:3px solid #fff;
color:#0075CF;
border-radius: 45px;-webkit-border-radius: 45px;-moz-border-radius: 45px;width:100%;text-align:center;
}
.guide-btn a{display:block;color:#0075CF;padding:30px 0;}
.guide-btn:hover{background-color:#D9EAF7;}

.mail-icon{background:url(images/mail.png) no-repeat left center;padding:2px 0 2px 28px;display:inline-block;background-size:28px auto;}
.tel-icon{background:url(images/tel.png) no-repeat left center;padding:3px 0 3px 28px;background-size:28px auto;}
.guide-icon{background:url(images/guide.png) no-repeat left center;padding:4px 0 4px 30px;background-size:28px auto;}
}

@media screen and (max-width: 768px){
#contact .l-box{width:100%;}
#contact .r-box{width:100%;}
#address{padding:60px 0 60px 0;}
#address .l-box{width:100%;;text-align:center;}
#address .r-box{width:100%;text-align:center;}
.otoiawase-btn{margin: 0 0 20px 0;width: 100%;}
.tel-btn{width: 100%;}
.guide-btn{width:100%;}
#contact .r-box .inner,#contact .l-box .inner{width:400px;display:block;margin:0 auto;}
.l-read span{display:none;}
}
@media screen and (max-width: 480px){
#contact .r-box .inner,#contact .l-box .inner{width:100%;}
.otoiawase-btn a,.guide-btn a{padding:18px 0;}
.tel-number a{display:block;padding:16px 0;}
footer .f-logo img{width:80%;height:auto;}

}
@media screen and (max-width: 400px){
.l-read{background:url(images/toiawase-ill01.png) no-repeat right 10px bottom;background-size:120px auto;}
.r-read{background:url(images/toiawase-ill02.png) no-repeat right 25px bottom;background-size:100px auto;}
}
/*--------------------------------------------------------------------------------*/


/* スクロールアクション用 */
.invisible {
transition: opacity 0.5s ease;
opacity: 0.0;
}

.visible {
transition: opacity 0.5s ease;
opacity: 1.0;
}

.block {
/* 1秒遅れてアニメする */
animation-delay: 1s;
}
.fade {
-webkit-animation-duration: 5s;
animation-duration: 5s !important;
}

/* Webkit */
.search-box ::-webkit-input-placeholder {
		color: #fff;
		opacity: 1;
	}
	/* Firefox 18 以前 */
.search-box :-moz-placeholder {
		color: #fff;
	}
	/* Firefox 19 以降 */
.search-box ::-moz-placeholder {
		color: #fff;
		opacity: 1;
	}
	/* IE 10 以降 */
.search-box :-ms-input-placeholder {
		color: #fff;
	}


/* テキストで探す*/
/* Webkit */
.text-search ::-webkit-input-placeholder {
		color: #394F66 !important;
		opacity: 1 !important;
	}
	/* Firefox 18 以前 */
.text-search :-moz-placeholder {
		color: #394F66 !important;
	}
	/* Firefox 19 以降 */
.text-search ::-moz-placeholder {
		color: #394F66 !important;
		opacity: 1;
	}
	/* IE 10 以降 */
.text-search :-ms-input-placeholder {
		color: #394F66 !important;
	}