@charset "utf-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}

html {
line-height: 1;
}

ol, ul {
list-style: none;
}

img {max-width: 100%;}

html {
font-family: 'Noto Sans Japanese',   sans-serif;
}
#html_element {
  text-align: center !important;
}

#html_element div {
  margin:  auto !important;
  margin-bottom: 32px !important;
}
.scroll-table {
  overflow: auto;
  white-space: nowrap;
  border: solid 1px #ddd;
}
  
.foottex {height: 100px;}
.foottex2 {position: relative; bottom: 30px; margin-bottom: -20px !important;}

h2 {border-left: 7px solid #181818; padding: 10px 10px; font-size: 18px; font-weight: bold; color: #181818; text-align: left; margin: 0px 0 20px; }

.ml30 {margin-left: 30px !important;}
.common_slider_trim {
	overflow: hidden;
	width: 259px;/* トリミングしたい枠の幅 */
	height: 172px;/* トリミングしたい枠の高さ */
	position: relative;
}
.common_slider_trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.detail_slider_trim {
	overflow: hidden;
	width: 600px;/* トリミングしたい枠の幅 */
	height: 400px;/* トリミングしたい枠の高さ */
	position: relative;
}
.detail_slider_trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.smp_footer_menu {display: none;}
.nt {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
font-size: 1px;
line-height: 0%;
margin: 0;
padding: 0;
display: block;
}
.nt * {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
font-size: 1px;
line-height: 0%;
}
.nt br {
display: none;
}

.cf {
min-height: 1px;
}
.cf:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
* html .cf {
height: 1px;
/**/
height: auto;
overflow: hidden;
/**/
}

a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}


html, body {
padding:0;
margin:0;
height: 100%;
width: 100%;
min-width: 980px;
/**/
}

body {
color: #333;
background: #fff;
text-align: center;
}

.container {
padding: 40px 0;
}

.frameFix {
margin: 0 auto;
}

.text{
font-size: 1.6rem;
line-height: 1.5em;
}
.entryItem{
display: none;
font-size: 1.6rem;
line-height: 1.5em;
border-bottom: dotted 1px #666;
padding:1em;
}
.jsoffItem,
.errorItem{
font-size: 1.6rem;
line-height: 1.5em;
color:#F00;
}
.errorItem{
display: none;
}
.sidebar input[type="text"]{
margin: 30px auto;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
font-size: 24px;
padding: 20px;
width: 550px;
border-radius: 7px;
text-align: left;
background: #fdfdfd;
border: 1px solid #ddd;

}

a img:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}




table{
  border-collapse:collapse;
  margin:0 auto 50px;
  width: 100%;
}
td,th{
  border-bottom:1px solid #ccc;
  padding:15px;
  text-align: left;

}
th{
  background:#fff;
  width: 25%;
  border-bottom:1px solid #ccc !important;
  text-align: left;
  padding:15px;

}

.mb60{margin-bottom: 60px;}


td, th {line-height: 1.5em; letter-spacing: 0.01em;}

.fontblue {color: #181818;}

p {margin-bottom: 20px;}
h5 {margin: 30px 0 10px; color: #181818; font-size: 16px; font-weight: bold;}

/*追加*/

.topmenu {padding: 20px 0px 20px 20px; width: auto; background: url(/affordable/img/affor_03.jpg) no-repeat right bottom; background-size: 80%; }

.telright {float: right; width: 690px; text-align: right; margin-top: 10px; font-size:0;}
.menu_vi li { vertical-align: left; text-align: center !important; font-size: 16px; font-weight: bold; display: inline-block;  }
.menu_vi li a {color: #555 !important; border-bottom: 5px solid #181818; padding: 10px 20px 15px; }
.menu_vi li a:hover { text-decoration: none; border-bottom: 5px solid #649597;}

.mainframe {width: 100%; max-width: 1000px; margin: 0 auto;}
.mainframe900 {width: 100%; max-width: 1000px; margin: 0 auto;}
.top_con2 {background: #222; color: #fff; font-size: 24px; font-weight: bold; text-align: center; padding: 20px;
  width: 280px;
  -moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
display: inline-block;
}

.top_con2:hover {background: #0c2567; color: #fff; font-size: 24px; font-weight: bold; text-align: center; padding: 20px;
  text-decoration: none;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

.w1000 {max-width: 1000px; margin: 0 auto;}
.w240 {max-width: 240px; margin: 0 auto; }
.w700 {max-width: 700px; margin: 0 auto;}


footer {background: #21408f; padding: 0px 0; font-size: 12px; color: #fff; margin-top: 80px !important; letter-spacing: 0.05em;}

address {background: #262424; display: block; padding: 15px 20px !important; font-size: 11px !important; font-weight: 100 !important; line-height: 1.7em !important; letter-spacing: 0.05em !important; color: #fff !important;}
.footermenus {text-align: left;}
.footermenus li {text-align: left; padding: 10px 20px 10px 0; display: inline-block;}
.footermenus li a {color: #fff; font-size: 14px; text-align: left;}
.fontw {color: #fff;}
.font14 {font-size: 14px;}
.tex_l {text-align: left;}
p {letter-spacing: 0.05em !important; line-height: 1.5em !important;}

h3 {font-size: 18px; margin: 60px auto 30px auto; color: #333; background: url(images/affor_03.jpg) no-repeat left bottom; background-size: 100%; padding-bottom: 10px; font-weight: bold;}
.font777 {color: #777;}

.three {width: 28.333%; float: left; margin: 30px 2.5%;}
.three2 {width: 33.333%; float: left; margin: 30px 0; padding: 0;}
.three2 h4 {padding: 20px 10px 10px; color: #0c2567; font-size: 16px; font-weight: bold;}
.three2 p {padding: 10px 10px; color: #333; font-weight: normal; font-size: 14px; text-align: center;}
/*追加END*/





::-webkit-input-placeholder {color: #cbcbcb; font-family: 'Noto Sans Japanese',   sans-serif;; }

.checkBtn {
	background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c3006d+0,e4007f+100 */
background: #c3006d; /* Old browsers */
background: -moz-linear-gradient(top, #c3006d 0%, #e4007f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c3006d 0%,#e4007f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c3006d 0%,#e4007f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3006d', endColorstr='#e4007f',GradientType=0 ); /* IE6-9 */
  border: 1px solid #aa0d65;
  border-radius: 7px;
  color: #fff;
  font-size: 20px;
  padding: 24px;
  font-family: 'Noto Sans Japanese',   sans-serif;;
  width: 320px;
  min-width: 200px;
  margin-top: 30px;
}

.down {position: relative; top: 14px;}

.font30 { font-size: 30px; color: #fff; padding: 20px 0; text-align: center !important; text-decoration: none !important; letter-spacing: 0.03em; line-height: 1.7em !important; background: rgba(12, 20, 68, 0.89); padding: 30px; border-radius: 7px; display: inline-block; margin: 20px auto;}
.font11 {font-size: 11px;  padding: 5px 0; text-align: left !important; text-decoration: none !important; line-height: 1.4em !important;}

.font11b {font-size: 11px !important; color: #333; padding: 5px 0; text-align: left !important; text-decoration: none !important; line-height: 1.4em !important;}
.tdn:hover {text-decoration: none !important;}

.mt10 {margin-top: 10px !important; }
.mb20 {margin-bottom: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt60 {margin-top: 60px !important;}
.mb30 {margin-bottom: 30px !important;}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
    width: 20px !important;
    margin-left: 20px;
}
input[type="radio"] {
    box-sizing: border-box;
    width: 20px !important;
    margin-left: 20px;
}


/* 共通 */

.formh2 {margin: 30px 0 10px; font-size: 18px; font-weight: bold; color: #181818;}

.pc {display: block;}
.sp {display: none;}

.center-item .slick-arrow {display: none !important;}

.top_acc2 {
	border: #a9a9a9 solid 1px;
    padding: 10px 20px 10px 20px;
    background: #e7e7e7;
    font-size: 12px;
    font-weight: 300;
    border-radius: 7px 0 0 7px;
    position: relative;
    bottom: 5px;
    color: #333 !important;
}
.top_acc3 {
	border: #a9a9a9 solid 1px;
    padding: 10px 20px 10px 20px;
    background: #e7e7e7;
    font-size: 12px;
    font-weight: 300;
    border-radius: 7px;
    position: relative;
    bottom: 5px;
    color: #333 !important;
}

td { vertical-align: top !important; }

.top_acc2:hover {text-decoration: none; background: #c5c5c5;}
.top_acc3:hover {text-decoration: none; background: #c5c5c5;}

.
.drawer-hamburger {display: none !important;}


.headh1 {padding: 20px 0 0; }

.w980b {max-width: 1000px; margin: 0 auto;}


.toptel_ttl {border: 1px solid #ea1616; padding: 5px 10px; text-align: center; font-size: 11px; color: #ea1616; font-weight: 100; margin-right: 10px; letter-spacing: 0.05em; line-height: 1.7em; position: relative; bottom: 7px;}
.toptel_num {font-size: 30px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.7em; padding-top: 5px; margin-right: 10px;}

.top_acc {border: #a9a9a9 solid 1px; padding: 10px 20px 10px 30px; background: url(img/top_access.png) no-repeat left 10px center #e7e7e7; background-size: 15px; margin-right: 10px; font-size: 12px; font-weight: 300; border-radius: 7px; position: relative; bottom: 5px; color: #333 !important; }
.top_con {border: #a9a9a9 solid 1px; padding: 10px 20px 10px 30px; background: url(img/top_contact.png) no-repeat left 10px center #e7e7e7; background-size: 15px; font-size: 12px; font-weight: 300; border-radius: 7px; position: relative; bottom: 5px; color: #333 !important;}

.top_acc:hover {border: #a9a9a9 solid 1px; padding: 10px 20px 10px 30px; background: url(img/top_access.png) no-repeat left 10px center #c5c5c5; background-size: 15px; margin-right: 10px; font-size: 12px; font-weight: 300; border-radius: 7px; position: relative; bottom: 5px; text-decoration: none !important;}
.top_con:hover {border: #a9a9a9 solid 1px; padding: 10px 20px 10px 30px; background: url(img/top_contact.png) no-repeat left 10px center #c5c5c5; background-size: 15px; font-size: 12px; font-weight: 300; border-radius: 7px; position: relative; bottom: 5px; text-decoration: none !important;}



.top_con4 {border: #a9a9a9 solid 1px; padding: 15px 20px 15px 20px; background: #ffcc00; background-size: 30px; font-size: 24px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.7em; border-radius: 7px; position: relative; bottom: 0px; color: #333 !important; display: block; max-width: 500px; margin: 0 auto; text-decoration: none;}

.top_con4:hover {border: #a9a9a9 solid 1px; padding: 15px 20px 15px 20px; background: #1b0a77; background-size: 30px; font-size: 24px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.7em; border-radius: 7px; position: relative; bottom: 0px; color: #fff !important; display: block; max-width: 500px; margin: 0 auto; text-decoration: none;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

.top_con5 {border: #a9a9a9 solid 1px; padding: 15px 60px 15px 60px; background: #ffcc00; background-size: 30px; font-size: 24px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.7em; border-radius: 7px; position: relative; bottom: 0px; color: #333 !important; display: block; max-width: 500px; margin: 0 auto; text-decoration: none;}

.top_con5:hover {border: #a9a9a9 solid 1px; padding: 15px 60px 15px 60px; background: #1b0a77; background-size: 30px; font-size: 24px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.7em; border-radius: 7px; position: relative; bottom: 0px; color: #fff !important; display: block; max-width: 500px; margin: 0 auto; text-decoration: none;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

.pro_box_input {padding: 10px; border-radius: 7px; display: inline-block; margin: 20px auto; font-size: 24px; width: 70%;}

.mv-wrap {
    background: #00b4d8;
}


.pcmenu {margin-top: 40px; background: #181818; height: 70px; width: auto; border-bottom: 5px solid #f3c520; margin-bottom: 0px; position: relative; z-index: 999; }

.gro_kaitai {background: #ffcc00; border-radius: 7px 7px 0 0; display: inline-block; height: 95px; position: relative; bottom: 25px; margin: 0 12px 0 0; overflow: hidden; float: left;}
.gro_kaitai p {font-size: 15px; font-weight: 700; text-align: center; padding: 12px 20px 10px 20px;}
.gro_kaitai p span {margin: 0 0 0 10px; padding: 4px 10px 5px 10px; font-size: 10px; font-weight: 400; background: #fff; border-radius: 7px;}

.gro_shiritai {background: #65c0e7; border-radius: 7px 7px 0 0; display: inline-block; height: 95px; position: relative; bottom: 25px; margin: 0 12px 0 0; overflow: hidden; float: left;}
.gro_shiritai p {font-size: 15px; font-weight: 700; text-align: center; padding: 12px 20px 10px 20px;}
.gro_shiritai p span {margin: 0 0 0 10px; padding: 5px 10px; font-size: 10px; font-weight: 400; background: #fff; border-radius: 7px;}

.gro_sodanshitai {background: #f09745; border-radius: 7px 7px 0 0; display: inline-block; height: 65px; position: relative; top: 5px; margin: 0 12px 0 0; overflow: hidden; float: left;}
.gro_sodanshitai p {font-size: 12px; font-weight: 700; text-align: center; padding: 7px 20px 7px 20px;}
.gro_sodanshitai p span {margin: 0 0 0 10px; padding: 5px 10px; font-size: 10px; font-weight: 400; background: #fff; border-radius: 7px;}

.gro_tomaru {background: #b8c1dd; border-radius: 7px 7px 0 0; display: inline-block; height: 65px; position: relative; top: 5px; margin: 0 0 0 0; overflow: hidden; float: left;}
.gro_tomaru p {font-size: 12px; font-weight: 700; text-align: center; padding: 7px 20px 7px 20px;}
.gro_tomaru p span {margin: 0 0 0 0px; padding: 5px 10px; font-size: 10px; font-weight: 400; background: #fff; border-radius: 7px;}


.gro_in {background: #fff; border-top: 1px solid #877f73; height: 60px;}
.gro_in a {margin: 15px 0; padding: 5px 13px; line-height: 20px; font-weight: 700; font-size: 16px; text-decoration: none; color: #333 !important; float: left; height: 20px; }
.gro_in a:hover {margin: 15px 0; padding: 5px 13px; line-height: 20px; font-weight: 700; font-size: 16px; text-decoration: none; color: #ffcc00 !important; position: relative; top: 1px; float: left;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
 }

.gro_in2 {background: #fff; border-top: 1px solid #877f73; height: 40px; text-align: center;}
.gro_in2 a {margin: 10px auto; padding: 5px 13px; line-height: 10px; font-weight: 700; font-size: 13px; text-decoration: none; color: #333 !important; height: 11px; text-align: center; display: block; float: left; }
.gro_in2 a:hover {margin: 10px auto; padding: 5px 13px; line-height: 10px; font-weight: 700; font-size: 13px; text-decoration: none; color: #ffcc00 !important; position: relative; top: 1px; text-align: center;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
display: block;
 }
 
 .disb {display: block; }
 
 .baikyaku {float: none !important; margin-left: 0 auto !important; margin-right: 0 auto !important;}

.gro_line {border-right: 1px solid #999; }
.gro_two {position: relative; bottom: 12px;}

.gro_two2 {position: relative; bottom: 12px; line-height: 1.3em;}

.twocolumn {width: 750px; float: right; margin: 30px 0 0 0; }



.newsbox {margin-top: 50px; }
.news_ttl {background: url(img/h2_l.png) no-repeat top left #fbfbfa; background-size: 100% 3px; padding: 10px 20px; border-left: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1;}
.news_ttl h3 {text-align: left; font-weight: 600; letter-spacing: 0.05em; line-height: 2em; color: #333; width: 120px; float: left;}
.news_ttl a {background: url(img/li_b.png) no-repeat left 10px center #e3e3e3; background-size: 15px; padding: 10px 10px 10px 30px; border: 1px solid #8b8b8b; border-radius: 5px; color: #333; text-decoration: none; float: right; font-size: 10px; width: 70px;}
.news_ttl a:hover {background: url(img/li_b.png) no-repeat left 10px center #c5c5c5; background-size: 15px; padding: 10px 10px 10px 30px; border: 1px solid #8b8b8b; border-radius: 5px; color: #333; text-decoration: none; float: right; font-size: 10px;}

.newsbox_in {border-left: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; padding: 5px 20px; min-height: 130px;  }
.newsbox_in p {text-align: left; font-size: 12px; letter-spacing: 0.05em; line-height: 1.7em; color: #333; padding: 15px 0 15px 0; border-bottom: 1px dotted #777;}
.newsbox_in p span {width: 120px; display: inline-block;}
.newsbox_in p a {text-align: left; color: #333;}
.nonborder {border: none !important;}
.news_arc {width: 500px; display: inline-block;}
.news_check {background: url(img/li_w.png) no-repeat left 10px center #193e88; background-size: 15px; padding: 5px 10px 5px 30px; border: 1px solid #09245a; border-radius: 5px; color: #fff !important; text-decoration: none; float: right; font-size: 10px; width: 70px; position: relative; bottom: 7px;}
.news_check:hover {background: url(img/li_w.png) no-repeat left 10px center #0e2960; background-size: 15px; padding: 5px 10px 5px 30px; border: 1px solid #09245a; border-radius: 5px; color: #fff !important; text-decoration: none; float: right; font-size: 10px; width: 70px; position: relative; bottom: 7px;}

.big_h2 {background: url(img/h2_l.png) no-repeat top left #fbfbfa; background-size: 100% 3px; padding: 10px 20px; border-bottom: 1px solid #b1b1b1; margin-top: 50px; margin-bottom: 30px;}
.big_h2 h3 {font-weight: 600; letter-spacing: 0.05em; line-height: 2em; color: #183d88; text-align: center !important; font-size: 20px;}

.sidebar {width: 200px; float: left; padding: 0px; background: #faf9f4; border-radius: 7px; position: absolute; top: 250px; z-index: 9999; border-radius: 7px; border:1px solid #b9b8b8;}
.sidebarh2 {background: #ffcc00; border-radius: 7px 7px 0 0; padding: 15px 10px; font-size: 15px; font-weight: 700; letter-spacing: 0.05em; line-height: 1em;}
.sidebarh2 img {margin-right: 10px;}

.sidebar2 {width: 200px; float: left; padding: 0px; border-radius: 7px; position: absolute; top: 880px; z-index: 9999; }
.sidebar2 a {padding-bottom: 5px; display: block;}
.sidebar p {font-size: 13px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.7em; margin: 12px 0 2px 0; padding: 0 20px; text-align: left;}

.sidebar select {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 30px;
    width: 160px;
    padding: 5px 10px;
    background: #e3e3e3;
    border: 1px solid #8b8b8b;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}

select {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 30px;
    width: 160px;
    padding: 5px 10px;
    background: #e3e3e3;
    border: 1px solid #8b8b8b;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}

.slick-slider .slick-arrow {display: none !important;}
.slick-dots button {text-indent: -9999px; border-radius: 100px !important; font-size: 4px; }
.slick-dots li {display: inline-block; margin: 10px 3px;}
.slick-active button {background: #bf4112}
.nolh {line-height: 1em !important;}
.sidebar input[type="text"] {width: 140px; padding: 5px 10px; margin: 0; border-radius: 3px; font-size: 13px;}
.sidebar input[type="submit"] {width: 160px; padding: 5px 10px; margin: 20px 0 20px 0; border-radius: 3px; background: #183d88; color: #fff; line-height: 1.7em; letter-spacing: 0.05em; font-size: 14px;}
button[type="submit"]  {background: #1224ae;}
.p20 {padding: 20px;}

.mt0 {margin-top: 0 !important;}

.five {border: 1px solid #fff;}
.five a img {padding: 0;}
.five p {text-align: left; color: #333 !important; font-size: 13px; letter-spacing: 0.05em; line-height: 1.7em; margin-top: 5px;}
.five p a {text-align: left; color: #333 !important; font-size: 13px; letter-spacing: 0.05em; line-height: 1.7em;}*/

.tex_l {text-align: left;}
.tex_r {text-align: right;}
.tex_c {text-align: center;}

.left {float: left;}
.right {float: right;}

.w49per {width: 49%;}
.w24per {width: 24%; margin: 10px 0.5%; float: left;}

.font12 {font-size: 12px;}

.w1300 {max-width: 1300px; margin: 0 auto;}

.vrbox {background: url(img/top_vacation_bg.jpg) no-repeat; background-size: cover; margin: 50px 0 0 0; width: auto; padding: 50px 0;}
.vrtext {background: #fff; padding: 20px 20px 30px 20px; max-width: 300px; float: left; }
.vrtext h3 {margin: 0 0 20px 0; font-weight: 700; letter-spacing: 0.05em; line-height: 1.2em; padding-bottom: 5px; font-size: 24px !important; text-align: left; background: url(img/h2_s.png) no-repeat right bottom; background-size: 100px 3px;}
.vrtext h3 span {display: block; font-weight: 700; text-align: right; font-size: 13px;}
.vrtext p {text-align: left; letter-spacing: 0,05em; line-height: 1.7em; font-size: 14px;}

.news_check2 {background: url(img/li_w.png) no-repeat left 10px center #193e88; background-size: 15px; padding: 10px 10px 10px 30px; border: 1px solid #09245a; border-radius: 5px; color: #fff !important; text-decoration: none; float: right; font-size: 10px; width: 70px; position: relative; bottom: 7px; float: right; position: relative; top: 220px !important; }
.news_check2:hover {background: url(img/li_w.png) no-repeat left 10px center #0e2960; background-size: 15px; padding: 10px 10px 10px 30px; border: 1px solid #09245a; border-radius: 5px; color: #fff !important; text-decoration: none; float: right; font-size: 10px; width: 70px; position: relative; bottom: 7px; float: right; position: relative; top: 220px !important;}

.hawaiibox {background: url(img/top_area_bg.jpg) no-repeat; background-size: cover; margin: 0px 0 0 0; width: auto; padding: 0px 0; height: 300px;}
.hawaii_in {background: url(img/top_area_img.png) no-repeat left center; background-size: auto 300px; height: 300px;}

.mt0 {margin-top: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.mt50 {margin-top: 50px !important;}



.mainimg {position: relative; bottom: 20px;}


.footer_up {padding: 15px 0; border-top: 1px solid #999; margin-top: 0px;}
.footer_up span {font-size: 12px; text-align: left; margin: 0;}
.footer_up a {font-size: 12px; padding: 0 0 0 20px; text-align: right; margin: 0; color: #333;}

.footer_sp_menu {display: none;}



.minhs {min-height: 700px;}

.onecolumn h4 {border-left: 7px solid #ffcc00; padding: 0 0 0 10px; font-size: 16px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.7em; color: #181818; margin: 30px 0 20px 0; text-align: left;}

.sitemap_footer {background: #181818; padding: 20px 0;}
.sitemap_footer_l1 {width: 24%; float: left; }
.sitemap_footer_l {width: 24%; margin-left: 1%; float: left }
.sitemap_footer_l p a { background: url(img/li_w.png) no-repeat left center;
    background-size: 12px; color: #fff; padding-left: 20px; letter-spacing: 0.05em; line-height: 1.7em; font-size: 13px;}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    margin: 0;
    width: 40px;
}

#page-top img {width: 40px;}

.footer_contact { background: url(img/footer_contact_bg.jpg) no-repeat; background-size: cover; margin: 50px 0 0; padding: 80px 0; width: auto; text-align: center;}

.footer_contact_in {background: rgba(253, 253, 253, 0.9); padding: 10px; max-width: 960px; margin: 0 auto;}
.footer_contact_in_in {background: rgba(253, 253, 253, 0.3); border: 1px solid #b9b9b9; padding: 20px 20px 40px;}
.footer_contact_in_in h3 {font-size: 20px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.7em; color: #21408f; margin: 0 0 10px 0;}
.footer_contact_in_in p {color: #333; letter-spacing: 0.05em; line-height: 1.7em; font-weight: 200; }
/* 共通 END */

.pro_page_box {background: url(img/pro_page_box_bg.jpg) no-repeat center center; background-size: cover; padding: 100px 0;}

.text_kekka {padding: 30px 0;}

.text_kekka h2 {font-size: 32px; margin-bottom: 30px; font-size: 1.7rem; line-height: 1.5em;}
.text_kekka h4 {font-size: 24px; margin: 30px auto 10px; display: inline-block; border-bottom: 1px solid #000; font-size: 1.7rem; line-height: 1.5em;}
.text_kekka h3 {font-size: 44px !important; margin: 10px auto 50px; font-size: 1.7rem; line-height: 1.5em;}
.text_kekka p {display: block; font-size: 24px; margin-bottom: 10px; font-size: 1.7rem; line-height: 1.5em;}
.text_kekka a {display: inline-block; font-size: 24px; margin-bottom: 30px; font-size: 1.7rem; line-height: 1.5em;}

.mb10 {margin-bottom: 10px !important;}
.mt0 {margin-top: 0px !important;}
.mt100 {margin-top: 100px !important;}
.pb0 {padding-bottom: 0 !important;}

.chui {background: #e5e5e5; padding: 50px 0;}
.chui h4 {font-size: 24px; color: #e4007f; border-bottom: 1px solid #e4007f; display: inline-block; margin-bottom: 40px; }

.chui700 {width: 700px; margin: 20px auto 0; text-align: left; }
.chui700 p {font-size: 18px; letter-spacing: 0.05em; line-height: 1.7em; margin-bottom: 10px;}

.w550 {width: 550px; min-width: 280px; margin: 30px auto 0;}
.w550 p {text-align: left;}

/*下層*/

.bread {background: #262424; padding: 5px 0; width: auto; color: #fff; font-size: 12px; line-height: 20px; letter-spacing: 0.05em; position: relative; z-index: 99999; text-align: left;}
.bread img {position: relative; top: 4px;}
.bread a {color: #fff; font-size: 12px; line-height: 20px; letter-spacing: 0.05em; margin-right: 10px; position: relative; right: 750px;}
.bread span {color: #fff; font-size: 12px; line-height: 30px; letter-spacing: 0.05em; margin-right: 10px; position: relative; right: 750px;}
.area_ttl { position: relative; width: 100%; height: auto; background: url(img/area_top_bg_05.jpg) no-repeat; background-size: cover; text-align: center; padding: 0; position: relative; bottom: 0px; z-index: 1; }
.area_ttl img {margin: 0 auto; max-width: 1000px;}

.area_ttl2 { position: relative; width: 100%; height: auto; background:#c3e2f0; text-align: center; padding: 0; position: relative; bottom: 0px; z-index: 1; }
.area_ttl2 img {margin: 0 auto; max-width: 1000px;}

.area_ttl_detail {padding: 0 0 15px; background: url(img/content_bgs.png) no-repeat #0c60a6; background-size: cover;}
.area_ttl_detail h1 {padding: 20px 0 10px 0; font-size: 26px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.7em; color: #fff; text-align: left;}
.area_ttl_detail img {margin: 0; 	padding-top: 20px;}
.onecolumn {max-width: 980px; float: none; margin: 50px auto; }
.tex_l {text-align: left;}
.w49per {width: 49%;}
.h2s {background: url(img/h2_l.png) no-repeat bottom left;
    background-size: 100% 3px;
    padding: 10px 0px 15px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    color: #181818;
}

.h2s2 {background: url(img/h2_l.png) no-repeat bottom left;
    background-size: 100% 3px;
    padding: 10px 0px 15px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    color: #181818;
}

.kukuri {border: none !important;}
.kukuri tr {border-bottom: 1px solid #333;}
.kukuri th {border: none !important; background: #eeff00 !important;}
.kukuri td {border: none !important; text-align: left;}


.area_ttl_content1 {padding: 30px 0 30px; margin-bottom: 20px; background: url(img/content_bgs.png) no-repeat #39c8cd; background-size: cover;}
.area_ttl_content2 {padding: 30px 0 30px; margin-bottom: 20px; background: url(img/content_bgs.png) no-repeat #0ddee4; background-size: cover;}
.area_ttl_content3 {padding: 30px 0 30px; margin-bottom: 20px; background: url(img/content_bgs.png) no-repeat #00f7ff; background-size: cover;}
.area_ttl_content4 {padding: 30px 0 30px; margin-bottom: 20px; background: url(img/content_bgs.png) no-repeat #00ff92; background-size: cover;}

.contentbox_l {width: 37%;}
.contentbox_l img {margin-bottom: 20px;}
.contentbox_r {background: #fbfbfa; width: 60%;}
.contentbox_r h2 {margin: 20px 30px;}
.contentbox_r p {margin: 20px 30px 30px; letter-spacing: 0.05em; line-height: 1.7em;}
.contentbox_l img {border: 5px solid #fff;}

.news_check3 {background: url(img/li_w.png) no-repeat left 10px center #193e88; background-size: 15px; padding: 10px 10px 10px 30px; border: 1px solid #09245a; border-radius: 5px; color: #fff !important; text-decoration: none; float: right; font-size: 10px; width: 70px; position: relative; bottom: 7px; float: right; text-align: center; font-weight: 200;  }
.news_check3:hover {background: url(img/li_w.png) no-repeat left 10px center #0e2960; background-size: 15px; padding: 10px 10px 10px 30px; border: 1px solid #09245a; border-radius: 5px; color: #fff !important; text-decoration: none; float: right; font-size: 10px; width: 70px;  position: relative; bottom: 7px; float: right; text-align: center;  font-weight: 200;}

.onecolumn p {text-align: left; letter-spacing: 0.05em; line-height: 1.7em; font-size: 16px;}

.info_ttl { position: relative; width: 100%; height: auto; background:url(img/hawaiido_info_03.jpg) no-repeat center center; background-size: cover; text-align: center; padding: 0; position: relative; bottom: 0px; z-index: 1; padding: 30px 0; }

.info_nos {}

.info_no1 {background: rgba(255, 255, 255, 0.89); border: 1px solid #b1b1b1; border-radius: 5px; padding: 15px 0;  text-align: center; font-size: 15px; display: block; float: left; width: 49.5%; color: #333; text-decoration: none;  line-height: 30px;  margin: 3px 1px;}
.info_no2 {background: rgba(255, 255, 255, 0.89); border: 1px solid #b1b1b1; border-radius: 5px; padding: 15px 0;  text-align: center; font-size: 15px; display: block; float: right; width: 49.5%; color: #333; text-decoration: none;  line-height: 30px;  margin: 3px 1px;}

.info_no3 {text-align: center; font-size: 15px; display: block; float: left; width: 115px; color: #333; text-decoration: none; margin: 3px 7px 3px 0;  line-height: 30px;}

.info_no3_l {text-align: center; font-size: 15px; display: block; float: left; width: 115px; color: #333; text-decoration: none; margin: 3px 7px 3px 0;  line-height: 30px;}
.info_no3_r {text-align: center; font-size: 15px; display: block; float: left; width: 115px; color: #333; text-decoration: none; margin: 3px 0px 3px 0;  line-height: 30px;}



.reigai {line-height: 1em !important;}

.info_boxes {background: url(img/hawaiido_info_06.jpg) no-repeat center center; background-size: cover; padding: 30px 0;}
.info_boxes p {margin: 30px 0; padding: 30px; background: #fff; letter-spacing: 0.05em; line-height: 1.7em; text-align: left; max-width: 700px;}

.flowl {float: left; width: 25%; margin-top: 30px; border-radius: 500px; overflow: hidden; border: 7px solid #ffcc00;}
.flowl img {width: 100%;}
.flowr {width: 70%; float: right; }
.li17 {line-height: 1.7em; letter-spacing: }
.bluespan {color: #193e88 !important; display: inline-block; width: 70px; background: none !important; padding: 0 !important; margin: 0 !important;}
/*下層END*/

/*一覧*/

.new_mark {background: #ffe400 !important; padding: 3px 10px; color: #333; font-weight: 600; text-align: center; font-size: 13px; margin: 0 !important; display: inline-block; height: auto !important; position: relative; z-index: 9999; top: 0; }
.height0 {height: 0; overflow: visible; text-align: left;}

.lists {}

.twocolumn .three_lists {width: 32%; float: left; margin: 10px 0; text-align: left;}

.twocolumn .three_lists:nth-child(3n+3) {width: 32%; float: left; margin: 10px 2%; text-align: left;}

.three_lists_img {width: 100%; height: 150px; overflow: hidden;}
.three_lists p {font-size: 12px; letter-spacing: 0.05em; line-height: 1.6em; text-align: left; margin: 5px 0; height: 97px; overflow: hidden; color: #333 !important;}
.three_lists p a {color: #333 !important;}
.three_lists span {background: #193e88; padding: 8px 10px; font-size: 8px; color: #fff; margin: 0 0 3px 0; display: inline-block;}
.list_beds {border-bottom: 1px solid #777; border-top: 1px solid #777; margin: 10px 0;}
.list_beds_l {padding: 5px 0; width: 49%; float: left; text-align: center !important; background: url(img/beds1.jpg) no-repeat left center; background-size: 20px; height: auto !important;}
.list_beds_r {padding: 5px 0; width: 49%; border-left: 1px solid #777; float: left; text-align: center !important; background: url(img/beds2.jpg) no-repeat left center; background-size: 20px; height: auto !important;}
.listsnum a {display: inline-block; padding: 10px 12px; text-align: center; color: #333; background: #f0f2f6; font-size: 12px; border-radius: 5px; text-align: center; margin: 10px 5px; line-height: 1em;}
.listsnum a:hover {display: inline-block; padding: 10px 12px; text-align: center; color: #fff; background: #22408e; font-size: 12px; border-radius: 5px; text-decoration: none; text-align: center; margin: 10px 5px; line-height: 1em;}
.listsnum .active {display: inline-block; padding: 10px 12px; text-align: center; color: #fff; background: #22408e; font-size: 12px; border-radius: 5px; text-decoration: none; text-align: center; margin: 10px 5px; line-height: 1em;}


.list_footer_tels {padding: 5px 0; margin: 10px 0; width: 49%; float: left; text-align: center !important; height: auto !important; font-size: 26px; font-weight: 600 !important;}
.list_footer_tels2 {padding: 5px 0; margin: 10px 0; width: 49%; border-left: 1px solid #333; float: left; text-align: center !important;  height: auto !important; font-size: 26px; font-weight: 600 !important;}


/*一覧END*/

/*物件詳細*/
.center-item {width: 100%; position: relative; bottom: 20px;}
.center-item .slick-arrow {}

.center-item .slick-slide {
	float: left;
    height: auto !important;
    min-height: 1px;
}

.center-item .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 33.333% !important;
    max-width: 100%;
    height: 400px;

}

.center-item .slick-slide img {border-left :1px solid #fff; border-right :1px solid #fff;}

.center-item .slick-dots {
	position: relative;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.center-item  {
    margin-bottom: 0px !important;
}

.center-item .slick-dots li {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 60px;
    margin: 0 1px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
}
.center-item .slick-dots li:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

.center-item .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 33.333% !important;
    max-width: 100%;
    height: auto;
}

.detail_tex {background: #fffdde; padding: 30px; margin: 0px 0 30px;}
.detail_tex p {text-align: left; font-size: 15px; letter-spacing: 0.05em; line-height: 1.7em;}


.nobord img {border: none !important;}
.nobg {background: none !important; padding: 0 !important;}
.nobg p {line-height: 1.5em; letter-spacing: 0.05em; }
/*物件詳細END*/

/*よくあるご質問*/

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;

  width: 980px;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/3);
  height: 50px;
  border-bottom: 3px solid #181818;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
  background: #e7ecf6;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #181818;
  color: #fff;
}

.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;

}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border-left: solid 10px #181818;
    cursor :pointer;
    display: block;
    background: #fff;
    text-align: left;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #ffcc00;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0px;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
    background: #fff;
}

.hidden_show p {padding: 20px;}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

/*よくあるご質問END*/

/*お問い合わせ*/

.icon_hissu {
    background: none repeat scroll 0 0 #d43f3a;
    color: #fff;
    font-size: 75%;
    font-weight: normal;
    padding: 4px 10px;
    margin-left: 0;
    white-space: nowrap;
    width: 30px;
    display: inline-block;
    text-align: center;
}

.icon_nini {
    background: none repeat scroll 0 0 #666666;
    color: #fff;
    font-size: 75%;
    font-weight: normal;
    padding: 4px 10px;

    white-space: nowrap;
    width: 30px;
    display: inline-block;
    text-align: center;
}

.icon_hissu2 {
    width: 30px;
    padding: 4px 10px;
    margin-left: 0;
    display: inline-block;
}

textarea {
	  width: 400px;
    padding: 5px 10px;
    font-size: 16px;
    border: 1px solid #e3e3e3;
    resize: none;
    height: 100px;
}

.form_shinchoku {background: #ececec; border: 1px solid #bfbfbf; border-radius: 7px; overflow: hidden;}
.form_shinchoku p {margin: 0; padding: 10px 0 !important; width: 33.333%; font-size: 15px; color: #333; text-align: center; float: left; line-height: 3em; letter-spacing: 0.05em;}
.form_shinchoku .form_now {margin: 0; width: 33.333%; font-size: 15px; color: #fff; text-align: center; background: #181818; float: left; line-height: 3em; letter-spacing: 0.05em;}

.error {font-size: 12px; color: red;}
input {margin: 3px 0;}
select {margin: 3px 0;}
.sodanform {margin: 50px auto; text-align: left; max-width: 800px;}
.sodan_input {margin-left: 0px;}
.sodan_input input[type="text"] {width: 400px; padding: 5px 10px; font-size: 16px;}
.sodan_input input[type="tel"] {width: 400px; padding: 5px 10px; font-size: 16px;}
.sodan_input input[type="email"] {width: 400px; padding: 5px 10px; font-size: 16px;}
.sodan_input label {margin: 0px 10px 0 0;}
.sodan_komoku {width: 180px; display: inline-block;}
.sodan_div {border-bottom: 1px dotted #555; margin-bottom: 10px; padding-bottom: 10px;}

.sodan_area {height: 100px; display: inline-block;}

.sodan_tbl input {margin: 0px 0 5px;}

.sodan_rbl1 {width: 180px; }
.sodan_rbl2 {width: 40px;}
.sodan_rbl3 {width: 600px;}

.btn_sub {
	background: #1d44a8; /* グラデーション */
   border: 1px solid #a4a4a4; /* 枠線 */
   border-radius: 7px;      /* 角丸 */
   padding: 10px 10px;
   color: #fff;
   display: inline-block;
   width: 200px;
   font-size: 20px;
   font-weight: 700;

}

.btn_sub:hover {
	background: #112968; /* グラデーション */
   border: 1px solid #a4a4a4; /* 枠線 */
   border-radius: 7px;      /* 角丸 */
   padding: 10px 10px;
   color: #fff;
   display: inline-block;
   width: 200px;
   font-size: 20px;
   font-weight: 700;
   cursor: pointer;

}

.btn_sub_back {
	background: #aaaaaa; /* グラデーション */
   border: 1px solid #a4a4a4; /* 枠線 */
   border-radius: 7px;      /* 角丸 */
   padding: 10px 10px;
   color: #fff;
   display: inline-block;
   width: 200px;
   font-size: 20px;
   font-weight: 700;

}

.btn_sub_back:hover {
	background: #818181; /* グラデーション */
   border: 1px solid #a4a4a4; /* 枠線 */
   border-radius: 7px;      /* 角丸 */
   padding: 10px 10px;
   color: #fff;
   display: inline-block;
   width: 200px;
   font-size: 20px;
   font-weight: 700;
   cursor: pointer;

}


.sodan_tbl select {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 30px;
    width: 160px;
    padding: 5px 10px;
    background: #e3e3e3;
    border: 1px solid #8b8b8b;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}

.yubin {width: 120px !important;}

/*お問い合わせEND*/

/*会社情報*/

.comebox {background: #ffe400; border-radius: 7px; padding: 0 30px 0px;}
.comebox h3 {line-height: 1.7em; letter-spacing: 0.03em; font-size: 20px; font-weight: bold; padding-top: 30px;}
.posi_b40 {position: relative; bottom: 30px;}
.comebox_btn {width: 43%; float: left;}
.comebox_text {width:calc(55% - 40px); float: right; padding: 5px 20px 20px; background: #fff; border-radius: 7px; text-align: left;}
.comenegamgn2 { position: relative; bottom: 30px; }

/*会社情報 END*/

.drawer-hamburger {display: none !important;}
.left2 {float: left;}
.right2 {float: right;}
.posit20 {position: relative; top: 20px;}

button[type="submit"]  {
    /* 文字サイズを1.4emに指定 */
    font-size: 1em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 背景色を濃い青色に指定 */
    background-color:;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;
    
    border-radius: 7px;
}




@media screen and (max-width: 768px){
	
	.info_ttl {
    position: relative;
    width: auto;
    height: auto;
    background: url(img/hawaiido_info_03.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;
    padding: 0;
    position: relative;
    bottom: 0px;
    z-index: 1;
    padding: 30px 20px;
}


	
	.newsbox_in p a {display: block;}
	
	.left2 {float: left;}
	.comenegamgn h3 {width:calc(100% - 137px); font-size: 14px;}

	.bread {background: #262424; padding: 5px 0; width: auto; color: #fff; font-size: 12px; line-height: 20px; letter-spacing: 0.05em; position: relative; z-index: 99999; text-align: left;}
.bread img {position: relative; top: 4px;}
.bread a {color: #fff; font-size: 12px; line-height: 20px; letter-spacing: 0.05em; margin-right: 10px; position: relative; right: 0; left: 20px;}
.bread span {color: #fff; font-size: 12px; line-height: 30px; letter-spacing: 0.05em; margin-right: 10px; position: relative; right: 0; left: 20px;}

	.list_footer_tels {
    padding: 5px 0;
    margin: 10px 0;
    width: auto;
    float: none;
    text-align: center !important;
    height: auto !important;
    font-size: 16px;
    font-weight: 600 !important;
}

.list_footer_tels2 {
    padding: 5px 0;
    margin: 10px 0;
    width: auto;
    float: none;
    border-left: none;
    text-align: center !important;
    height: auto !important;
    font-size: 16px;
    font-weight: 600 !important;
}


	.h2s2 {
    background: url(img/h2_l.png) no-repeat bottom left;
    background-size: 100% 3px;
    padding: 10px 0px 15px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    color: #181818;
    line-height: 1.5em;
}

.sodan_rbl3 {
    width: auto !important;
}

.sodan_input {
    margin-left: 0px;
    font-size: 12px;
}
.sodan_input input {
    width: auto !important;
    padding: 5px 10px;
    font-size: 13px;
}



.btn_sub {
    background: #1d44a8;
    border: 1px solid #a4a4a4;
    border-radius: 7px;
    padding: 10px 10px;
    color: #fff;
    display: inline-block;
    width: 200px;
    font-size: 14px;
    font-weight: 700;
}

.btn_sub_back {
    background: #aaaaaa;
    border: 1px solid #a4a4a4;
    border-radius: 7px;
    padding: 10px 10px;
    color: #fff;
    display: inline-block;
    width: 200px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

textarea {
    width: auto !important;
    padding: 5px 10px;
    font-size: 16px;
    border: 1px solid #e3e3e3;
    resize: none;
    height: 70px;
}

	.form_shinchoku p {
    margin: 0;
    padding: 0;
    width: 33.333%;
    font-size: 8px !important;
    color: #333;
    text-align: center !important;
    float: left;
    line-height: 3em !important;
    letter-spacing: 0.01em;
}



.drawer-hamburger {display: block !important;}

html, body {
padding:0;
margin:0;
height: 100%;
width: 100%;
min-width: 320px;
/**/
}

.main {
    position: relative;
    width: 100%;
    height: auto;
    background: url(img/top_main.jpg) no-repeat center center;
    background-size: cover;
    bottom: 0;
    vertical-align: bottom;
}

.w980 h1 {
    font-size: 10px;
    font-weight: 200;
    margin: 0 0;
    padding: 5px 80px 5px 0;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    text-align: left;
}

.sidebar {
	  width: auto;
    float: none;
    padding: 0px;
    background: #faf9f4;
    border-radius: 7px;
    position: relative;
    top: 0;
    margin: 10px auto;
    border-radius: 7px;
    border: 1px solid #b9b8b8;
    z-index: 1;
    max-width: 400px;
}

.sidebar2 {width: auto;
    float: none;
    padding: 0px;

    border-radius: 7px;
    position: relative;
    top: 0;
    margin: 10px auto;

    z-index: 1;
    max-width: 400px;
}
.sidebar2 a { display: inline-block !important; width: 31%; margin: 0 0.5%;}
.sidebar2 a img {}
.sidebar select {
    -webkit-appearance: none;
    display: block !important;
    position: relative;
    overflow: hidden;
    height: 30px;
    width: auto !important;
    padding: 5px 10px;
    margin-left: 20px;
    margin-right: 20px;
    background: #e3e3e3;
    border: 1px solid #8b8b8b;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}

.sidebar input[type="text"] {
    width: auto !important;
    padding: 5px 10px;
    display: block;
    margin: 0 20px;
    border-radius: 3px;
    font-size: 13px;
}

header { }
.tex_l {text-align: left;}
.telright {display: none;}

.pcmenu {display: none;}

.twocolumn {
    max-width: 750px;
    padding: 0 20px;
    float: none;
    margin: 30px 0 0 0;
}

.slick-arrow {display: none !important;}

.slick-list {}

.vrbox {
    background: url(img/top_vacation_bg.jpg) no-repeat center center;
    background-size: cover;
    margin: 50px 0 0 0;
    width: auto;
    padding: 50px 20px;
}



.spp20 {padding: 0 20px;}

.footer_up span {display: block; text-align: center; line-height: 2em;}
.footer_up a {display: block; padding: 5px; text-align: center; line-height: 2em;}
.news_check {display: none;}
.news_arc {
    width: auto;
    display: inline-block;
}
.three p a {
    line-height: 15px;
    letter-spacing: 0.05em;
    font-size: 10px;
    font-weight: 600;
    text-align: left;
    color: #333;
}

.three p {
    text-align: left;
    background: none;
    background-size: 15px;
    line-height: 15px;
    letter-spacing: 0.05em;
}
.three a img {
    margin-bottom: 5px;
}

.news_check2 {
    background: url(img/li_w.png) no-repeat left 10px center #193e88;
    background-size: 15px;
    padding: 10px 10px 10px 30px;
    border: 1px solid #09245a;
    border-radius: 5px;
    color: #fff !important;
    text-decoration: none;
    float: right;
    font-size: 10px;
    width: 70px;
    position: relative;
    bottom: 7px;
    float: right;
    position: relative;
    top: 30px !important;
}

.news_check2:hover {
    background: url(img/li_w.png) no-repeat left 10px center #193e88;
    background-size: 15px;
    padding: 10px 10px 10px 30px;
    border: 1px solid #09245a;
    border-radius: 5px;
    color: #fff !important;
    text-decoration: none;
    float: right;
    font-size: 10px;
    width: 70px;
    position: relative;
    bottom: 7px;
    float: right;
    position: relative;
    top: 30px !important;
}

.hawaiibox {
    background: url(img/top_area_bg.jpg) no-repeat center center;
    background-size: cover;
    margin: 0px 0 0 0;
    width: auto;
    padding: 0px 20px;
    height: 100px;
}

.hawaii_in {
    background: url(img/top_area_img.png) no-repeat left center;
    background-size: auto 100px;
    height: 100px;
}

.vrtext {
    background: #fff;
    padding: 20px 20px 30px 20px;
    max-width: 300px;
    margin: 0 auto;
    float: none;
}

.w49per {
    width: auto;
    max-width: 300px !important;
    margin: 0 auto 10px;
    display: block;
}

.left {float: none;}
.right {float: none;}




/*ドロワー*/
.drawer-nav {
    position: fixed;
    z-index: 2;
    top: 0;
    overflow: hidden;
    width: 19rem !important;
    height: 100%;
    color: #222;
    background: #fff;
    background-size: cover;
    z-index: 999999 !important;
}

.big_h2 {
    background: url(img/h2_l.png) no-repeat top left #fbfbfa;
    background-size: 100% 3px;
    padding: 10px 20px;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #b1b1b1;
    margin-top: 50px;
    margin-bottom: 30px;
}

.drawer-brand {padding: 0 10px 10px 10px; background: #fff; border-radius: 5px; margin: 10px;}
.drawer-menu-item {padding: 20px 20px !important; background: #fff; border-radius: 5px; margin: 5px 10px; background: url(/img/icon_right_arrow.png) no-repeat right center; background-size: 7px; font-size: 18px !important; }

.drawer--right.drawer-open .drawer-hamburger {
    right: 20rem !important;
}

.drawer--right .drawer-nav {
    right: -20rem !important;
    -webkit-transition: right .6s cubic-bezier(.19,1,.22,1);
    transition: right .6s cubic-bezier(.19,1,.22,1);
}

.drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-nav, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0 !important;
}

.drawer-brand {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5rem !important;
    display: block;
    padding-right: .75rem;
    padding-left: .75rem;
    text-decoration: none;
    color: #222;
    
}

.menu_midashi_tel {background: #21408f; color: #fff; padding: 10px 0; }

.menu_midashi {background: #21408f; color: #fff; padding: 15px; }
.drawer-menu-item {
    font-size: 1rem;
    display: block;
    padding: .75rem;
    text-decoration: none;
    color: #222;
    text-align: left;
    font-size: 18px !important;
}
.menu50 {width: 48%; display: inline-block; text-align: left; margin: 0;}
.menu50 a { font-size: 13px; margin: 10px 0 !important;}
.drawer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

/*ドロワーEND*/


.footer_sp_menu {display: block;}

.smpbox {padding: 5px;}

.pc {display: none;}
.sp {display: block;}



.area_ttl {
    position: relative;
    width: 100%;
    height: auto;
    background: #c3e2f0;
    text-align: center;
    padding: 0;
    position: relative;
    bottom: 0px;
    z-index: 1;
}

.area_ttl img {
    margin: 0 auto;
    max-width: 1000px;
    width: 100% !important;
}

.area_ttl2 img {
    margin: 0 auto;
    max-width: 1000px;
    width: 100% !important;
}

.left2 {display: inline-block !important;}
.right2 {display: inline-block !important;}

.area_ttl_detail {
    padding: 20px 0 15px;
    background: url(img/content_bgs.png) no-repeat #0c60a6;
    background-size: cover;
}

.area_ttl_detail img {

    margin: 0;
    float: right;
     z-index: 9999 !important;
}

.area_ttl_detail h1 {
    padding: 70px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    color: #fff;
    text-align: left;
    z-index: 99 !important;
    position: absolute;
     top: 120px; left: 0px;
}

.onecolumn {
    max-width: 980px;
    float: none;
    margin: 50px auto;
    padding: 0 20px;
}

.spmax {width: 100% !important; max-width: 100% !important;}

.area_ttl_content1 {
    padding: 30px 20px 30px;
    margin-bottom: 20px;
}

.area_ttl_content2 {
    padding: 30px 20px 30px;
    margin-bottom: 20px;
}

.area_ttl_content3 {
    padding: 30px 20px 30px;
    margin-bottom: 20px;
}

.area_ttl_content4 {
    padding: 30px 20px 30px;
    margin-bottom: 20px;
}

.contentbox_l {
    width: 100%;
}

.contentbox_r {
    background: #fbfbfa;
    width: 100%;
    padding: 5px 0px;
}

.center-item {
    width: 100%;
    position: relative;
    bottom: 0px;
}

.center-item .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20%;
    height: 40px;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
}

.center-item .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100% !important;
    max-width: 100%;
    height: auto;
}
.twocolumn {max-width: 750px; width:calc(100% - 40px); float: right; margin: 30px 0 0 0; }
.toptel_ttl {display: block; width: 120px; margin-top: 20px;}


@media screen and (max-width: 640px){
	
.w24per {width: 49%; margin: 10px 0.5%; float: left;}

	.onecolumn {
    max-width: 980px;
    float: none;
    margin: 30px auto;
    padding: 0 20px;
}


.reigai {
    line-height: 1.2em !important;
}

.big_h2 h3 {
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 2em;
    color: #183d88;
    text-align: center !important;
    font-size: 17px;
}

.info_boxes p {
    margin: 30px 0;
    padding: 30px;
    background: #fff;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    text-align: left;
    max-width: 700px;
    font-size: 14px;
}

	.flowl {
    float: none;
    width: 100%;
    max-width: 220px;
    margin: 30px auto;
    border-radius: 500px;
    overflow: hidden;
    border: 7px solid #ffcc00;
}

.flowr {
    width: 100%;
    float: none;
}
	.onecolumn p {
    text-align: left;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    font-size: 14px;
}

	.three_lists {
    width: 48% !important;
    float: left;
    margin: 10px 1% !important;
    text-align: left;
}

.three_lists_img {
    width: 100%;
    height: 120px !important;
    overflow: hidden;
}

.font11 {font-size: 9px; padding: 5px 0; text-align: left !important; text-decoration: none !important; line-height: 1.4em !important;}




}

@media screen and (max-width: 640px){
  
  .hamidashi {width: 640px !important; overflow: scroll !important;}
  
  .mainframe {padding: 0 20px !important; width: auto !important; overflow-x: hidden !important; }
  
  .three2 {width: 50%; float: left; margin: 30px 0; padding: 0;}
.three2 h4 {padding: 10px 20px;}
.three2 p {padding: 10px 20px;}
  
  
footer {padding-left: 20px !important; padding-right: 20px !important;}
.footermenus li {
    text-align: center;
    padding: 10px 20px 10px 0;
    display: block;
}

.w1000 {padding-left: 20px; padding-right: 20px;}



	
	.main {
    position: relative;
    width: 100%;
    height: auto;
    background: url(img/top_main.jpg) no-repeat center center;
    background-size: cover;
    bottom: 0;
    vertical-align: bottom;
    overflow: hidden;
}
	
	.sitemap_footer_l {
    width: 100%;
    margin-left: 0%;
    float: none;
}
	.sitemap_footer_l p a {
    background: url(img/li_w.png) no-repeat left center;
    background-size: 12px;
    color: #fff;
    padding-left: 20px;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    font-size: 13px;
}

.top_con2 {
    border: #a9a9a9 solid 1px;
    padding: 15px 20px 15px 30px;
    background: url(img/tegami_w.png) no-repeat left 20px center #ffcc00;
    background-size: 30px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    border-radius: 7px;
    position: relative;
    bottom: 0px;
    color: #333 !important;
    display: block;
    max-width: 500px;
    margin: 0 auto;
    text-decoration: none;
}
.top_con2:hover {
    border: #a9a9a9 solid 1px;
    padding: 15px 20px 15px 30px;
    background: url(img/tegami_w.png) no-repeat left 20px center #ffcc00;
    background-size: 30px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    border-radius: 7px;
    position: relative;
    bottom: 0px;
    color: #333 !important;
    display: block;
    max-width: 500px;
    margin: 0 auto;
    text-decoration: none;
}


	.posi_b40 {display: none !important;}
	.comenegamgn h3 {
    width: 100%;
    font-size: 14px;
}
.comenegamgn2 {
    position: relative;
    bottom: 0px;
    margin-top: 20px;
}
.comebox_btn {
    width: 100%;
    float: left;
}
.comebox_text {
    width:calc(100% - 40px);
    float: right;
    padding: 5px 20px 13px;
    background: #fff;
    border-radius: 7px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
}
.comebox_text p {font-size: 11px;}

.smp_footer_menu {display: block; position: fixed; bottom: 0; width: 100%; background: #fff; border-top: 7px solid #21408f; padding: 0px 0; z-index: 99999999999999;  }
.smp_footer_menu span {display: inline-block; height: 60px; float: left; width: 33.333%; padding: 10px 0;}

.smp_footer_menu a p {font-size: 11px; color:#21408f; text-align: center; margin: 0; padding: 15px 10px 5px;}

}

@media screen and (max-width: 480px){
  
  .three2 {width: 100%; float: left; margin: 30px 0; padding: 0;}
.three2 h4 {padding: 10px 20px;}
.three2 p {padding: 10px 20px;}
	
	.left2 {float: left;}
	
	.sidebar {
    width: auto;
    float: none;
    padding: 0px;
    background: #faf9f4;
    border-radius: 7px;
    position: relative;
    top: 0;
    margin: 10px 20px;
    border-radius: 7px;
    border: 1px solid #b9b8b8;
    z-index: 1;
    max-width: 400px;
}
}