@charset "utf-8";

/* reset */
body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,pre,form,blockquote,fieldset,input,address,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,caption,address,em{font-style:normal;font-weight:normal;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
table{border-spacing:0;border-collapse:collapse;}
fieldset{border:none;}
img{border:0;vertical-align:top;}
br{letter-spacing:0;}
button,fieldset,form,input,label,legend,select,textarea,optgroup{font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}
optgroup{font-style:normal;}

/* clearfix */
.clearfix{ zoom:1;}
.clearfix:after{ content:""; display:block; clear:both;}

/* basic */
body{ font-family: Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; font-size:12px; color:#222; line-height:1.6; background:url(../img/bg_pattern.png) repeat 0 0}

a{ color:#222; text-decoration:none;}
img{ width:100%; height:auto;}

#header{ position:relative;}
#header h1{ position:absolute; top:0; left:0; width:33.125%;/*212/640*/ padding:3.75%;/*24/640*/ z-index:800;}
#header p.inquiry{ position:absolute; top:0; right:0; width:50%;/*320/640*/ padding:3.75%; z-index:700}
#header .main{ position:relative;}

#about{ width:92.5%;/*592/640*/ margin:0 auto; text-align:center; padding:14.0625% 0 7.8125% 0;/*90 0 50 0/640*/}
#about h1{ padding-bottom:5.06756%;/*30/592*/}
#about p{ line-height:2; padding-bottom:5.06756%;/*30/592*/}

#point{ background:#FFF; text-align:center;}
#point .point-inner{ width:92.5%;/*592/640*/ margin:0 auto; padding:14.0625% 0 11.875% 0;/*90 0 76 0/640*/}
#point h1{ padding-bottom:8.44594%;/*50/592*/}
#point ul.point-list{ padding-bottom:5.06756%;/*30/592*/}
#point ul.point-list li{ margin-bottom:2px;}
#point p.plan-txt{ line-height:2; padding-bottom:6.75675%;/*40/592*/}

#menu{ background:url(../img/bg_menu.jpg) no-repeat center top; background-size:contain;}
#menu .menu-inner{ width:92.5%;/*592/640*/ margin:0 auto; padding:12.5% 0 13.75% 0;/*80 0 88 0/640*/}
#menu h1{ text-align:center; padding-bottom:10.81081%;/*64/592*/}
#menu ul.menu-list{ margin:0 auto;}
#menu ul.menu-list li{ float:left; width:50%;}

#example{ background:#FFF; text-align:center;}
#example .example-inner{ width:92.5%;/*592/640*/ margin:0 auto; padding:14.0625% 0 7.8125% 0;/*90 0 50 0/640*/}
#example h1{ padding-bottom:6.75675%;/*40/592*/}
#example p.example-txt{padding-bottom:5.06756%;/*30/592*/}
#example ul.example-list{margin-left:-4.05405%;/*-24/592*/}
#example ul.example-list li{ float:left; width:28.57142%;/*176/616*/  margin-left:3.8961%;/*-24/616*/}
#example ul.icon-list{ margin-left:-4.54545%;/*-8/176*/}
#example ul.icon-list li{ float:left; width:45.65217%;/*84/184*/ margin:0 0 4.34782% 4.34782%;/*0 0 8 8/184*/ line-height:1;}

#contact{ width:92.5%;/*592/640*/ margin:0 auto; text-align:center; padding:14.0625% 0 7.8125% 0;/*90 0 50 0/640*/}
#contact h1{padding-bottom:5.06756%;/*30/592*/}
#contact ul.inquiry li{ font-size:16px; font-weight:bold; padding-bottom:15px;}
#contact ul.inquiry span{ color:#009fde; font-size:16px; font-weight:normal; border:1px solid #009fde; display:block; text-align:center;}
#contact ul.inquiry span a{ color:#009fde; display:block; padding:10px 0;}

#form-area{ background:#FFF; margin-top:40px; padding:40px 25px;}
#form-area .form-block{ border-bottom:1px solid #f4f4f4; display:table; width:100%; padding:15px 0; text-align:left;}
#form-area .form-block.no-border{ border-bottom:none;}
#form-area .form-block h3{ display: table-cell; width:120px; vertical-align:middle;}
#form-area .form-block h3 span{ color:#009fde;}
#form-area .form-block p{ display: table-cell; vertical-align:middle;}
#form-area .form-block-02{ border-bottom:1px solid #f4f4f4; width:100%; padding:15px 0; text-align:left;}
#form-area .form-block-02 h3{ padding-bottom:10px;}

#form-area input{ border:1px solid #bcbcbc; box-sizing:border-box; font-size:16px;}
#form-area input[type="text"]{ height:38px; padding:0 10px; width:100%;}
#form-area ul.radio-list li{ float:left; padding-right:25px;}
#form-area select{ height:38px; border:1px solid #bcbcbc; font-size:16px;}
#form-area textarea{ padding:10px; box-sizing:border-box; width:100%; font-size:16px; min-height:200px;}

#footer{ background:#FFF; text-align:center; padding-top:6.25%;/*40/640*/}
#footer ul.sns-list{ text-align:center; padding-bottom:6.25%;/*40/640*/}
#footer ul.sns-list li{ display:inline-block; width:9.375%;/*60/640*/ padding:0 10px;}
#footer .copyright{ width:92.5%;/*592/640*/ margin:0 auto; border-top:1px solid #f4f4f4; padding:6.25% 0;/*40 0/640*/}
#footer .copyright p{ width:35.81081%;/*212/592*/ margin:0 auto;} 

#current{ position:fixed; right:0; top:50%; z-index:900;}
#current ul{ text-align:center;}
#current ul li{ margin-bottom:14px; font-size:13px;}
#current ul li a{ border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; border-left:1px solid #f4f4f4; display:block; background:#FFF; padding:3px 0;}
#current ul li a:hover{ border-top:1px solid #484848; border-bottom:1px solid #484848; border-left:1px solid #484848; background:#484848; color:#FFF;}
#current ul li a.active{ border-top:1px solid #484848; border-bottom:1px solid #484848; border-left:1px solid #484848; background:#484848; color:#FFF;}

.modal-block{ color:#FFF; margin:0 auto;}
.modal-block h1{ font-size:24px; font-weight:bold;}
.modal-block a{ color:#FFF;}

#sticky{ position:fixed; bottom:0; left:0; width:100%; z-index:910; background: rgba(255,255,255,0.8);}
#sticky ul.sticky-inquiry{ text-align:center; padding:2.8125% 0;/*18 0/640*/}
#sticky ul.sticky-inquiry li{ display:inline-block; width:43.75%;/*280/640*/}

/* add20180427 */
#about h1 { padding-bottom: 5.06756%;/*30/592*/ margin-top: 14.0625%; }
#sticky { position: fixed; bottom: 0; left: 0; width: 92.5%; z-index: 910; background: rgba(255,255,255,0.8); padding: 0 3.75% 2.8%; }
#sticky ul.sticky-inquiry { text-align:center; padding: 2.8% 0; font-size:  0; }
#sticky ul.sticky-inquiry li { display: inline-block; width: 48.6%; margin-right: 2.8%; }
#sticky ul.sticky-inquiry li:last-child { margin-right: 0; }