@charset "utf-8";
/***************************
MADE BY JOHOSTATION co., ltd.
***************************/

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');

/*基本情報をここに記入*/
html
{min-width:1140px;
  -webkit-text-size-adjust: 100%;
   overflow-x: hidden;}

* html {overflow-y: hidden}
* html body {overflow-y: hidden}
* html div#whole {overflow-y: scroll; height: 100%}
* html div#footer_manu {position: absolute; ; bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1)}

.header_contents,.header_bt ul,#body,.footer_contents,#title h2,#contents_top
{width:1140px;
  margin-left:auto;
  margin-right:auto;
  padding:0px 0px}

body 
{font-family:'游ゴシック体', 'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',' Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica','sans-serif';
  font-size:15px;
  line-height:1.7;
  text-align:justify;
  text-justify:inter-ideograph;
  margin:0px auto 0px auto;
  padding:0px 0px 0px 0px;
  width:100%;
  color:#000;	
  position:relative;
  font-weight:normal;
  height:100%;
  overflow-x: hidden;}
	
body > #whole{height:auto}	

h1
{font-size:10px;
  width:100%;
  font-weight:normal;
	line-height:1.3em;
	color:#999999;
	height:20px;
	padding:3px 0px 0p x 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	z-index:4}			

#whole
{padding:0px 0px 0px 0px;
  text-align:justify;
  text-justify:inter-ideograph;
  position:relative;
  overflow-x: hidden;
  z-index:4}

img
{border:none;
  width:100%;
  height:auto}

br.brsp
{display:none !important}

.mode_pc
{display:inherit}
.mode_sp
{display:none}

/*ヘッダー*/

#header
{width: 100%;}

.header_contents
{margin-bottom:10px;
  position:relative}

.header_logo
{width:250px;
  margin:0px;
  display:inline-block}

.header_contents h2
{padding:0px;
  font-size:11px;
  line-height:1.3em;
  font-weight:normal;
  margin:0px;
  padding:0px;
  color:#999999;
  position:relative;
  left:20px;
  top:20px;
  display:inline-block;
  vertical-align:top;}

.header_tel
{position:absolute;
  right:270px;
  bottom:10px;
  z-index:5;}

.header_tel>span
{display:block;
  font-size:11px;
  line-height:1.4em;
  color:#614c3f;
  letter-spacing:5px;
  text-align:center}

.header_tel a
{padding:0px 0px 0px 0px;
  font-size:32px;
  line-height:1.3em;
  font-weight:bold;
  font-family: "游明朝 Bold", "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color:#614c3f !important;
  text-decoration:none !important}

.header_tel a span
{padding:0px 10px 0px 0px;
  width:30px;
  display:inline-block}

.header_contact
{position:absolute;
  right:10px;
  bottom:10px;
  z-index:5;}

.header_contact ul
{}

.header_contact ul li
{margin:0px 0px 5px 0px;
  text-align:center}

.header_contact ul li a
{text-align:center;
  color:#ffffff;
  text-decoration:none;
  display:block;
  font-size:18px;
  line-height:1.2em;
  font-weight:bold;
  padding:24px 40px;
  background-color:#dd4444;
  background-image:url(img/wline.png);
  border-radius:1px;
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
	position:relative}
  
.header_contact ul li a:hover
{background-color:#cccccc;}

.header_contact ul li a:after
{content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 60px 60px 0 0;
  border-color:rgba(255,255,255,0.15) transparent transparent transparent;
  position:absolute;
  left:0px;
  top:0px;}

.header_bt
{padding:0px;
  background-color:#614c3f;
  background-image:url(img/wline.png);}

.header_bt ul
{margin:0px auto 0px auto;
  font-size:0;
  text-align:center;
  position:relative}

.header_bt ul li
{margin:0px 0px;
  display:inline-block;
  font-size:14px;
  vertical-align:top;
  line-height:0}

/*ボディ*/	

#body
{padding-top:0px;
  padding-bottom:20px;
  position:relative}

#title
{}

#title h2
{padding:40px 500% 40px 500%;
  font-size:28px;
  line-height:1.3em;
  font-weight:bold;
  text-align:center;
  margin:0px -500% 30px -500%;
  color:#614c3f;
  letter-spacing:4px;
  background-color:#eeebeb;
  background-image:url(img/wline100.png);
  position:relative}

#title h2 span {
	display: inline-block;
	position: relative;
}

#title h2 span:before,
#title h2 span:after {
	content: "";
	position: absolute;
	height: 4px;
	border-top: 1px solid #614c3f;
	top: 17px;
	width: 150px;}

#title h2 span:before {
	right: 100%;
	margin-right: 50px;
}
 
#title h2 span:after {
	left: 100%;
	margin-left: 50px;
}

#contents
{width:800px;
  margin:40px 20px 0px 50px;
  padding-top:0px;
  padding-bottom:0px;
  position:relative;
  float:right}

#contents_top
{ position:relative;}

.navi
{font-size:10px;
  margin:0px 0px 0px 0px;
  position:absolute;
  top:120px;
  left:20px}

.navi a:link,.navi a:visited
{text-decoration:none !important}

#contents_top>h3
{padding:40px 500% 40px 500%;
  font-size:28px;
  line-height:1.3em;
  font-weight:bold;
  text-align:center;
  margin:0px -500% 30px -500%;
  color:#614c3f;
  letter-spacing:4px;
  background-color:#eeebeb;
  background-image:url(img/wline100.png);
  position:relative}

#contents_top>h3 span {
	display: inline-block;
	position: relative;
}

#contents_top>h3 span:before,
#contents_top>h3 span:after {
	content: "";
	position: absolute;
	height: 4px;
	border-top: 1px solid #614c3f;
	top: 17px;
	width: 150px;}
 
#contents_top>h3 span:before {
	right: 100%;
	margin-right: 50px;
}
 
#contents_top>h3 span:after {
	left: 100%;
	margin-left: 50px;
}

#contents>h3
{padding:0px 0px 25px 0px;
  font-size:28px;
  line-height:1.3em;
  font-weight:normal;
  text-align:center;
  margin:0px auto 40px auto;
  color:#614c3f;
  background-image:url(img/contents_title.png);
  background-repeat:no-repeat;
  background-position:bottom;
  letter-spacing:4px;
  position:relative}

.contents_title
{padding:0px 0px 0px 0px;
  font-size:42px;
  line-height:1.3em;
  font-weight:bold;
  text-align:center;
  color:#dd4444;
  margin:0px auto 10px auto;
  font-family: 'Garamond', serif;
  letter-spacing:2px}

.body_footer
{margin-top:40px}

/*サイドバー*/	

#side
{width:250px;
  margin:0px 0px 0px 20px;
  padding-top:0px;
  padding-bottom:0px;
  position:relative;
  float:left}

#side>h5
{padding:8px 5px;
  font-size:16px;
  line-height:1.3em;
  font-weight:bold;
  text-align:center;
  margin:0px auto 20px auto;
  color:#614c3f;
  background-color:#eeebeb;
  background-image:url(img/wline100.png);
  position:relative}

.side_menu
{margin:0px 0px 30px 0px}

.side_menu li
{line-height:1.0em;
  margin-bottom:2px}

.side_news
{margin:0px 0px 30px 0px;
  padding:10px;
  background-color:#614c3f;
  background-image:url(img/wline.png);
  color:#ffffff;}

.side_news h5
{padding:0px;
  font-size:18px;
  line-height:1.3em;
  font-weight:bold;
  text-align:center;
  margin:0px auto 10px auto;}

.side_news dl
{padding:0px 0px 5px 0px;
  margin:0px 0px 10px 0px;
  border-bottom:1px dotted #ffffff}

.side_news dl dt
{font-size:11px;}

.side_blog
{margin:0px 0px 30px 0px}

.side_blog h5:after
{content: ".";
  line-height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  width: 50%;
  border-bottom: 1px solid #ff3333; }

.side_blog dl
{margin:0px 0px 0px 0px;
  position:relative}

.side_blog dl dt
{font-size:11px}

.side_blog dl dd
{margin:5px 0px 10px 0px;
  padding-bottom:5px;
  border-bottom:1px dotted #cccccc;
  font-size:13px;
  line-height:1.4em}

.side_blog dl dd h6
{padding:0px 0px 0px 0px;
  font-size:14px;
  line-height:1.3em;
  font-weight:bold;
  margin:0px 0px 5px 0px;
  color:#333333;}

.side_blog dl dd span
{margin:0px 0px 5px 0px;
  display:block}

.side_blog dl dd span img
{height:inherit}

.side_blog dl dd strong
{font-size:11px;
  color:#ff5555;
  border:1px solid #ff5555;
  padding:2px 5px;
  display:inline-block;
  font-weight:normal;
  position:absolute;
  top:0px;
  right:0px;}

.side_party
{margin:0px 0px 30px 0px}

.side_party h5
{padding:8px 0px 8px 0px;
  font-size:18px;
  line-height:1.3em;
  font-weight:vold;
  border-bottom:1px solid #cccccc;
  text-align:center;
  margin:0px auto 20px auto;
  color:#333333;
  position:relative}

.side_party h5:after
{content: ".";
  line-height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  width: 50%;
  border-bottom: 1px solid #ff3333; }

.side_party dl
{margin:0px 0px 0px 0px;
  position:relative}

.side_party dl dt
{font-size:14px;
  color:#ff3333}

.side_party dl dd
{margin:5px 0px 10px 0px;
  padding-bottom:15px;
  border-bottom:1px dotted #cccccc;
  font-size:14px;
  line-height:1.4em}

.side_party dl dd h6
{padding:0px 0px 0px 0px;
  font-size:14px;
  line-height:1.3em;
  font-weight:bold;
  margin:0px 0px 5px 0px;
  color:#333333;}

.side_party dl dd span
{display:block;
  margin-bottom:5px;
  text-align:center;
  font-weight:bold}

.side_party dl dd span img
{height:auto;
  display:block;
  margin-bottom:5px;}

.side_party dl dd p
{font-size:12px;
  line-height:1.5em;
  color:#ff5577;
  text-align:center}

.side_party dl dd p strong
{color:#0066ff;
  font-weight:normal;
  padding-right:20px;}

.side_ibj
{margin:0px 0px 30px 0px;
  font-size:12px;
  line-height:1.4em;}

.side_ibj span
{display:block;
  margin:0px auto 5px auto;
  text-align:center}

.side_ibj span img
{width:inherit}

/*フッター*/	

#footer
{width: 100%;
  background-color:#614c3f;
  background-image:url(img/wline.png);
  color:#ffffff;}

.footer_contents
{margin:0px auto 0px auto;
  padding-top:10px;
  padding-bottom:20px;
  position:relative}

.footer_contents span
{margin:0px auto 10px auto;
  display:block;
  width:200px;}

.footer_contents b
{display:block;
  width:170px;
  position:absolute;
  top:40px;
  right:250px;
  font-weight:normal;
  font-size:11px;
  line-height:1.2em;}

.footer_contents b img
{display:block;
  margin-bottom:5px;}

.footer_contents h6
{font-size:12px;
  line-height:1.3em;
  font-weight:normal;
  text-align:center;
  margin:0px auto 10px auto;}

.footer_contents ul
{margin:0px 0px 10px 0px;
  padding:0px;
  font-size:0px;
  color:#ffffff;
  position:relative;}

.footer_contents ul li
{display:inline-block;
  width:11.11111%;
  vertical-align:top;
  font-size:12px;
  line-height:1.3em;}

.footer_contents ul li a
{text-decoration:none;
  text-align:center;
  display:block;
  border-right:1px solid #ffffff;
  color:#ffffff;
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;}

.footer_contents ul li a:hover
{color:#cccccc;}

.footer_contents ul li:first-of-type a
{border-left:1px solid #ffffff;}

.footer_contents p
{font-size:12px;
  line-height:1.3em;
  font-weight:normal;
  text-align:center;
  margin:0px auto 0px auto;}
 
.footer_button {
    position: fixed;
    bottom: 0px;
    left: 0px;
	z-index:10;
	display:inherit;
	width:100%;
	transform: translate3d(0,0,0);
	background-color:#ffffff;
	border-top:1px solid #333;
	text-align:center;}

.footer_button_pc
{margin:0px auto 0px auto;
  font-size:0;
  text-align:center;
  width:1140px;
  position:relative;
  top:5px}

.footer_button_pc li
{margin:0px 0px;
  display:inline-block;
  font-size:18px;
  vertical-align:top;}
 
.footer_button_sp
{display:none} 
 
/*トップページ/index/*/	

.top_slider
{margin:0px 0px 0px 0px;
  width:100vw}

.top_slider img
{width:100vw;}

.top_reason
{margin: 30px 0px 30px 0px;
  padding-bottom:30px;
  border-bottom:1px solid #614c3f;
  font-size:16px;
  line-height:1.8em;
  text-align:center;
  color:#614c3f}

.top_reason h2
{font-size:36px;
  line-height:1.4em;
  text-align:center;
  color:#614c3f;
  padding:0px;
  margin:0px 0px 30px 0px;
  font-weight:normal}

.top_media
{margin: 0px 10% 40px;}

.top_messege
{margin: 0px auto 20px;
text-align: center}
.top_messege>dl
{display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
	align-items: center;
	text-align: justify;
margin:0px 10% 20px}
.top_messege>dl>dt
{width:20%;
  text-align:center;}
.top_messege>dl>dt>span
{font-weight:normal;
  display:block;
  font-size:12px;
  line-height:1.3;
  margin-top:10px;}
.top_messege>dl>dd
{width:76%;}
.top_messege>dl>dd
{margin-bottom:20px;
  font-size:16px;
  line-height:1.7;
  letter-spacing:1px}
.top_messege>span
{display: block;
text-align: center;
margin: 0px auto 0px}
.top_messege>span img
{display:block;
	width: 170px;
  margin:0px auto 5px auto}

.top_merit
{margin:0px 0px 40px 0px;}

.top_merit ul
{font-size:0;
  margin:0px 0px 0px 0px;}

.top_merit ul li
{font-size:14px;
  line-height:1.6em;
  margin-bottom:0px;
  display:inline-block;
  vertical-align:top;
  width:30.66666%;
  margin-right:4%;}

.top_merit ul li:nth-of-type(3n)
{margin-right:0%}

.top_merit ul li>span
{display:block;
  margin-bottom:20px;
  position:relative}

.top_merit ul li>span>b
{display:block;
  font-size:12px;
  line-height:1.2em;
  position:absolute;
  font-weight:normal;
  bottom:0px;}

.top_merit h4
{font-size:18px;
	font-weight:bold;
	line-height:1.4em;
	color:#614c3f;
	padding:0px;
	margin:0px 0px 30px 0px;
	position:relative}

.top_merit h4 img
{width:40px;
  display:block;
  margin:0px auto 10px auto;
  text-align:center}

.top_merit h4 span
{display:block}

.top_merit h4 b
{font-size:12px;
	line-height:1.4em;
	padding-left:5px}


.top_service
{margin:0px 0px 40px 0px;}

.top_service ul
{font-size:0;
  margin:0px 0px 0px 0px;}

.top_service ul li
{font-size:16px;
  margin-bottom:1%;
  display:inline-block;
  vertical-align:top;
  width:32.66666%;
  margin-right:1%;
  text-align:center;
  position:relative}

.top_service ul li:nth-of-type(3n)
{margin-right:0%}

.top_service ul li a
{background-color:rgba(0,0,0,0.3);
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
	height:100%;
	width:100%;
	color:#ffffff;
	text-decoration:none;
	display:block;
	position:absolute;
	top:0px;
	z-index:2}

.top_service ul li a:hover
{background-color:rgba(0,0,0,0);
  color:#ffffff;}

.top_service ul li img
{display:block}

.top_service ul li a span
{font-size:18px;
  margin:auto;
  padding:0px;
  color:#ffffff;
  line-height:1.3em;
  font-weight:bold;
  display:block;
  position:absolute;
  z-index:3;
  top:80px;
  bottom:0px;
  left:0px;
  right:0px}

.top_service ul li a span b
{font-size:32px;
  line-height:1.4em;
  display:block;
  margin-bottom:10px;
  font-family: "Century Gothic";}


.top_service ul li p
{font-size:13px;
  line-height:1.3em;
  text-align:justify}

.top_news
{margin:0px 0px 10px 0px;
  padding:5px 20px;
  border:1px dotted #614c3f}

.top_news dl
{margin:0px 0px 0px 0px;
  padding-bottom:0px;}

.top_news dl:last-of-type
{margin:0px 0px 0px 0px;}

.top_news dt
{float:left;
  font-weight:bold}

.top_news dd
{margin:0px 0px 0px 120px;}

.top_blog_contents
{margin:30px 0px 40px 0px;}

.top_blog_contents ul
{margin:0px 0px 0px 0px;
  font-size:0}

.top_blog_contents ul li
{font-size:12px;
  line-height:1.5em;
  display:inline-block;
  vertical-align:top;
  width:23.5%;
  margin-right:2%;
  margin-bottom:20px;
  position:relative}

.top_blog_contents ul li:nth-of-type(4n)
{margin-right:0%;}

.top_blog_contents ul li strong
{font-size:11px;
  color:#ff6633;
  border:1px solid #ff6633;
  padding:2px 5px;
  display:inline-block;
  font-weight:normal;
  position:absolute;
  top:-10px;
  right:0px;}

.top_blog_contents ul li b
{font-size:11px;
  color:#999999;
  display:block;
  font-weight:normal}

.top_blog_contents ul li span
{display:block;
  margin-bottom:10px;}

.top_blog_contents ul li span img
{height:inherit}

.top_blog_contents ul li h4
{font-size:16px;
  margin:0px 0px 10px 0px;
  padding:0px;
  color:#333333;
  line-height:1.3em;
  font-weight:normal}

.top_blog_contents ul li p
{font-size:12px;
  line-height:1.5em;}

.top_blog_link
{text-align:center;
  margin:10px 0px 0px 0px;
  font-weight:bold;}

.top_blog_link a
{text-align:center;
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:11px;
  line-height:1.2em;
  font-weight:bold;
  padding:5px 20px;
  background-color:#dd4444;
  background-image:url(img/wline.png);
  border-radius:3px;
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;}
  
.top_blog_link a:hover
{background-color:#cccccc;}

.top_blog
{margin:5px 0px;
  padding:5px 0px;
  border-bottom:1px dotted #999999;
  font-size:0;}

.top_blog_photo
{display:inline-block;
  font-size:14px;
  width:20%}

.top_blog_photo img
{height:auto}

.top_blog_text
{display:inline-block;
  font-size:14px;
  width:77%;
  margin-left:3%;
  vertical-align:top}

.top_blog_text div
{font-size:8pt;
  color:#999999}

.top_blog_text p
{font-size:10pt;
  line-height:1.4em}

.top_blog_text h4
{font-size:16px;
  margin:0px;
  padding:0px;
  color:#333333;
  background-image:none;
  text-align:left}

.top_blog_text strong
{font-size:10pt;
  font-weight:bold;
  text-align:right;
  margin-top:5px;
  display:block}

.top_blog_text strong img
{width:100px}

.top_party_contents
{margin:0px 0px 40px 0px;}

.top_party_contents ul
{margin:0px 0px 0px 0px;
  font-size:0}

.top_party_contents ul li
{font-size:12px;
  line-height:1.5em;
  display:inline-block;
  vertical-align:top;
  width:32%;
  margin-right:2%;
  margin-bottom:20px;
  position:relative}

.top_party_contents ul li:nth-of-type(3n)
{margin-right:0%;}

.top_party_contents ul li span
{display:block;
  margin-bottom:5px;}

.top_party_contents ul li span img
{height:inherit}

.top_party_contents ul li h4
{font-size:14px;
  margin:0px 0px 5px 0px;
  padding:0px;
  line-height:1.5em;
  font-weight:bold;}

.top_party_contents ul li h5
{font-size:14px;
  margin:0px 0px 5px 0px;
  padding:0px;
  line-height:1.3em;}

.top_party_contents ul li p
{font-size:12px;
  line-height:1.5em;
  color:#ff5577;
  text-align:center}

.top_party_contents ul li p strong
{color:#0066ff;
  font-weight:normal;
  padding-right:20px;}

.top_party_link
{text-align:center;
  margin:10px 0px 0px 0px;
  font-family: "游明朝 Light", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.top_party_link a
{text-align:center;
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:11px;
  line-height:1.2em;
  font-weight:bold;
  padding:3px 20px;
  background-color:#ff3333;
  background-image:url(img/wline.png);
  border-radius:3px;
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;}
  
.top_party_link a:hover
{background-color:#cccccc;}

/*こだわりと強み/reason/*/	

.reason_intro
{margin:0px 0px 50px 0px;
  background-color:#f0ecea;
  background-image:url(img/wline100.png);
  padding:3%;
  font-size:15px;
  line-height:1.8em;
  position:relative}

.reason_intro span
{margin:20px 0px 0px 0px;
  display:block}

.reason_contents_ibj h4,.reason_contents_speed h4,.reason_contents_design h4
{padding:0px 0px 0px 0px;
  font-size:30px;
  line-height:1.4em;
  font-weight:bold;
  margin:0px 0px 40px 0px;
  font-family: "游明朝 bold", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  position:relative;
  color:#614c3f}

.reason_contents_ibj h4 span,.reason_contents_speed h4 span,.reason_contents_design h4 span
{padding:3px 5px;
  border:1px solid #614c3f;
  font-size:11px;
  line-height:1.4em;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  font-family:inherit;
  font-weight:normal;
  display:inline-block;
  position:relative;
  color:#614c3f}

.reason_contents_ibj h4 b,.reason_contents_speed h4 b,.reason_contents_design h4 b
{display:block;}

.reason_contents_ibj h4 b strong,.reason_contents_speed h4 b strong,.reason_contents_design h4 b strong
{font-size:11px;
  line-height:1.3em;
  font-weight:normal;
  padding-left:0px}

.reason_contents_ibj h4>img,.reason_contents_speed h4 >img,.reason_contents_design h4 >img
{padding:0px 20px 0px 0px;
  float:left;
  width:100px;
  position:relative;
  top:5px}

.reason_contents_ibj
{margin:0px 0px 60px 0px;}

.reason_contents_ibj>span
{margin:0px auto 30px;
  display:block;
  width:200px;}

.reason_contents_ibj>ul
{font-size:0px;
  margin-bottom:30px}

.reason_contents_ibj>ul li
{font-size:15px;
  display:inline-block;
  vertical-align:top;
  width:31.3%;
  margin-right:3%;
  text-align:center}

.reason_contents_ibj>ul li:last-of-type
{margin-right:0%}

.reason_contents_ibj>ul li h5
{padding:0px 0px 0px 0px;
  font-size:17px;
  font-weight:bold;
  margin:0px 0px 5px 0px;
  color:#614c3f}

.reason_contents_ibj>ul li span
{padding:0px 0px 0px 0px;
  font-size:12px;
  line-height:1.4em;
  font-weight:normal;
  margin:0px 0px 10px 0px;
  display:block}

.reason_contents_ibj>ul li img
{display:block;}

.reason_contents_ibj>div
{font-size:0px;
  margin-bottom:20px;}

.reason_contents_ibj>div>span
{font-size:15px;
  display:inline-block;
  vertical-align:top;
  width:35%;
  margin-right:3%;
  float:left}

.reason_contents_ibj>div:last-of-type>span
{margin-right:0%;
  margin-left:3%;
  float:right;}

.reason_contents_ibj>div>div
{font-size:15px;
  display:inline-block;
  vertical-align:top;
  width:62%;}

.reason_contents_ibj>div>div h6
{padding:0px 0px 0px 0px;
  font-size:17px;
  font-weight:bold;
  margin:0px 0px 10px 0px;
  color:#614c3f}

#search ul
{margin-top:40px;
  border:10px solid #eeeeee;
  padding:5%;}

#search ul>li
{font-size:16px;
  text-align:center;
  display:inline-block;
  width:45%;
  margin-right:10%;}

#search ul>li:last-of-type
{margin-right:0%;}

#search ul>li img
{display:block;
  margin-top:5px;}

.reason_contents_speed
{margin:0px 0px 60px 0px;}

.reason_contents_speed>span
{margin:20px 5% 0px 5%;
  display:block;
  font-size:17px;
  font-weight:bold;
  text-align:center;
  color:#614c3f}

.reason_contents_speed>span img
{margin-top:10px;
  display:block}

.reason_contents_speed h5
{padding:0px 0px 0px 0px;
  font-size:20px;
  line-height:1.5em;
  font-weight:bold;
  margin:0px 0px 20px 0px;
  letter-spacing:2px;
  text-align:center;
  color:#614c3f}

.reason_contents_speed>div
{font-size:0px;
  margin-top:20px;
  background-color:#f0ecea;
  background-image:url(img/wline100.png);
  border-radius:5px;
  padding:3%;
  overflow:auto}

.reason_contents_speed>div>span
{font-size:15px;
  display:inline-block;
  vertical-align:top;
  width:35%;
  margin-left:3%;
  float:right}

.reason_contents_speed>div>div
{font-size:15px;
  display:inline-block;
  vertical-align:top;
  width:62%;}

.reason_contents_design
{margin:0px 0px 30px 0px;}

.reason_contents_design h5
{padding:10px 10px;
  font-size:24px;
  line-height:1.5em;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  letter-spacing:2px;
  text-align:center;
  background-color:#614c3f;
  color:#ffffff}

.reason_contents_design>b
{width: 0;
  height: 0;
  border: 20px solid transparent;
  text-align:center;
  margin:0px auto;
  border-top: 20px solid #614c3f;
  display:block}

.reason_contents_design01
{margin:0px 0px 30px 0px;}

.reason_contents_design01 ul
{font-size:0px;
  margin:0px 0%}

.reason_contents_design01 ul li
{font-size:13px;
  line-height:1.5em;
  display:inline-block;
  vertical-align:top;
  width:32%;
  margin-right:2%;}

.reason_contents_design01 ul li:last-of-type
{margin-right:0%}

.reason_contents_design01 ul li h6
{padding:0px 0px 0px 0px;
  font-size:16px;
  line-height:1.5em;
  font-weight:bold;
  margin:0px 0px 10px 0px;
  text-align:center;
  color:#614c3f}

.reason_contents_design01 ul li img
{display:block;
  margin-bottom:5px}

.reason_contents_design02
{font-size:0px;
  margin-bottom:30px;}

.reason_contents_design02>span
{font-size:15px;
  display:inline-block;
  vertical-align:top;
  width:35%;
  margin-right:3%;}

.reason_contents_design02>div
{font-size:15px;
  display:inline-block;
  vertical-align:top;
  width:62%;}

.reason_contents_design02>div h6
{padding:0px 0px 0px 0px;
  font-size:18px;
  line-height:1.5em;
  font-weight:bold;
  margin:0px 0px 10px 0px;
  color:#614c3f}

.reason_contents_design03
{font-size:0px;
  margin-bottom:0px;
  overflow:auto}

.reason_contents_design03>span
{font-size:15px;
  display:inline-block;
  vertical-align:top;
  width:35%;
  margin-left:3%;
  float:right}

.reason_contents_design03>div
{font-size:15px;
  display:inline-block;
  vertical-align:top;
  width:62%;}

/*コース・料金/price/*/	

.price_intro
{margin:0px 0px 50px 0px;
  font-size:0px}
  
/*.price_intro>div:first-of-type
{font-size:15px;
  display:inline-block;
  vertical-align:top;
  width:57%}*/

.price_intro>span
{font-size:15px;
  display:inline-block;
  vertical-align:top;
  width:40%;
  margin-left:3%;}

.price_intro_about
{margin:20px 0px 0px 0px;
  font-size:15px;
  line-height:1.7em;
  position:relative;
  padding:3%;
  border:10px solid #eeebeb;}

.price_intro_about h4
{padding:0px;
	line-height:1.4em;
	font-size:18px;
	margin:0px 0px 20px 0px;
	text-align:center;
	letter-spacing:3px}

.price_intro_about>dl>dt
{padding:7px 10px; 
  width:100px;
  display:inline-block;
  background-color:#614c3f;
  background-image:url(img/wline.png);
  font-weight:bold;
  color:#ffffff;
  text-align:center;
  font-size:17px;
  clear:left;
  float: left;}

.price_intro_about>dl>dd
{margin-left:140px;
  margin-bottom:20px;
  padding:7px 0px}

.price_intro_about>dl>dd:last-of-type
{margin-bottom:0px;}

.price_intro_about>dl>dd dl
{margin:10px 0px 0px 0px;
  font-size:14px;
  line-height:1.6em;
  position:relative;}

.price_intro_about>dl>dd dl dt
{padding:0px; 
  width:150px;
  display:inline-block;
  font-weight:bold;
  color:#614c3f;
  clear:left;
  float: left;}

.price_intro_about>dl>dd dl dd
{margin-left:170px;
  margin-bottom:5px;}

.price_course
{margin:0px 0px 50px 0px;}

.price_course ul
{margin:0px 5% 20px 5%;
  font-size:0}
  
.price_course ul li
{font-size:16px;
  width:49%;
  margin-right:2%;
  margin-bottom:10px;
  display:inline-block;
  vertical-align:top}

.price_course ul li:nth-of-type(2n)
{margin-right:0%;}

.price_course ul li a
{display:block;
  font-weight:bold;
  color:#ffffff;
  background-color:#dd4444;
  background-image:url(img/wline.png);
  padding:8px 3px;
  border-radius:1px;
  text-align:center;
  text-decoration:none;
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;}

.price_course ul li a:hover
{background-color:#cccccc;}

.price_course p strong
{color:#ff6633}

.price_plan
{margin:0px 0px 50px 0px;}

.price_plan h4
{padding:0px;
	line-height:1.8em;
	font-size:16px;
	margin:0px 0px 20px 0px;
	background-color:#614c3f;
  background-image:url(img/wline.png);
  color:#ffffff;
  padding:7px;
	text-align:center}

.price_plan>p
{padding:0px;
	line-height:1.6em;
	font-size:14px;
	margin:0px 0px 20px 0px;}

.price_plan h4 span
{line-height:1.4em;
	font-size:32px;
	display:block}

.price_plan_money
{margin:0px 0px 0px 0px;
  width:46%;
  display:inline-block;
  vertical-align:top}

.price_plan_money>span
{margin:0px 0px 20px 0px;
  display:block;}

.price_plan_money dl,.price_plan_campaign dl
{overflow:visible;
  zoom: 1;
  clear: both;
  float:none;}

.price_plan_money dl dt,.price_plan_campaign dl dt
{padding:10px; 
  width:120px;
  display:inline-block;
  margin-bottom:5px;
  font-weight:bold;
  background-color:#eeebeb;
  background-image:url(img/wline100.png);
  clear:left;
  float: left;
  text-align:center}

.price_plan_money dl dd,.price_plan_campaign dl dd
{padding:10px;
  background-color:#ffffff;
  margin-left:140px;
  text-align:center;
  margin-bottom:5px;
  position:relative}

.price_plan_money dl dd>b,.price_plan_campaign dl dd>b
{font-size:24px;
  color:#ff5555;
  padding-right:5px;
  font-family:century Gothic}

.price_plan_money dl dd div>span
{text-decoration:line-through}

.price_campaign
{width:70px;
  position:absolute;
  right:-15px;
  top:-15px;}

.price_plan_money dl dd>strong
{font-size:12px;
  line-height:1.2em;
  display:block;
  margin-top:5px;
  font-weight:normal}

.price_plan_money>p
{font-size:12px;
  line-height:1.4em;
  margin-top:5px;
  font-weight:normal}

.price_plan04
{padding:10px;
	line-height:1.5em !important;
	font-size:14px !important;
	margin:0px 0px 10px 0px;
	background-color:#fdd;
  background-image:url(img/wline100.png);}

.price_plan_money dl dd>span
{display:block;
  color:#ff5577}

.price_plan_money_campaign>div
{font-size:14px;
  line-height:1.4em;}

.price_plan_money_campaign>div>b
{font-size:160%;
  color:#ff5555;
  padding:5px;
  font-family:century Gothic}

.price_plan_money_campaign del
{color:#333333;}

.price_plan_money_campaign del span
{color:#ff5555;}

.price_plan_campaign
{font-size:14px;
  line-height:1.4em;
  margin-bottom:20px}

.price_plan_campaign>div
{border:1px dotted #ff5555;
  border-radius:5px;
  padding:1% 3%;
  text-align:center;}

.price_plan_campaign>div h5
{padding:0px;
  font-size:24px;
  line-height:1.3em;
  font-weight:bold;
  margin:0px 0px 5px 0px;
  position:relative;}

.price_plan_campaign>div h5>span
{font-size:140%;
  color:#ff5555;
  padding:0px 2px;
  font-family:century Gothic}

.price_plan_money_omiai
{display:inline !important;
  color:#ff5577;
  font-weight:bold}

.price_plan>span
{margin-right:3%;
  width:50%;
  display:inline-block;
  vertical-align:top;}

.price_plan_high
{margin:0px 0px 20px 0px;
  background-color:#eeddcc;
  background-image:url(img/wline100.png);
  padding:2%;}

.price_plan_high h5
{padding:0px;
  font-size:18px;
  line-height:1.3em;
  font-weight:bold;
  margin:0px 0px 5px 0px;
  position:relative;
  color:#614c3f;
  text-align:center}

.price_plan_high ul
{font-size:14px;
  line-height:1.5em;}

.price_plan_high ul li
{list-style-type:disc;
  margin-left:22px;}

.price_document
{margin:0px 0px 40px 0px;}

.price_document dl
{overflow: hidden;
  zoom: 1;
  padding:3%; 
  margin-top:20px;
  margin-bottom:20px;
  border:7px solid #eeebeb;} 

.price_document dl dt
{width:200px;
  float: left; 
  clear: both;
  font-weight:bold;
  padding:0px 0px 2px 0px}

.price_document dl dd
{padding:0px 0px 2px 0px;
  margin:0px 0px 0px 220px;} 

.price_attension
{margin:0px 0px 40px 0px;}

.price_attension h4
{padding:0px;
  font-size:16px;
  line-height:1.3em;
  font-weight:bold;
  margin:0px 0px 10px 0px;
  position:relative;
  color:#333333}

.price_attension p
{padding-bottom:10px;
  margin:0px 0px 20px 0px;
  border-bottom:1px dotted #999999;
  font-size:14px;
  line-height:1.4em;}

/*ご成婚までの流れ/flow/*/	

.flow_intro
{margin:0px 0px 70px 0px;
  text-align:center}

.flow_contents
{margin:0px 0px 40px 0px;
  padding-bottom:70px;
  background-image:url(img/flow_arrow.png);
  background-position:center bottom;
  background-size:80px;
  background-repeat:no-repeat;
  font-size:0px;
  position:relative}
.flow_contents:last-of-type
{margin:0px 0px 0px 0px;
  padding-bottom:30px;
  background-image:none;}

.flow_contents>b
{position:absolute;
  width:50px;
  top:-25px;
  left:-25px;}

.flow_contents:nth-of-type(2n-1)>b
{left:inherit;
  right:-25px}

.flow_contents>span
{width:47%;
  margin-left:3%;
  font-size:15px;
  float:right;}

.flow_contents:nth-of-type(2n)>span
{margin-left:0%;
  margin-right:3%;
  float:left;}

.flow_contents div:first-of-type
{display:inline-block;
  vertical-align:top;
  width:50%;
  font-size:15px;}

.flow_contents div h4
{padding:0px;
	line-height:1.4em;
	color:#614c3f;
	font-size:24px;
	margin:0px 0px 20px 0px;
	font-weight:normal}

.flow_contents div h4>span
{display:block}

.flow_contents div p span
{display:block}

.flow_contents_search
{margin:30px 0% 0px 0%;
  font-size:0px;}

.flow_contents_search li
{width:32%;
  margin-right:2%;
  font-size:12px;
  line-height:1.4em;
  display:inline-block;
  vertical-align:top}

.flow_contents_search li:last-of-type
{margin-right:0%;}

.flow_contents_search li h5
{padding:0px;
  font-size:14px;
  line-height:1.3em;
  font-weight:bold;
  text-align:center;
  margin:0px auto 5px auto;
  color:#333333;
  position:relative}

.flow_contents_search li b
{display:block;
  margin-bottom:5px;}

.flow_wedding
{margin:0px 0px 10px 0px;
  text-align:center}

.flow_wedding b
{display:block;
  width:75px;
  margin:0px auto 10px auto;
  text-align:center}

.flow_wedding h4
{padding:0px;
	line-height:1.4em;
	color:#614c3f;
	font-size:28px;
	margin:0px 0px 20px 0px}

.flow_wedding span
{display:block;
	position: relative;
	margin-top:10px;}
	
.flow_wedding span:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 
	  inset 0 0 20px #fff /* 背景色と同じ色 */,
	  inset 0 0 20px #fff,
	  inset 0 0 20px #fff,
	  inset 0 0 20px #fff;
}

.flow_arrow
{margin:20px auto 20px auto;
  text-align:center;
  width:80px;}

	
/*会社概要とアクセス/company/*/	

.company_intro
{margin:0px 0px 50px 0px}

.company_intro b
{display:block;
  margin-bottom:20px;
  text-align:center}

.company_intro b img
{width:inherit}

.company_intro h4
{padding:0px;
	color:#ff3333;
	line-height:1.4em;
	font-size:30px;
	margin:0px 0px 20px 0px;
	text-align:center}

.company_intro h4 span
{padding:0px 0px 0px 5px;
	color:#333333;
	font-size:18px;}

.company_intro h4 strong
{color:#aaaaaa;}

.company_intro p
{text-align:center}

.company_staff
{margin:0px 0px 50px 0px;}

.company_staff dl
{font-size:0px;
  margin-bottom:20px}

.company_staff dl dt
{font-size:13px;
  line-height:1.4em;
  display:inline-block;
  width:19%;
  vertical-align:top;
  margin-right:2%}

.company_staff dl dd
{font-size:13px;
  line-height:1.4em;
  display:inline-block;
  width:79%;
  vertical-align:top;}

.company_staff dl dd h4
{padding:0px 0px 0px 0px;
	line-height:1.4em;
	font-size:20px;
	margin:5px 0px 10px 0px;
	color:#614c3f;
	letter-spacing:3px;}

.company_staff dl dd p
{padding:1%;
  border-radius:3px;
  margin:10px 0px 0px 0px;
  border:1px dotted #614c3f;}

.company_access
{margin:0px 0px 50px 0px;}

.company_access h4
{padding:0px 0px 0px 0px;
	line-height:1.4em;
	font-size:18px;
	margin:0px 0px 20px 0px;
	color:#614c3f;
	text-align:center}

.company_access ul
{margin:20px 5% 40px 5%;
  font-size:0px}

.company_access ul li
{font-size:12px;
  line-height:1.5em;
  display:inline-block;
  vertical-align:top;
  width:48%;
  margin-right:4%}

.company_access ul li:last-of-type
{margin-right:0%}

.company_access ul li span
{display:block;
  margin-bottom:10px}

.company_access ul li>h5
{padding:0px 0px 0px 0px;
	line-height:1.4em;
	font-size:17px;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	text-align:center;
	color:#614c3f}

.company_access>span
{margin:0px 0px 20px 0px;
  display:block}

.company_access>iframe
{margin:0px 0px 20px 0px;
  display:block;
  height:400px;
  width:100%;
  border:none}

.company_access>h5
{padding:0px 0px 0px 0px;
	line-height:1.4em;
	font-size:17px;
	margin:0px 0px 5px 0px;
	color:#614c3f;
	text-align:center}

.company_access>div:nth-of-type(2) h5:last-of-type
{margin:20px 0px 5px 0px;}

.company_access>div:last-of-type
{margin:0px 0px 0px 0px;
  background-color:#eeddcc;
  background-image:url(img/wline100.png);
  padding:3%;
  font-size:14px;
  text-align:justify}

.company_access>div:last-of-type p
{margin:0px 0px 10px 0px;}

.company_outline dl
{border:1px solid #cccccc;
  background-color:#eeeeee;
  border-top:none;
  overflow: hidden;
  zoom: 1;
  clear: both;
  float:none;
  margin-top:30px}

.company_outline dl dt
{padding:10px; 
  border-top:1px solid #cccccc;
  width:120px;
  font-weight:bold;
  clear:left;
  float: left;}

.company_outline dl dd
{padding:10px;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  background-color:#ffffff;
  margin-left:140px;}

.company_outline dl h4
{padding:0px;
  margin:0px;
  font-size:inherit;
  font-weight:normal;
  color:inherit;
  line-height:inherit}

/*男の婚活プロジェクト/male/*/	

.male_intro
{margin:0px 0px 50px 0px;
  position:relative}

.male_intro>h2
{padding:10px 16px;
  margin:0px 0px 30px 0px;
  font-size:32px;
  line-height:1.4em;
  color:#fff;
  background-color:#358;
  font-weight:600;}

.male_intro>p>img
{display:block;
  width:130px;
  float:right;
  margin:0px 0px 10px 20px;}

.male
{margin:0px 0px 30px 0px;
  padding-bottom:30px;
  border-bottom:1px dashed #ccc;
  position:relative}

.male>h2
{ font-size:32px;
  line-height:1.4em;
  color:#358;
  font-weight:600;
  text-align:center}

.male>dl
{font-size:0px;
  position:relative;
  margin-bottom:20px;}

.male>dl>dt
{font-size:13px;
  display:inline-block;
  vertical-align:top;
  width:32%;
  margin-right:3%;
  position:relative}

.male>dl>dt>span
{font-size:14px;
  line-height:1.3em;
  font-weight:600;
  color:#fff;
  border-radius: 50%;
  text-align:center;
  background-color:#d44;
  box-shadow: 0 0 20px rgba(255,153,0,0.5);
  width:100px;
  height:100px;
  position:absolute;
  left:-30px;
  top:-30px;}

.male>dl>dt>span>span
{position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width:100%;
  text-align:center;}

.male>dl>dd
{font-size:15px;
  display:inline-block;
  vertical-align:top;
  width:65%;}

.male>dl>dd>span
{font-size:14px;
  line-height:1.4em;
  font-weight:400;
  display:block;
  margin-bottom:5px}

.male>dl>dd>h3
{ font-size:28px;
  line-height:1.4em;
  font-weight:600;
  padding:0px;
  margin:0px 0px 20px;}

.male>dl>dd>h3>span
{font-size:14px;
  line-height:1.4em;
  font-weight:400;
  padding-left:10px;
  color:#777;
  letter-spacing:2px}

.male>dl>dd>p
{margin-bottom:20px;}

.male>p
{padding:10px 16px;
  margin:0px 0px 30px 0px;
  font-size:15px;
  line-height:1.4em;
  color:#fff;
  background-color:#358;
  background-image:url(img/wline.png);
  font-weight:400;
  border-radius:3px}

.male_channel
{margin:0px 0px 30px 0px;
  font-size:0px}

.male_otoko
{font-size:13px;
  line-height:1.4em;
  display:inline-block;
  vertical-align:top;
  width:20%;}

.male_otoko>img
{display:block;
  margin-bottom:10px;}

/*よくいただくご質問/question/*/	

.question_intro
{margin:0px 0px 30px 0px;
  font-size:0px}

.question_intro>h3
{padding:0px 0px 20px 0px;
  margin:0px 0px 20px 0px;
  border-bottom:1px dotted #614c3f;
  font-size:32px;
  letter-spacing:2px;
  line-height:1.4em;
  color:#614c3f;
  font-weight:normal;
  text-align:center}

.question_intro>div
{font-size:15px;
  display:inline-block;
  vertical-align:top;
  width:67%}

.question_intro>div p b
{font-size:12px;
  display:block;
  font-weight:normal}

.question_intro>span
{font-size:15px;
  display:inline-block;
  vertical-align:top;
  width:30%;
  margin-right:3%;}

.question_contents
{margin:0px;}

.question_contents h4
{padding:14px;
	color:#614c3f;
	border:5px solid #eeebeb;
	line-height:1.4em;
	cursor:pointer;
	font-size:18px;
	margin:0px 0px 5px 0px;
	 -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;}

.question_contents h4:first-letter
{color:#ff6666}

.question_contents h4:hover
{background-color:#eeebeb;}
  
.question_contents p
{margin:0px 0px 30px 0px;
  font-size:15px;
  display:none}

.question_contents p:first-letter
{color:#ff3333}

/*婚活パーティー/party/*/	

.party_intro
{margin:0px 0px 50px 0px}

.party_contents
{margin:0px 0px 30px 0px;
  position:relative}

.party_contents>strong
{display:inline-block;
  margin-right:10px;}

.party_contents>strong a
{font-size:11px;
  line-height:1.3em;
  color:#ff5555;
  border:1px solid #ff5555;
  padding:4px 5px;
  display:inline-block;
  font-weight:normal;
  text-decoration:none;
  margin-bottom:10px;}

.party_contents>b
{font-size:11px;
  line-height:1.3em;
  display:inline-block;
  font-weight:normal;
  color:#aaaaaa;}

.party_contents>h2
{padding:7px;
  font-size:24px;
  line-height:1.3em;
  font-weight:normal;
  margin:0px 0px 20px 0px;
  font-family: "游明朝 Light", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  position:relative;
  background-color:#ffeedd;
  color:#333333}

.party_contents>span
{display:block;
  width:70%;
  margin-bottom:20px;}

.party_contents>span img
{height:auto}

.party_contents>div
{font-size:16px;
  line-height:2.0em;
  margin-bottom:50px;}

.party_contents dl
{margin:0px 0px 40px 0px;
  padding:0px 0px 40px 0px;
  border-bottom:1px dotted #cccccc;
  font-size:0px;}

.party_contents dl dt
{display:inline-block;
  vertical-align:top;
  width:42%;
  margin-right:3%;
  font-size:14px;}

.party_contents dl dt img
{height:inherit}

.party_contents dl dd
{display:inline-block;
  vertical-align:top;
  width:55%;
  font-size:16px;
  line-height:1.5em;}

.party_contents dl dd h4
{padding:7px;
  font-size:18px;
  line-height:1.3em;
  font-weight:bold;
  margin:0px 0px 10px 0px;
  background-color:#614c3f;
  background-image:url(img/wline.png);
  color:#ffffff}

.party_contents dl dd p
{font-weight:bold;
  margin-bottom:5px;}

.party_contents dl dd strong:first-of-type
{color:#0066ff;
  font-weight:normal;
  display:block;
  margin-bottom:5px;
  font-size:14px;
  line-height:1.3em;}

.party_contents dl dd strong:nth-of-type(2n)
{color:#ff5577;
  font-weight:normal;
  display:block;
  margin-bottom:20px;
  font-size:14px;
  line-height:1.3em;}

.party_contact h4
{padding:0px;
  font-size:16px;
  line-height:1.5em;
  font-weight:bold;
  margin:0px 0px 30px 0px;
  text-align:center}

/*お問合わせ/contact/*/	

.contact_bt
{margin:0px 0px 40px 0px}

.contact_bt ul
{font-size:0;
  border:1px solid #aaaaaa;
  border-radius:5px}

.contact_bt ul li
{font-size:20px;
  display:inline-block;
  vertical-align:top;
  width:50%;}

.contact_bt ul li span
{padding:20px 5px;
  display:block;
  text-align:center;
  color:#cccccc;}

.contact_bt ul li a
{padding:20px 5px;
  display:block;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  color:#ffffff;
  background-color:#dd4444;
  background-image:url(img/wline.png);
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;}

.contact_bt ul li a:hover
{background-color:#614c3f;}

.contact_intro
{margin:0px 0px 50px 0px;}

.contact_intro>p
{margin:0px 0px 30px 0px;}

.contact_intro>div:first-of-type
{margin:0px 0px 0px 0px;
  font-size:12px;
  line-height:1.4em;
  text-align:center}

.contact_intro>div:first-of-type>a
{padding:0px 0px 0px 0px;
  font-size:52px;
  line-height:1.3em;
  font-weight:normal;
  font-family: "游明朝 Bold", "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color:#dd4444 !important;
  text-decoration:none !important}

.contact_intro>div span
{font-size:20px;
  line-height:1.4em;
  padding-right:10px;
  vertical-align:middle;
  font-family:'游ゴシック体', 'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',' Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica','sans-serif';}

.contact_intro>span
{margin:20px 0px 0px 0px;
  display:block;
  text-align:center;
  font-size:12px;
  line-height:1.2em;}

.contact_bg
{}

.contact_bg>p
{}

.contact_bg dl
{ overflow: hidden;
  zoom: 1;
  padding:0px 0px;
  margin-top:30px} 

.contact_bg dl dt
{width: 250px;
  float: left; 
  clear: both;
  font-weight:bold;
  padding:30px 0px 30px 20px}

.contact_bg dl dd
{padding: 30px 0px 30px 270px;
  margin:0px 0px 0px 0px;
  border-top:1px dotted #999999} 

.contact_bg dl dd:nth-child(2)
{border-top:none}

.contact_bg dl dd:nth-of-type(2n)
{background-color:#eeebeb;
  background-image:url(img/wline100.png);}

.contact_text
{width:400px}

.contact_text2
{width:100px}

.contact_textarea
{width:400px;
  height:200px;}

.contact_bg dl a
{font-size:10pt;}  

.contact_bg dl dd span
{font-size:11px;
  padding:5px 0px 0px 0px;
  line-height:1.3em;
  display:block}

.contact_bg dl dd b
{font-size:11px;
  padding:0px 0px 0px 5px;
  line-height:1.3em;
  font-weight:normal;}

.contact_bg dl dd select
{margin:0px 0px 5px 0px;}

.contact_bg dl dd strong
{font-size:11px;
  padding:0px 0px 0px 5px;
  line-height:1.3em;
  font-weight:normal}

.contact_bg dl dd div p strong
{font-weight:600;
  font-size:15px;
  line-height:1.3em}

span.contact_br
{font-size:12pt;
  padding-left:0px}

.contact_attension
{margin-top:3px;
  font-size:8pt;
  line-height:1.3em}

.contact_confirm
{margin:30px 0px;
  text-align:center}

.contact_confirm input:hover
{position:relative;
	opacity:0.8;
	filter: alpha(opacity=80);	/* IE6、IE7対応 */
 -moz-opacity: 0.8;		/* Firefox1.5以前対応 */}

.contact_space
{display:none}

.contact_space2
{margin:5px 0px;}

.contact_thanks
{margin:0px 0px;
  font-size:16px;
  line-height:1.8em;}

.contact_thanks ul
{margin:30px 0px;
  border:1px dotted #ff3333;
  padding:15px;
  color:#ff3333}

#dis01
{display:none;
  margin:10px 0px 30px;
  padding:15px;
  border:1px solid #eee;
  border-radius:3px;
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;}

/*個人情報保護方針/privacy/*/	

.privacy_bg
{padding:0px 0px;
  margin-top:30px;} 

.privacy_bg dt
{margin:10px 0px 0px 0px;
  font-weight:bold}

.privacy_bg dd
{padding: 0px 0px 10px 0px;
  margin:10px 0px 0px 0px;}  

.privacy_bg dd>ul
{margin:10px 0px 10px 0px;
	padding-left: 22px;
list-style-type:decimal;}
.privacy_bg dd>ul.pn
{list-style-type:disc;}
.privacy_bg dd>ul>li
{padding-left: 0px}

/*ブログ/blog/*/	

.blog_category
{margin:0px 0px 50px 0px;
  position:relative}

.blog_category ul
{font-size:0px}

.blog_category ul li
{font-size:16px;
  line-height:1.3em;
  text-align:center;
  display:inline-block;
  width:32%;
  vertical-align:top;
  margin-right:2%;
  margin-bottom:10px;}

.blog_category ul li:nth-of-type(3n)
{margin-right:0%;}

.blog_category ul li a
{color:#ff5555;
  border:1px solid #ff5555;
  padding:5px 5px;
  border-radius:2px;
  display:block;
  text-decoration:none;
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;}

.blog_category ul li a:hover
{color:#cccccc;
  border:1px solid #cccccc;}

.blog_list
{margin:0px 0px 50px 0px;
  position:relative}

.blog_list>div
{margin:0px 0px 30px 0px;
  padding:0px 0px 30px 0px;
  border-bottom:1px dotted #cccccc;
  font-size:0px;
  position:relative}

.blog_list>div>span
{font-size:14px;
  display:inline-block;
  width:42%;
  vertical-align:top;
  margin-right:3%;}

.blog_list>div>span img
{height:auto;}

.blog_list>div div
{font-size:14px;
  display:inline-block;
  width:55%;
  vertical-align:top;
  position:relative}

.blog_list>div div b
{padding:0px;
  font-size:12px;
  line-height:1.3em;
  font-weight:normal;
  display:block;
  margin:10px 0px 10px 0px;}

.blog_list>div div h4
{padding:0px;
  font-size:24px;
  line-height:1.3em;
  font-weight:bold;
  margin:0px 0px 10px 0px;
  font-family: "游明朝 bold", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color:#614c3f;
  position:relative;}

.blog_list>div div h5
{font-size:11px;
  line-height:1.3em;
  color:#ff5555;
  border:1px solid #ff5555;
  padding:4px 5px;
  font-weight:normal;
  position:absolute;
  margin:0px;
  top:0px;
  left:120px;}

.blog_list>div div strong
{margin:30px 0px 0px 0px;
  display:block;
  font-family: "游明朝 Light", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.blog_list>div div strong a
{text-align:center;
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:14px;
  line-height:1.2em;
  font-weight:bold;
  padding:3px 20px;
  background-color:#dd4444;
  background-image:url(img/wline.png);
  border-radius:3px;
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;}
  
.blog_list>div div strong a:hover
{background-color:#cccccc;}

.blog_contents
{margin:0px;
  position:relative}

.blog_contents>strong
{display:inline-block;
  margin-right:10px;}

.blog_contents>strong a
{font-size:11px;
  line-height:1.3em;
  color:#ff5555;
  border:1px solid #ff5555;
  padding:4px 5px;
  display:inline-block;
  font-weight:normal;
  text-decoration:none;
  margin-bottom:10px;}

.blog_contents>b
{font-size:11px;
  line-height:1.3em;
  display:inline-block;
  font-weight:normal;
  color:#aaaaaa;}

.blog_contents>h2
{padding:10px;
  font-size:20px;
  line-height:1.3em;
  font-weight:bold;
  margin:0px 0px 20px 0px;
  position:relative;
  background-color:#614c3f;
  background-image:url(img/wline.png);
  color:#ffffff}

.blog_contents>span
{display:block;
  width:70%;
  margin:0px auto 20px auto;}

.blog_contents>span img
{height:auto}

.blog_contents>div
{font-size:16px;
  line-height:2.0em;
  margin-bottom:50px;}

/*ページトップ*/	

#page-top
{position: fixed;
    bottom: 60px;
    right:20px;
	cursor:pointer;
	z-index:50}

/*ドロワーメニュー*/
#page,#page_bg,#humberger,#drawernav
{display:none}

/*ブログ関連*/
.byline,.comments-link,.edit-link,.posted-on,.site-info,.comments-area
{display:none}

/*リンク関連*/	

a:link           {color:#ff4444;text-decoration:underline}
a:visited      {color:#ff4444;text-decoration:underline}
a:hover       {color:#cccccc;text-decoration:underline}	

a.l1:link       {color:#ff4444;text-decoration:none}
a.l1:visited  {color:#ff4444;text-decoration:none}
a.l1:hover   {color:#cccccc;text-decoration:underline}	

a.l2:link       {color:#ffffff;text-decoration:underline}
a.l2:visited  {color:#ffffff;text-decoration:underline}
a.l2:hover   {color:#ffff66;text-decoration:underline}

a.l3:link       {color:#333333;text-decoration:none}
a.l3:visited  {color:#333333;text-decoration:none}
a.l3:hover   {color:#cccccc;text-decoration:none}

a.namenone:hover   {color:inherit;text-decoration:none}

.link_c
{text-align:center;
  margin:20px 0px 0px 0px;
  font-weight:bold}

.link_c a
{text-align:center;
  color:#ffffff;
  text-decoration:none;
  font-size:13px;
  line-height:1.2em;
  font-weight:bold;
  padding:5px 25px;
  background-color:#dd4444;
  background-image:url(img/wline.png);
  border-radius:3px;
  -webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;}
  
.link_c a:hover
{background-color:#cccccc;}

/* トップスライダー */

#slider {
    overflow:visible;
    position:relative;
    width:100%;
}

.fader{
    position: relative;
    padding-top: 40%;
    overflow: hidden;
} 

.fader .slide,.fader .slide_sp{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    opacity: 0;
}
 
.fader img.slide,.fader img.slide_sp{
    height: auto;
}

.fader .prev,
.fader .next{
  position: absolute;
  height: 80px;
  line-height: 55px;
  width: 50px;
  font-size: 100px;
  text-align: center;
  color: #664433;
  top: 50%;
  left: 0;
  z-index: 4;
  margin-top: -25px;
  cursor: pointer;
  opacity: .7;
  transition: all 150ms;
}

.fader .prev:hover,
.fader .next:hover{
  opacity: 1;
}

.fader .next{
  left: auto;
  right: 0;
}

.fader .pager_list{
  position: absolute;
  width: 100%;
  height: 40px;
  line-height: 40px;
  bottom: 0;
  text-align: center;
  z-index: 4;
  font-size:0px
}

.fader .pager_list li{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 7px;
  background: #fff;
  opacity: .7;
  text-indent: -999px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 150ms;
}

.fader .pager_list li:hover,
.fader .pager_list li.active{
  opacity: 1;
}

/* ページャー */

.page-nav 
{text-align:center;
  font-weight:bold;
  margin:30px 0;
  font-size:10pt}
  
.page-nav li 
{display:inline;}

.page-nav li a:link,.page-nav li a:visited
{border: 1px solid #1b69c1;
  color:#1b69c1;
  border-radius:10px;
  text-decoration:none}
  
.page-nav li a:hover
{border: 1px solid #cccccc;
  color:#cccccc;
  border-radius:10px;
  text-decoration:none}
	
.page-nav li a:active {top:1px;}/*push image*/

.page-nav li.current span
{border: 1px solid #dddddd;
  color:#dddddd;
  border-radius:10px;
  text-decoration:none}
  
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span,
.page-nav li.page_nums span
{border: 1px solid #dddddd;
  color:#dddddd;
  border-radius:10px;
  text-decoration:none}
.page-nav li a,
.page-nav li.current span,
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.after span,
.page-nav li.next span,
.page-nav li.last span,
.page-nav li.page_nums span {
    padding: 0.5em 0.8em;
    position:relative;}

/*リスト関連*/

ul
{list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px;
  text-align:justify;
	text-justify:inter-ideograph}

ul.ul01
{list-style-type:square;
	margin:7px 0px 0px 22px;
	padding:0px;
  text-align:justify;
	text-justify:inter-ideograph}
	
ul.ul02
{list-style-image:url(img/arrow03.gif);
  margin:0px 0px 0px 15px;
	padding:0px;
  text-align:justify;
	text-justify:inter-ideograph}
	
li.li05
{margin-top:05px}	

li.li10
{margin-top:10px}	

li.li15
{margin-top:15px}	

li.li_sozai
{margin-top:10px;
  padding-bottom:7px;
  border-bottom:1px dotted #cccccc;
  color:#ffffff;}	

/*定義関連*/
dl
{margin:0px;
 padding:0px}

dl.dl10
{margin:10px 0px 0px 0px;
 padding:0px}
	
dt 
{margin:0px;
 padding:0px}

dt.dt_width170 {width:170px}

dd
{margin:0px;
 padding:0px 0px 0px 0px}

img
{border:none}

a.img_on img
{-webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;}

a.img_on:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;}

input:hover.img_on
{position:relative;
  top:1px;
	left:1px;
	opacity:0.6;
	filter: alpha(opacity=60);	/* IE6、IE7対応 */
 -moz-opacity: 0.6;		/* Firefox1.5以前対応 */}

img:hover.img_on2
{position:relative;
  top:1px;
	left:1px;}

a:hover.img_on2
{position:relative;
  top:1px;
	left:1px;}

.photo_left
{float:left;
  margin-right:40px}

.photo_right
{float:right;
  margin-left:40px}

/*回り込み関連*/
.clear    {float:none; clear:both;height:0px;overflow:hidden;margin:0px}
.clear img{width:0px;height:0px}
.f-left    {float:left;text-align:justify;text-justify:inter-ideograph}
.f-left10 {float:left;text-align:justify;text-justify:inter-ideograph;margin-left:10px}
.f-right  {float:right;text-align:justify;text-justify:inter-ideograph}
	
/*配置関連*/
.left        {text-align:left}
.center   {text-align:center;margin:0px auto}
.right      {text-align:right}

p
{margin:0px;}
	
hr.hr01
{color:#ffffff;
  margin:3px 0px;
  border-style:dashed}


strong
{}

strong.basic
{color:#333333}

/*矢印*/

.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.sample5-4::before{
width: 12px;
height: 12px;
-webkit-border-radius: 25%;
border-radius: 25%;
background: #614c3f;
}
.sample5-4::after{
left: 3px;
width: 3px;
height: 3px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


/*記入モード*/
.i-japan    {ime-mode:active}
.i-english  {ime-mode:disabled}
#i-english  {ime-mode:disabled}
.required email  {ime-mode:disabled}