@charset "UTF-8";
/* CSS Document */


/* ;;;;;;;; 共通項目 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
/* ;;;;;;;; 共通項目 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */



body {
	
     font-family: 'Noto Sans JP', sans-serif;
}


a {
	text-decoration:none;
	color:#CCCCCC;
	border:none;
}

.overimg:hover {
	opacity:0.5;
}

.margin0auto {
	margin:0 auto!important;
}

.sponly {
	display:none;
}

.spnone {
	display:block;
}

/* divの可変width設定用 */

.w70per {
	width:70%;
}

.w100per {
	width:100%;
}

.w260 {
	width:260px;
	height:auto;
}

.w260s {
	width:220px;
	height:auto;
	margin:30px auto 10px 20px;
	padding-left:20px;
	
}

.w310 {
	width:310px;
}
.w400 {
	width:400px;
}
.w900 {
	width:900px;
}

.w1000 {
	width:1000px;
}


.w1000s {
	width:1000px;
}


.w1000b {
	width:1000px;
}

.w1100 {
	width:1150px;
}


.w1200 {
	width:1200px;
}

.w340 {
	width:340px;
}

.w430 {
	width:430px;
}

.w460 {
	width:460px;
}

.w550 {
	width:550px;
}

.w550movie {
	width:550px;
}

.w700 {
	width:700px;
	margin:0 auto;
}

.w700s {
	width:680px;
	margin:5px 40px 10px auto;
}
.w1200 {
	width:1200px;
}

.f_left {
	float:left;
}

.f_right {
	float:right;
}



/* ;;;;;;;; section 2-2 ;;;;;;;;; */


.corner_title {
	width:450px;
	margin:0px auto;
	padding-top:30px;
	padding-bottom:30px;
}

.title1 {
     font-family: 'Noto Sans JP', sans-serif;
	font-size:24px;
	color:#60a3c1;
	display:block;
	margin-bottom:5px;
	letter-spacing:0.1em;
	font-weight:normal;
	height:25px;
	
}
.title2 {
     font-family: 'Noto Sans JP', sans-serif;
	font-size:14px;
	letter-spacing:0.2em;
	color:#333;
	display:block;
	margin-top:0px;
	height:15px;
}

/* ;;;;;;;; section 2-3 ;;;;;;; */



/* 投稿タイトルの処理  */
.contents_title_wraper {
	width:98%;
	margin:10px auto 5px 0;
	border-left:4px #663300 solid;
	border-bottom:#333 dotted 1px;
}

.companyinfo_title_wraper {
	width:93%;
	margin:10px auto 5px auto;
	border-bottom:#333 solid 2px;
	
}

.companyinfo_txt_wraper {
	width:93%;
	margin:5px auto 0px auto;
	border-bottom:#333 dotted 1px;
	
}


/* H1タグ関連 */
h1.seo_words {
    font-family: 'Noto Sans JP', sans-serif;
	font-size:10px;
	color:#666;
	font-weight:normal;
	display:block;
	padding:10px 20px 7px auto;
	margin:0px auto;
	padding-right:30px;
	padding-left:20px;
	
}

.h1tag {
	width:100%;
	background-image:url(../img/base_bk3.jpg);
	background-repeat:repeat;
	margin:0px;
	padding:0px;		
}

.pagekeywords_box {
	width:100%;
	background-image:url(../img/base_header.png);
	background-repeat:repeat;
	height:25px;
	margin-bottom:20px;
}



/* スタッフ紹介 */

.member_photo {
	float:left;
	width:30%;
	margin-top:15px;
	
}

.member_photo {
	background-image:url(../img/member_photo.png);
	background-position:center;
	background-repeat:no-repeat;
	height:250px;
	overflow:hidden;
}

.member_info {
	float:left;
	width:55%;
	margin-left:20px;
	

}

/* ボタン設定 */



.btn1 {
	display:block;
	width:100%;
	font-family:'Noto Sans JP', sans-serif;
	font-size:15px;
	letter-spacing:0.2em;
	color:#FFFFFF;
	text-align:center;
	background-color:#987835;
	
	background-image:url(../img/giphy.gif);
	background-position:right center;
	background-repeat:repeat;
	background-size:cover;
	
	font-weight:300;
	}
	
.btn1:hover {
	background-image:url(../img/yajirushi.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto;
	
	color:#000;
	}
	
	
	.title_icon {
		margin-left:-28px;
	}
	
	
	.sidemenu {
		width:59px;
		position:fixed;
		right:0px;
		top:10%;
		text-align:right;
		z-index:999999;
	}
	
		

/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */

/* section 1 */

.main-visual {
    height: 100%;
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
}
 
.main-visual img {
    z-index: 9999;
    position: absolute;
    top: 100px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
 
.main-visual video {
    margin: 0 auto;
    z-index: 1;
    width: 100%;
}


/* ビデオ背景 */

.covervid-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* section 2 */

/* section 3 */

/* section 4 */

/* section 5 */

.line_l {
	border-right:1px solid #999;
	margin-right:30px;
}

.a_left_center {
	text-align:left;
}

/* section 6 */


.title_area {
	border:#666666 1px solid;
}

/* フッター部分 :::::::::::::::::::::::::::::::::::::::: */

.footer_txt {
    font-family: 'Noto Sans JP', sans-serif;
	display:block;
	margin:3px auto;
	padding-bottom:5px;
	color: #FFFFFF;
	letter-spacing:0.1em;
	font-weight:normal;

}

.footer_icon {
	width:auto;
	height:17px;
	
}


.company_name2 {
	margin-bottom:0px;
	font-size:16px;
	margin:5px auto;	
}








/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */

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

/* 共通項目 */


.sponly {
	display:block;
}

.spnone {
	display:none;
}

/* divの可変width設定用 */

.w70per, .w100per {
	width:100%;
}

.w1000, .w900, .w1100, .w1200 {
	width:90%;
}



.w1000s {
	width:100%;
}

.w1000b {
	width:100%;
}


.w1200 {
	width:100%;
}


.w260 {
	width:100%;
	height:auto;
	margin:5px auto;
}

.w260s {
	width:90%;
	height:auto;
	margin:20px auto;
	padding-left:0px;
	
}


.w550movie {
	width:400px;
	overflow:hidden;
}
.w310, .w340, .w400, .w430, .w460, .w550, .w700 {
	width:100%;
	margin:0 auto;
}

.w700s {
	width:90%;
	margin:10px auto;
}


.f_left, .f_right {
	float:none;
	margin:0 auto;
}

	
	.title_icon {
		margin-left:-10px;
	}

/* section 1 */
	
.footer_txt {
    font-family: 'Noto Sans JP', sans-serif;
	display:block;
	margin:3px auto;
	padding-bottom:5px;
	color: #FFFFFF;
	letter-spacing:0.1em;
	font-weight:normal;
	margin-bottom:10px;
}

.footer_icon {
	width:auto;
	height:17px;
	
}


.company_name2 {
	margin-bottom:0px;
	font-size:16px;
	margin:5px auto;	
}

.mailformpro label {
 word-wrap: break-word;
 white-space: normal;
}



/* section 2 */

/* section 3 */

/* section 4 */

/* section 5 */


.line_l {
	border:none;
	margin:0 auto;
}

.a_left_center {
	text-align:center;
}
/* section 6 */


/* footer sp */

.btn_footer_sp1 {
	float:left;
	width:30%;
	height:auto;
	margin-top:9px;
	margin-bottom:5px;
	margin-right:20px;

}

.btn_footer_sp2 {
	float:left;
	width:30%;
	height:auto;
	margin-top:9px;
	margin-bottom:5px;

}


.btn_footer_sp3 {
	float:right;
	width:30%;
	margin-top:9px;
	margin-bottom:5px;
	height:auto;

}



@charset "UTF-8";
/* CSS Document */


/* TOP */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../img/base1.jpg);
	background-repeat:repeat;
}

.header_wrap {
	width:100%;
	height:150px;
	background-image:url(../img/base_header.jpg);
	background-repeat:repeat-x;

}

.flash_wrap {
	width:100%;
	height:600px;
	background-image:url(../img/backgroung.jpg);
	background-repeat:repeat-x;
}


.concept_wrap {
	background-image:url(../img/base2.jpg);
	background-repeat:repeat;
	width:100%;
	height:250px;
}


.concept {
	width:1000px;
	margin:0 auto;
}


.work_wrap {
	width:100%;
	background-image:url(../img/base_black.jpg);
	background-repeat:no-repeat;
	background-color:#000;
	background-size:auto;
	background-position:center;
}

.work {
	width:1000px;
	margin:0 auto;
	
}

#logo {
	position:absolute;
	width:400px;
	height:83px;
	top:180px;
	left:50%;
	margin-left:-200px;
	margin-top:-41px;
	z-index:100;
}

#logo2 {
	position:absolute;
	top:620px;
	left:20px;
	z-index:200;
}



#logo3 {
	position:absolute;
	top:120px;
	left:20px;
	z-index:200;
}


h1.title {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	letter-spacing:0.1em;
}


h2.subtitle {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	letter-spacing:0.2em;
	color:#333333;
	line-height:1.8;
	font-weight:normal;
}

.main_menu {
	width:1100px;
	margin:0 auto;
}

.overimg:hover {
	opacity:0.8;
}
.txt1 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#CCC;
	font-size:14px;
	line-height:1.5;
}




/* スタッフ */

.member_photo {
	float:none;
	width:80%;
	display:block;
	margin:20px auto;
	
}

.member_info {
	float:none;
	width:80%

}

/* スタッフ紹介ここまで */


.box1 {
	background-color:#eeeeed;
	width:100%;
	margin-bottom:0px;
	padding-bottom:0px;

}


.box2 {
	background-color:#eeeeed;
	width:1000px;
	margin:0 auto;
	padding-top:50px;

}



.txt_mail {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:14px;
	margin-top:0px;
	line-height:1.8;
	color:#666;
	margin-bottom:0px;
	display:block;
	width:300px;
	float:right;
}




/* フッター */


.footer_wrap {
	width:100%;
	background-image:url(../img/base_black.jpg);
	 background-repeat:repeat;
}

.box_footer {
	width:1000px;
	height:260px;
	margin:0 auto;
	overflow:hidden;
}

.box_contact {
	width:400px;
	float:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#CCCCCC;
	line-height:1.5;
	font-size:12px;
}


.box_group {
	width:400px;
	float:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#CCCCCC;
	line-height:1.8;
	font-size:10px;
}




/*================================================
 * お近くの加盟店
 ================================================*/	



.group_area {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#F60;;
}

.title_area {
	width:90%;
	background-color:#58a989;
	margin:20px auto;
}

a.link_area {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	text-decoration:none;
	line-height:1.8;
	display:block;
	margin-left:20px;
	padding-bottom:10px;
	
	
}

a.link_area:hover {
	color:#CCC;
	
	
}


a.link_shop {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#333;
	text-decoration:none;
	line-height:1.8;
	display:block;
	margin-left:40px;
	padding-left:30px;
	background-image:url(../img/linkicon.png);
	background-repeat:no-repeat;
	margin-bottom:10px;
	
	
}

a.link_shop:hover {
	color:#CCC;
	
	
}



.box_shop {
	width:95%;
	overflow:hidden;
	margin:20px auto;
	border:#CCCCCC 5px solid;
}


.shopname_box {
	float:left;
	width:50%;
	height:auto;
	padding:10px;
	
}


.map_box {
	float:left;
	width:45%;
	padding:10px;	
}


.shop_name {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	color:#333;
	letter-spacing:0.2em;
	
}


.shop_name2 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#666;
	font-weight:normal;
	display:block;
	margin:10px auto;
	
}



table.type10 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.type10 thead th {
	width: 100%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	background-image:url(../../../img/bacecolor_gray.png);
	background-repeat:repeat;
}
table.type10 td {
	width: 100%;
	padding: 10px;
	vertical-align: top;
}
table.type10 .even {
	background: #f3f6f7;
}

.website_btn button   {  
    border-top: 1px solid #ccc;  
    border-right: 1px solid #999;  
    border-bottom: 1px solid #999;  
    border-left: 1px solid #ccc;  
    padding: 5px 20px;  
    font-weight: bold;  
    cursor: pointer;  
    color: #666;  
}  

.link_area {
	margin-bottom:2px;
}