@charset "utf-8";
/* CSS Document */
body {margin:0;padding:0;font-family:"メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;font-size: 62.5%;line-height:200%;color:#444;
overflow-x: hidden;-webkit-text-size-adjust: 100%;word-break: break-all;}
ol,ul,li {list-style:none;margin:0;padding:0;}
dl,dt,dd {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin:0;padding:0;}
p {margin:0 0 1em;padding:0;}
a , a img { overflow: hidden; text-decoration:none; color:#333;border:none;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}

a:hover,a:active { color: #dc3b64;border:none;outline:none;}
a:hover img , a:active img {opacity:.8;border:none;outline:none;}
.info_list a,.newsarea a{
	text-decoration: underline;
}
html,body {}
h1 {font-weight:normal;}
h2 {font-weight:normal;}
h3 {font-weight:bold;}
img {max-width: 100%;width:auto;height: 
auto;display:block;}

main:after,
article:after,
section:after,
div:after,
ul:after,
dl:after {
  content: "";
  display: block;
  clear: both;
}
#wrap { overflow:hidden;}
.main_wrap {margin:0 auto;padding: 20px 3% 30px;}

.pc {display:none;}
.pcbig {display:none;}

#header {padding:9px 5px;width: 100%;}
#header .logo {width:40%;height:auto;margin:0 auto;}
#header .contact {display:none;}
#header .contact2 {display:none;}

#header .logo02 {width:40%;height:auto;margin:0 auto;}


.swiper-slide { cursor: pointer;}
.baner_nav {background:#00205f; padding:10px 0;}
.swiper-wrapper .swiper-slide a :hover img {opacity:.8;}
.swiper-wrapper .swiper-slide img {padding-bottom:10px;}



.tel_nomber {font-size:27px; color:#00589c; padding:5px; margin:5px; font-weight:bolder;}
.uketuke {font-size:16px; margin-bottom:0;}
.uketuke span {font-size:13px;}


h4 {font-size:20px; color:#fff;font-weight:bold;padding:.6em; margin-top:-1.4%;text-align:center; background:#9e9e9f;}
h4 span {font-weight:normal;font-size:15px;}

.form { width:83%; margin:5px auto; padding:8px 5px;}

.reservation_area {margin:0 auto;padding:5px 0 15px;}
.reservation_area #yoyaku {width:98%;margin:0 auto; padding:0 10px; text-align:center;}
.reservation_area #yoyaku ul {width:100%;text-align:center; margin:0 auto; }
.reservation_area #yoyaku .big {width:48%;vertical-align:middle; text-align:center; margin:0 auto; padding:0 5px; float:left;}
.reservation_area #yoyaku li img {width:100%;}
.reservation_area  .form { width:80%; margin:5px auto; padding:5px;}


.boder {height:12px; margin:5% 3%; background:url(../../images/lp/boder_line.png) ; background-repeat:repeat;}

#main {background:#fff!important; display: block;}
#main h2 {font-size:25px;line-height:1.1;padding:20px 0 0;font-weight:bold; text-align:center;}
#main h2 span {font-weight:normal;font-size:15px;margin:1em;; text-align:center; border-bottom:#7fabcd solid 5px;border-radius:8%;}


.number_area .ttl {font-size:18px;text-align:center; margin:5% auto 10px; padding:0 5%;}
.number_area .top_text  {font-size:14px;text-align:center; margin:5% auto 1%; padding:0 5%;}
.number_area .top_text2  {font-size:16px;text-align:center; line-height:1.8em; margin:6% auto -2%; padding:0 5%; font-weight:bold;}
.number_area img {margin:auto; text-align:center;}

.number_box {margin:3% auto;width: 100%; text-align:center;}
.number_box li {text-align:center; width: 60%;padding:20px 5px; margin:1% auto;}
.number_box li a {color:#FFF;font-size: 20px; font-weight:bold;}
.number_box li:hover,a:active{opacity:.7;border:none;outline:none;}

#model {margin:3% auto; text-align:center;width:100%;} 
.model-list  { vertical-align:middle;text-align:center; border: 1px solid #aaa; padding:1em 0; margin:3%;}
.model-list  .list-1 { width: 80%;text-align: center;padding: 5px 0; margin:auto;}
.model-list  .list-2 { font-weight:bold; font-size: 16px;width: 90%;padding: 5p 1em; text-align:left; margin:auto;}
.model-list  .list-2 img {width:50%;margin:2% 0 3% ;}
.model-list .list-2 #list-address {font-size:12px; margin-top:1%;}

.main_wrap .info {padding:3%; width:90%; margin:3% auto; text-align:center;}
.main_wrap .info .inner {border: solid 1px #aaa;text-align:left;padding:4%;margin:auto;}
.main_wrap .info_list {padding:0;} 
.main_wrap .info_list li {padding: 10px 0;font-size: 14px;line-height: 1.6;border-bottom: 1px dotted #aaa;}
.main_wrap .info_list li span.date {margin-right:5px;}
.main_wrap .info_list li span.date:before {content:"\f363";font-family:ionicons;margin-right:5px;color:#7fabcd;}
.main_wrap .info_list li a {text-decoration: none;display:block;position:relative;padding-right:8%;}

#footer {padding: 10px 0 0;background:url(../../images/lp/footer_back.jpg) no-repeat top right;background-size:cover; height:250px;}

.footer_area {padding:20px 5%;max-width:400px;margin:0 auto;}
.footer_area .logo {width:50%; text-align:left;}
.footer_area .contact {width: 100%;margin: 0; text-align: right; margin-top:5%;float: right;}
.footer_area .contact ul {display:inline-block; text-align: left; padding: 0 0 0 3%; vertical-align:top;}
.footer_area .contact li {padding-left:10px;}
 .footer_area .contact li a {color:#fff; font-size:12px;}
.footer_area .contact li a:hover {color:#dc3b64;}

.footer_bunner {background:#dbdcdc; padding:10px 0}
.footer_bunner ul {text-align:center; max-width:1024px; margin:auto;}
.footer_bunner li {width:55%; padding:5px; margin:auto; text-align:center;}
.company_name {text-align:center; padding:10px 5% 15px; margin:0 auto 1%; font-size:12px;}
.company_name img { width:60%; text-align:center; margin:2% auto 0;}
.copy {background:#16205f;padding:5px 3%;font-size:11px;text-align:center;color:#fff; vertical-align:middle;}

/* ドロワーナビ */
.drawer-hamburger {z-index:14;top: 0;background:#309dd1;}
.drawer-nav {z-index:12;}
.drawer-open #contents , .drawer-open #sp_head .head_logo_sp.block {opacity:.5;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {background:#fff;height: 3px;}
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before {background:#fff;}
.drawer-hamburger:hover {background:#dc3b64;}
.drawer--right.drawer-open .drawer-hamburger {right:0;}
.drawer-nav {color: #333;background-color:rgba(255,255,255,.95);padding-top: 60px;}
.drawer-menu li {border-bottom: 1px solid #eee;font-family: 'Stoke', sans-serif;font-size:1.3em;}
.drawer-menu li:first-child {border-top: 1px solid #eee;}
.drawer-menu li a {color:#333;display: block;padding: 1em;position:relative;}
.drawer-menu li a:before {content:"\f125";font-family:ionicons;font-size:12px;position:absolute;top:38%;right:1.5em;color:#ccc;}
.drawer-overlay {background:rgba(238,238,238,.7);}


/* 下層ページ */

.sub_top {background:#fff;}

.sub_topimg {position: relative;}
.sub_top_ttl {position: absolute; right: 1%;top:10%;}
.sub_top_ttl img{ margin:auto;width:35%;}

.page #main h2 {font-size:21px;margin-bottom:15px;}
.page #main h2 span {display:block;margin:5px 0 0;}
.page #main .inner {margin-bottom:30px;}

#page_title {background:url(../../images/lp/page_title_bg.jpg) no-repeat top right;background-size:cover;}
#page_title h2 {width:60%;max-width:250px;margin:0 auto;padding:30px 0;}








/* ランディングページ */
#header .logo03 {float: left; margin:1% 3% 0% 1%; padding-left: 2%;width:38%;}


.mainimg_pict {position:absolute;left:65%;top:13%;z-index: 5;}
.mainimg_pict img {width:44%;}

#header .contact3 {display:block;float:right;width:45%;margin:0;padding: 0 5px 0 0;}
.lp_mini01 {float:left;width:56%;margin:1% 3% 1% 1%; }
.lp_mini02 {float:left;width:37%;margin:1%;}

#header .logolp {float: left;padding-left:5px;width:40%; padding-bottom:1%;}
#header .logolp img {width:70%;}

#lp_mainimg .top_copy {position: absolute;width: 50%;top:30%;left:50%;}

.balloon1 {margin: 0 auto 1%;padding: 20px 10px 10px;min-width: 120px;text-align:center; border-bottom:2px solid #323232;}
.balloon1 p {font-size: 24px; line-height:1.3em;font-weight:bold;color: #323232; margin-bottom:-4px;}
.balloon1 p:before {content:"";background:url(../../images/lp/setumei01.png) no-repeat left center;background-size:cover;width:107px;height:34px;display: inline-block; vertical-align:middle;margin-top:-4px;margin-right:10px;}

.rental_hikau_sp {padding:1%;}
.hikaku_left_sp {width:95%; margin:1% auto .5%; background-color:#efefde;}
.hikaku_right_sp {width:95%; margin:.5% auto 1%; background-color:#efefde;}

.rental_hikau_sp img {width:40% ; padding-top:2%;margin:6% auto; text-align:center; }


.rental_hikau {padding:1%;}
.hikaku_left {width:90%; height:750px;margin:1% auto; background-color:#efefde;}
.hikaku_right {width:90%; height:950px;margin:1% auto; background-color:#efefde;}

.rental_hikau img {width:60%; padding-top:15px;margin:4% auto; text-align:center;}
.rental_hikau h6 {font-size:18px; font-weight:bold; text-align:center; line-height:1.3em; margin:10px auto 0; padding:0 2%;}


.rental_hikau .hikaku_left .rentalgata {width:90%; padding:.5% 5% 5%; text-align:left !important;}
.rental_hikau .hikaku_left .rentalgata li img {margin:.5em 0 1em -1em ; width:25%; text-align:left !important;}
.hikaku_left .rentalgata li { font-size:14px; line-height:1.5em; text-align:left; padding-left:1em; text-indent:-1em;}
.hikaku_left p { font-size:14px;padding:3% 5% 0;}


.rental_hikau dl,dt,dd { box-sizing: border-box;}
.rental_hikau dl {  margin:0 5% 5%; width:90%;background:linear-gradient(-135deg, #ff7d00, #ffc400); border-right: 1px solid #9fa0a0; border-bottom: 1px solid #9fa0a0; border-left: 1px solid #9fa0a0;}
.rental_hikau dt,dd { height:70px;padding: 0 10px; border-top: 1px solid #ccc;}
.rental_hikau dt { line-height:70px;vertical-align:middle !important;font-size:15px; font-weight:bold; color:#fff;width: 40%;float: left;}
.rental_hikau dd { font-size:14px;vertical-align:middle !important;background: #fff; margin-left: 40%;padding: 10px; border-left: 1px solid #ccc;}
.rental_hikau dd:after { content: '';display: block; clear: both;}

.rental_hikau .hyo_rental_dt {height:230px; line-height:230px;background:linear-gradient(-135deg, #0095da, #2bc4f3);}
.rental_hikau .hyo_rental_dd {height:230px;}

.rental_hikau .hyo_kaitori01_dt {height:90px; line-height:90px;}
.rental_hikau .hyo_kaitori01_dd {height:90px;padding: 10px;}

.rental_hikau .hyo_kaitori01_dt {height:90px; line-height:90px;}
.rental_hikau .hyo_kaitori01_dd {height:90px;padding: 10px;}

.rental_hikau .hyo_kaitori_dt {height:90px; line-height:90px;background:linear-gradient(-135deg, #00914c, #64c08a);}
.rental_hikau .hyo_kaitori_dd {height:90px;padding: 10px;}

.rental_hikau .hikaku_right .kaitorigata {width:90%; padding:.5% 5% 5%; text-align:left !important;}
.rental_hikau .hikaku_right .kaitorigata li img {margin:.5em 0 1em -1em ; width:25%; text-align:left !important;}
.hikaku_right .kaitorigata li { font-size:14px; line-height:1.5em; text-align:left; padding-left:1em; text-indent:-1em;}
.hikaku_right p { font-size:14px;padding:3% 5% 0;}


.balloon2 {margin: 2% auto 1%;padding: 20px 10px 10px;min-width: 120px;text-align:center; border-bottom:2px solid #323232;}
.balloon2 p {font-size: 24px; line-height:1em;font-weight:bold;color: #323232; margin-bottom:-4px;}
.balloon2 p:before {content:"";background:url(../../images/lp/setumei02.png) no-repeat left center;background-size:cover;width:107px;height:59px;display: inline-block; vertical-align:middle;margin-top:-4px;margin-right:10px;}

.after_care {width:90%;padding:1%; margin:auto;}

.after_care_left {width:100%; margin:auto;}
.after_care_right {width:100%;margin:auto;}

.after01 { margin:10px auto;}
.after01 li { margin-bottom:10px;font-size:18px; line-height:1.6em; padding-left:1em; text-indent:-1em;font-weight:bold;}

.after01  li:before {counter-increment: list;
    color: #dd6673;
    content: '\f046';
    font-family: 'FontAwesome';
    margin: auto 5px 2px 0px;
}

.after_care_right img {width:90%; margin:5% auto 0 ;}


.balloon3 {margin: 2% auto 1%;padding: 20px 10px 10px;min-width: 120px;text-align:left;}
.balloon3 p {font-size: 16px; line-height:2.5em;color: #323232; margin-bottom:-4px;}
.balloon3 p:before {content:"";background:url(../../images/lp/setumei03.png) no-repeat left center;background-size:cover;width:293px;height:38px;display: inline-block; vertical-align:middle;margin-top:-4px;margin-right:10px;}

.balloon4 {margin: 2% auto 1%;padding: 20px 10px 10px;min-width: 120px;text-align:left;}
.balloon4 p {font-size: 16px; line-height:1.5em;color: #323232; margin-top:1em;margin-bottom:-4px;}

.sevice01 {width:100%;margin: auto !important;}
.sevice {width:99%;margin: auto !important;}
.main_wrap .sevice li { margin-bottom:10px;height:70px;font-size:14px; line-height:1.4em;width:90%;  border:4px solid #f16477; padding:1.2em 1em;margin-right:6px;}
.main_wrap .sevice li h5 {font-size:18px; text-align:left; font-weight:bold; color:#0e9be2; margin-bottom:.5em;}
.main_wrap .sevice li h5 span { color:#fff; background:#22ac38;padding:0 .3em;}

.balloon5 img { width:100%;margin:5% auto 2%;}

.days {width:100%; margin:auto;}
.days img {width:95%; margin:2% auto;}
.days  .dayscopy { padding:25px 15px; background-color:#EFEFDE;width:90%; line-height:1.7em;top: 20px;font-size:14px; z-index:10 !important; margin: 1% auto 5%;}


.balloon5 p {margin:10px 2% 10px;font-size:18px; line-height:1.3em;font-weight:bold; text-align:center;}

.lp_otoku {border:solid 3px #009fa5; width:90%;margin:0 auto 5%; border-radius:8px; background:url(../../images/lp/otoku_bg_sp.png) no-repeat; background-size:contain; }
.lp_otoku li {font-size:16px; text-align:center; font-weight:bold; margin:10px auto;padding:5px; color:#009fa5;}
.lp_otoku .otoku_kakaku {border:solid 2px #898989;border-radius:4px; background:rgba(255, 255, 255, 0.7);font-size:18px; text-align:left; font-weight:bold;  margin:10px;padding:20px 13px; color:#444;}
.lp_otoku li img {width:60%; center; margin:auto;}
.lp_otoku .otoku_kakaku img {width:30%; margin-right:5px;}
.otoku_img02 { float:left;}

.renta_top {background:url(../../images/lp/rental_bg.png) no-repeat; background-size:cover;margin-top:-2% auto 0; min-height:230px;}
.rentaweb {width:40%;margin:auto; text-align:center;padding:8% auto 3%;}
.rentaweb img {width:70%;margin:auto; padding-top:13%; padding-bottom:3%;}
.renta_top .main_wrap { max-width:950px;margin:auto; text-align:center;}
.renta_top .main_wrap p {text-align:left; font-size:14px; color:#fff; line-height:1.7em; padding:2% 5% 4%;}


.balloon6 {margin: 8% auto 1%;padding: 20px 10px 10px;min-width: 120px;text-align:center; border-bottom:2px solid #323232;}
.balloon6 p {font-size: 24px; line-height:1em;font-weight:bold;color: #323232; margin-bottom:-4px;}


.balloon7 {margin: 8% auto 1%;padding: 4% 10px 10px;min-width: 120px;text-align:center;}
.balloon7 p {font-size: 24px; line-height:1em;font-weight:bold;color: #fff; margin-bottom:-4px;}
.balloon7 p:before {content:"";background:url(../../images/lp/omakase.png) no-repeat left center;background-size:cover;width:62px;height:38px;display: inline-block; vertical-align:middle;margin-top:-4px;margin-right:10px;}

.nagare01 {width:100%;margin:auto !important; padding:2% auto;}
.nagare {width:100%;margin:3% auto 2% !important;}
.nagare_pc {display:none;}
.nagare_sp {display:block;}

.main_wrap .nagare li { text-align:center;margin:0 auto;width:85%; vertical-align:middle;}
.main_wrap .nagare .kansei { padding-left:5%;text-align:center;margin:0 auto;width:42%; vertical-align:middle;}

.main_wrap .ryoukin li { text-align:center;margin:0 auto;width:95%; vertical-align:middle;}

.ryoukin_ttl { text-align:center;font-size:18px; font-weight:bold; margin-bottom:0.5%;}

table.type10 {
	width:100%;
	margin-top:1%;
	font-size:14px;
	border-collapse: collapse;
	line-height: 1.5;
	border-left: 1px solid #ccc;
}

table.type10 tbody th {
	width: 50%;
	padding: 15px 5px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.type10 td {
	width: 50%;
	padding: 10px 5px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align:center;
}

table.type10 thead th {
	padding:11px 5px;
	font-size: 16px;
	color:#fff;
	text-align:center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:linear-gradient(-135deg, #0095da, #2bc4f3);
}


table.type11 {
	width:100%;
	margin-top:4%;
	font-size:14px;
	border-collapse: collapse;
	line-height: 1.5;
	border-left: 1px solid #ccc;
}

table.type11 tbody th {
	width: 60%;
	padding: 12.5px 5px;
	text-align:center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.type11 td {
	width: 40%;
	padding: 12.5px 5px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align:center;
}

table.type11 thead th {
	padding:11px 5px;
	font-size: 16px;
	text-align:center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom:1px solid #ccc;
	background: #EFEFEF;
}

table.type100 {
	width:100%;
	font-size:14px;
	border-collapse: collapse;
	line-height: 1.5;
	border-left: 2px solid #ccc;
	background-color:#fff;
}

table.type100 td {
	padding: 12.5px 5px;
	vertical-align: middle;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	text-align:center;
}

table.type100 thead th {
	padding:11px 5px;
	font-size: 16px;
	text-align:center;
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom:2px solid #ccc;
	color:#fff;
	/*background: #0E9BE2;*/
	background-color: #336666;
}

.box { width:95%; margin:.5% auto;}
.box dl {font-size: 14px;padding: 0.2em 0;}
.box .jigyou {margin-bottom:6em;}

.box dt {
	width: 23%;
	float: left;
	text-align: center;
	background-color: #EFEFEF;
	padding-top: 5px;
	padding-bottom: 5px;
}
.box dd {width:72%;float:left; text-align:left;padding-left:5%;	padding-top: 5px; border-top:none;}



.syokihiyou {width:100%; margin: 4% auto !important; text-align:center !important;}
table.type12 {
	width:96%;
	font-size: 16px;
	border-collapse: collapse;
	line-height: 1.5;
	border-left: 1px solid #ccc;
	margin-left:2%;
}

table.type12 tbody th {
	width: 40%;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background:linear-gradient(-135deg, #ff7d00, #ffc400);
	color:#fff;
}
table.type12 td {
	width: 60%;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align:center;
	font-weight:bold;
}

.company_area {max-width:1024px; margin:3% auto 0; padding:2% 2% 6%;}

/*.denwa p { font-size:14px; text-align:center;}
.denwa img {margin-bottom:2%;}
.otoiawase {width:80%; margin:8% auto !important; text-align:center;}
.otoiawase .mail {width:65% !important; text-align:center;}*/

.lp_otoiawase { background-size:cover; margin:2% 0; background-color:#9ed2e8;}
.lp_otoiawase02 {padding:3%;margin:auto; text-align:center;}
.lp_otoiawase_list {background:url(../../images/lp/lp_otoiawase_bg.jpg) no-repeat; background-size:cover; 
width:90%;padding:2% ; margin:auto; text-align:center;border-radius:5px;}
.lp_otoiawase_list li h3 { padding:1% 3em;font-size:16px; text-align:center; margin:auto;}
.lp_otoiawase_list li img {width:90%; padding:1%; margin:auto;}

#korokoro { 
  animation: korokoro 2.5s linear 0s 1; 
}

.footer_01 {margin-top:-5%; padding:0 2%;} 

@keyframes korokoro { 
  0%   { transform: translate(0%, 0%); } 
  5%   { transform: translate(10%, 0%) rotate(10deg); } 
  25%  { transform: translate(20%, 0%) rotate(20deg); } 
  30%  { transform: translate(-10%, 0%) rotate(-10deg); } 
  35%  { transform: translate(-15%, 0%) rotate(-15deg); } 
  45%  { transform: translate(10%, 0%) rotate(10deg); } 
  50%  { transform: translate(15%, 0%) rotate(15deg); } 
  60%  { transform: translate(-5%, 0%) rotate(-5deg); } 
  65%  { transform: translate(-7%, 0%) rotate(-7deg); } 
  75%  { transform: translate(0%, 0%) rotate(0deg); } 
  100% { transform: translate(0%, 0%) rotate(0deg); } 
} 

@media screen and (min-width:380px) {
.mainimg_pict {position:absolute;left:63%;top:18%;}
.lp_otoku .otoku_kakaku img {width:28%;margin-top:-1.5%;}


.rental_hikau .hyo_rental_dt {height:160px; line-height:160px;}
.rental_hikau .hyo_rental_dd {height:160px;}
}


@media screen and (min-width:480px) {
.mainimg_pict {position:absolute;left:63%;top:17%;}
.mainimg_pict img {width:60%;}
.lp_otoku {background:url(../../images/lp/otoku_bg.png)  no-repeat; background-size:contain;}
.lp_otoku .otoku_kakaku img {width:25%;margin-top:-2%;}
.lp_otoiawase_list li h3 {padding:1%;font-size:18px;}
.lp_otoiawase_list li img {width:75%; padding:1%; margin:auto;}

#lp_mainimg .top_copy {top:50%;}

.rental_hikau h6 {font-size:18px;}
.rental_hikau .hyo_rental_dt {height:115px; line-height:115px;}
.rental_hikau .hyo_rental_dd {height:115px;}

.rental_hikau .hyo_kaitori01_dt {height:80px; line-height:80px;}
.rental_hikau .hyo_kaitori01_dd {height:80px;padding: 10px;}

.rental_hikau .hyo_kaitori_dt {height:80px; line-height:80px;}
.rental_hikau .hyo_kaitori_dd {height:80px;padding: 10px;}
.rental_hikau dt,dd { height:60px;}
.rental_hikau dt { line-height:60px;}

.hikaku_left {height:700px;}
.hikaku_right {width:90%; height:900px;}

.after_care_left {width:90%; margin:auto;}
.after_care_right {width:90%;margin:auto;}

.main_wrap .sevice li { height:100px;font-size:14px;line-height:1.4em;width:40.2%;float:left;}
.otoiawase {margin:4% auto !important;}

.box .jigyou {margin-bottom:4em;}
}

@media screen and (min-width:568px) {

.baner_bottom #yoyaku_sp .sp_smo {width:50%; text-align:center; margin:0 auto 13px; }
.yoyaku_sp {padding: 3% 10px;width: 100%; color: #fff;font-size: 20px;background: #dc3b64;}

.reservation_area #yoyaku_sp .sp_smo {width:50%; text-align:center; margin:0 auto 13px; }

.page #main h2 {font-size:24px;margin-bottom:15px;}
.page #main h2 span {display: inline-block;margin:0 0 0 10px;}
.form { width:93%; margin:5px auto; padding:6px 5px;}

.company .page_navi ul.first li {width:32.2%;margin-right:1%;}
.company .page_navi ul.first li:nth-child(even) {float:left;margin-right:1%;}
.company .page_navi ul.second li {width:24.2%;margin-right:1%;}
.company .page_navi ul.second li:nth-child(even) {float:left;margin-right:1%;}
.company .page_navi ul.second li:last-child {float:left;margin-right:0;}
.company .page_navi li {margin-bottom: 1%;}

.company .inner dt {text-align:right;}

.footer_area .contact {width: 80%;text-align: left;float: right;  margin-top:3%;}


.sub_top_ttl {position: absolute; right: 2%;top:14%;}
.inner2 .setubi .icon {width:80%;}
.course-list2 li { float:left;width:45%; margin:0 1%;border: 1px solid #ccc; padding:5px;}

#model {margin:3% auto; text-align:center;width:90%;}
.model-list  .list-1 { width: 35%;float: left;text-align: center;padding: 5px 0; margin-right:2%;}
.model-list  .list-2 { font-weight:bold; font-size: 16px;width: 60%;float: left;padding: 5p 1em; text-align:left;}

.model-list2  .list-1 { width: 35%;float: left;text-align: center;padding: 5px 0; margin-right:2%;}
.model-list2  .list-2 { font-weight:bold; font-size: 16px;width: 60%;float: left;padding: 5p 1em; text-align:left;}

.mainimg_pict {position:absolute;left:63%;top:20%;}
.mainimg_pict img {width:60%;}

.lp_otoku .otoku_kakaku {font-size:18px; text-align:left; font-weight:bold;padding:25px 13px;}
.lp_otoku .otoku_kakaku img {width:18%;margin-top:-2%;}


.balloon1 p {font-size: 28px; }
.balloon1 p:before {width:120px;height:38px;}

.balloon2 p {font-size: 28px; }
.balloon2 p:before {width:115px;height:64px;}

.balloon6 p {font-size: 28px; }
.balloon7 p {font-size: 28px; }

.hikaku_left {width:85%; height:700px;margin:1% auto; }
.hikaku_right {width:85%; height:920px;margin:1% auto; }

.rental_hikau img {width:45%; padding-top:20px;}
.rental_hikau h6 {font-size:20px;}
.rental_hikau .hikaku_left .rentalgata li img {width:18%; }
.rental_hikau .hikaku_right .kaitorigata li img {width:18%;}
.rental_hikau .hikaku_left .rentalgata {padding:0 5% 5%; }
.rental_hikau .hikaku_right .kaitorigata  {padding:0 5% 5%; }

.rental_hikau .hyo_rental_dt {height:115px; line-height:115px;}
.rental_hikau .hyo_rental_dd {height:115px;}

.nagare01 {width:100%;margin:auto !important; padding:0;}
.nagare_pc {display:block;}
.nagare_sp {display:none;}

.main_wrap .nagare li {width:26.5%; float:left;}
.main_wrap .nagare .kansei { padding-left:0;width:19.5%;float:left;}


table.type12 {margin-left:1%; width:97%;}

/*.otoiawase .mail {width:50% !important;}*/
}

@media screen and (min-width:650px) {
.tel_yoyaku {margin-top:0;}
.baner_bottom #yoyaku_sp .sp_big {width:48%; text-align:center; margin:0 auto; padding:0 5px; float:left;}	
.reservation_area #yoyaku_sp .sp_big {width:48%; text-align:center; margin:0 auto; padding:0 5px; float:left;}	

.sub_top_ttl {position: absolute; right: 4%;top:15%;}
.youbou {width: 80%;}
.youbou li {list-style-type: none;float: left;width:48%;padding: 5px 1%;}


.mainimg_pict {position:absolute;left:63%;top:22%;}
.mainimg_pict img {width:57%;}

.main_wrap .sevice li { height:100px;font-size:14px;line-height:1.4em;width:42.5%;float:left;}

.box .jigyou {margin-bottom:2em;}
}

@media screen and (min-width:700px) {
.mainimg_pict {position:absolute;left:63%;top:24%;}


}
@media screen and (min-width:768px) {
.pc {display:block;}
.sp {display:none;}

#header {padding:10px 0;position: absolute;z-index: 10;}
#header .logo {float: left;padding-left: 3%;width: 180px;}
#header .contact {display:block;float:right;width:90px;margin:0;padding: 4px 1% 0 0; }
#header .contact2 {display:block;float:right;width:27%;margin:0;padding: 4px 1% 0 0;}
.logo_mini_01 img { width:95%; }
.logo_mini {float:left;width:45%;margin:5px;}
.logo_mini img { margin:5% 5px;}

#header .contact3 {display:block;float:right;width:44%;margin:0;padding: 0 1% 0 0; vertical-align:middle;}
.lp_mini01 {float:left;width:57%;margin:5px 8px; }
.lp_mini02 {float:left;width:35%;margin:5px;}


#lp_mainimg .top_copy {width: 58%;top:56px;left:3%;}


#header .logo02 {float: left;padding-left: 3%;width: 130px;}
#header .logo03 {float: left;padding-left: 2%;width: 280px; margin-bottom:0;}


#mainimg {position:relative;}


#lp_mainimg {position:relative;}
#lp_mainimg img {padding-top:7%;}

.mainimg_pict {position:absolute;left:61%;top:51%;}
.mainimg_pict img {width:54%;}

.number_area .ttl {font-size:18px;text-align:center; margin:3% auto 10px; }

.number_box li {text-align:center; width: 30%;padding:20px 5px; margin:1%; float:left; }
.number_box {margin:1% auto 3%;width: 100%; text-align:center;}

.balloon1-right { font-weight:bold;position: relative;display: block;margin: 0 15px 0 0; line-height:1.6em;
	padding: 15% 10px;min-width: 120px;max-width: 100%; color: #fff;font-size: 20px;background: #dc3b64;}



.banner_wrap {max-width: 100%;width: 100%;margin: 0 auto 10px;}
.contents_menu li:last-child a {border-bottom:none;}


.company_name img { width:45%; text-align:center; margin:1% auto 0;}

.slide {width: 100%;padding-top: 45%;}


#gnavi {background: linear-gradient(-135deg, #309DD1, #00205F) ;background-size: contain; padding-top:8%;}
#gnavi ul {max-width:1024px;margin:0 auto; padding:.8% 0;}
#gnavi li {width:16.5%;float:left;box-sizing:border-box;border-right:1px solid #fff;position:relative;}
#gnavi li:nth-child(6n) {border-right:none;}
#gnavi li img {width:80%; margin:auto;}
#gnavi li a:hover img {opacity:.7;}



.inner .box {width:85%; margin:5% auto;}
.inner .box2 {width:85%; margin:5% auto;}
.message {width:85%; margin: 3% auto 0;padding-bottom:7%;}
.leftbox {width:48%; float:left;margin-top:0;margin-right:3%;}
.rightbox {width:45%; float:left;font-size:14px;margin-top:.5%;padding:1em 0 1em 1em; line-height:1.8em;}



.number_area .top_text2  {font-size:18px;text-align:center; margin:5% auto -3%; padding:0 5%; font-weight:bold;}
.inner2 .icon2 {margin-left:1%;}
.inner2 .icon2 img {width:22%;}


.box dl {font-size: 16px;padding: 0.2em 0;}
.company_area { padding:0 2% 4%;}

.lp_otoku { vertical-align:middle;min-height:350px; border:solid 5px #009fa5; width:90%;margin:-1% auto 5%; border-radius:12px;background:url(../../images/lp/otoku_bg.png) no-repeat ;background-position: center; background-size:contain; }
.lp_otoku li {font-size:25px;padding:15px 5px 10px;text-align:}
.lp_otoku li img {width:60%; center; margin:auto;}
.lp_otoku .otoku_kakaku {border:solid 3px #898989;border-radius:4px;font-size:22px;padding:25px; }
.lp_otoku li img {width:50%; center; margin: -1% auto 0;}
.lp_otoku .otoku_kakaku img {width:15%;margin-top:-2%;}
.ribbon7-2 { display: block;width:93%;margin:auto;position: relative;padding:25px; font-size: 25px;
}
.renta_top_list li {float:left;width:46.5%; margin:5px 8px; border:3px solid #009fa5;background:#fff; border-radius:8px;}


.lp_otoiawase_list li h3 {font-size:25px;}
.safty {margin: -1% auto 4%;}
.safty01 {width:20%;}
.safty01 img {width:90%; margin:auto;}
.safty02 {width:73%; font-size:16px; text-align:left; line-height:1.7em;}


.rental_hikau {padding:1%;}
.hikaku_left {width:48%; height:900px;float:left;margin:1%; background-color:#efefde;}
.hikaku_right {width:48%; height:900px;float:left;margin:1%; background-color:#efefde;}


.rental_hikau img {width:60%; padding-top:0px;margin:4% auto; text-align:center;}
.rental_hikau h6 {font-size:18px; font-weight:bold; text-align:center; line-height:1.3em; margin:10px auto 0;}

.rentaweb img {width:50%;margin:auto; padding-top:11%;}
.renta_top .main_wrap p {font-size:16px;}

.balloon1 p {font-size: 36px; line-height:1em;}
.balloon1 p:before {width:142px;height:45px;}

.balloon2 p {font-size: 36px; line-height:1em;}
.balloon2 p:before {width:113px;height:63px;}

.balloon6 p {font-size: 36px; line-height:1em;}
.balloon7 p {font-size: 36px; line-height:1em;}

.rental_hikau .hyo_rental_dt {height:155px; line-height:155px;background:linear-gradient(-135deg, #0095da, #2bc4f3);}
.rental_hikau .hyo_rental_dd {height:155px;}

.rental_hikau dt,dd { height:90px;padding: 0 10px; border-top: 1px solid #ccc;}
.rental_hikau dt { line-height:90px;vertical-align:middle !important;font-size:15px; font-weight:bold; color:#fff;width: 40%;float: left;}

.rental_hikau .hyo_kaitori_dt {height:80px; line-height:80px;background:linear-gradient(-135deg, #00914c, #64c08a);}
.rental_hikau .hyo_kaitori_dd {height:80px;padding: 10px;}

.rental_hikau .hyo_kaitori01_dt {height:80px; line-height:80px;}
.rental_hikau .hyo_kaitori01_dd {height:80px;padding: 10px;}

.after_care {width:95%;padding:1%; margin:auto;}

.after_care_left {width:48%; float:left;}
.after_care_right {width:48%; float:left; margin-left:2%;}

.after01 { margin-top:3px;}

.after01 li { margin-bottom:5px;font-size:18px; line-height:1.3em; padding-left:1em; text-indent:-1em;font-weight:bold;}

.after01  li:before {counter-increment: list;
    color: #dd6673;
    content: '\f046';
    font-family: 'FontAwesome';
    margin: auto 5px 2px 0px;
}

.after_care_right img {width:100%; margin-top:3% ;}


.sevice {width:100%;margin: auto;}
.main_wrap .sevice li { height:80px;font-size:14px; line-height:1.4em;margin-bottom:10px;width:44%; float:left; border:4px solid #f16477; padding:1.2em 1em;margin-right:6px;}
.balloon5 img { width:90%;margin:5% auto 2%;}

.days img {width:100%; margin:2% auto 5%;}

.ryoukin_ttl { text-indent:.5em; text-align:left;}
.main_wrap .ryoukin li {width:47.5%; float:left; margin:auto 1%;}
table.type10 {margin-top:.5%;}
table.type11 {margin-top:.5%;}

.syokihiyou {margin: 2% auto 4% !important; }

.otoiawase {width:90%;}
/*.denwa { padding-left:2%;width:50% !important;}
.otoiawase .mail { padding-left:3%; padding-top:1%;width:35% !important;}
.denwa p { font-size:16px; text-align:left;}
}*/


@media screen and (min-width:830px) {
.sub_top_ttl {position: absolute; right:17%;top: 5%;}
.sub_top_ttl img{ margin:auto;width:30%;}
#profile_box {width:95%; margin:3% auto;}

#header .contact3 {display:block;float:right;width:40%;margin:0;padding: 0 1% 0 0; vertical-align:middle;}

}


@media screen and (min-width:900px) {
#header {padding:10px 0 12px;}
#header .logo {width: 200px;}
#header .contact {width:100px;padding: 4px 1% 0 0;}

#header .logo02 {width: 150px;}
#header .logo03 {float: left;padding-left: 2%;width: 280px;}

#lp_mainimg .top_copy {width: 53%;top:60px;left:3%;}

.mainimg_pict {position:absolute;left:58%;top:52%;}
.mainimg_pict img {width:45%;}

.footer_area .contact {width: 45%;text-align: left;float: right;  margin-top:-8%;}
.balloon1-right {position: relative;display: block;margin: 0 15px 0 0; line-height:1.6em;
	padding: 16% 10px;min-width: 120px;max-width: 100%; color: #fff;font-size: 22px;background: #dc3b64;}
.tel_nomber {font-size:30px; color:#00589c; padding:5px; margin:5px; font-weight:bolder;}
#yoyaku  .tel_yoyaku h8 {display:block; background: #00589c; border-radius:5px;color:#fff; margin:5px;padding:5px; font-size:20px; }
.uketuke {font-size:16px; margin-bottom:0px;}
.mail_address {font-size:28px; color:#00589c; padding:5px; margin:10px 5px 5px; font-weight:bolder;}
.form { width:90%; margin:6px auto;padding:5px;}

#gnavi li img {width:75%; margin:auto;}
#profile_box {width:85%; margin:3% auto;}
.youbou {width: 60%;}


.lp_otoku .otoku_kakaku img {width:15%;margin-top:-2.53%;}
.renta_top_list li {float:left;width:47%; margin:5px 8px; border:3px solid #009fa5;background:#fff; border-radius:8px;}


.hikaku_left {height:890px;}
.hikaku_right {height:890px;}

.rental_hikau h6 {font-size:20px;}

.renta_top .main_wrap p { padding-bottom:4%;}

.rental_hikau .hyo_rental_dt {height:120px; line-height:120px;background:linear-gradient(-135deg, #0095da, #2bc4f3);}
.rental_hikau .hyo_rental_dd {height:120px;}

.after_care {width:90%;padding:1%; margin:auto;}

.after_care_left {width:48%; float:left;}
.after_care_right {width:48%; float:left; margin-left:2%;}

.after01 { margin-top:10px;}
.after01 li { margin-bottom:10px;font-size:18px; line-height:1.6em; padding-left:1em; text-indent:-1em;font-weight:bold;}

.after01  li:before {counter-increment: list;
    color: #dd6673;
    content: '\f046';
    font-family: 'FontAwesome';
    margin: auto 5px 2px 0px;
}

.after_care_right img {width:100%; margin-top:5% ;}

.balloon3 {margin: 2% auto 1%;padding: 20px 10px 10px;min-width: 120px;text-align:left;}
.balloon3 p {font-size: 16px; line-height:1em;color: #323232; margin-bottom:-4px;}
.balloon3 p:before {content:"";background:url(../../images/lp/setumei03.png) no-repeat left center;background-size:cover;width:293px;height:38px;display: inline-block; vertical-align:middle;margin-top:-4px;margin-right:10px;}

.pcbig {display:block;}
.pcsmo {display:none;}

.main_wrap .sevice li { width:44.5%;}

.days img {width:95%; margin:2% auto 5%;}

}


@media screen and (min-width:1025px) {
#header {padding:10px 0 16px;}
#header .logo {width: 250px;position: absolute;top: 10px;left: 0;}
#header .contact {width: 110px;padding: 4px 1% 0 0;}
#header .contact2 {display:block;float:right;width:22%;margin:0;padding: 4px 1% 0 0;}

#header .logo03 {float: left; margin-top:.5%;padding-left: 2%;width: 280px;}
	
#header_sub {padding: 0;height:90px;}
#header_sub .logo {width: 350px;position: absolute;top: 12px;left: 0;}
#header_sub .contact {width: 140px;padding: 25px 3% 0 0;}

#header .logo02 {width: 180px;position: absolute;top: 10px;left: 0;}

.baner_bottom #yoyaku {max-width:1024px;margin:0 auto;}
.tel_nomber {font-size:32px; color:#00589c; padding:5px; margin:5px; font-weight:bolder;}
.uketuke {font-size:18px; margin-bottom:10px;}
.form { width:90%; margin:5px auto;padding:5px;}

.reservation_area #yoyaku {max-width:1024px;margin:0 auto;}

#lp_mainimg .copy_wrap {max-width:1024px;margin:0 auto;position:relative;}
#lp_mainimg .top_copy {width: 58%;top:-510px;left:2%;}

#header .contact3 {display:block;float:right;width:33%;margin:0;padding: .5% 1% 0 0;}

.mainimg_pict {position:absolute;left:59%;top:59%;}
.mainimg_pict img {width:40%;}

#main {}
.main_wrap {max-width:1024px;margin:0 auto;padding: 30px 3%;}

.main_wrap .info {padding: 2% 0;}
.main_wrap .info .inner {max-width: 1024px;margin: 0 auto;padding:15px 40px 40px;box-sizing: border-box;}


#footer {height:350px;}
.footer_area {padding: 10px 0 20px;max-width: 1024px;}
.footer_bunner ul {text-align:center; max-width:1024px; margin:auto;}
.footer_area .contact {width: 37%;text-align: left;float: right;  margin-top:-8%;}

.company_name img { width:35%; text-align:center; margin:1% auto 0;}

#page_title {height:300px;}
#page_title h2 {padding-top: 175px;max-width: 1024px;width: 100%;}
#page_title h2 img {max-width:250px;}

#page_title_shisetu {height:300px;}
#page_title_shisetu h2 {padding-top: 13%;padding-left:0; max-width: 1024px;width: 100%;}
#page_title_shisetu h2 img {max-width:500px;}

#page_title_hanbai {height:300px;}
#page_title_hanbai h2 {padding-top: 13%;padding-left:0; max-width: 1024px;width: 100%;}
#page_title_hanbai h2 img {max-width:500px;}

#page_title_company {height:300px;}
#page_title_company h2 {padding-top: 13%;padding-left:0; max-width: 1024px;width: 100%;}
#page_title_company h2 img {max-width:500px;}

#page_title_service {height:300px;}
#page_title_service h2 {padding-top: 13%;padding-left:0; max-width: 1024px;width: 100%;}
#page_title_service h2 img {max-width:500px;}

.company .page_navi {padding: 0 0 30px;}

#gnavi {padding-top:8%;}
.sub_top_ttl {position: absolute; right: 8%;top: 10%;}
.sub_top_ttl img{ margin:auto;width:32%;}

.lp_otoku li img {width:40%; center; margin:auto;}
.lp_otoku .otoku_kakaku {border:solid 3px #898989;border-radius:4px;font-size:22px;padding:30px; }
.lp_otoku .otoku_kakaku img {width:15%;margin-top:-3%;}
.renta_top02 { max-width:1024px;}
.renta_top_list {width:85%;}

.lp_otoiawase02 { max-width:1024px;}
.lp_otoiawase_list  {width:85%;}
.ribbon7-2 { display: block;width:90%;margin:auto;position: relative;font-size:30px;}

.lp_otoiawase_list li h3 { padding:2%;font-size:28px;}

.moji_big {font-size:26px;}
.moji_big span {font-size:20px;}


.hikaku_left {height:810px;}
.hikaku_right {height:810px;}

.rental_hikau dl,dt,dd { box-sizing: border-box;}
.rental_hikau dl {  margin:0 5% 5%; width:90%;background:linear-gradient(-135deg, #ff7d00, #ffc400); border-right: 1px solid #9fa0a0; border-bottom: 1px solid #9fa0a0; border-left: 1px solid #9fa0a0;}
.rental_hikau dt,dd { height:60px;padding: 0 10px; border-top: 1px solid #ccc;}
.rental_hikau dt { line-height:60px;vertical-align:middle !important;font-size:15px; font-weight:bold; color:#fff;width: 40%;float: left;}
.rental_hikau dd { font-size:14px;vertical-align:middle !important;background: #fff; margin-left: 40%;padding: 10px; border-left: 1px solid #ccc;}
.rental_hikau dd:after { content: '';display: block; clear: both;}

.rental_hikau .hyo_rental_dt {height:110px; line-height:110px;background:linear-gradient(-135deg, #0095da, #2bc4f3);}
.rental_hikau .hyo_rental_dd {height:110px;}

.rental_hikau .hyo_kaitori_dt {height:60px; line-height:60px;background:linear-gradient(-135deg, #00914c, #64c08a);}
.rental_hikau .hyo_kaitori_dd {height:60px;padding: 10px;}

.rental_hikau .hyo_kaitori01_dt {height:60px; line-height:60px;}
.rental_hikau .hyo_kaitori01_dd {height:60px;padding: 10px;}

.rental_hikau .hikaku_left .rentalgata {width:90%; padding:.3% 5% 5%; text-align:left !important;}
.rental_hikau .hikaku_left .rentalgata li img {margin:.5em 0 1em -1em ; width:25%; text-align:left !important;}
.hikaku_left .rentalgata li { font-size:14px; line-height:1.5em; text-align:left; padding-left:1em; text-indent:-1em;}
.hikaku_left p { font-size:14px;padding:3% 5% 0;}


.rental_hikau .hikaku_right .kaitorigata {width:90%; padding:3% 5% 5%; text-align:left !important;}
.rental_hikau .hikaku_right .kaitorigata li img {margin:.5em 0 1em -1em ; width:25%; text-align:left !important;}
.hikaku_right .kaitorigata li { font-size:14px; line-height:1.5em; text-align:left; padding-left:1em; text-indent:-1em;}
.hikaku_right p { font-size:14px;padding:3% 5% 0;}

.sevice {width:99%;margin: auto;}
.main_wrap .sevice li {height:110px;width:20.4%; margin-bottom:0;}
.copy_wrap {max-width:1024px;margin:0 auto;position:relative;}


}


@media screen and (min-width:1200px) {
#gnavi {padding-top:6.5%;}
.sub_top_ttl {position: absolute; right: 26%;top: 16%;}
#header .contact2 {display:block;float:right;width:19%;margin:0;padding: 4px 1% 0 0;}

#lp_mainimg img {width:100%; padding-top:5%;}

.mainimg_pict {top: 65%;left:57%;width: 15%;}
.mainimg_pict img {width:90%;}

#header .logo03 {float: left; margin-top:.5%;padding-left: 2%;width: 280px;}

#lp_mainimg .top_copy {width: 62%;top:-530px;left:-5%;}

.days img {width:90%; margin:2% auto 5%;}
}

@media screen and (min-width:1400px) {
#lp_mainimg .top_copy {width: 70%;top:-630px;left:-15%;}
.mainimg_pict {top: 62%;left:54%;width: 15%;}
}
@media screen and (min-width:1600px) {
#header {padding:10px 0 18px;}
#page_title_shisetu {height:350px;}
#page_title_shisetu h2 {padding-top: 13.5%;padding-left:0; max-width: 1024px;width: 100%;}
#page_title_shisetu h2 img {max-width:500px;}

#page_title_hanbai {height:350px;}
#page_title_hanbai h2 {padding-top: 1.%;padding-left:0; max-width: 1024px;width: 100%;}
#page_title_hanbai h2 img {max-width:500px;}

#page_title_company {height:350px;}
#page_title_company h2 {padding-top: 13.5%;padding-left:0; max-width: 1024px;width: 100%;}
#page_title_company h2 img {max-width:500px;}

#page_title_service {height:350px;}
#page_title_service h2 {padding-top: 13.5%;padding-left:0; max-width: 1024px;width: 100%;}
#page_title_service h2 img {max-width:500px;}

#gnavi { padding-top:4.5%;}
.sub_topimg img { width:100vw;}
.sub_top_ttl {position: absolute; right: 34%;top: 19%;}
.sub_top_ttl img{ margin:auto;width:40%;}

#header .contact2 {display:block;float:right;width:14%;margin:0;padding: 4px 1% 0 0;}

#header .contact3 {display:block;float:right;width:24%;margin:0;padding: 0 1% 0 0;}
#header .logo03 {float: left; margin-top:.3%;padding-left: 2%;width: 280px;}

#lp_mainimg .top_copy {width: 73%;top:-700px;left:-18%;}
.mainimg_pict {top: 59%;left:54%;width: 15%;}

}
	
@media screen and (min-width:1800px) {
#lp_mainimg .top_copy {width: 85%;top:-800px;left:-30%;}
.mainimg_pict {top: 57%;left:53%;width: 15%;}

}

@media only screen
    and (min-device-width:768px)
    and (max-device-width:1334px) {
#gnavi ul ul {display:none;}
}




h7 {
	color: #11833b;
	font-size: 18px;
	position: relative;
	border-bottom: 2px solid #11833b;

	margin: 0 0 6% 2%;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 28px;
}
    h7:before, h7:after{
        content: "";
        position: absolute;
        margin: auto;
    }
    h7:before{
        width: 12px;
        height: 12px;
        top: 0;
        left: 14px;
        background: #11833b;
        transform: rotate(50deg);
    }
    h7:after{
        width: 8px;
        height: 8px;
        top: 18px;
        left: 6px;
        background: #77b86d;
        transform: rotate(20deg);
    }





	
/* ページTOPボタン */

.pagetop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 25px;
}
.pagetop a {
	display: inline-block;
	text-decoration: none;
	background: #309dd1;
	color: #FFF;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 10%;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	transition: .4s;
	font-size: xx-large;
}
 
.pagetop a:hover {
    background: #dc3b64;
}
#left_area .newsarea {
	font-size: 16px;
	margin: 2%;
	line-height: 1.8em;
}

#wrap {overflow-x:hidden !important;}
