@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* レスポンシブWEB対応 (タブレットサイト向け)
------------------------------------------------------------*/
@media print, screen and (min-width:767px) and ( max-width:1025px) {

/* リセットスタイル
------------------------------------------------------------*/

/* CSS Document */

*{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* ここまで */


/* レイアウト
------------------------------------------------------------*/

body {
	font-family: 'Open Sans', 'Noto Sans Japanese', serif;	/* Web font指定 */	/* Web font指定 */	/* Web font指定 */
	margin: 0;
	padding: 0;
	color: #000;
	margin-top:0px;
	background:#fff;
	overflow-x: hidden;	/* 横スクロールバー非表示 */
	min-width:100%;
	background:#e9e1d1;
}

p {
	font-family: 'Open Sans', 'Noto Sans Japanese', serif;	/* Web font指定 */	/* Web font指定 */
}

.wrap{
	width:100%;
	overflow: hidden;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
}

a:hover img{
	opacity:0.8;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=80);
	transition: .2s;
}

/* なるだけ使用しない */

.h2-h6del {
	position:absolute;
	left:-9999px;
}

.link_eff img:hover{
	opacity:0.8;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=80);
}

/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearFix {
	min-height: 1px;
}

/* スマホ時のみ画像サイズを自動調整 */
img{
	max-width: 100%;
    height:auto;
}


/* ページトップボタン（右下）
------------------------------------------------------------*/

#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;

	z-index:100;
}
 
#pageTop a {
  display: block;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/* ヘッダー内要素
------------------------------------------------------------*/

#header{
	display:block;
	overflow:hidden;
	width: 100%;
	height: 100px;
	margin:0 auto;
	/* background: #E36421 url(../img/top/header_tb.jpg); */ /* 仮画像 */
	background-color:#e9e1d1;
	background-repeat:no-repeat;
	background-position: left top;
}

#header .logo_pc{	/* PC用ロゴ表示 */
	position:relative;
	top:10px;
	/* left:10px; */

	width:10%;
	height:140px;
	margin: 0 auto;
}
#header .logo_sp{	/* スマホ用ロゴ非表示 */
	display:none;
}

#header .htel{
	position:absolute;
	top:12px;
	right:250px;

	width:231px;
	height:61px;
}

#header .hcon{
	position:absolute;
	top:10px;
	right:20px;

	width:209;
	height:61px;
}

#header h1.catch{
	position:relative;
	top:50px;
	right:10px;

	text-align:right;
	color:#fff;
	font-size:24px;
	font-weight:bold;
}


/* ナビゲーション要素
------------------------------------------------------------*/

.slicknav_menu {	/* PCサイトではスマホナビを非表示に */
	display:none;
}

#navbg .navinner{
	position:relative;

	width: 100%;
	margin: 0 auto;
}

#navbg{
	display:block;
	overflow:hidden;

	width: 100%;
	height: 80px;
	margin:0 auto;

	/* background:url(../img/kari/navi.jpg); */ /* メイン画像を背景設定に */
	/* background:#333333; */
	background-position: center top;
	position: relative;
}

#navbg ul{
	width:100%;
	margin:0 auto;
}
#navbg ul li {
	width:20%;
	height: 35px;

	padding-top:20px;

	/* background:#333333; */

	float:left;
	text-align: center;
} 
#navbg ul li a {

	font-size: 18px;
	font-family: 'Sacramento', cursive;
	font-weight:bold;
	color: #333333;

	text-decoration: none;
	transition: .3s;
	text-align: center;
}
#navbg ul li a:hover{ 
	padding-bottom: 3px;
	border-bottom: dotted 1px #000;	
	opacity: 0.6;
}


/* TOPメイン背景
------------------------------------------------------------*/

#mainimg{
	display:block;
	overflow:hidden;
	width: 100%;
	/* height: 590px; */
	margin:0 auto;
	/* background:url(../img/kari/main.jpg); */
	/* background:url(../img/top/main/mainbg.jpg); */ /* メイン画像を背景設定に */
	background:#e9e1d1;
	background-position: center top;
	position: relative;
}
#mainimg_sp{
	display:none;
}


/* 各セクションの最大幅指定
------------------------------------------------------------*/

.section{
	width: 100%;
	/* max-width: 3000px; */
	/* min-width: 1100px; */
	position: relative;
	margin: 0 auto;
	padding:0px 0px 0px 0px;
}

.inner{			/* 1000px */
	position:relative;
	width:100%;
	margin: 0 auto;
	height:auto;
	min-height: 50px;
}
.inner img{
	display:block;
}
.inner1010{		/* 1010px */
	position:relative;
	width: 100%;
	margin: 0 auto;
	height:auto;
	min-height: 50px;
}
.inner1020{		/* 1020px */
	position:relative;
	width: 100%;
	margin: 0 auto;
	height:auto;
	min-height: 50px;
}


/* TOP メインコンテンツ
------------------------------------------------------------*/

/* 各セクションの高さ・背景設定 */

.s1 {	/* セキュリティー */

	/* width:1128px; */
	/* min-height: 326px; */

	width:100%;
	/* min-height: 990px; */
	/* background-image:url(../img/kari/sec01.jpg); */

	background-position:top;
	display:block;
	overflow:hidden;

	padding-bottom:80px;
}

.s2 {	/* レンタルスペースタイプ */

	/* width:1128px; */
	width:100%;

	/* min-height: 1500px; */
	/* background-image:url(../img/kari/sec02.jpg); */
	background-position:top center;
	display:block;
	overflow:hidden;

	padding-bottom:80px;
}

.s3 {	/* ご利用の流れ */

	/* width:1128px; */
	width:100%;
	/* min-height: 1270px; */

	/* background-image:url(../img/kari/sec03.jpg); */
	/* background-image:url(../img/top/sec03/s03bg.jpg); */
	background-position:top center;
	background-repeat:no-repeat;

	display:block;
	overflow:hidden;

	padding-bottom:0px;
}

.s4 {	/* 店舗のご紹介  */

	width:100%;
	min-height: auto;

	/* background-image:url(../img/kari/sec04.jpg); */
	/* background-image:url(../img/top/sec04/s04bg_sp.jpg); */

	background-position:left bottom;

	display:block;
	overflow:hidden;
}

.s5 {	/* サービスに\申し込む */

	width:100%;
	/* min-height: 1180px; */
	/* background-image:url(../img/kari/sec05.jpg); */
	background-position: center top;
	display:block;
	overflow:hidden;

	padding-bottom:80px;
}

.s6 {	/* プライバシーポリシー */

	width:100%;
	/* min-height: 894px; */
	/* background-image:url(../img/kari/sec06.jpg); */
	background-position: center top;
	display:block;
	overflow:hidden;

	padding-bottom:80px;
}


/* s共通設定 */

.clear {
	clear:both;
}


/* s1の個別設定 */
.s1 h2.formtitle{
	text-align:center;
	padding:80px 0px 40px;
	font-size:20px;
	font-weight:bold;
}

#s1box {
	float:left;
	width:48%;
	height:220px;

	padding:1%;
	margin-top:40px;
}
.leftbox{
	margin-right:0px;
}
.rightbox{
	margin-left:0px;
}
#s1box img.catch {
	clear:both;
	float:left;
	margin-top:34px;
	margin-right:24px;
}
#s1box h2{
	font-size:18px;
	font-weight:bold;
	line-height:1.2;
	margin-top:34px;
	margin-bottom:10px;
}
#s1box p{
	font-size:13px;
	line-height:1.6;
}

ul.thumbnail {
	clear:both;

	width: 100%;
	/* min-width: 1020px;  */
	margin: 0;
	padding: 0px;
	list-style-type: none;

	padding-top:20px;
}
ul.thumbnail li {
	float:left;
	width:31%;
	margin:1%;
}
ul.thumbnail li p{
	font-size:14px;
	text-align:center;
	color:#000;
	line-height:1.7;
}


/* お問い合わせ時用 */
.s1 .formbtn{
	width:540px;
	margin:0 auto;
	margin-top:40px;
}

/* s1の個別設定 */
	

/* s2の個別設定 */
.s2 h2{
	font-family: 'Sacramento', cursive;
	font-size:50px;
	text-align:center;
	letter-spacing: 0.1em;
	line-height:2.0;
	margin:60px 0px;
}
.s2 .ttl{
}
.s2 .ttl_sp{
	display:none;
}

#title{
	margin-top:0px;
	margin-bottom:50px;
}

img.type{
	margin-top:80px;
	margin-bottom:50px;
}

table.pc_type{
	width:98%;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:10px;
}
table.pc_type th{
	width:10%;
	border:solid 1px #000;

	font-family: 'Noto Sans Japanese', 'Open Sans', serif;	/* Web font指定 */	/* Web font指定 */
	font-size:18px;
	font-weight:bold;
	line-height:1.2;
	text-align:center;
	padding:20px 0px;
}
table.pc_type th.head{
	background:#666666;
	color:#fff;
}
table.pc_type td{
	width:20%;
	border:solid 1px #000;

	font-family: 'Noto Sans Japanese', 'Open Sans', serif;	/* Web font指定 */	/* Web font指定 */
	font-size:18px;
	font-weight:bold;
	line-height:1.2;
	text-align:center;
	padding:20px 0px;
}
table.pc_type td.head{
	background:#666666;
	color:#fff;
}

.s2 p{
	margin-top:60px;
	text-align: center;
	font-size:26px;
	font-weight: bold;
	line-height: 2.0;
}
.s2	p.attention{
	font-size:14px !important;
	width:98%;
	margin:0 auto;
	margin-bottom:40px;
}

.s2 .btn_order {
	float:left;
	/* border: solid 7px #6BCFC7; */
	width:46%;
	height:61px;
	text-align:center;

	margin-left:2%;
	margin-right:2%;
}
.s2 .btn_order a{
	font-size:18px;
	font-weight:bold;
	color:#6BCFC7;
	line-height:3.3;
}
.s2 .btn_order a:hover{
}

.s2 .btn_contact {
	float:left;
	/* border: solid 7px #E36421; */
	width:46%;
	height:61px;
	text-align:center;

	margin-left:2%;
	margin-right:2%;
}
.s2 .btn_contact a{
	font-size:18px;
	font-weight:bold;
	color:#E36421;
	line-height:3.3;
}
.s2 .btn_contact a:hover{
}
.s2 .r_botton a{
    color:#fff;
}
.s2 .r_botton{
    background:#000;
    padding:3%;
    width:30%;
    margin:0 auto;
    border-radius:10px;
    
    color:#fff;
    text-align:center;
    letter-spacing: 0.1em;
}
.s2 .r_botton:hover{
    background:#686868;
}
/* s2の個別設定 */


/* s3の個別設定 */
.s3 h2{
	font-family: 'Sacramento', cursive;
	font-size:50px;
	color:#333333;
	text-align:center;
	letter-spacing: 0.1em;
	line-height:2.0;
	margin:60px 0px;
}
.s3 img.ttl{
	margin-bottom:60px;
}
.s3 .ttl_sp{
	display:none;
}
.s3 .fbox{
	margin:0px 1% 60px;
	border: solid 2px #333333;
	border-radius:10px;
    background-color: #e9e1d1;
}
.s3 .flow01{
	height:140px;
}
.s3 .flow02{
	height:140px;
}
.s3 .flow03{
	height:140px;
}
.s3 .flow04{
	height:140px;
}

.s3 .fbox02{
	margin:0px 70px 60px;
	border: solid 5px #000;
	background:#fff;
	height:100px;
}
.s3 .fbox03{
	margin:0px 70px 60px;
	border: solid 5px #000;
	background:#fff;
	height:100px;
}
.s3 .fbox04{
	margin:0px 70px 60px;
	border: solid 5px #000;
	background:#fff;
	height:100px;
}
.s3 .fbox ul{
	height:auto;
}
.s3 .fbox li{
	float:left;
}
.s3 .fbox li.thumimg{
	float:right;
}
.s3 .fbox li h3{
	font-size:18px;
	font-weight:bold;

	width:160px;
	padding-top:60px;
}
.s3 .fbox li h4{
	font-size:16px;

	width:300px;
	padding-top:18px;
	line-height:1.7;
}
.s3 .fbox li a{
    color:#000;
    font-weight: bold;
}
.s3 .fbox li a:hover{
    text-decoration: underline;
}
/* s3の個別設定 */

	
/* s4の個別設定 */
.s4 h2{
	font-family: 'Sacramento', cursive;
	font-weight:300;
	font-size:50px;
	text-align:center;
	letter-spacing: 0.1em;
	line-height:2.0;
	margin:60px 0px;
	color: #333333;
}
.s4 .ttl_sp{
	display:none;
}

.s4 h3{
	width:90%;

	font-size:18px;
	font-weight:bold;
	padding:20px 0px;

	border-top:solid #000 2px;
	border-bottom:solid #000 2px;
}
.s4 img.ttl{
	margin:0px 0px;
}
.s4 #addr{
	width:53%;
	float:left;
	margin-top:60px;
	margin-left:2%;
}
.s4 #addr p{
	font-size:14px;
	line-height:1.3;

	margin:14px 0px;
}
.s4 #map{
	float:left;
	margin-top:60px;
	border: solid #000 2px;
	border-radius: 10px;
}
.s4 #map .gmap{
	width:310px;
	height:320px;
}
.s4 #addr a{
    color:#000;
}
.s4 #addr a:hover{
    text-decoration: underline;
}
/* s4の個別設定 */


/* s5の個別設定 */
.s5 h2{
	font-family: 'Sacramento', cursive;
	font-size:50px;
	text-align:center;
	letter-spacing: 0.1em;
	line-height:2.0;
	margin:100px 0px 20px;
	color: #333333;
}
.s5 img.title{
	padding-bottom:40px;
}
.s5 .ttl_sp{
	display:none;
}

.s5 p{
	font-size:16px;
	font-weight:bold;
	line-height:1.7;
	padding:40px 0px 10px;
}

.s5 .formlbox{
	float:left;
	width:46%;
	padding-left:6%;
	height:740px;

	/* border: solid 1px #000; */
}
.s5 .formrbox{
	float:left;
	width:46%;
	padding-left:2%;
	height:650px;

	/* border: solid 1px #000; */
}

.s5 input.formtxt{
	width:80%;
	height:40px;
	border: solid 1px #747474;

	background:#FBFFC9;
}
.s5 select{
	width:80%;
	height:40px;
	border: solid 1px #747474;

	background:#FBFFC9;
}
.s5 .startday{
	width:80%;
	height:40px;
	border: solid 1px #747474;

	background:#FBFFC9;
}
.s5 textarea{
	width:80%;
	height:140px;
	border: solid 1px #747474;

	background:#FBFFC9;
}

.s5 .formbtn{
	width:90%;
	margin:0 auto;
}
.s5 .formbtn p{
	font-size:14px;
	font-weight:normal;
	color:#FF0004;
}

/* s5の個別設定 */


/* s6の個別設定 */
.s6 h2{
	font-family: 'Sacramento', cursive;
	font-size:50px;
	text-align:center;
	letter-spacing: 0.1em;
	line-height:2.0;
	color: #333333;
	margin:60px 0px;
}
.s6 img.ttl{
	margin-bottom:40px;
}
.s6 .ttl_sp{
	display:none;
}

.s6 img.topbtn{
	float:right;
	margin-top:20px;
}
.s6 p{
	font-size:12px;
	line-height:2.2;
	padding:10px 0px;

	width:94%;
	margin:0 auto;
}
/* s6の個別設定 */


/* お問い合わせ
------------------------------------------------------------*/

/* 各セクションの高さ・背景設定 */

/* Contact */
table#cnt_tbl{
	width:80%;
	margin:0 auto;
	margin-bottom:80px;
}
table#cnt_tbl tr{
}
table#cnt_tbl th{
	width:25%;
	border-top:solid 1px #333333;
	border-bottom:solid 1px #333333;
	font-size:14px;
	padding:20px;
	text-align:left;
}
table#cnt_tbl th p{
	line-height:1.7;
}
table#cnt_tbl td{
	border-top:solid 1px #333333;
	border-bottom:solid 1px #333333;
	font-size:14px;
	line-height:1.7;
	padding:20px;
	text-align:left;
}
table#cnt_tbl .confirm{
	clear:both;
	color:red;
	font-weight:bold;
	line-height:1.7;
}
table#cnt_tbl td.noneborder{
	border:none;
	font-size:14px;
	padding:20px;
	text-align:left;
}
table#cnt_tbl td p{
	line-height:1.7;
}

input.w100{	width:100px; }
input.w250{	width:250px; }
textarea.w350{	width:80%; }

textarea{
	color:#000;
	background-color: #EAEAEA;
	border: 1px #AAAAAA double;
}

select{
	color:#000;
	background-color: #EAEAEA;
	border: 1px #AAAAAA double; 
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */  
}

.bottonA{
	float:left;

	background-color:#E9E1D1;
	font-weight:bold;

	padding:0px 10px;
	color:#000;
	text-align:center;

	border:solid 2px #000;
	border-radius: 15px;

	width:47%;
	height:65px;

	margin-right:12px;
}
.bottonA:hover {
	background-color: #6E6E6E;
	color:#fff;
}

.bottonB {
	background-color:#000;
	font-weight:bold;

	padding:0px 10px;
	color:#fff;
	text-align:center;

	border:solid 2px #000;
	border-radius: 15px;

	width:47%;
	height:65px;

	margin-left:12px;
}
.bottonB:hover {
	background-color: #6E6E6E;
	color:#fff;
}
.bottonB:active {
	top: 3px;
	box-shadow: none;
}

.bottonC{
	background-color:#7B7070;
	font-weight:bold;
	margin-bottom:0px;
	padding:10px;
	color:#FFFFFF;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	text-align:center;
	}

.hissu{
	float:right;
	display: block;
	height: 14px;
	width: 31px;
	background-image: url(../img/contact/icon_cnt_hissu.png);
	background-repeat: no-repeat;
}


/* フッター内要素
------------------------------------------------------------*/

#footerbg{
	position:relative;
	overflow:hidden;

	width: 100%;
	margin:0 auto;

	height:280px;

	/* background-image: url(../img/kari/footer.jpg); */
	background-position:top;
	background:#e9e1d1;
}

#footerbg .flogo{
	position:relative;
	top:20px;
	left:10px;
}
#footerbg p.ftel{
    float:right;
    color:#000;
    font-size:14px;
    
    position:relative;
    top:120px;
    right:20px;
}
#footerbg .fcon{
    float:right;
    color:#000;
    position:relative;
    top:153px;
    left:230px;
}
#footerbg .flink{
	position:absolute;
	top:200px;
	left:10px;
}

#footerbg .addrbox{
	position:absolute;
	top:120px;
	left:10px;

	color:#000;
}
#footerbg .addrbox p{
	font-size:14px;
	font-weight:bold;
	line-height:1.7;
}

#footerbg img{
	float:left;
}
.h250{ height:250px; color:#E36421;}
.h80{ height:80px; color:#333333;}


#footer_logo{
	width:454px;
	height:38px;
	margin: 0 auto;

	position:relative;
	top:100px;

	z-index:100;
}

/* コピーライト部分 */

#copyright{
	height:80px;
	text-align:center;


	background:#333333;
}

#copyright p{

	padding-top:40px;
	font-size:14px;
	letter-spacing:0.1em;
	text-align:center;
	color:#FFF;
	
}
#copyright a{color: #000;}
#copyright a:hover{color: #ff749d;}


/* レスポンシブWEB対応 (タブレットサイト向け)
------------------------------------------------------------*/

}