@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;}
.linecontact_back {background-color:#45b035;}
.contact_back {background-color:#ed710e;}
.company_back {background-color:#c6eafa;}
.question_back {background-color:#fce3cd;}
.sub_back {background:url("../images/back2.jpg") no-repeat top center;background-size:cover;}
.top_back {background:url("../images/back.jpg") no-repeat top center;background-size:cover;}
ol,ul,li {list-style:none;margin:0;padding:0;}
dl,dt,dd {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,h7 {font-size:100%;font-weight:normal;margin:0;padding:0;}
p {margin:0 0 1em;padding:0;}
a , a img { overflow: hidden; color:#333;text-decoration: none;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: #11833b;border:none;outline:none;}
a:hover img , a:active img {opacity:.8;border:none;outline:none; }

html,body {}
h1 {font-weight:normal;}
h2 {font-weight:normal;}
h3 {font-weight:normal;}
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;
}

.sp,.sp02 {display:block !important; }
.pc,.pc02 {display:none !important;}



#header {padding:0 5px;width: 100%; word-break: break-all;height:60px;z-index:99 !important;}
#header .logo {display: inline-block;width:40%;height:auto;padding:2% 1% 0;z-index:18 !important;}
#header .header_logo {display: inline-block;width:35%;}
#header .header_logo a:hover img {opacity:.9;}

#header_sub {padding:9px 5px;width: 100%; height:50px;}
#header_sub .logo {width:145px;height:auto;margin:0 1%;}
#header_sub .contact {display:none;}
#header_sub .contact a:hover img {opacity:.9;}

#mainimg-sp { margin-top:-59px; z-index:-99 !important;position:relative !important;}
#mainimg-sp .copy_wrap .copy {width:92%;position: absolute !important;top:30% !important;left:4%;z-index: 10;}


#main { margin:auto !important;}
#main h2 { max-width: 700px; border-radius:5px;font-size:23px;line-height:1;padding:.5em 0.5em ;text-align:center; color:#595757;background: #7ecef4;  box-shadow: 0px 0px 0px 10px #7ecef4;border: solid 5px white; margin: 5% auto auto !important;letter-spacing:.6em; font-weight: 800; }

#main h3 {font-size:23px;line-height:1;padding:.5em 0.5em ;text-align:center; color:#fff;margin: 5% auto auto !important;font-weight: 800; }

#main h4 {font-size:23px;line-height:1;padding:.5em 0.5em ;text-align:center; color:#444;margin: 2% auto 0 !important;font-weight: bold;font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }

#main h4.rinen_bigp {font-size:26px;line-height:2em;padding:.5em 0.5em ;text-align:center !important; color:#444;margin: 2% auto 3% !important;font-weight: bold;font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }

.main_wrap {margin:2% 3%;}

.contents_btn {text-align:center;padding: 20px 0 0;}
.contents_btn li {width:60%;display:inline-block;margin:0 auto;margin:15px 0;}
.contents_btn li a {color:#333;}
.contents_btn li img {border-radius:50%;border:1px solid #ccc;margin-bottom:10px;}
.contents_btn li span {font-size:14px;display:block;line-height:1.4;}
.contents_btn li .eng {font-size:24px;color:#11833b;font-weight:bold;}





.contents_menu {margin-bottom:10%;}
.contents_menu h3 {background:#11833b;color:#fff;font-size:20px;padding:15px;}
.contents_menu li a {font-size:14px;padding:20px 15px;display:block;border-bottom:1px solid #aaa;background:#fff;position:relative;}
.contents_menu li a:after {content:"\f125";font-family:ionicons;font-size:12px;position:absolute;right:10px;top:35%;}

#footer {background:url("../images/footer_back.png") no-repeat bottom center;background-size:contain;margin-top:0; border-bottom:0; vertical-align:bottom; height:230px;}
.footer_area {padding:2% 5% ; max-width:800px !important; text-align:center !important;margin:0 auto !important;}
.footer_area img {text-align: center; margin: auto; width:85%;}


#menu_btn {max-width: 1400px; margin:2.5% 2% auto 2%;vertical-align: top !important;}
#menu_btn .menu_btn_list li {width: 11%; display : inline-block;}
#menu_btn .menu_moji {z-index:-2!important;}
#menu_btn .menu_moji img {width:25%;float: right !important; margin-top: -9%;z-index:-1 !important;}
#menu_btn .menu_btn_list li a:hover img {opacity:1 !important;}

#menu_btn .menu_btn_list li:hover {
  animation: poyoyon2 1s ease-in-out 1 forwards;
}

@keyframes poyoyon2 {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}





/* ドロワーナビ */
.drawer-hamburger {z-index:999999 !important;top:0%;background:#fff; padding:7px 5px 20px;}
.drawer-hamburger:hover {background:#fff;z-index:999999 !important;}
.drawer-nav {z-index:10 !important;}
.drawer-open #contents , .drawer-open #sp_head .head_logo_sp.block {opacity:.5;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {z-index:999999 !important;background:#22ac38;height:4px;}

.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before {z-index:999999 !important;background:#fff;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon::hover {z-index:999999 !important;background:#fff;}


.drawer-nav {color: #333;background-color:rgba(255,255,255,.95);padding-top:62px;z-index:88888 !important;}
.drawer-menu li {border-bottom: 1px solid #eee;font-family: 'Stoke', sans-serif;font-size:1.4em;}
.drawer-menu li:first-child {border-top: 1px solid #eee;}
.drawer-menu li  {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);}

.drawer-menu li ul.sp_nav_sub {font-family: 'Stoke', sans-serif;font-size:.7em;}
.drawer-menu li ul.sp_nav_sub li { border-top:1px dashed #eee;border-bottom:none;}
.drawer-menu li ul.sp_nav_sub li:first-child { border-top:none; }

.drawer--right.drawer-open .drawer-hamburger {right:0;background:#8fc31f;z-index:9999999 !important;}

#all_area {width:100% !important; padding-top:7%; margin:0 auto !important;z-index:1111; position: relative;}
#all_area .all_inner {margin:auto !important; width:100% !important; max-width:1100px;}
#all_area .toiawase_center {text-align: right !important;width:90% !important;margin:auto !important; padding:5% 1% 2% 8%!important;}




#ssp { display:block !important;}
#msp { display:none !important;}





#mainimg {position:relative !important;margin-top: 5%;}

#mainimg .copy {width:30% !important;z-index: 10; margin:5% auto !important;}

	
@keyframes infinity-scroll-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}

/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.main_cloud {
  display: -ms-grid;
}
/*----------------------------*/

.main_cloud_wrap {
  display: flex;
}

.main_cloud_list {
  display: flex;
  list-style: none;
}

.main_cloud_list--left{
animation :infinity-scroll-left 95s infinite linear 0.5s both;
}

.main_cloud_item {
  width: calc(100vw);
}

#mainimg .copy .left_boy img:hover {opacity:1;}
#mainimg .copy .center_boy img:hover {opacity:1;}
#mainimg .copy .right_boy img:hover {opacity:1;}	

#mainimg .copy .left_boy {
	position: absolute;
   top: 4%;
   left:-1%;
	width: 43%;
}

#mainimg .copy .center_boy {
	position: absolute;
   top:18%;
   left:32%;
	width: 43%;
}
#mainimg .copy .right_boy {
	position: absolute;
	   top:4%;
   right:-2%;
	width: 43%;
}

#mainimg .copy .center_logo {
	position: absolute;
   top:6%;
   left:43%;
	width:13%;
}
	

.muyou_btn {position: absolute; top:-28%;left:-21%;  width:50px;
  height:70px;
  margin:70px;
  animation:4s linear infinite rotation2;
}
 

@keyframes rotation2{
  0%{ transform:rotateX(0);}
  100%{ transform:rotateX(70deg); }
}

@media screen and (min-width:330px) {
.muyou_btn {position: absolute; top:-35%;left:-18%;  width:55px;}
#all_area {padding-top:6%;}
}
	
@media screen and (min-width:400px) {
#mainimg-sp .copy_wrap .copy {width:96%;top:20% !important; left:2%;}
#all_area {padding-top:5%;}
#ssp { display:none !important;}
#msp { display:block !important;}

	.muyou_btn {position: absolute; top:-38%;left:-16%;  width:62px;}
}

@media screen and (min-width:500px) {	
.muyou_btn {position: absolute; top:-40%;left:-14%;  width:70px;
}
.drawer-hamburger {margin-top: 1%;}
}

    .kabu_menu {
      display: none;
      width:100%;
      position: fixed;
      bottom: 0;
      z-index:99999 !important;
		 text-align: center !important;
	  margin: auto auto -1%;
    } 
.kabu_menu ul {margin: auto;}
.kabu_menu ul li { width:31% !important;display: inline-block;}


    .threebtn {
      width:100%;
      position: fixed;
      bottom: 0;
      z-index:99999 !important;
		 text-align: center !important;
	  margin: auto auto -1%;
    } 
.threebtn ul {margin: auto;}
.threebtn ul li { width:31% !important;display: inline-block;}


@media screen and (min-width:568px) {
.contents_btn li {width:28%;display:inline-block; vertical-align:top;margin:0 auto;margin:15px 1.5%;}
.contents_btn li span {font-size:13px;}
.contents_btn li .eng {font-size:20px;}


#header_sub .logo {width:155px;}


#footer {height:300px;}

.footer_area .logo h3 {width:80%;}

.muyou_btn {position: absolute; top:-43%;left:-17%;  width:87px;
  height: 100px;
  margin: 100px;

}
}

@media screen and (min-width:630px) {
.muyou_btn {position: absolute; top:-40%;left:-14%;  width: 100px;}
#header .logo {padding:0.9% 1% 0 !important;}
}
@media screen and (max-width:767.99px) {
#header {background:url("../images/header_back_sp.png") no-repeat top center;background-size:cover;}

}


@media screen and (min-width:768px) {
.pc {display:block;}
.sp {display:none;}
	
	
#header {padding:10px 0;position: absolute;z-index: 10;height:65px;background:url("../images/header_back.png") no-repeat top center;background-size:cover;}
#header .logo {padding:0.1% 1% 0 !important;width:35%;}
	#header .header_logo {width:30%;}

#gnavi { padding-bottom:0;display: flex;}
#gnavi .menu-container  {margin-top:.2% !important;width:420px;margin-left:auto;padding-right:.5%;}
#gnavi .menu-container .menu ul .menu_contents a:hover { color:#f2b300 !important;}
#gnavi .menu-container .menu ul .menu_contents a{ font-size:14px; }


#gnavi .menu-container .menu ul { margin: 0 ; width: 100%; list-style: none; padding: 0;}
#gnavi .menu-container .menu ul .menu_contents {
	padding: 1% 1em 0 0 ;
    margin: 0;
	float:right;
}


#menu_btn {margin:1.6% 2% auto 3% !important;}	
#menu_btn .menu_btn_list li {width:10%;}

.footer_area img {width:100%;}
	

#main h2,#main h2 {font-size:30px;}
#mainimg {position:relative !important;margin-top:8%;}

#mainimg .copy {width:30% !important;z-index: 10; margin:5% auto !important;}

	
@keyframes infinity-scroll-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}

#all_area .toiawase_center {padding:5% 5% 2% !important;}
	
/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.main_cloud {
  display: -ms-grid;
  overflow: hidden;
}
/*----------------------------*/

.main_cloud_wrap {
  display: flex;
  overflow: hidden;
}

.main_cloud_list {
  display: flex;
  list-style: none;
}

.main_cloud_list--left{
animation :infinity-scroll-left 85s infinite linear 0.5s both;
}

.main_cloud_item {
  width: calc(100vw);
}

	
#mainimg .copy .left_boy {
	position: absolute;
   top:6%;
   left:3%;
	width:40%;
}

#mainimg .copy .center_boy {
	position: absolute;
   top:24%;
   left:35%;
	width: 40%;
}
#mainimg .copy .right_boy {
	position: absolute;
	   top: 6%;
   right:3%;
	width: 40%;
}
	
#mainimg .copy .center_logo {
	position: absolute;
   top:12%;
   left:43%;
	width:13%;
}
	

	.muyou_btn { top:8%;left:-8%;width:12%;}
	
#footer {height:330px;}
	
	
#header_sub {padding:10px 0;position: absolute;z-index: 10;height:75px; }
#header_sub .logo {float: left;padding-left: 3%;width: 150px;}
#header_sub .contact {display:block;float:right;width:125px;margin:0;padding: .5% 2% 10px 0;}

.sub_header_back  {height:70px;}



.contents_menu li:last-child a {border-bottom:none;}



.slide {width: 100%;padding-top: 49% !important;}


#all_area {padding-top:8%;}
#all_area .all_inner { padding:3% 5% 1% !important; margin:auto;}

}





@media screen and (min-width:900px) {
#header {padding:15px 0;}
#header .logo {width:23%;}
#header .header_logoo {width:20%;}
#gnavi .menu-container .menu ul .menu_contents {padding: 1% 2em 0 0 ;}


#menu_btn .menu_moji img {width:19%;}


.muyou_btn { top:11%;left:-5%;width:12%;}

#footer {height:370px;}

.sub_header_back  { height:80px;}
}

@media screen and (min-width:1025px) {
.pc02 {display:block !important;}
.sp02 {display:none !important;}
	
#header {padding: 0;height:90px;}
#header .logo {float:left;margin-top:1%; width:23%;}
#header .header_logo {float:left;display:inline-block;width:20%;margin:0.5%;padding:1% 0 1% 0.2em !important;}
#gnavi .menu-container  {margin-top:0.4% !important; }
	#gnavi .menu-container .menu ul {margin-top:2% !important; }
#gnavi .menu-container .menu ul .menu_contents a{ font-size:14px;}


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


#main h2,#main h3,#main h4 {font-size:32px;}

#main h4.rinen_bigp {font-size:40px;}
	
#menu_btn {margin:2% 2% auto 4% !important;}


#mainimg .copy .center_logo {
	position: absolute;
   top:12%;
   left:43%;
	width:11%;
}
	
	
.muyou_btn { top:10%;left:-5%;width:13%;}

#all_area {padding-top:6%;}
	
#footer {height:400px;}
	
.contents_btn {text-align: left;padding: 0;}
.contents_btn li {width: 230px;margin:0 32px 0 0;text-align:center;}
.contents_btn li:last-child {margin-right:0;}



.footer_area {padding:3% 5% 3%; margin: auto !important;}
.kabu_menu ul { width:90%;}
.threebtn ul { width:90%;}

.sub_header_back  { height:80px;}


}

@media screen and (min-width:1100px) {
.muyou_btn { top:12%;left:-6%;width:14%;}
}

@media screen and (min-width:1200px) {
#header {height:82px;}
#header .logo {padding-left:.8%;width: 19%;}
#header .header_logo {width:16% !important;}
	
#gnavi .menu-container  {margin-top:1.2% !important;}
#gnavi .menu-container .menu ul {margin-top: 1.2% !important;}
#gnavi .menu-container .menu ul .menu_contents a{ font-size:16px;}

#footer {height:530px;}
.kabu_menu ul { width: 80%;}
.threebtn ul { width: 80%;}
}

@media screen and (min-width:1300px) {
.main_wrap {margin:2% auto 0;}
.muyou_btn {left:-4%;}
}

@media screen and (min-width:1400px) {
.muyou_btn {left:-1%;}
#menu_btn {margin:2.5% auto 4% !important;}
}

@media screen and (min-width:1450px) {
.muyou_btn {left:1%;}
}

@media screen and (min-width:1550px) {
.muyou_btn {left:4%;}
}

@media screen and (min-width:1650px) {
.muyou_btn {left:6%;}
}
@media screen and (min-width:1700px) {
.muyou_btn {left:7%;top:16%;}
}
@media screen and (min-width:1750px) {
.muyou_btn {left:9%;}
}
@media screen and (min-width:1800px) {
.muyou_btn {left:10%;top:18%;}
}
@media screen and (min-width:1850px) {
.muyou_btn {left:11%;}
}
@media screen and (min-width:1900px) {
.muyou_btn {left:12%;}
}
@media screen and (min-width:1950px) {
.muyou_btn {left:13%;}
}
@media screen and (min-width:2000px) {
.muyou_btn {left:14%;}
}
@media screen and (min-width:2050px) {
.muyou_btn {left:15%;}
}
@media screen and (min-width:2100px) {
.muyou_btn {left:16%;top:19%;}
}
@media screen and (min-width:2150px) {
.muyou_btn {left:17%;}
}
@media screen and (min-width:2250px) {
.muyou_btn {left:18%;}
}

@media only screen
    and (min-device-width:768px)
    and (max-device-width:1024px)
    and (orientation:portrait){
}



@media screen and (max-width:568px) {
.banner_area .banner li.banner_fb { width:20%; margin:auto;}
}

@media screen and (max-width: 767px) {
 .social_freame {margin-top: 3em;}
.social img {padding:3em 1.5em; width: 10%;}
}


/*************************** 下層ページ ****************************/
 


#sub_all {width:100% !important; margin:5% auto 0; padding: auto 2em !important;}

#sub_all .sub_inner { width:88% !important; margin:3% auto auto !important;}
#sub_all .sub_inner p img {  margin: auto auto -2% !important; text-align: center; }

hr { background-color: #fff; border:none; height: 5px;}

#sub_all .sub_inner .profile { max-width: 700px; margin:8% auto 2% !important;}
#sub_all .sub_inner .profile dl {
	font-size: 12px;
	padding: .1em 0.2em;border: none !important;
	margin-bottom:.1em;
}

#sub_all .sub_inner .profile dt {
	width: 25%;
	float: left;border: none !important;
	text-align: center;
	padding:.7em .2em;
	font-weight: 600;
	background-color: #fff;
}
#sub_all .sub_inner .profile dd {width:70%;float:left;padding-left:.5em;	padding-top:.7em;
	padding-bottom:.7em;background-color: #fff;margin-left: .3em;border: none !important;}

.sub_inner .profile dl dd ol li { padding-bottom:.8em;}


.line_p {color: #231815;text-align: center; font-size: 14px;}

.rinen_p {color: #231815;text-align: center !important; font-size: 16px;font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; font-weight:bold; margin:auto auto 7%; line-height: 2em ;}


#sub_all .sub_inner .profile02 { margin-top:5%;margin-left:5% !important;margin-right:5% !important;}
#sub_all .sub_inner .profile02 dl {
	font-size: 14px;
	padding: 1em 0;
	border-bottom: 1px solid #9FA0A0;
}

#sub_all .sub_inner .profile02 dt {
	width: 20%;
	float: left;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#sub_all .sub_inner .profile02 dd {width:70%;float:left;padding-left:5%;	padding-top: 5px;
	padding-bottom: 5px;}

.sub_inner .profile02 dl dd ol li { padding-bottom:.8em;}







#sub_all .sub_inner .profile03 { margin-top:5%;margin-left:5% !important;margin-right:5% !important;}
#sub_all .sub_inner .profile03 dl {
	font-size: 14px;
	padding: 1em 0;
	border-bottom: 1px solid #9FA0A0;
}

#sub_all .sub_inner .profile03 dt {
	width: 100%;
	float: left;
	text-align:left;
	padding-top: 5px;
	padding-bottom:1em;
	padding-left:1em;
	border-bottom: 1px solid #9FA0A0;
	margin-bottom:3%;
}
#sub_all .sub_inner .profile03 dd {width:100%;float:left;padding-top: 5px;padding-bottom: 5px;padding-left:1em;}


#googlemap {
position: relative;
padding-bottom: 50%;
height: 0;
overflow: hidden;
margin-bottom:7%;
}
#googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


#sub_all .policy_list {border:none  !important;width:100% !important;margin:3% auto !important; text-align:left;    margin:0 0 10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#sub_all .policy_list li.poli01 { border:none  !important; background-color:#ea9381;width:90%; padding:.4em 0;margin:1% auto;color:#fff;  display: table-cell;vertical-align:middle;line-height:4em; font-weight:600;font-size:18px; text-align:center;}
#sub_all .policy_list li.poli02 { border:none  !important; background-color:#0383c7;width:90%; padding:.4em 0;margin:1% auto;color:#fff; display: table-cell;vertical-align:middle;line-height:4em; font-weight:600;font-size:18px; text-align:center;}
#sub_all .policy_list li.poli03 { border:none  !important; background-color:#267f52;width:90%; padding:0.8em 0;margin:1% auto;color:#fff;  display: table-cell;vertical-align:middle ;line-height:1.5em; font-weight:600;font-size:18px; text-align:center;}

#sub_all .policy_img { width:100%; margin:-2% auto auto; }
#sub_all .policy_img img { position:relative;width:90% !important; margin:auto; padding-top:1%;padding-bottom:36%; left:0; z-index:-1 !important;}
.sub_inner .policy_img .policy_txt { position:absolute;top:38%;padding-left:5%; max-width:540px; font-size:14px !important; line-height:1.6em;padding-right:5%;}
 


.sub_inner .right-area04 .koumoku_ph {width:100%; margin:8% auto 5% !important;}
.sub_inner .right-area04 .koumoku_ph li { margin:auto;width:90%; display:block;line-height:1.7em;font-size:12px; padding-bottom:1.5em; }
.sub_inner .right-area04 .koumoku_ph li.koumoku_left  {padding-right:3%;}
.sub_inner .right-area04 .koumoku_ph li img {padding-bottom:.5em;}

#main #sub_all .sub_inner h6 {font-size:20px;line-height:1.3; text-align:center; font-weight:600;
border-top: 1px solid black;
    margin:10% 0 3%; 
    padding:5px 0; height:26px;
}
#main #sub_all .sub_inner h6 span {font-size:22px;position: relative; 
    top: -20px; 
    padding: 0 20px; 
    background:white;
}




@media screen and (min-width:580px) {
.pagetop {
    right: 25px !important;
}
.pagetop a {
	width: 85px !important;
}

#sub_all h6 {font-size:30px; }

#main #sub_all .sub_inner h6 { margin-top:4%;}

}

@media screen and (max-width:767px) {
#sub_all .sub_inner p.page {padding: 1% 3%;margin:0 auto !important;}
#sub_all .sub_inner .page_card {padding: 1% 60px !important;}	
}

@media screen and (min-width:768px) {
#sub_all .sub_inner p img {  margin: auto auto -6% !important;}


#sub_all {padding:2% 0 0 !important;margin:10% auto auto;}
#sub_all .sub_inner {margin:auto; padding:2% !important;width:100% !important;}
#sub_all .sub_inner .left-area { width:65%; float:left; margin:1% auto !important; }
#sub_all .sub_inner .right-area { width:25%; float:left; padding-right:6% !important; padding-left:4%; margin:1% auto; padding-bottom:2%;}

#sub_all .sub_inner .left-area02 { width:47%; float:left; margin:1% auto !important; }
#sub_all .sub_inner .right-area02 { width:47%; float:left;  padding-left:4%; margin:1% auto; padding-bottom:2%;}

.gyoumu .sub_inner .left-area04 { width:60%; float:left; margin:1% auto !important; }
.gyoumu .sub_inner .right-area04 { width:23%; float:left; padding-left:4%; margin:2% auto; padding-bottom:2%; padding-right:3%;}


#googlemap {padding-bottom:50%;}

#sub_all h1 {font-size:30px;padding:0% auto 3% !important; margin-bottom:2%;}
#sub_all h1 span {font-size:43px;}

#sub_all .policy_list li.poli01 { border:1.5px solid #036eb8;width:32%; display:inline-block;font-size:20px;}
#sub_all .policy_list li.poli02 { border:1.5px solid #036eb8;width:32%; display:inline-block;font-size:20px;}
#sub_all .policy_list li.poli03 { border:1.5px solid #036eb8;width:32%; display:inline-block;padding:0.9em 0;font-size:20px;}
#sub_all .policy_img img { padding-bottom:8%;}




#main #sub_all .sub_inner .ziiseki {font-size:16px;}
#sub_all .sub_inner .profile { margin:5% auto 2% !important;}
	#sub_all .sub_inner  .profile dl {font-size: 16px; border-top:  solid 1px #ccc;}

#main #sub_all .sub_inner .ziiseki_ttl { margin:3% 0 5%;font-size:22px;}
#main #sub_all .sub_inner .ziiseki_ttl span {font-size:18px;}
#main #sub_all .sub_inner h5 { margin:3% 5% 2% 0;font-size:20px; }
#main #sub_all .sub_inner h5 span {font-size:14px;}




#sub_all .sub_inner .profile03 dt {
	width:46%; padding-bottom:5px; border-bottom:none; margin-bottom:0;
}
#sub_all .sub_inner .profile03 dd {width:46%;float:left;}

}


@media screen and (min-width:1080px) {
	
.pagetop { bottom:16% !important;}
	.rinen_p {font-size: 18px;}
	
#sub_all .sub_inner { max-width:1080px;}

 }



/* お問い合せページ */
#toiawase .contact .attention {font-size:14px; line-height:1.6em; text-align:left; margin:auto;}


#toiawase {max-width:700px;margin: auto !important; padding: auto 2% !important;}
/* --- フォームエリア --- */
form.contact {
width: 100%; /* フォームエリアの幅 */
font-size: 14px;
}
/* --- フォームエリア内の段落 --- */
form.contact p {
line-height: 130%;
}

/* --- 部品グループ --- */
form.contact div.fields {
margin-top:3%;margin-bottom: 20px; /* 部品グループの下マージン */ 
}

/* --- テーブル --- */
form.contact table {
width: 100% !important;border-collapse:collapse; margin-top: 5%;
}

/* --- 見出しセル（th） --- */
form.contact th {
width:35%;
padding: 10px 8px; /* 見出しセルのパディング（上下、左右） */
text-align:left;
line-height: 130%;
font-size:14px;
font-weight: 600;
vertical-align: middle;
border-bottom: 2px #727171 solid; 
border-left: 2px #727171 solid; 
margin: 0 !important;
background-color: #fff;
}

form.contact .top_table {border-top: 2px #727171 solid;}
form.contact .top_table2 {border-top: 2px #727171 solid;}

/* --- 見出しセル内の補足テキスト --- */
form.contact th span.supplement {
font-weight: normal;
font-size:12px;
font-weight: 600;
vertical-align: middle;
}
/* --- データセル（td） --- */
form.contact td {
padding: 10px 15px 10px 10px; /* データセルのパディング（上、左右、下） */
border-bottom: 2px #727171 solid; 
border-right: 2px #727171 solid; 
border-left: 2px #727171 solid; 
margin: 0 !important;
background-color: #fff;
	
}


form input { color: #444;padding:.5em !important;border-radius:5px; border:1px solid #b5b5b6;}
form textarea { color: #444; padding:.5em !important;border-radius:5px; border:1px solid #b5b5b6;}
/* --- データセル内の補足テキスト --- */
form.contact td span.supplement {
font-size:12px;
}
/* --- 必須項目セル --- */
form.contact th span.required {
padding:3px 5px; /* 必須項目セルのパディング（上下、左右） */
background-color: #e60012; /* 必須項目セルの背景色 */
 float: right;
color: #fff;
font-size:13px;border-radius:5px; 
}


/* --- フォーム部品 --- */
form.contact input,
form.contact select,
form.contact textarea {
margin-bottom: 2px; /* フォーム部品の下マージン */
 line-height: 1.6em;
}
/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#day,#address,#email  {
width:95%; /* フォーム部品の幅 */
}
#name,#tel  {
width:60%; /* フォーム部品の幅 */
}


/* --- （複数行のテキスト入力欄） --- */
#message {
width:95%; /* フォーム部品の幅 */
height:8em; /* フォーム部品の高さ */
}


/* --- ボタン --- */
form.contact p.button {
margin:auto; width: 40%;
text-align: center;
background-color: #231815;border: #b5b5b6 solid 3px;border-radius:10px;
}
form.contact p.button input {letter-spacing:.5em;background-color:  #231815; border: none;
color: #fff; font-size: 18px; font-weight: 600; padding: .3em 4em;}
form.contact p.button:hover {opacity:.8;}


/*メールフォームバルーン*/
div.baloon {
   font-size: 12px;
   color: #900;
   position: absolute;
   padding-left: 5px;
   background: url(../images/baloon.gif) no-repeat top left;
   z-index: 1;
}

div.baloon a {
   color: blue;
   text-decoration: none;
   padding: 2px;
   margin-right: 2px;
}

div.baloon a:hover {
   background-color: #eef;
}

div.baloon div {
   background: url(../images/baloon_right.gif) no-repeat top right;
   padding: 7px 7px 14px 0;
   white-space: nowrap;
}


@media screen and (max-width:767px) {
form.contact th {width:100% !important;display: block; box-sizing: border-box;border-right:2px #727171 solid;}
form.contact td {width:100% !important;display: block; box-sizing: border-box;}
form.contact .top_table2 {border-top: none;}
#toiawase { width:100%;}
}

@media screen and (max-width:767px) {
.list_qaa > label > label > dd {
    font-size: 13px;
}
}

.list_qaa {margin: auto  !important;}
.list_qaa > label {
    display: block;
    position: relative;
    width: 100%;
    padding: 0px;
    margin:0px;
    cursor: pointer;
}
.list_qaa > label > input {
    display: none;
}
.list_qaa > label > dt,
.list_qaa > label > label > dd {
    position: relative;
    font-size: 15px;
}
.list_qaa > label > dt::before,
.list_qaa > label > label > dd::before {
    position: absolute;
    top: 50%;
    left: 0.5em;
    transform: translateY(-50%);
    font-size: 2em;
}
.list_qaa > label > dt {
    z-index: 1;  padding: 1em 1em 1em 4.5em;
}

.list_qaa > label > label > dd {
    background-color: #fff; border-radius:15px;  padding: 1em 1.6em;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;margin-left: 3%;
}
.list_qaa > label > dt::before {
    content: url(../images/question-yazirusi01.png); padding-right: 2.5em;
}


.list_qaa > label > label > dd {
    position: absolute;
    top: 0px;
    left: 0px;
    transform: translateY(-2em);
    margin: 0px;
    visibility: hidden;
}
.list_qaa > label > input:checked ~ label > dd {
    position: relative;
    transform: translateY(0px);
    visibility: visible;
    transition: 0.5s;
}

.list_qaa > label > input:checked ~ dt::before {
	    content: url(../images/question-yazirusi02.png);padding-right: 2.5em;
}

.img_mini {margin-bottom: 5%;}

@media screen and (max-width:767px) {
.img_mini {width:65%; margin: auto auto -6% !important;}
	.img_big {margin-top: 12% !important;}
}

/* ページTOPボタン */

.pagetop {
    display: none;
    position: fixed;
    bottom:9%;
    right: 15px;
	z-index: 999999 !important;
}
.pagetop a {
	border-radius: 10px;
	display: inline-block;
	text-decoration: none;
	background: #595757;
	width: 75px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	transition: .4s;
}

 .pagetop a img { width:80%; margin:auto; padding:10% 5%;}
.pagetop a:hover {
    background: #00913a;
}
 .pagetop a img:hover { opacity:7;}

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


.contact_text {font-size:16px; line-height:1.6em;}

.pc_m {display:none !important;}
.sp_l {display:block !important;}	
	
@media screen and (min-width:1025px) {	
.pc_m {display:block !important;}
.sp_l {display:none !important;}
	}

.shiten_margin {margin-bottom: 15%;}


#googlemap  {margin:3% auto;max-width: 600px;width:100% !important;text-align: center;
	position: relative;
	padding: 0 0 35% !important;
	height: 0;
	overflow: hidden;

 }
#googlemap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	min-height: 100% !important;

 }

@media (max-width:1200px) {
	.company {width: 100%;padding:1% 4%;}
}
@media (max-width:767.9px) {
	#googlemap  {padding: 0 0 55% !important;margin:4% auto 2%;}
	.shiten_margin {padding-bottom:7% !important;}
}
@media (max-width:480px) {
	#googlemap  {padding: 0 0 65% !important;}
}