@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');


/* レスポンシブWEB対応 (PCサイト向け)
------------------------------------------------------------*/
@media print, screen and (min-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:1200px;
	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;
}


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

#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: 130px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position: center top;
	background-color: #e9e1d1 /* E6E6E6 */ /* url(../img/top/header.jpg); */ /* 仮画像 */
}

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

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

#header .htel{
	position:absolute;
	top:40px;
	right:205px;

	width:231px;
	height:61px;
}

#header .hcon{
	position:absolute;
	top:40px;
	right:0px;

	width:209;
	height:61px;
}

#header h1.catch{
	position:relative;
	bottom:18px;

	text-align:right;
	color:#EF53BD;
	font-size:27px;
	font-weight:bold;
}


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

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

#navbg .navinner{
	position:relative;

	width: 1002px;
	margin: 0 auto;
}

#navbg{
	display:block;
	overflow:hidden;

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

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

#navbg ul{
}
#navbg ul li {

	width:auto;
	margin-left:3%;
	margin-right:3%;
	height: 35px;

	padding-top:20px;

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

	font-size: 26px;
	/* font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic',sans-serif; */
	font-family: 'Sacramento', cursive;
	font-weight:500;
	letter-spacing: 0.1em;
	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: auto;
	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: 1000px;
	margin: 0 auto;
	height:auto;
	min-height: 50px;
}
.inner img{
	display:block;
}
.inner1010{		/* 1010px */
	position:relative;
	width: 1010px;
	margin: 0 auto;
	height:auto;
	min-height: 50px;
}
.inner1020{		/* 1020px */
	position:relative;
	width: 1020px;
	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: auto;
	/* 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:80px;
}

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

	width:100%;
	min-height: auto;

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

	background-position:top;

	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:120px;
}

.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:473px;
	height:220px;

	margin-top:40px;
}
.leftbox{
	margin-right:27px;
}
.rightbox{
	margin-left:27px;
}
#s1box img.catch {
	clear:both;
	float:left;
	margin-top:34px;
	margin-right:24px;
}
#s1box h2{
	font-size:19px;
	font-weight:bold;
	line-height:1.2;
	margin-top:34px;
	margin-bottom:10px;
}
#s1box p{
	font-size:14px;
	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 {
	width: 320px; 
	margin:10px;
	float: left;
}
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の個別設定 */
#title{
	margin-top:0px;
	margin-bottom:50px;
}

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

table.pc_type{
	width:950px;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:10px;
}
table.pc_type th{
	width:80px;
	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:214px;
	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;
}

p.attention{
	width:950px;
	margin:0 auto;
	margin-bottom:40px;
}

.s2 p.price{
	margin-top:60px;
	text-align: center;
	font-size:24px;
	font-weight: 500;
	font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic',sans-serif;
	letter-spacing: 0.1em;
	line-height: 2.0;
	color: #333333;
}
.s2 p.attention{
	margin-top:20px;
	text-align: center;
	font-size:18px;
	font-weight: 500;
	font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic',sans-serif;
	line-height: 1.6;
	color: #333333;
}
.s2 .btn_order {
	float:left;
	/* border: solid 7px #6BCFC7; */
	width:396px;
	height:61px;
	text-align:center;

	margin-left:75px;
	margin-right:20px;
}
.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:396px;
	height:61px;
	text-align:center;

	margin-left:20px;
	margin-right:75px;
}
.s2 .btn_contact a{
	font-size:18px;
	font-weight:bold;
	color:#E36421;
	line-height:3.3;
}
.s2 .btn_contact a:hover{
}

.s2 .ttl{
}
.s2 .ttl_sp{
	display:none;
}
.s2 h2{
	font-family: 'Sacramento', cursive;
	font-size:50px;
	text-align:center;
	letter-spacing: 0.1em;
	line-height:2.0;
	margin:60px 0px;
}
.s2 .r_botton a{
    color:#fff;
}
.s2 .r_botton{
    background:#000;        
    padding:2%;
    width:20%;
    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 70px 60px;
	border: solid 2px #333333;
	border-radius:10px;
	/* background:#F0E8D9; */
    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 #333333;
	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;
	color: #333333;
}
.s3 .fbox li.thumimg{
	float:right;
}
.s3 .fbox li h3{
	font-size:20px;
	font-weight:500;
	font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic',sans-serif;

	width:170px;
	padding-top:60px;
}
.s3 .fbox li h4{
	font-size:16px;
	font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic',sans-serif;

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

.s4 h3{
	width:380px;

	font-size:18px;
	font-weight:500;
	font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic',sans-serif;
	padding:20px 0px;

	border-top:solid #000 2px;
	border-bottom:solid #000 2px;
}
.s4 img.ttl{
	margin:0px 10px;
}
.s4 img.ttl_sp{
	display:none;
}
.s4 #addr{
	width:430px;
	float:left;
	margin-top:60px;
	margin-left:10px;
}
.s4 #addr a{
    color:#000;
}
.s4 #addr a:hover{
    text-decoration: underline;
}
.s4 #addr p{
	font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic',sans-serif;
	font-size:16px;
	line-height:1.4;
	padding:20px 0px;
}
.s4 #map{
	float:left;
	margin-top:60px;
	border: solid #000 2px;
}
.s4 #map .gmap{
	width:560px;
	height:376px;
}

/* s4の個別設定 */

.s4 h2{
	font-family: 'Sacramento', cursive;
	font-size:50px;
	text-align:center;
	letter-spacing: 0.1em;
	line-height:2.0;
	margin:60px 0px;
	color: #333333;
}

/* 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.ttl{
	padding-bottom:40px;
}
.s5 img.ttl_sp{
	display:none;
}

.s5 p{
	font-size:14px;
	font-weight:600;
	font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic',sans-serif;
	line-height:1.7;
	padding:40px 0px 10px;
	color: #333333;
}

.s5 .formlbox{
	float:left;
	margin-left:2%;
	width:48%;
	padding-left:0%;
	height:740px;

	/* border: solid 1px #000; */
}
.s5 .formrbox{
	float:left;
	padding-left:0%;
	margin-left:2%;
	width:48%;
	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:70%;
	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 img.ttl_sp{
	display:none;
}
.s6 img.topbtn{
	float:right;
	margin-top:20px;
}
.s6 p{
	font-size:14px;
	font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic',sans-serif;
	line-height:2.2;
	padding:10px 0px;
}
/* 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:48%;
	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:48%;
	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:248px;

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

#footerbg .flogo{
	position:relative;
	top:40px;
}
#footerbg .flink{
	position:absolute;
	top:140px;
	left:260px;
}

#footerbg .addrbox{
	position:relative;
	top:43px;
	left:30px;

	float:left;
	color:#000;
}
#footerbg .addrbox p{
	font-size:14px;
	font-weight:500;
	font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic',sans-serif;
	line-height:1.7;
	color: #333333;
}
#footerbg p.ftel{
    color:#000;
    font-size:14px;
    
    position:relative;
    top:44px;
    left:200px;
}
#footerbg .fcon{
    color:#000;
    position:relative;
    top:56px;
    left:200px;
}
#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対応 (PCサイト向け)
------------------------------------------------------------*/

}