@charset "utf-8";

/* header area */
#header-area {
	position: fixed;
	display: block;
	width: 100%;
	height: 100px;
	background-color: #fff;
	border-bottom: 1px solid #aaa;
	font-family: "Sawarabi Mincho";
	z-index: 999;
}
nav#header-area div.item-set {
	position: relative;
}
nav#header-area h1.logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 50px;
}
nav#header-area h1.logo a:hover {
	opacity: 0.7;
}
nav#header-area h1.logo img {
	width: 200px;
	margin-top: 20px;
}
nav#header-area ul.glovel-navi {
	position: absolute;
	right: 120px;
	top: 0;
	text-align: right;
	line-height: 100px;
	font-size: 1.2em;
	font-weight: bold;
}
nav#header-area ul.glovel-navi li.navi-list {
	display: inline-block;
}
nav#header-area ul.glovel-navi li.navi-list + li.navi-list {
	margin-left: 20px;
}
nav#header-area ul.glovel-navi li.navi-list.eng {
    font-size:0.7em;
}
nav#header-area ul.glovel-navi li.navi-list.eng a {
    border:solid 1px #ccc;
    padding:2px 4px;
    font-weight: normal;
}
nav#header-area ul.glovel-navi li.navi-list.eng a:hover:after {
    content:none;
}
nav#header-area ul.glovel-navi li.navi-list a {
	position: relative;
	color: #333;
	text-decoration: none;
}
nav#header-area ul.glovel-navi li.navi-list a:hover:after {
	content: '';
	display: block;
	width: 40px;
	border-bottom: 2px solid #333;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -20px;
}
nav#header-area ul.glovel-navi li.navi-list + li.navi-sns {
	margin-left: 30px;
}
nav#header-area ul.glovel-navi li.navi-sns {
	display: inline-block;
	margin-left: 5px;
}
nav#header-area ul.sns-btn {
	position: absolute;
	right: 0;
	top: 30px;
}
nav#header-area ul.sns-btn li {
	display: inline-block;
	margin-right: 5px;
}
nav#header-area ul.sns-btn li a:hover {
	opacity: 0.7;
}
nav#header-area ul.sns-btn li img {
	width: 33px;
}

h3.about {
    display: block;
    margin:-50px 0 50px 0;
    text-align: center;
    font-size:1.2em;
}


div.itoroku_main_catch {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 80px;
	font-size: 1.6em;
	text-align:center;
	font-family: "Sawarabi Mincho";
}
div.history-text-set + .history-text-set {
	margin-top: 80px;
}
div.history-text-set div.item-set div.itoroku-img {
	display: inline-block;
}
div.history-text-set div.item-set div.itoroku-img + p {
	margin-top: 40px;
	font-size:1.1em;
}
div.history-text-set div.item-set div.itoroku-img img {
	width: 540px;
    height: auto;
    vertical-align: top;
}
div.history-text-set div.item-set span.itoroku_title {
	display: block;
	margin: 40px 0;
    font-size: 1.4em;
    font-weight: bold;
}
div.history-text-set div.item-set p + p {
	margin-top: 30px;
	line-height: 1.8;
	font-size:1.1em;
}
div.history-text-set .about-illust {
	float: right;
	margin-left: 20px;
	margin-top: -20px;
}

div.signature-area {
	margin-top: 40px;
	text-align: right;
}
div.signature-area div.member-photo {
	width:1000px;
	margin:0 auto;
	text-align:center;
}
div.signature-area div.member-photo img {
	width: 350px;
	display:block;
	margin:0 0 10px auto;
}
div.signature-area div.member-photo p {
	width: 350px;
	font-size:1.1em;
	margin:0 0 0 auto;
	
}

div.signature-area .itemset {
	width: 285px;
}

div.message-area {
	width: 1000px;
	margin: 80px auto 0;
	background-color: #f6f6f6;
}
div.message-area div.inner-box {
/*	padding: 100px;*/
}
div.message-area div.inner-box div.message-list.five div.member-photo {
	display: inline-block;
	margin-right: 40px;
	margin-left:40px;
	margin-top:100px;
}
div.message-area div.inner-box div.message-list.five div.member-photo img {
	width: 285px;
}
div.message-area div.inner-box div.message-list.five div.member-message {
	display: inline-block;
	/*width: 475px;*/
	vertical-align: bottom;
}
div.message-area div.inner-box div.message-list.five div.member-message span.name {
	display: block;
	margin-bottom: 20px;
	font-size: 1.2em;
	font-weight: bold;
	font-family: "Sawarabi Mincho";
}
div.message-area div.inner-box div.message-list.six {
	margin-top: 80px;
	padding-top:50px;
}
div.message-area div.inner-box div.message-list.six div.member-message {
	display: inline-block;
	width: 750px;
	vertical-align: top;
	margin-left:100px;
	margin-bottom:50px;
	font-size:1.1em;
}
div.message-area div.inner-box div.message-list.six div.member-message span.name {
	display: block;
	margin-bottom: 20px;
	text-align: right;
	font-size: 1.6em;
	font-weight: bold;
	font-family: "Sawarabi Mincho";
}
div.message-area div.inner-box div.message-list.six div.member-message p {
	line-height: 1.8em;
}
div.message-area div.inner-box div.message-list.six div.member-photo {
	display: inline-block;
	margin-left: 40px;
	margin-bottom:50px;
}
div.message-area div.inner-box div.message-list.six div.member-photo img {
	width: 285px;
}
div.google-map {
	width: 1000px;
	height: 320px;
	margin: 0 auto;
}
div.about-set {
	width: 1000px;
	margin: 80px auto 0;
}
div.about-set .detail-content {
	display: inline-block;
	width: 480px;
	margin-right: 30px;
	vertical-align: top;
}
div.about-set .detail-content .item-set .name {
	font-weight: bold;
}
div.about-set .detail-content .item-set .address {
	margin-top: 20px;
}
div.about-set .detail-content .item-set .time {
	margin-top: 20px;
}
div.about-set .access-img {
	margin-top: 40px;
	padding: 30px;
	text-align: center;
	border: 1px solid #ccc;
}
div.about-set .company_img {
	display: inline-block;
	width: 480px;
}
div.about-set .company_img img {
	width: 480px;
}
div.viewGmap {
	text-align: center;
	margin-top: 10px;
}

div.e_products {
    width:1000px;
    margin:0 auto 100px;
}
div.e_products h3 {
	padding: 5px 0 35px;
	font-size: 2em;
	font-family: "Sawarabi Mincho";
	letter-spacing: 0.12rem;
	line-height: 2.2em;
    text-align: center;
}
div.e_products p {
	font-size: 1.1em;
	line-height: 2.2em;
    text-align: center;
    margin-bottom:30px;
}
div.e_products picture img {
    width:100%;
    height: auto;
    margin-bottom:30px;
}
div.room {
    text-align: center;
    line-height: 1.6;
    font-size: 120%;
    margin:-30px auto 20px;
    padding:20px;
    background-color: #E8E8E8;
}


.top_pbox {
    margin:20px auto;
    text-align: center;
    width:1100px;
}
.top_pbox img {
    border:1px solid #ccc;
}
.top_pbox ul li img {
    width:100%;
    height: auto;
}

/* ウィンドウ幅が0〜480pxの場合に適用するCSS */
@media screen and ( max-width:768px )
{
	div.itoroku_main_catch {
		width: 100%;
		font-size: 1.1em;
		line-height: 2.0rem;
		letter-spacing: 0.01em;
		padding: 0 20px;
		margin-bottom: 40px;
		text-align: justify;
		box-sizing: border-box;
	}
	div.itoroku_main_catch br { display: none; }
	div.history-text-set + .history-text-set {
		margin-top: 40px;
	}
	div.history-text-set div.item-set div.itoroku-img + p {
		margin-top: 20px;
	}
	div.history-text-set div.item-set div.itoroku-img {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	div.history-text-set div.item-set div.itoroku-img img {
		max-width: 100%;
		height: auto;
	}
	div.history-text-set div.item-set span.itoroku_title {
		margin: 20px 0;
		padding: 0 20px;
		font-size: 16px;
	}
	div.history-text-set div.item-set p + p {
		margin-top: 20px;
	}
	div.history-text-set div.item-set p {
		padding: 0 20px;
	}
	div.signature-area {
		padding: 0 20px;
	}

div.signature-area div.member-photo {
	width:100%;
	margin:0 auto;
	text-align:center;
}
div.signature-area div.member-photo img {
	width: 100%;
	display:block;
	margin:0 0 10px auto;
}
div.signature-area div.member-photo p {
	width: 100%;
	font-size:1.1em;
	margin:0 0 0 auto;
	
}


	div.message-area {
		width: 100%;
		margin-top: 40px;
	}

div.message-area div.inner-box {
		width: 100%;
		padding: 0;
	}
div.message-area div.inner-box div.message-list.five div.member-message,
div.message-area div.inner-box div.message-list.six div.member-message {
	width: 100%;
}

	div.message-area div.inner-box div.message-list p {
		width: 100%;
		display: block;
		padding: 0 20px;
		box-sizing: border-box;
	}
	div.message-area div.inner-box div.message-list.five div.member-photo {
		display: block;
		margin: 0;
		padding: 20px 20px 0;
	}
	div.message-area div.inner-box div.message-list.five div.member-photo img {
		width: 100%;
	}
	div.message-area div.inner-box div.message-list.five div.member-message span.name {
		display: block;
		margin: 10px 0;
		padding: 0 20px;
		font-size: 16px;
	}

div.message-area div.inner-box div.message-list.six div.member-photo {
		display: block;
		margin: 0;
		padding: 10px 20px 20px;
	}
	div.message-area div.inner-box div.message-list.six div.member-photo img {
		width: 100%;
		margin-top: 10px;
	}
	div.message-area div.inner-box div.message-list.six div.member-message span.name {
		display: block;
		margin: 10px 0;
		padding: 0 20px;
		font-size: 1.3em;
		text-align: left;
	}
	div.message-area div.inner-box div.message-list.six {
		margin-top: 20px;
		padding-top:30px;
	}
	div.message-area div.inner-box div.message-list.six div.member-message {
	margin-left:0px;
	}

div.history-text-set .about-illust {
	float: none;
	margin:0 auto 10px;
	width:55%;
	height:auto;
	display:block;
}

div.google-map,
div.about-set,
div.about-set .detail-content,
div.about-set .company_img,
div.about-set .company_img img {
	width: 100%;
}

div.about-set {
	padding: 0 20px;
	margin: 40px auto;
	box-sizing: border-box;
}

div.about-set .detail-content {
	margin-right: 0;
	margin-bottom: 40px;
}

div.about-set .access-img {
	padding: 0 ;
	border: none;
}

h3.about {
    display: block;
    margin:0px 0 30px 0;
    text-align: center;
    font-size:1.1em;
}
div.e_products {
    width:100%;
    margin:0 auto 50px;
}
div.e_products h3 {
	padding: 5px 0 15px;
	font-size: 1.6em;
	font-family: "Sawarabi Mincho";
	letter-spacing: 0.12rem;
	line-height: 1em;
    text-align: center;
}
div.e_products p {
	font-size: 1em;
	line-height: 1.6em;
    text-align: center;
    margin-bottom:30px;
    padding:10px;
}
div.e_products picture img {
    width:100%;
    height: auto;
    margin-bottom:30px;
}


.top_pbox {
    width:100%;
}


}