@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

html
{
	height:100%;
}
body
{
font-family:"游ゴシック","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
font-weight:500;
color:#000;
background:url();
-webkit-text-size-adjust: none;
height:100%;
margin:0;
padding:0;
color: #000;
}

/* リンク設定
------------------------------------------------------------*/
a{
}

a:hover, a:active{
}

a img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}

a img {
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}


/**** Clearfix ****/
.nav .panel:before,nav .panel:after, nav#mainNav:before,nav#mainNav:after, .newsTitle:before,.newsTitle:after, article:before, article:after{content: ""; display: table;}
nav .panel:after,nav#mainNav:after,.newsTitle:after,article:after{clear: both;}
nav .panel,nav#mainNav,.newsTitle,article{zoom: 1;}


*:first-child+html input[type="submit"]{padding:3px;}

.vertical_box {
float: left;
}

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

.clear
{
	clear:both;
}

a
{
	transition: all .3s;
}
button
{
	transition: all .3s;
	cursor: pointer;
}

/* リンク
------------------------------------------------------------*/
a:link {color:#000; text-decoration:none;} 
a:visited {color:#ff0000;} 
a:hover {color:#ff0000;} 
a:active {color:#ff0000;}

/* タイポグラフィ
*****************************************************/

html>body h2.title span{padding: 7px 10px;} /* IE7, IE8 */

/* フォーム
------------------------------------------------------------*/
input
{
	font:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

/* テキスト */
input[type="text"], input[type="tel"],input[type="email"] ,textarea{
vertical-align:middle;
line-height:35px;
height:35px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
font-size:100%;
color:#555;
background:#fcfcfc;
    margin-bottom: 3px;
}
	input.contact-text_ss
	{
		width: 20% !important;
	}	
	input.contact-text_s
	{
		width: 50% !important;
	}
	input.contact-text_m
	{
		width: 65% !important
	}
	input.contact-text_l
	{
		width: 90% !important;
	}
	/* regist */
	input.regist-text
	{
		padding:2px 5px;
		line-height:2.5;
		width:90%;
	}
	input.regist-text_middle
	{
		padding:2px 5px;
		line-height:2.5;
		width:45%;
	}
	input.regist-text_short
	{
		padding:2px 5px;
		line-height:2.5;
		width:20%;
	}
	/* start */
	input.start-text
	{
		padding:0 2%;
		line-height:1.6;
		width:94%;
		color:#666;
	}

/* テキストエリア */
textarea{
font-family:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
line-height:1.5;
}
	textarea.contact-textarea{
	font-family:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	min-height:200px;
	width:96% !important;
	line-height:1.5;
	padding:2% 2%;
	}
	textarea.report-textarea{
	font-family:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	min-height:200px;
	min-width:96%;
	width:96%;
	line-height:1.5;
	padding:2% 2%;
	}
	textarea.message-textarea{
	font-family:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	min-height:5em;
	min-width:96%;
	width:96%;
	line-height:1.5;
	padding:2% 2%;
	}
	/* regist */
	textarea.regist-textarea{
	min-height:200px;
	min-width:96%;
	width:96%;
	line-height:1.5;
	padding:2% 5px;
	}

/* セレクト */	
select{
font-family:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
line-height:2.5;
height:2.8em;
padding:2px 3px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border:1px solid #d4d4d7;
background:#fcfcfc;
    margin-bottom: 3px;
}
		/* regist */
		select.regist-select
		{
		}
		
		/* start */
		select.start-select
		{
			color:#666;
			line-height:2.3;
			height:2.3em;
			padding:2px 3px;
		}

/* ラベル */	
label
{
	margin-right:1em;
}


/* ラジオボタン */

		/* regist */	
					input[type="radio"] {
						display: none;
					}
					label.radio-design01 {
						position: relative;
						display: inline-block;
						padding: 3px 3px 3px 20px;
						cursor: pointer;
					}
					label.radio-design01::before,
					label.radio-design01::after {
						position: absolute;
						content: '';
						top: 50%;
						border-radius: 100%;
						-webkit-transition: all .2s;
						transition: all .2s;
					}
					label.radio-design01::before {
						left: 0;
						width: 14px;
						height: 14px;
						margin-top: -8px;
						background: #f3f3f3;
						border: 1px solid #ccc;
					}
					label.radio-design01:hover::before {
						background: #fff;
					}
					label.radio-design01::after {
						opacity: 0;
						left: 4px;
						width: 8px;
						height: 8px;
						margin-top: -4px;
						background: #3498db;
						-webkit-transform: scale(2);
						transform: scale(2);
					}
					input[type="radio"]:checked + label.radio-design01::before {
						background: #fff;
						border: 1px solid #3498db;
					}
					input[type="radio"]:checked + label.radio-design01::after {
						opacity: 1;
						-webkit-transform: scale(1);
						transform: scale(1);
					}
					
/* チェックボックス */
					input[type="checkbox"] {
						display: none;
					}
					label.checkbox-design01 {
						position: relative;
						display: inline-block;
						padding: 3px 3px 3px 22px;
						cursor: pointer;
						-webkit-transition: all .2s;
						transition: all .2s;
					}
					label.checkbox-design01::before,
					label.checkbox-design01::after {
						position: absolute;
						content: '';
						-webkit-transition: all .2s;
						transition: all .2s;
					}
					label.checkbox-design01::before {
						top: 50%;
						left: 0;
						width: 14px;
						height: 14px;
						margin-top: -8px;
						background: #f4f4f4;
						border: 1px solid #ccc;
						border-radius: 3px;
					}
					label.checkbox-design01::after {
						opacity: 0;
						top: 50%;
						left: 3px;
						width: 8px;
						height: 4px;
						margin-top: -4px;
						border-left: 2px solid #0FBF5F;
						border-bottom: 2px solid #0FBF5F;
						-webkit-transform: rotate(-45deg) scale(.5);
						transform: rotate(-45deg) scale(.5);
					}
					label.checkbox-design01:hover::before {
						background: #fff;
					}
					input[type="checkbox"]:checked + label.checkbox-design01::before {
						background: #fff;
						border: 1px solid #0FBF5Fcontact1st-Inner-mail-dt;
					}
					input[type="checkbox"]:checked + label.checkbox-design01::after {
						opacity: 1;
						-webkit-transform: rotate(-45deg) scale(1);
						transform: rotate(-45deg) scale(1);
					}
										

/* ボタン */
input[type="submit"],input[type="reset"],input[type="button"]{
padding:0 10px;
background: #FFD600;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:3em;
height:3em;
width:200px;
font-size:100%;
color:#111;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
cursor:pointer;
background: #FFBE00;
}

	input.message-reset
	{
		margin:0.5em auto 0;
		padding:0 0;
		background: #FFD600;
		border:0;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		line-height:2.4em;
		height:2.4em;
		width:120px;
		font-size:0.9em;
		color:#111;
	}

*:first-child+html input[type="submit"]{padding:3px;}

.vertical_box {
float: left;
}

/* コンテンツ
*****************************************************/

/*--------------------●共通---------------------*/
.mincho{
    font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN","Hiragino Mincho Pro","Sawarabi Mincho","ＭＳ 明朝", serif;
}
.right
{
	text-align:right;
}
h2.h2styleA
		{
			font-size:2.2em;
			color:#333;
		}
span.textSizing-s
{
	font-size:0.8em;
	margin:0 0.3em;
}
span.textSizing-l
{
	font-size:1.3em;
	margin:0 0.3em;
}
.pc-display
{
	display:block;
}
.tblt-display
{
	display:none;
}
.sp-display
{
	display:none;
}
.sp-hidden
{
	display:block;
}
.tblt-hidden
{
	display:block;
}

div#WholeWrap
{
	width:100%;
	height:100%;
	margin:0;
    padding:0;
}

img.floating {
bottom: 30px;
right:30px;
position: fixed;
z-index: 1;
width:100px;
}

div.Btn00-wrap
	{
		margin:3em auto 2em;
		padding-bottom:3em;
		border-bottom:1px dotted #5F4725;
		width:100%;
	}
	div.Btn00
	{
		line-height:55px;
		height:55px;
		padding:0;
		margin:0 auto;
		width:50%;
		text-align:center;
		font-size:1.4em;
		color:#5F4725;
		background:#EFECE4;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		position:relative;
		border:1px solid #5F4725;
	}
	div.Btn00 a
	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		color:#5F4725;
	}
		div.Btn00 a:hover
		{
			color:#877842;
			background:#fff;
			border-radius:7px;
			-webkit-border-radius:7px;
			-moz-border-radius:7px;
		}

/*----------------------●FadeIn--------------------------*/
.effect i {
  height: auto;
  padding: 0;
  margin:0;
  font-size: auto;
  transition: 2.0s;
} 
.effect div {
  margin: auto;
  transition: 1.8s;
  transition-delay: .0s;
}

/*--------------------●SLIDE---------------------*/
div.HeadMessage{
    z-index: 100;
    margin: 0 auto;
    padding: 200px 0 0;
    text-align: center;
}
    div.HeadMessage img{
    }
    div.HeadMessage p{
        margin: 0px auto 0;
        color: #333;
        text-shadow: 1px 1px 2px #fff;
        font-weight: normal;
        font-size: 1.5em;
        font-weight: bold;
    }
.headerArrow {
  padding-top: 80px;
    z-index: 100;
    position: absolute;
    left: 35%;
    right: 35%;
    bottom:1%;
}
.headerArrow span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
.headerArrow span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.headerArrow span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*--------------------●Header---------------------*/
header#headerIndex{
    width:100%;
    height: 380px;
    margin:0 auto;
    text-align:center;
    background: url("../img/mv_bg.png"), url(../img/mainvisual.jpg);
    background-position: center,center;
    background-attachment: scroll,fixed;
    background-size: covercover;
    box-sizing: border-box;
}
    /*--------------------●Nav---------------------*/
    nav#nav_pc{
        width: 100%;
        top: 0px;
        background: rgba(255,255,255,0.8);
        padding: 1px 0 0;
        position: fixed;
        z-index: 9998;
        font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN","Hiragino Mincho Pro","Sawarabi Mincho","ＭＳ 明朝", serif;
    }
        div#nav_pc-Inner{
            width:100%;
            max-width: 1200px;
            margin:0px auto;
            padding: 0;
            text-align: center;
        }
            div#logo{
                width:100%;
                height: auto;
                z-index: 100;
                margin: 0 auto;
                padding: 13px 0 10px;
                box-sizing: border-box;
                line-height: 1.2;
            }
                img#logoImg{
                    width:260px;
                }
            ul#menu-pc{
                width:73%;
                height: 82px;
                float: right;
                margin: 0 auto 0;
                padding: 0;
                letter-spacing: -.4em;
            }
        ul#menu-pc li{
            display: inline-block;
            list-style: none;
            width: 20%;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            text-align: center;
            line-height: 1.2;
            height: 100%;
            font-size: 1.2em;
            position: relative;
            letter-spacing: normal;
        }
        ul#menu-pc li span{
            font-size: 0.75em;
            letter-spacing: 0.1em;
        }
        ul#menu-pc li a{
            color: #111;
            text-shadow: 1px 1px 1px #fff;
            position: relative;
            display: inline-block;
            transition: .3s;
            width: 100%;
            left: 0;
            top:0;
            box-sizing: border-box;
            padding: 47px 0;
            }
        ul#menu-pc li a::after {
          position: absolute;
          bottom: 0;
          left: 0;
          content: '';
          width: 0;
          height: 5px;
          background-color: #ff0000;
          transition: .3s;
        }
        ul#menu-pc li a:hover{
        }
        ul#menu-pc li a:hover::after {
          width: 100%;
        }
.nav_on a{
}
img.stayBnr{
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000 !important;
    width: 140px;
}
/*----------------------●INDEX--------------------------*/

h2.h2-styleA{
    position: relative;
    text-align: center;
    font-size: 1.8em;
    color: #111;
    line-height: 2;
    margin: 15px auto 10px;
    }
    h2.h2-styleA span{
        position: relative;
        z-index: 2;
        display: inline-block;
        margin: 0 auto 0;
        padding: 0 20px 0;
        background-color: #fff;
        }
        h2.h2-styleA::before {
          position: absolute;
          top: 50%;
          z-index: 1;
          content: '';
          display: block;
          width: 100%;
          height: 1px;
          background-color: #111;
        }

h2.h2-styleB{
    position: relative;
    text-align: center;
    font-size: 1.8em;
    color: #fff;
    line-height: 2;
    margin: 15px auto 10px;
    }
    h2.h2-styleB span{
        position: relative;
        z-index: 2;
        display: inline-block;
        margin: 0 auto 0;
        padding: 0 20px 0;
        background-color: #232323;
        }
        h2.h2-styleB::before {
          position: absolute;
          top: 50%;
          z-index: 1;
          content: '';
          display: block;
          width: 100%;
          height: 1px;
          background-color: #fff;
        }

section.section01{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
    div.sct01-Inner{
        width:1000px;
        margin: 2em auto 3em;
    }

section.section02{
    width: 100%;
    margin: 0 auto;
    padding: 2em 0 4em;
    background: #232323;
    color: #fff;
}
    div.sct02-Inner{
        width:1000px;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
        text-align: center;
    }
    div.sct02-Inner p{
        margin-bottom: 20px;
    }
    div.sct02-Box{
        width: 90%;
        padding: 1em;
        background: #444;
        margin: 0 auto 0;
        text-align: center;
        box-sizing: border-box;
    }
dl.sct02-dl{
    width: 84%;
    margin: 1em auto;
    letter-spacing: -4em;
}
    dl.sct02-dl dt{
        width:30%;
        display: inline-block;
        box-sizing: border-box;
        padding: 9px;
        border-top: 1px dotted #eee;
        letter-spacing: normal;
        vertical-align: top;
    }
    dl.sct02-dl dd{
        width:70%;
        display: inline-block;
        box-sizing: border-box;
        padding: 9px;
        border-top: 1px dotted #eee;
        letter-spacing: normal;
        vertical-align: top;
    }

/*----------------------●Contact--------------------------*/
header.headerContact{
    background: url(../img/gridtile_3x3.png), url(../img/contactBg.gif);
    background-position: center,center;
    background-size: auto, cover;
}
div.contact_bg{
}
section#SectionContact{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
div#ContactInner{
    width: auto;
    max-width: auto;
    min-width: 96%;
    margin: 3em auto;
    padding: 0;
}
h2.h2-contact{
}
    h2.h2-contact img{
    }
    div.contactMessage{
        width: 100%;
        margin: 0 auto;
        border-bottom: 3px solid #fff;
    }

div.sctContact-Box{
    width: 94%;
    padding: 1em 1em;
    margin: 1em auto;
    letter-spacing: -4em;
    box-sizing: border-box;
}
h3.contact1st-Inner-h3{
}
div.contact1st-Inner-mail{
}
h3.contact1st-Inner-h3{
}
dl.contact1st-Inner-mail-dl{
    margin: 1em auto;
    letter-spacing: normal;
}
    dt.contact1st-Inner-mail-dt{
        width:29%;
        display: inline-block;
        margin: 0 auto;
        padding: 9px 0;
        font-size: 0.9em;
        box-sizing: border-box;
        border-top: 1px dotted #ddd;
        vertical-align: top;
    }
    dd.contact1st-Inner-mail-dd{
        width:70%;
        display: inline-block;
        margin: 0 auto;
        padding: 9px 0;
        border-top: 1px dotted #ddd;
        box-sizing: border-box;
        vertical-align: top;
    }
/*--------------------●GoTOP---------------------*/
section#GotopWrap
{
    width:100%;
    margin:-70px 0 10px;
    padding:1em 0;
}
    div#GotopInner
    {
        width:1200px;
        margin:0 auto;
        padding:0;
    }
 div.Gotop{
        margin: 0 auto;
        position: relative;
     text-align: center;
    }
    div.Gotop img{
        width:137px;
}

/*--------------------●Footer ---------------------*/	
#copyright{
clear:both;
margin:0em auto 0;
padding:5px;
text-align:center;
font-style:normal;
font-size:85%;
zoom:1;
color: #fff;
}
footer#footer
{
	width:100%;
    background: #1A5A96;
	height:auto;
	margin:0;
	padding:0.5em 0;
}
	div#footerInner
	{
		min-width:1200px;
		margin:0 auto 3em;
		padding:0;
        text-align: center;
	}

@media screen and (max-width : 1300px) {
/* コンテンツ
*****************************************************/

/*--------------------●共通---------------------*/
h2.h2styleA
		{
		}
span.textSizing-s
{
}
.pc-display
{
}
.tblt-display
{
}
.sp-display
{
}
.sp-hidden
{
}
.tblt-hidden
{
}

div#WholeWrap
{
}

/*--------------------●SLIDE---------------------*/

div.HeadMessage{
}
/*--------------------●Header---------------------*/
header#headerIndex{
    min-width: 1000px;
}
    div#logo{
    }
        img#logoImg{
        }
    /*--------------------●Nav---------------------*/
    nav#nav_pc{
            width:100%;
        }
        div#nav_pc-Inner{
            width:100%;
            min-width: 1080px;
        }
            ul#menu-pc{
            }
        ul#menu-pc li{
        }
        ul#menu-pc li span{
        }
        ul#menu-pc li a{
            }
        ul#menu-pc li a::after {
        }
        ul#menu-pc li a:hover{
        }
        ul#menu-pc li a:hover::after {
        }
img.stayBnr{
}

/*----------------------●INDEX--------------------------*/

h2.h2-styleA{
    }
    h2.h2-styleA span{
        }
        h2.h2-styleA::before {
        }

h2.h2-styleB{
    }
    h2.h2-styleB span{
        }
        h2.h2-styleB::before {
        }

section.section01{
}
    div.sct01-Inner{
    }

section.section02{
}
    div.sct02-Inner{
    }
    div.sct02-Inner p{
    }
    div.sct02-Box{
    }
dl.sct02-dl{
}
    dl.sct02-dl dt{
    }
    dl.sct02-dl dd{
    }
/*--------------------●GoTOP---------------------*/
section#GotopWrap
{
}
    div#GotopInner
    {
        width:1080px;
    }
 div.Gotop{
    }
    div.Gotop img{
}

/*--------------------●Footer ---------------------*/	
#copyright{
}
    footer#footer{
}
	div#footerInner
	{
		width:1080px;
	}
}

@media screen and (max-width : 1100px) {

}

@media screen and (max-width : 1024px) {
div#mainNavWrap
 	{
		width:100%;
 	}
  nav#mainNav
	{
	}
  
}


@media screen and (max-width : 768px) {

/* コンテンツ
*****************************************************/

/*--------------------●共通---------------------*/
h2.h2styleA
		{
			font-size:1.8em;
		}
span.textSizing-s
{
	font-size:0.8em;
	margin:0 0.3em;
}
.pc-display
{
	display:none;
}
.tblt-display
{
	display:block;
}
.sp-display
{
}
.sp-hidden
{
}
.tblt-hidden
{
	display:none;
}

div#WholeWrap
{
	width:100%;
}
img.floating {
    bottom:20px;
    right:10px;
width:80px;
}
div.Btn00-wrap
	{
		margin:2em auto 2.5em;
		width:100%;
	}
	div.Btn00
	{
		width:90%;
		font-size:1.3em;
	}
	div.Btn00 a
	{
	}
		div.Btn01 a:hover
		{
			color:#FFC343;
		}
/*----------------------●SP NAVI--------------------------*/
img.spNav{
    top: 10px;
    right:10px;
    position: fixed;
    z-index: 9999;
    width:60px;
}
    .lity-ConWrap{
        background: rgba(255,255,255,1);
        width:500px;
        padding: 10px 20px;
        box-sizing: border-box;
    }
    .spNav-ul{
        font-size: 0.9em;
        font-weight: normal;
    }
    .spNav-ul li{
        width: 90%;
        margin: 10px auto;
        line-height: 40px;
        height: 40px;
        background: #22b573;
        color: #fff;
        padding: 0 10px;
        position: relative;
        border-radius: 3px;
    }
        .spNav-ul li a{
            color: #fff;
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            padding-left: 10px;
        }
        .spNav-ul li a:hover{
            color: #FAFF5B;
        }
    li.spNav-liStyleA{
        background: none;
        color: #111;
        border-bottom: 1px dotted #ccc;
    }
        li.spNav-liStyleA a{
            color: #111;
        }
        li.spNav-liStyleA a:hover{
            color: #006655;
            background: none;
    }
    li.spNav-liStyleTel{
        background: #f9f9f9;
        color: #111;
        text-align: center;
        font-size: 1.6em;
        margin-top: 30px;
        border: 1px solid #f1f1f1;
    }
        li.spNav-liStyleTel a{
            color: #111;
        }
        li.spNav-liStyleTel a:hover{
            color: #fff;
            background: #006655;
            border-radius: 3px;
    }
/*--------------------●SLIDE---------------------*/
div.HeadMessage{
    padding: 165px 0 0;
    font-size: 0.9em;
}
    div.HeadMessage img{
    }
div.HeadMessage p{
    margin: 10px auto 0;
}

/*--------------------●Header---------------------*/
header#headerIndex{
    min-width: 100%;
    height: 340px;
}
    div#logo{
        width:100%;
        min-width: auto;
        float: none;
        margin: 13px auto 10px;
        padding: 0;
    }
        img#logoImg{
            width: 200px;
        }
    /*--------------------●Nav---------------------*/
    nav#nav_pc{
            width:100%;
        }
        div#nav_pc-Inner{
            width:100%;
            min-width: 100%;
        }
            ul#menu-pc{
                display: none;
            }
        ul#menu-pc li{
        }
        ul#menu-pc li span{
        }
        ul#menu-pc li a{
            }
        ul#menu-pc li a::after {
        }
        ul#menu-pc li a:hover{
        }
        ul#menu-pc li a:hover::after {
        }
img.stayBnr{
}

/*----------------------●INDEX--------------------------*/

h2.h2-styleA{
    font-size: 1.6em;
    }
    h2.h2-styleA span{
        }
        h2.h2-styleA::before {
        }

h2.h2-styleB{
    font-size: 1.6em;
    }
    h2.h2-styleB span{
        }
        h2.h2-styleB::before {
        }

section.section01{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
    div.sct01-Inner{
        width:92%;
        margin: 2em auto 3em;
    }

section.section02{
    width: 100%;
    margin: 0 auto;
    padding: 2em 0 1em;
}
    div.sct02-Inner{
        width:92%;
    }
    div.sct02-Inner p{
    }
    div.sct02-Box{
        width: 100%;
    }
dl.sct02-dl{
    width: 100%;
    margin: 1em auto;
}
    dl.sct02-dl dt{
        width:100%;
        display: block;
        padding: 9px 9px 0 9px;
        color:#1873C8;
        border-top: 1px dotted #999;
    }
    dl.sct02-dl dd{
        width:100%;
        display: block;
        padding: 6px 9px 9px 19px;
        border-top: none;
    }

/*----------------------●Contact--------------------------*/
div.contact_bg{
}
section#SectionContact{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
div#ContactInner{
    width: auto;
    max-width: auto;
    min-width: 96%;;
    margin: 3em auto;
    padding: 0;
}
h2.h2-contact{
}
    h2.h2-contact img{
    }
    div.contactMessage{
        width: 100%;
        margin: 0 auto 2.5em;
    }

div.sctContact-Box{
    width: 100%;
    padding: 1.5em 1em;
    margin: 1em auto;
}
h3.contact1st-Inner-h3{
}
div.contact1st-Inner-mail{
}
h3.contact1st-Inner-h3{
}
dl.contact1st-Inner-mail-dl{
    margin: 1em auto;
    width: 100%;
}
dt.contact1st-Inner-mail-dt{
    width:100%;
    display: block;
    margin: 0 auto;
    padding: 5px 0 0;
    font-size: 0.9em;
    border-top: none;
}
dd.contact1st-Inner-mail-dd{
    width:100%;
    display: block;
    margin: 0 auto 10px;
    padding: 0 0 10px;
    border-bottom: 1px dotted #ddd;
    border-top: none;
}

/*--------------------●GoTOP---------------------*/
section#GotopWrap
{
    width:100%;
    min-width: auto;
}
    div#GotopInner
    {
        width:100%;
        min-width: auto;
        margin:0 auto;
        padding:0;
    }
 div.Gotop{
        margin: 0 auto;
    }
    div.Gotop a{
    }
        div.Gotop a:hover{
        }

/*--------------------●Footer ---------------------*/	
#copyright{
}
footer#footer{
    padding: 1em 0;
    width: 100%;
}
	div#footerInner
	{
		width:90%;
        min-width: auto;
		margin:0 auto;
	}
    footer h4{
        font-size: 1.6em;
    }
    #footer-info{
        margin: 15px auto 50px;
        color: #fff !important;
    }
        div.footer-list{
            width: 100%;
            padding: 2.5em 0;
            margin: 0 auto;
        }
ul.footer-list-ul{
    display: block;
}
ul.footer-list-ul li{
    width: 100%;
    border-bottom: 1px #fff dotted;
    font-size: 200%;
    padding: 7px 10px;
}
    ul.footer-list-ul li:first-child{
        border-top: 1px #fff dotted
    }
ul.footer-list-ul a{
}
footer h4{
    font-size: 1.4em;
}
#footer-info{
    width: 100%;
    color: #000;
}
.footer-infoL{
    width: 40%;
}
.footer-infoR{
    width: 60%;
    }
.footer-infoR dt{
}
.footer-infoR dd{
}
.footer-infoR dd a{
}
}
@media screen and (max-width : 634px) {
}

@media screen and (max-width : 480px) {
/* コンテンツ
*****************************************************/

/*--------------------●共通---------------------*/
h2.h2styleA
		{
			font-size:1.7em;
		}
span.textSizing-s
{
}
.pc-display
{
}
.tblt-display
{
}
.sp-display
{
	display:block;
}
.sp-hidden
{
	display:none;
}
/*----------------------●SP NAVI--------------------------*/
img.spNav{
    top: 5px;
    right: 5px;
    width: 45px;
}
    .lity-ConWrap{
        width:280px;
        padding: 10px 20px;
        margin-top: 40px;
    }
    .spNav-ul{
    }
    .spNav-ul li{
        line-height: 30px;
        height: 30px;
    }
        .spNav-ul li a{
            padding-left: 10px;
        }
        .spNav-ul li a:hover{
        }
    li.spNav-liStyleA{
    }
        li.spNav-liStyleA a{
        }
        li.spNav-liStyleA a:hover{
    }
    li.spNav-liStyleTel{
    }
        li.spNav-liStyleTel a{
        }
        li.spNav-liStyleTel a:hover{
    }
/*--------------------●SLIDE---------------------*/
div.HeadMessage{
}
    div.HeadMessage img{
    }
div.HeadMessage p{
}

/*--------------------●Header---------------------*/
header#headerIndex{
}
    div#logo{
    }
        img#logoImg{
            width: 220px;
			max-width: 80%;
        }
    /*--------------------●Nav---------------------*/
    nav#nav_pc{
        }
        div#nav_pc-Inner{
        }
            ul#menu-pc{
            }
        ul#menu-pc li{
        }
        ul#menu-pc li span{
        }
        ul#menu-pc li a{
            }
        ul#menu-pc li a::after {
        }
        ul#menu-pc li a:hover{
        }
        ul#menu-pc li a:hover::after {
        }
img.stayBnr{
}
/*----------------------●INDEX--------------------------*/

h2.h2-styleA{
    font-size: 1.6em;
    }
    h2.h2-styleA span{
        }
        h2.h2-styleA::before {
        }

h2.h2-styleB{
    font-size: 1.6em;
    }
    h2.h2-styleB span{
        }
        h2.h2-styleB::before {
        }

section.section01{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
    div.sct01-Inner{
        width:92%;
        margin: 2em auto 3em;
    }

section.section02{
    width: 100%;
    margin: 0 auto;
    padding: 2em 0 3em;
}
    div.sct02-Inner{
        width:92%;
    }
    div.sct02-Inner p{
    }
    div.sct02-Box{
        width: 100%;
        padding: 15px;
    }
dl.sct02-dl{
    width: 100%;
    margin: 1em auto;
}
    dl.sct02-dl dt{
        width:100%;
        display: block;
        padding: 9px 9px 0 9px;
    }
    dl.sct02-dl dd{
        width:100%;
        display: block;
        padding: 2px 9px 9px 19px;
    }
/*----------------------●Contact--------------------------*/
div.contact_bg{
}
section#SectionContact{
}
div#ContactInner{
}
h2.h2-contact{
}
    h2.h2-contact img{
    }
    div.contactMessage{
    }

div.sctContact-Box{
}
h3.contact1st-Inner-h3{
}
div.contact1st-Inner-mail{
}
h3.contact1st-Inner-h3{
}
dl.contact1st-Inner-mail-dl{

}
dt.contact1st-Inner-mail-dt{
}
dd.contact1st-Inner-mail-dd{
}

/*--------------------●GoTOP---------------------*/
section#GotopWrap
{
    width:100%;
    min-width: auto;
}
    div#GotopInner
    {
        width:100%;
        min-width: auto;
        margin:0 auto;
        padding:0;
    }
 div.Gotop{
        margin: 0 auto;
    }
    div.Gotop a{
    }
        div.Gotop a:hover{
        }

/*--------------------●Footer ---------------------*/	
#copyright{
    font-size: 70%;
}
footer#footer{
}
	div#footerInner
	{
	}
        div.footer-list{
        }
ul.footer-list-ul{
}
ul.footer-list-ul li{
}
    ul.footer-list-ul li:first-child{
    }
ul.footer-list-ul a{
}
#footer-info{
    color: #fff;
}
.footer-infoL{
}
.footer-infoL img{
}
.footer-infoR{
    }
.footer-infoR dt{
}
.footer-infoR dd{
}
.footer-infoR dd a{
} 
}

@media screen and (max-width : 320px) {
}