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

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


/* 初期スライドのアニメーション */
body,html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.anime {
	width: 100%;
	height: 100%;
	max-height: 1080px;
	/* background-color: #E9E3E3; */
	background-color: #fff;
	position: relative;
}
.anime img {
	display: block;
	width: 781px;
	margin: 0 auto;
}
.fristslide{
	position: relative;
	top: 20%;
}

.mainSite {
	width: 100%;
	height: 100%;
	max-height: 1080px;
	background-color: #fff;
	position: relative;
}

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

/* 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;
}
/* ここまで */

.h2-h6del{
	display:none;
}

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

body {
	font-family: "游ゴシック Medium", "游ゴシック", "Yu Gothic", '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;	/* 横スクロールバー非表示 */
}

p {
	font-family: "游ゴシック Medium", "游ゴシック", "Yu Gothic", 'Open Sans', 'Noto Sans Japanese', serif;	/* Web font指定 */	/* Web font指定 */	/* Web font指定 */
}

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

#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 77%;
	z-index:100;
}

#page-top a {
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 0px;
    text-align: center;
    display: block;
}

#page-top a:hover {
    text-decoration: none;
}

/* 各セクションのコンテンツ幅指定 */

.inner{
	position:relative;

	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	min-height: 70px;
}
.inner img{
	display:block;
}


/* ヘッダー内ナビゲーション
------------------------------------------------------------*/

img.logo{
	width:20%;

	position:relative;
	left:10px;
	
	z-index:100;
}

/* ヘッダー内ナビゲーション
------------------------------------------------------------*/

.slicknav_menu {	/* PCサイトではスマホナビを非表示に */
	position:fixed;
	top:0px;
	right:0px;

	width:100%;
	z-index:50;

	opacity:0.9;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=90);
}
#menu{
	display:none;
}


/* メイン背景要素
------------------------------------------------------------*/

#MainVisual{
	display:block;
	overflow:hidden;
	width: 100%;
	height: 500px;
	margin:0 auto;
	position:relative; /* positionをrelativeに */

	background: url(../images/top/main_bg.jpg) repeat-x; /* メイン画像を背景設定に */
	background-position: center top;
	background-size:cover;

	z-index:0;
}
#MainVisual .mvlogo{
	width:200px;
	margin: 0 auto;
	margin-top:160px;
	display:block;
}
#MainVisual .seo{
	display:none;
}


/* TOPページ
------------------------------------------------------------*/

/* s設定 */

.sboxwidth{
	width:998px;
	margin-left:101px;
	margin-right:101px;
}
.clear {
	clear:both;
}


/* s1設定 */

.s1	{
	padding-top:50px;	
}
.s1 .lbox{
	float:left;
	width:50%;
}
.s1 .rbox{
	float:left;
	width:50%;
}
.s1box img:hover{
	opacity:0.8;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=80);
}
.s1title{
	padding-top:2%;
	padding-left:2%;
	padding-bottom:10px;
}
.s1 h3{
	font-size:18px;
	font-weight:bold;

	padding-top:20px;
	padding-left:2%;
	padding-bottom:10px;
}
.s1 p{
	font-size: 16px;
	/* font-weight:bold; */
	color: #000;
	line-height: 1.4;

	padding-left:2%;
	padding-right:4%;
}
.s1 .s1img{
	width:100%;
	overflow: hidden;
}

/* s2_1の個別設定 */

.s2_1{
	clear:both;
	padding-top:80px;	
}
.s2_1 .s2title{
	display: block;
	width:200px;
	margin:0 auto;
	margin-bottom:40px;
}
.s2_1 .s2box01{		/* メッセージ */
	width:40%;
	margin:0 auto;
	height:auto;

	padding:2%;

	position:relative;

	border:3px solid #000;

	z-index:10;
}
.s2_1 .s2box01 h4{
	padding-top:20px;
	padding-bottom:10px;
}
.s2_1 .s2box01 a{
	font-size:18px;
	font-weight:bold;
	color:#000;
}
.s2_1 .s2box01 p{
	font-size:14px;
	line-height:1.7;
}
.s2_1 .s2box03{		/* 背景＆画像 */
	padding-top:20px;
}
.s2_1 .s2box03 img{		/* 背景＆画像 */
	margin:0 auto;
	margin-bottom:40px;
}
.s2_1 .s2box03 p{		/* 背景＆画像 */
}
.s2_1 .s2box02{		/* 背景＆画像 */
}

.s2_2 .s2box04{		/* メッセージ */
	width:40%;
	margin:0 auto;
	height:auto;

	padding:2%;
	position:relative;

	border:3px solid #000;

	z-index:10;
}
.s2_2 .s2box04 h4{
	padding-top:20px;
	padding-bottom:10px;
}
.s2_2 .s2box04 a{
	font-size:18px;
	font-weight:bold;
	color:#000;
}
.s2_2 .s2box04 p{
	font-size:14px;
	line-height:1.7;
}
.s2_2 .s2box06 img{		/* 背景＆画像 */
	margin:0 auto;
	margin-top:20px;
	margin-bottom:40px;
}

/* s3の個別設定 */

.s3{
	clear:both;
	padding-top:80px;
}
.s3 .s3title{
	width:200px;
	margin:0 auto;
	padding-bottom:80px;
}
.s3box01{
	float:left;
	width:48%;
	padding-left:2%;
}
.s3box02{
	float:left;
	width:50%;
	padding-top:60px;
}
.s3box02 h4{
	font-size: 20px;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:20px;
}
.s3box02 p{
	font-size: 16px;
	font-weight:normal;
	color: #000;
	line-height: 1.7;

	width:98%;
}
.s3 p{
	line-height:1.7;
}

/* s4の個別設定 */

.s4{
	clear:both;
	height:400px;
}

.s4box01{
	float:left;
	width:48%;
	padding-left:2%;
}
.s4box02{
	float:left;
	width:50%;
}
.s4box02 .s4title{
	padding-bottom:30px;
}
.s4box02 h4{
	font-size:20px;
	font-weight:bold;
	line-height:1.7;

	padding-top:18px;
	padding-bottom:20px;
}
.s4box02 p{
	font-size: 16px;
	font-weight:normal;
	color: #000;
	line-height: 1.7;

	width:98%;
}

/* s5の個別設定 */

.s5 {	/* CONTACT */
	clear:both;
	width:100%;
	height:auto;
	background:#EEEDEC;
	background-position:top;
	margin-top:80px;
	padding-top:60px;
}

.s5 .s5title{
	width:200px;
	margin:0 auto;
	padding-bottom:60px;
}
.s5 .telphone{
	width:100%;
	margin: 0 auto;
	padding-top:40px;
	height: 260px;
	background: url(../images/top/s5/tel_bg_tbl.png) no-repeat ;
	background-position:top;
}
.s5 img.static{
	padding:20px;
	margin: 0 auto;
}
.s5 img.mobile{
	padding:20px;
	margin: 0 auto;
}
.s5 img.static:hover{
	opacity:0.8;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=80);
}
.s5 img.mobile:hover{
	opacity:0.8;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=80);
}
.s5 h4{
	clear:both;
	font-size:18px;
	font-weight:bold;
	text-align:center;

	margin-top:60px;
	margin-bottom:20px;
}


/* contactform */

#contactform{
	clear:both;
	width:100%;
	margin: 0 auto;
	height:653px;

	border-top: solid 1px #000;

	padding-top:70px;
}
#contactform p{
	font-weight:bold;
}
#contactform p.tboxtitle{
	margin-left:5%;
	font-weight:bold;
}

#contactform ul{
	width:100%;
}
#contactform li{
	width:90%;
	padding:0% 5%;
}
#contactform li.space{
	width:90%;
	padding:0% 5%;
}
#contactform input{
	height:45px;
	width:100%;

	font-size:14px;
	color:#000;	/* グレー色 */

	margin:20px 0px 20px 0px;

	background-color: #fff;	/* 薄グレー */
	border: 1px #AAAAAA double;	/* グレー色 */
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;   /* Firefox用 */
}
#contactform select{
}
#contactform textarea{
	height:135px;
	width:90%;
	margin-left:5%;
	margin-right:4%;
	margin-top:20px;

	color:#000000;	/* グレー色 */
	background-color: #fff;	/* 薄グレー */
	border: 1px #AAAAAA double;	/* グレー色 */
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;   /* Firefox用 */
}

/* button */

.confirmbtn{
	clear:both;
	width:200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
.confirmbtn #submitbtn{

	height:60px;
	background: #C7C7C7;
	color:#000;

	font-size:16px;
	font-weight:bold;
	font-family: "游ゴシック Medium", "游ゴシック", "Yu Gothic", 'Open Sans', 'Noto Sans Japanese', serif;	/* Web font指定 */	/* Web font指定 */	/* Web font指定 */
}
.confirmbtn #submitbtn:hover{
	background: #CC2225;
	color:#fff;
}
.bottonA{
	background-color:#999;
	font-weight:bold;
	margin-bottom:0px;
	padding:15px;
	color:#FFFFFF;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	text-align:center;
}
.bottonA:hover{
	text-decoration:underline;
}

.bottonB {
	position: relative;
	background-color: #E80932;
	border-radius: 4px;
	color: #fff;
	line-height: 42px;
	-webkit-transition: none;
	transition: none;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
}
.bottonB:hover {
	background-color: #CB2124;
}
.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;
}

/* button */

/* s6の個別設定 */

.s6 .s6title{
	clear:both;
	width:200px;
	margin:0 auto;
	padding-bottom:60px;
	margin-top:80px;
}
.s6 .s6title2{
	width:141px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
}
.s6 h4{
	font-size:17px;
	font-weight:bold;
	text-align:center;
	padding-bottom:20px;
}
.s6 p{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	line-height:1.7;
}
.googlemap{
	width:100%;
	height:600px;

	margin-top:40px;
}

/* フッター
*****************************************************/

#footer{
	position:relative;
	overflow:hidden;
	width: 100%;
	height:240px;
	margin:0 auto;
	margin-top:40px;
}

/* ナビゲーション部分 */
/* フッター内ナビゲーション
------------------------------------------------------------*/

#footerNavBg{
	display:block;
	overflow:hidden;
	text-align: center;
	width: 100%;
	height:500px;
	margin:0 auto;

	/* background: #ffffff url(../images/kari/footernavi.jpg) repeat-x 100% ; */
}

#footerNav{
	overflow:hidden;
	background-position: center;
	color:#FFFFFF;
	width: 1200px;
	height:120px;
	margin:0 auto;
	margin-top: 0px;
}

img.flogo{
	width:20%;
	position:absolute;
	right:2%;
}
img.flogo:hover{
	opacity:0.8;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=80);
}

ul.fnavi {
	width:1060px;
	margin:0 auto;
	margin-top:40px;
}
li.fnavi {
	float:left;
	padding:0px 42px;
}
li.fnavi p.sub{
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding-bottom:8px;
}

li.fnavi a {
	color:#000;
	font-weight:bold;
	font-size:19px;
	letter-spacing:0.1em;
	text-align:center;
	text-decoration:none;
}
li.fnavi a:hover {
	color:#000;
	border-bottom:#CC2225 solid 2px;
}


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

#copyright{
	overflow:hidden;
	height:120px;
	margin:0 auto;

	background: #EEEDEB;
}
#copyright p{
	font-size:12px;
	letter-spacing:0.1em;
	text-align:center;
	color:#000;
	padding-top:40px;
}


/* 下層ページ(共通用)
*****************************************************/

/* 下層ページ(個別)(SERVICE01)
*****************************************************/

.k1-1 {	/* SERVICE01 */
	position:relative;

	height:auto;
	width:100%;
	/* background: #fff url("../images/service01/k_01.png") repeat-x 100% ; */
	background-position:top;
	margin-top:60px;
}
.k1-2 {	/* SERVICE01 */
	clear:both;
	margin-top:80px;

	position:relative;

	height:auto;
	width:100%;
	/* background: #fff url("../images/service01/k_02.png") repeat-x 100% ; */
	background-position:top;
	margin-top:100px;
}
.k1-3 {	/* SERVICE01 */
	position:relative;

	height:auto;
	width:100%;
	/* background: #fff url("../images/service01/k_03.png") repeat-x 100% ; */
	background-position:top;
	margin-top:100px;
}

.k1-1 .lbox{
	float:left;
	width:48%;
	padding-top:0%;
	padding:1%;
}
.k1-1 .rbox{
	float:left;
	width:50%;
	padding-left:0%;
}
.k1-1 .rbox img{
	display:block;
	width:100%;
}
.k1-1title{
	padding-top:0px;
	padding-bottom:30px;
	padding-left:0px;
}
.k1-1 h3{
	font-size:34px;
	font-weight:bold;

	padding-top:20px;
	padding-bottom:40px;
}
.k1-1 p{
	font-size: 16px;
	font-weight:normal;
	color: #000;
	line-height: 1.7;

	width:98%;
}

.k1-2 .lbox{
	width:525px;
	margin:0 auto;
}
.k1-2 .rbox{
	width:615px;
	margin:0 auto;
}
.k1-2 table{
	margin-top:20px;
	margin-bottom:14px;
}
.k1-2 tr{
	height:70px;
}
.k1-2 th{
	width:84px;
	padding:0px 40px;
	border-left: solid 2px #000;
	
	font-size:14px;
	font-weight:bold;
	line-height:1.7;
}
.k1-2 td{
	width:400px;
	border-left: solid 1px #000;
	border-right: solid 2px #000;
	padding-left:40px;

	font-size:14px;
	font-weight:bold;
	line-height:1.7;
}
.k1-2 .line{
	display:block;
}
.k1-2 p{
	font-size:14px;
	line-height:1.7;
}
.k1-2title{
	width:95px;
	margin:0 auto;
	padding-top:65px;
	padding-bottom:50px;
}
.k1-3title{
	width:221px;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:70px;
}

.k1-3 ul{
	width:313px;
	margin:0 auto;
}
.k1-3 li{
	margin:0px;
}
.k1-3 li img.arrow{
	width:41px;
	margin:30px auto;

	transform: rotate( 90deg );	/* 画像の向きを90°回転 */
}
.k1-3box01{
	height:274px;
	width:313px;
	background: #fff url("../images/service01/s03_box01.png") repeat-x 100% ;
}
.k1-3box01 p{
	padding:70px;
	padding-top:100px;
	line-height:1.7;
}
.k1-3box02{
	height:274px;
	width:313px;
	background: #fff url("../images/service01/s03_box02.png") repeat-x 100% ;
}
.k1-3box02 p{
	padding:70px;
	padding-top:100px;
	line-height:1.7;
}
.k1-3box03{
	height:274px;
	width:313px;
	background: #fff url("../images/service01/s03_box03.png") repeat-x 100% ;
}
.k1-3box03 p{
	padding:70px;
	padding-top:100px;
	line-height:1.7;
}


/* 下層ページ(個別)(SERVICE02)
*****************************************************/

.k2-1 {	/* SERVICE02 */
	position:relative;

	height:auto;
	width:100%;
	/* background: #fff url("../images/service02/k_01.jpg") repeat-x 100% ; */
	background-position:top;
	margin-top:60px;
}
.k2-2 {	/* SERVICE02 */
	position:relative;

	height:auto;
	width:100%;
	/* background: #fff url("../images/service02/k_02.jpg") repeat-x 100% ; */
	background-position:top;
	margin-top:60px;
}
.k2-3 {	/* SERVICE02 */
	position:relative;

	height:auto;
	width:100%;
	/* background: #fff url("../images/service02/k_03.jpg") repeat-x 100% ; */
	background-position:top;
	margin-top:100px;
}

.k2-1 .layer01{
	position:relative;

	width:100%;
	margin: 0 auto;
	
	z-index:1;
}
.k2-1 .layer01 img{
	width:100%;
}
.k2-1 .layer02{
	position:relative;
	top:-50px;

	/* background:image("../images/service02/mainimgbox.jpg"); */
	background-color:#E9E8E7;
	height:auto;
	width:60%;
	margin:0 auto;

	padding:50px;

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

	z-index:100;
}
.k2-1 .layer02 h2{
	font-size:30px;
	font-weight:bold;
	padding-top:54px;
	padding-bottom:40px;
}
.k2-1 .layer02 p{
	font-size:16px;
	font-weight:bold;
	line-height:1.7;
}

.k2-2 .k2-2title{
	width:101px;
	margin:0 auto;
	margin-bottom:40px;
}
.k2-2 .lbox{
	width:100%;
}
.k2-2 .lbox h2{
	font-size:20px;
	font-weight: bold;
	text-align:center;
}
.k2-2 .lbox table{
	margin-top:40px;
	width:480px;
	margin:0 auto;
	padding-top:40px;

	border-collapse: collapse ;
}
.k2-2 .lbox tr{
}
.k2-2 .lbox th{
	font-size:18px;
	font-weight:bold;
	
	height:65px;
	text-align:left;
	padding-left:10px;
}
.k2-2 .lbox th.title{
	padding-top:40px;
	border-bottom:2px solid #000;
}
.k2-2 .lbox th.price{
	width:80%;
	height:70px;
	border-bottom:1px solid #000;
}
.k2-2 .lbox td{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #000;
}

.k2-2 .rbox{
	width:100%;
}
.k2-2 .rbox h2{
	font-size:20px;
	font-weight: bold;
	text-align:center;
}
.k2-2 .rbox table{
	margin-top:40px;
	width:480px;
	margin:0 auto;
	border-collapse: collapse ;
}
.k2-2 .rbox tr{
}
.k2-2 .rbox th{
	font-size:18px;
	font-weight:bold;
	
	height:65px;
	text-align:left;
	padding-left:10px;
}
.k2-2 .rbox th.title{
	padding-top:40px;
	border-bottom:2px solid #000;
}
.k2-2 .rbox th.price{
	width:80%;
	height:70px;
	border-bottom:1px solid #000;
}
.k2-2 .rbox td{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #000;
}

.k2-3 .k2-3title{
	width:201px;
	margin:0 auto;
	margin-bottom:54px;
}
.k2-3 p{	/* SERVICE02 */
	font-size:16px;
	font-weight: bold;
	line-height:1.4;
	text-align:center;
}

.k2-3 .shopimg_pc{
	padding-top:60px;
	width:100%;
}


/* 下層ページ(お問い合わせ)
*****************************************************/

/* 下層ページ(お問い合わせ) TABLE用
*****************************************************/

table.victory{
	margin-left:auto;
	margin-right:auto;
	width:96%;
	border-collapse: collapse;
}

table.victory p{
    font-family: 'Open Sans', 'Noto Sans Japanese', serif;	/* Web font指定 */
	font-size:14px;
	line-height:1.7;
}

table.victory th{
    font-family: 'Open Sans', 'Noto Sans Japanese', serif;	/* Web font指定 */
	font-size:14px;
	font-weight:bold;
	line-height:1.7;
	text-align:left;
	padding: 20px;
	border: solid 1px;
	border-collapse: collapse;
	background-color:#FFFFFF;
}

table.victory p.h2{
    font-family: 'Open Sans', 'Noto Sans Japanese', serif;	/* Web font指定 */
	font-size:19px;
	font-weight:bold;
}

table.victory td{
    font-family: 'Open Sans', 'Noto Sans Japanese', serif;	/* Web font指定 */
	font-size:14px;
	line-height:1.7;
	text-align:left;
	padding: 20px;
	border: solid 1px;
	border-collapse: collapse;
	background-color:#FFFFFF;
}

table.victory td.noneborder{
	text-align:center;
	padding-top:30px;
	border: solid 0px;
	background:#fff;
}

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

input.w100{	width:100px; }
input.w170{	width:170px; }
textarea.w350{	width:100%; }

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

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

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


}

@media screen and (min-width:767px) and ( max-width:800px) {	/* タブレット縦表示 */



}