@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-family: "Mplus 1p",sans-serif;
font-weight:500;
color:#000;
background:url();
-webkit-text-size-adjust: none;
height:100%;
margin:0;
padding:0;
}

/* リンク設定
------------------------------------------------------------*/
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:#00A3E8; text-decoration:none;} 
a:visited {color:#00A3E8;} 
a:hover {color:#2BCDFF;} 
a:active {color:#2BCDFF;}

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

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 #3498db;
						border-bottom: 2px solid #3498db;
						-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 #3498db;
					}
					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: #0071bc;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:3em;
height:3em;
width:200px;
font-size:100%;
color:#fff;
}

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;
}

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

/*--------------------●共通---------------------*/
.w100{
    width:100%!important;
    height:auto!important;
}
.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;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}

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---------------------*/
.Opening {
    position:relative;
    margin-top: -165px;
    z-index: -1;
}
.Opening ul li{
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.Opening ul li img.Opening__text{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img{
  max-width: inherit;
  width: 100%;
  height: auto;
}
/*--------------------●Header---------------------*/
head#header
{
    width:100%;
    margin:0 auto;
    text-align:center;
}
    div#logo{
        width:280px;
        z-index: 100;
        margin: 0px auto 0;
    }
        img#logoImg{
            width:100%;
            display: block;
            line-height: 1;
        }
div#MainVisual{
    height: auto;
    vertical-align: top;
    background:url(../img/mainvisual.png) center;
    background-size: cover;
}
    div.mvMessage{
        padding: 280px 0 0;
        text-align: center;
    }
        div.mvMessage img{
            width:620px;
        }
    /*--------------------●Nav---------------------*/
    nav#nav_pc
        {
            width:100%;
            background: rgba(255,255,255,1);
            padding: 20px 0 15px;
            border-bottom: 1px solid #999;
        }
        div#nav_pc-Inner{
            width:980px;
            margin: 0 auto;
        }
            ul#menu-pc{
                width:100%;
                margin: 20px auto 0;
                text-align: center;
            }
        ul#menu-pc li{
            display: inline-block;
            width: 15.5%;
            text-align: center;
            font-weight: bold;
            line-height: 40px;
            height: 40px;
        }
        ul#menu-pc li a{
            color: #fff;
            position: relative;
            display: inline-block;
            transition: .3s;
            }
        ul#menu-pc li a::after {
          position: absolute;
          bottom: 0;
          left: 0;
          content: '';
          width: 0;
          height: 1px;
          background-color: #fff;
          transition: .3s;
        }
        ul#menu-pc li a:hover{
        }
        ul#menu-pc li a:hover::after {
          width: 100%;
        }
ul#menu-pc li span{
    padding-bottom: 8px;
    border-bottom: 1px solid #0071bc;
    color:#fff;
}
img.stayBnr{
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000 !important;
    width: 140px;
}
/*----------------------●Section01--------------------------*/
.sans-serif{
    font-family:"Mplus 1p",sans-serif;
}
section#section01{
    width:100%;
    min-height: 770px;
    position: relative;
    background: #fff;
    margin-top: ;
}
section#section01 a{
    width: 100%;
    height:100%;
    left:0;
    top:0;
    bottom:0;
    position: absolute
}
    div.sct01-Inner{
        width:680px;
        margin: 0 auto;
        padding: 3em 0 3em;
    }
        div.sct01-Inner p{
            margin-bottom: 16px;
        }
    div.keyVisual{
        width: 100%;
        height: auto;
        margin: 0 auto 30px;
        padding: 0;
        box-sizing: border-box;
    }
        div.keyVisual img{
            width:100%;
            height:280px;
        }
    h2.h2-baseA{
        font-size: 2.2em;
        font-weight: bold;
        text-align: center;
        margin-bottom: 0.5em;
    }
        h2.h2-StyleA{
            }
        h2.h2-StyleB{
            color: #fff;
            }
        div.BtnWrapStyleA{
            width:30%;
            margin: 3em auto 1em;
        }
div.lineWrap{
    width: 100%;
    text-align: center;
    margin: 1.5em auto;
    border: 5px solid rgba(255,0,4,1.00);
    background: #f9f9f9;
    padding: 1em;
    box-sizing: border-box;
}
div.lineWrap img{
    display: block;
    margin: 10px auto;
    max-width: 40%;
}
div.btnStyleA{
    width:70%;
    max-width: 300px;
    height: 50px;
    line-height: 50px;
    margin: 1em auto 4em;
    text-align: center;
    background: #FF5F82;
    color: #fff;
    z-index: 0;
}
    div.btnStyleA a{
    }
    div.btnStyleA:hover{
        background: #FF6985;
        transition: 0.4s;
    } 
/*----------------------●Section02--------------------------*/
section#section02{
    width:100%;
    background-size: cover;
    padding: 0;
    margin: 0;
    text-align: center;
}
div.sct02-Inner{
    width: 980px;
    margin: 0 auto;
    padding: 4em 0;
}

div.sct02-Inner li{
    line-height: 1.4;
}

/*----●PBG-----*/
		.PBG > div {
			min-width: auto;
			background: no-repeat 50% 0 fixed;
			margin: 0 auto;
			position: relative;
		}
		.PBG #box01 {
			height: auto;
			background-image:url();
			z-index: 0;
			background-position: center center;
			/* 画像をタイル状に繰り返し表示しない */
			background-repeat: no-repeat;
			/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
			background-attachment: fixed;
			/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
			background-size: cover;
			/* 背景画像が読み込まれる前に表示される背景のカラー */
			background-color: #111;
		}
		.PBG .inner {
		}
			img.pbgImg
			{
				display:none;
			}

/*----------------------●Sub--------------------------*/
.center{
    text-align: center;
}
div.SubVisualBase{
    height: 360px;
    margin-top: -170px;
    z-index: -1;
    position: relative;
}
div.SubVisual-profile{
    background: url(../img/profile-visual.png) no-repeat center;
    background-size: cover;
}
section#SubWrap{
    width:980px;
    margin: 0 auto;
}
    div.SubInner{
        margin: 3em auto;
    }
        div.SubInner p{
            margin-bottom: 1.5em;
        }

    h3.h3-styleA {
        position: relative;
        text-align: left;
        font-size: 1.5em;
        color: #111;
        line-height: 2;
        margin: 0 auto 2px;
        }
        h3.h3-styleA span{
            position: relative;
            z-index: 2;
            display: inline-block;
            margin: 0 2.5em 0 0;
            padding: 0 1em 0 0;
            background-color: #fff;
            text-align: left;
            }
            h3.h3-styleA::before {
              position: absolute;
              top: 50%;
              z-index: 1;
              content: '';
              display: block;
              width: 100%;
              height: 1px;
              background-color: #111;
            }
    h4.h4-styleA{
        border-bottom: 1px solid #ddd;
        margin: 10px auto 10px;
        color: rgba(11,56,108,1.00);
    }

/*----------------------●Contact--------------------------*/
#contactBtn{
  width: 100%;
  height: auto;
  position: fixed;
  right: 10px;
    bottom:30px;
    z-index:9999;
    width:70px;
    height: 170px;
}
    #contactBtn a{
      position: relative;
      width: 100%;
      height: auto;
    }
    #contactBtn a::before{
      position: absolute;
      width: 100%;
      height: auto;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
    }
    img.BnrContact{
        width:100%;
        box-shadow: 2px 2px 4px #888contactBtn;
    }

div.contact_bg{
    background: url(../img/Contact_topimg.png) no-repeat center top;
    background-size: cover;
}
section#SectionContact{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 0.9em;
    font-weight: normal;
}
div#ContactInner{
    width: 880px;;
    margin: 5em auto;
    padding: 0;
    font-size: 0.85em;
}
h2.h2-contact{
}
    h2.h2-contact img{
    }
    div.contactMessage{
        width: 600px;
        text-align: center;
        margin: 0 auto 4em;
    }
div.sctContact-Box{
    width: 100%;
    padding: 2em 2em;
    margin: 1em auto;
    border: 5px solid #f9f9f9;
    box-sizing: border-box;
    font-family:"Mplus 1p",;
}
h3.contact1st-Inner-h3{
    font-size: 1.1em;
    margin-bottom: 10px;
}
div.contact1st-Inner-mail{
    text-align: left;
}
h3.contact1st-Inner-h3{
    font-size: 1.1em;
    margin-bottom: 10px;
}
dl.contact1st-Inner-mail-dl{
    margin: 1em auto;
}
dt.contact1st-Inner-mail-dt{
    width:30%;
    display: inline-block;
    margin: 6px auto;
    padding-top:5px;
    vertical-align: top;
}
    dt.contact1st-Inner-mail-dt span{
        color: #FF0004;
        font-weight: bold;
        font-size: 1.1em;
    }
dd.contact1st-Inner-mail-dd{
    width:69%;
    display: inline-block;
    margin: 6px auto;
}
dd.contact1st-Inner-mail-dd span{
    color: #FF0004;
}
dd.contact1st-Inner-mail-dd p{
    margin-bottom: 7px;
}

/*--------------------●GoTOP---------------------*/
section#GotopWrap
{
    width:100%;
    margin:-60px 0 0;
    padding:1em 0;
}
    div#GotopInner
    {
        width:1200px;
        margin:0 auto;
        padding:0;
    }
 div.Gotop{
        margin: 0 auto;
        position: relative;
     text-align: center;
     float: right;
    }
    div.Gotop img{
        width:70px;
}

/*--------------------●Footer ---------------------*/	
#copyright{
clear:both;
margin:0em auto 0;
padding:5px;
text-align:center;
font-style:normal;
font-size:110%;
color:#666;
zoom:1;
}
footer#footer{
	width:100%;
    background: #f1f1f1;
	height:auto;
	margin:0;
	padding:0em 0 1em;
    color: #666;
    border-top: 1px solid #333;
}
	div#footerInner{
		width:980px;
		margin:0 auto 3em;
		padding:0;
	}
.footerLink{
    text-align: center;
    width: 96%;
    margin: 0 auto;
    font-weight: bold;
}
    .footerLink li{
        display: inline;
        margin: 0 1.5em;
    }
        .footerLink li a{
            color: #888;
        }
        .footerLink li a:hover{
                color:rgba(42,140,220,1.00);
            }
    .footerLogo{
        text-align: center;
        margin: 3em auto 2em;
    }
        .footerLogo img{
            width: 300px;
            max-width: 90%;
        }
    .fotterSns{
        text-align: center;
        margin: 0 auto;
    }
        .fotterSns img{
            width: 50px;
            margin: auto 10px;
        }
#copyright{
    font-size: 0.8em;
}
/*-------- Form --------*/

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

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

div#WholeWrap
{
}

/*--------------------●SLIDE---------------------*/
.Opening {
}
.Opening ul li{
}
.Opening ul li img.Opening__text{
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img{
}
/*--------------------●Header---------------------*/
head#header
{
}
    div#logo{
    }
        img#logoImg{
        }
div#MainVisual{
}
    div.mvMessage{
    }
        div.mvMessage img{
        }
    /*--------------------●Nav---------------------*/
    div#nav_pc
        {
        }
        div#nav_pc-Inner{
        }
            ul#menu-pc{
            }
        ul#menu-pc li{
        }
        ul#menu-pc li a{
            }
        ul#menu-pc li a::after {
        }
        ul#menu-pc li a:hover{
        }
        ul#menu-pc li a:hover::after {
        }
/*----------------------●Section01--------------------------*/
section#section01{
}
    div.sct01-Inner{
    }


/*----------------------●Section02--------------------------*/
section#section02{
}
div.sct02-Inner{
}

/*----------------------●Sub--------------------------*/
div.SubVisualBase{
}
div.SubVisual-profile{
}
section#SubWrap{
}
    div.SubInner{
    }
        div.SubInner p{
        }

    h3.h3-styleA {
        }
        h3.h3-styleA span{
            }
            h3.h3-styleA::before {
            }
    h4.h4-styleA{
    }
/*----------------------●Contact--------------------------*/
div.contact_bg{
}
section#SectionContact{
}
div#ContactInner{
    width: 880px;
    margin: 5em auto;
    padding: 0;
}
h2.h2-conatact{
}
    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%;
}
    div#GotopInner
    {
        width:94%;
        min-width: 1020px;
        margin:0 auto;
        padding:0;
    }
 div.Gotop{
        margin: 0 auto;
    }
    div.Gotop a{
    }
        div.Gotop a:hover{
        }

/*--------------------●Footer ---------------------*/	
#copyright{
}
footer#footer
{
}
	div#footerInner
	{
	}

/*-------- Form --------*/
}


@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.4em;
		}
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{
    bottom: 20px;
    right:10px;
    position: fixed;
    z-index: 1;
    width:80px;
}
    .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: #006655;
        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: #0071bc;
            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;
    }

nav#nav_sp
{
	position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;
    height:75px;
    color: #fff;
	z-index:100;
    background: #000;
}
div#nav_sp-Inner{
	width:100%;
	height: 100%;  
    overflow: auto;
	margin:auto;
}
ul#menu-sp
		{
			display: block;
		}
#menu-sp li {
  float: left;
  width: 16.666%;
  text-align: center;
  position: relative;  /*z-indexの指定や子要素の基準とするために指定*/
  z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
}
#menu-sp li a {
	height:75px;
	width:100%;
	display:block;
	float:left;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
	background:#ccc;
}
	/*------off*/
	#menu-sp li.menu-sp-01 a {
		background:url(..//img/common/menu-sp01.png) no-repeat center;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-02 a {
		background:url(..//img/common/menu-sp02.png) no-repeat center;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-03 a {
		background:url(..//img/common/menu-sp03.png) no-repeat center;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-04 a {
		background:url(..//img/common/menu-sp04.png) no-repeat center;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-05 a {
		background:url(..//img/common/menu-sp05.png) no-repeat center;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-06 a {
		background:url(..//img/common/menu-sp06.png) no-repeat center;
		background-size:cover;
		background-position:center;
	}
	
	/*------hover*/
	#menu-sp li.menu-sp-01 a:hover {
		background:url(..//img/common/menu-sp01_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-02 a:hover {
		background:url(..//img/common/menu-sp02_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-03 a:hover {
		background:url(..//img/common/menu-sp03_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-04 a:hover {
		background:url(..//img/common/menu-sp04_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-05 a:hover {
		background:url(..//img/common/menu-sp05_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-06 a:hover {
		background:url(..//img/common/menu-sp06_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	
	/*------stay*/
	#menu-sp li.menu-sp-01_on a {
		background:url(..//img/common/menu-sp01_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-02_on a {
		background:url(..//img/common/menu-sp02_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-03_on a {
		background:url(..//img/common/menu-sp03_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-04_on a {
		background:url(..//img/common/menu-sp04_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-05_on a {
		background:url(..//img/common/menu-sp05_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-06_on a {
		background:url(..//img/common/menu-sp06_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
/*--------------------●SLIDE---------------------*/
.Opening {
    position:relative;
    margin-top: -140px;
    z-index: -1;
}
.Opening ul li{
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.Opening ul li img.Opening__text{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img{
  max-width: inherit;
  width: auto !important;
  height:550px !important;
}
/*--------------------●Header---------------------*/
head#header{
    width: 100%;
}
    div#logo{
        width:50%;
        text-align: center;
    }
        img#logoImg{
            width:100%;
            margin: 0 auto;
        }
    div#logo-sp{
        width:100%;
        text-align: center;
        background: rgba(255,255,255,0.76);
        height: auto;
    }
        img#logoImg-sp{
            width: auto;
            margin: 10px auto 0;
        }
div#MainVisual{
    height: auto;
}
    div.mvMessage{
        padding: 0;
        text-align: center;
    }
        div.mvMessage img{
            width:auto;
            max-width: 90%;
        }
    /*--------------------●Nav---------------------*/
    nav#nav_pc
        {
            width:100%;
            padding: 10px 0 10px;
        }
        div#nav_pc-Inner{
            width:100%;
            margin: 0 auto;
        }
            ul#menu-pc{
                margin: 0px auto 0;
            }
        ul#menu-pc li{
        }
        ul#menu-pc li a{
            }
        ul#menu-pc li a::after {
        }
        ul#menu-pc li a:hover{
        }
        ul#menu-pc li a:hover::after {
        }
/*----------------------●Section01--------------------------*/
p{
    line-height: 1.6;
    }
section#section01{
    width:100%;
    min-width: auto;
    margin-top:auto;
}
    div.sct01-Inner{
        width:90%;
        margin: 0 auto;
        padding: 2em 0 2em;
    }
        div.sct01-Inner p{
            margin-bottom: 14px;
        }
    h2.h2-baseA{
        font-size: 1.4em;
        margin-bottom: 0.5em;
    }
    h2.h2-StyleA{
        }
    h2.h2-StyleB{
        }
    div.BtnWrapStyleA{
        width:70%;
        margin: 3em auto 1em;
    }
div.lineWrap{
}
div.lineWrap img{
    max-width: 40%;
}
/*----------------------●Section02--------------------------*/
section#section02{
}
    div.sct02-Inner{
        width: 94%;
        margin: 0 auto;
        padding: 3em 0;
    }

/*----------------------●Sub--------------------------*/
div.SubVisualBase{
    height: 260px;
    margin-top: -170px;
    z-index: -1;
    position: relative;
}
div.SubVisual-profile{
    background: url(../img/profile-visual.png) no-repeat center;
}
section#SubWrap{
    width:100%;
    margin: 0 auto;
}
    div.SubInner{
        margin: 3em auto;
        width: 92%;
    }
        div.SubInner p{
            margin-bottom: 1em;
        }

    h3.h3-styleA {
        }
        h3.h3-styleA span{
            }
            h3.h3-styleA::before {
            }
    h4.h4-styleA{
    }
/*----------------------●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: 94%;
    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;
}
dt.contact1st-Inner-mail-dt{
    width:100%;
    display: block;
    margin: 0 auto;
    font-size: 0.9em;
}
dd.contact1st-Inner-mail-dd{
    width:100%;
    display: block;
    margin: 0 auto 10px;
    padding: 0 0 10px;
    border-bottom: 1px dotted #eee;
}

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

/*--------------------●Footer ---------------------*/	
#copyright{
}
footer#footer
{
	width:100%;
	height:auto;
	margin:0;
	padding:0.5em 0 3em;
}
	div#footerInner{
		width:100%;
		margin:0 auto 3em;
		padding:0;
	}
.footerLink{
    text-align: left;
    width: 96%;
    margin: 0 auto;
}
    .footerLink li{
        display: block;
        margin: 0 0 0 1.5em;
        padding: 5px 0;
        width: 50%;
        border-bottom: 1px dotted #ddd;
    }
        .footerLink li a{
        }
        .footerLink li a:hover{
            }
    .footerLogo{
        text-align: center;
        margin: 3em auto 2em;
    }
        .footerLogo img{
            width: 240px;
            max-width: 90%;
        }
    .fotterSns{
        text-align: center;
        margin: 0 auto;
    }
        .fotterSns img{
            width: 50px;
            margin: auto 10px;
        }
/*-------- Form --------*/

}

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

@media screen and (max-width : 480px) {
/* フォーム
------------------------------------------------------------*/
input
{
}

/* テキスト */
input[type="text"], input[type="tel"],input[type="email"] ,textarea{
}
	/* regist */
	input.regist-text
	{
	}
	input.regist-text_middle
	{
	}
	input.regist-text_short
	{
	}
	/* start */
	input.start-text
	{
	}

/* テキストエリア */
textarea{
}
	textarea.contact-textarea{
	min-height:200px;
	width:96%;
	line-height:1.5;
	padding:2% 2%;
	}
	textarea.report-textarea{
	min-height:200px;
	min-width:96%;
	width:96%;
	line-height:1.5;
	padding:2% 2%;
	}
	textarea.message-textarea{
	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% 2%;
	}

/* セレクト */	
select{
}
		/* regist */
		select.regist-select
		{
		}
		
		/* start */
		select.start-select
		{
		}

/* ラベル */	
label
{
}


/* ラジオボタン */

		/* regist */	
					input[type="radio"] {
					}
					label.radio-design01 {
					}
					label.radio-design01::before,
					label.radio-design01::after {
					}
					label.radio-design01::before {
					}
					label.radio-design01:hover::before {
					}
					label.radio-design01::after {
					}
					input[type="radio"]:checked + label.radio-design01::before {
					}
					input[type="radio"]:checked + label.radio-design01::after {
					}
					
/* チェックボックス */
					input[type="checkbox"] {
					}
					label.checkbox-design01 {
					}
					label.checkbox-design01::before,
					label.checkbox-design01::after {
					}
					label.checkbox-design01::before {
					}
					label.checkbox-design01::after {
					}
					label.checkbox-design01:hover::before {
					}
					input[type="checkbox"]:checked + label.checkbox-design01::before {
					}
					input[type="checkbox"]:checked + label.checkbox-design01::after {
					}
/* コンテンツ
*****************************************************/

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

div#WholeWrap
{
}

img.floating {
bottom:10px;
right:10px;
position: fixed;
z-index: 1;
width:65px;
}
	img#header-bar-changeDsplyImg
	{
		height:24px;
	}
	img#header-bar-searchImg
	{
		height:24px;
		margin:6px auto auto;
	}
	img#header-bar-orderDsplyImg
	{
		height:24px;
	}
/*----------------------●SP NAVI--------------------------*/
img.spNav{
    bottom: 10px;
    right:10px;
    width:70px;
}
    .lity-ConWrap{
        width:300px;
    }
    .spNav-ul{
    }
    .spNav-ul li{
    }
        .spNav-ul li a{
        }
        .spNav-ul li a:hover{
        }
    li.spNav-liStyleA{
    }
        li.spNav-liStyleA a{
        }
        li.spNav-liStyleA a:hover{
    }
    
nav#nav_sp
{
	position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 48px;  
    color: #fff;
	z-index:100;
}
div#nav_sp-Inner{
}
ul#menu-sp
		{
		}
#menu-sp li {
}
#menu-sp li a {
	height:48px;
	width:100%;
	display:block;
	float:left;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
}
	/*------off*/
	#menu-sp li.menu-sp-01 a {
		background:url(../img/common/menu-sp01.png) no-repeat center;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-02 a {
		background:url(../img/common/menu-sp02.png) no-repeat center;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-03 a {
		background:url(../img/common/menu-sp03.png) no-repeat center;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-04 a {
		background:url(../img/common/menu-sp04.png) no-repeat center;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-05 a {
		background:url(../img/common/menu-sp05.png) no-repeat center;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-06 a {
		background:url(../img/common/menu-sp06.png) no-repeat center;
		background-size:cover;
		background-position:center;
	}
	
	/*------hover*/
	#menu-sp li.menu-sp-01 a:hover {
		background:url(../img/common/menu-sp01_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-02 a:hover {
		background:url(../img/common/menu-sp02_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-03 a:hover {
		background:url(../img/common/menu-sp03_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-04 a:hover {
		background:url(../img/common/menu-sp04_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-05 a:hover {
		background:url(../img/common/menu-sp05_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-06 a:hover {
		background:url(../img/common/menu-sp06_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	
	/*------stay*/
	#menu-sp li.menu-sp-01_on a {
		background:url(../img/common/menu-sp01_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-02_on a {
		background:url(../img/common/menu-sp02_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-03_on a {
		background:url(../img/common/menu-sp03_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-04_on a {
		background:url(../img/common/menu-sp04_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-05_on a {
		background:url(../img/common/menu-sp05_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#menu-sp li.menu-sp-06_on a {
		background:url(../img/common/menu-sp06_on.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
/*--------------------●SLIDE---------------------*/
.Opening {
    margin-top: -140px;
}
.Opening ul li{
}
.Opening ul li img.Opening__text{
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img{
}
/*--------------------●Header---------------------*/
head#header{
    width: 100%;
}
    div#logo{
    }
        img#logoImg{
        }
    div#logo-sp{
        width:100%;
        text-align: center;
        height: auto;
    }
        img#logoImg-sp{
            margin: 12px auto 5px;
            width: 40%;
        }
div#MainVisual{
    height: auto;
}
    div.mvMessage{
        padding: 185px 0 0;
        text-align: center;
    }
        div.mvMessage img{
            width:500px;
            max-width: 88%;
        }
    /*--------------------●Nav---------------------*/
    div#nav_pc
        {
        }
        div#nav_pc-Inner{
            width: 100%;
        }
            ul#menu-pc{
            }
        ul#menu-pc li{
        }
        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{
    position: fixed;
    bottom: 60px;
    right: 8px;
    width: 80px;
}
/*----------------------●Section01--------------------------*/
section#section01{
    margin-top: 0px;
}
    div.sct01-Inner{
        margin: 0 auto;
        padding: 2em 0 2em;
    }
 div.sct01-Inner p{
            margin-bottom: 14px;
        }
    h2.h2-baseA{
        font-size: 1.3em;
        margin-bottom: 0.5em;
    }
    h2.h2-StyleA{
        }
    h2.h2-StyleB{
        }
    div.BtnWrapStyleA{
        width:80%;
        margin: 2.5em auto 1em;
    }
div.lineWrap{
}
div.lineWrap img{
    max-width: 60%;
}
/*----------------------●Section02--------------------------*/
section#section02{
}
div.sct02-Inner{
}

/*----------------------●SUB--------------------------*/
div.SubVisualBase{
}
div.SubVisual-profile{
}
section#SubWrap{
}
    div.SubInner{
    }
        div.SubInner p{
            font-size: 0.95em;
        }

    h3.h3-styleA {
        font-size: 1.5em;
        line-height: 1.2;
        margin-top: 30px;
        margin-bottom: 10px;
        }
        h3.h3-styleA span{
            }
            h3.h3-styleA::before {
            }
    h4.h4-styleA{
    }
/*----------------------●Contact--------------------------*/
div.contact_bg{
    background-size: 100%;
}
section#SectionContact{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 0.9em;
}
div#ContactInner{
    width: auto;
    max-width: auto;
    min-width: 96%;
    margin: 2.5em auto 4em;
    padding: 0;
}
div.sctContact-Box{
    width: 94%;
    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;
}
dt.contact1st-Inner-mail-dt{
    width:100%;
    display: block;
    margin: 0 auto;
    font-size: 0.9em;
}
dd.contact1st-Inner-mail-dd{
    width:100%;
    display: block;
    margin: 0 auto 10px;
    padding: 0 0 10px;
    border-bottom: 1px dotted #eee;
}

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

/*--------------------●Footer ---------------------*/	
#copyright{
    font-size: 0.9em;
}
footer#footer
{
	width:100%;
	height:auto;
	margin:0;
	padding:0.5em 0 2em;
}
	div#footerInner
	{
		width:100%;
		margin:0 auto 3em;
		padding:0;
	}
.footerLink{
    text-align: left;
    width: 96%;
    margin: 0 auto;
}
    .footerLink li{
        display: block;
        margin: 0 auto;
        height: 38px;
        line-height: 38px;
        padding: 0;
        width: 90%;
        position: relative;
    }
        .footerLink li a{
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
        }
        .footerLink li a:hover{
            }
    .footerLogo{
        margin: 3em auto 2em;
    }
        .footerLogo img{
            width: 220px;
            max-width: 80%;
        }
    .fotterSns{
        text-align: center;
        margin: 0 auto;
    }
        .fotterSns img{
            width: 50px;
            margin: auto 10px;
        }
/*-------- Form --------*/
}

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