@charset "UTF-8";

/*------------------------------------------

	@ Style Name	/homepage_jp/css/style.css

--------------------------------------------

		- Reset
		- Layout
		- Clearfix

------------------------------------------*/

/*------------------------------------------
 *	Reset
------------------------------------------*/

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, icenter, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border:0 none;
    font:inherit;
    margin:0;
    padding:0;
    vertical-align:baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}

ol, ul {
    list-style:none outside none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content:none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

img {
    line-height:0;
    vertical-align:bottom;
}

input, select, textarea {
	font-size:100%;
}


/*------------------------------------------
 *	html, body
------------------------------------------*/

html {
	font-size:62.5%;
	-webkit-text-size-adjust:100%;
}

@media (min-width: 769px) {
	body {
		color:#2d1500;
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "HGS明朝E","ＭＳ Ｐ明朝", serif;
		font-size:18px;
		font-size:1.8rem;
		-webkit-text-size-adjust:100%;
	}
}

@media (max-width: 768px) {
	body {
		color:#2d1500;
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "HGS明朝E","ＭＳ Ｐ明朝", serif;
		font-size:13px;
		-webkit-text-size-adjust:100%;
	}
}

@media (min-width: 769px) {
	.bodyInner {
		min-width:680px;
		overflow:hidden;
	}
}

@media (max-width: 768px) {
	.bodyInner {
		width:100%;
		overflow:hidden;
	}
}
h2.ttl {
	color:#404040;
	font-size:22px;
	font-size:2.2rem;
	font-style:oblique;
	letter-spacing:0.01em;
	margin:0 0 12px 0;
	line-height:24px;
}

h2.ttl span {
	font-size:32px;
	font-size:3.2rem;
}

.italic {
	font-style:italic;
}

.letterS {
	letter-spacing:0.18em;	
}

.lineH2 {
	line-height:2em;
}

.lineH1 {
	line-height:1.7em;
}



/*------------------------------------------
/*	Link
------------------------------------------*/

a:link {
	color:#2d1500;
	text-decoration:none;
}

a:visited {
	color:#2d1500;
	text-decoration:none;
}

a:hover {
	color:#2d1500;
}


/*------------------------------------------
/*	Header
------------------------------------------*/
@media (min-width: 769px) {
	#header {
		width:100%;
		height:446px;
		background:#e7e0cc;
		text-align : center;
	}

	#header .mainImg {
		width:100%;
		height:446px;
		margin:0 auto;
		position:relative;
	}

	#header .mainImg h1 img{
		position:absolute;
	  	left:50%;
	  	height:446px;
	  	width: 1200px;
	  	margin-left:-600px;
	}
}


@media (max-width: 768px) {
    /*スマホ・タブレット用*/
	#header {
		width:auto;
		height:100vh;
		background:#000000;
		text-align : center;
	}

	#header .mainImg {
		text-align: center;
		width:auto;
		height:100vh;
		margin:0 auto;
		position:relative;
	}

	#header .mainImg h1 img{
		position:absolute;
		margin: auto;
		height:100vh;
		width:auto;
		left: -50%;
		opacity: 0.5;
	}
}

@media (min-width: 769px) {
	#header .mainImg .btnTop {
		height:12px;
		line-height:12px;
		position:absolute;
		left:18%;
		top:40px;
	}

	#header .mainImg .btnTop a{
		text-shadow: 1px 1px 0 #fff,
		-1px 1px 0 #fff,
		1px -1px 0 #fff,
		-1px -1px 0 #fff;
	}

	#header .mainImg .btnTop img:hover {
		box-shadow:#000 0em 0em 0em;
		opacity:0.7;
		filter:alpha(opacity=70);/* ie lt 6,7 */
		-ms-filter:"alpha(opacity=70)"; /* ie 8 */
		zoom:1;
	}

	#header .mainImg .languageArea {
		position:absolute;
		right:15%;
		top:35px;
		width:240px;
	}

	#header .mainImg .languageArea .language {
		width:240px;
		font-size:13px;
		font-size:1.3rem;
		overflow:hidden;
	}

	#header .mainImg .languageArea .language li {
		float:right;
		text-align:right;
	}

	#header .mainImg .languageArea .language li a {
		padding :2px 3px;
		margin :1px;
		text-decoration:underline;
		text-shadow: 1px 1px 0 #fff,
		-1px 1px 0 #fff,
		1px -1px 0 #fff,
		-1px -1px 0 #fff;
	}

	#header .mainImg .languageArea .language li a:hover {
		text-decoration:none;
	}

	.logoarea{
		position:absolute;
		top :24px;
		width:30%;
		margin:0 35%;
	}

	.logoarea img{
		width:98px;
	}

	.yokologoarea{
		position:absolute;
		text-align: center;
		width:100%;
		top:134px;
	}

	.yokologoarea img{
		width:300px;
	}

	.messagearea{
		position:absolute;
		text-align: center;
		width:100%;
		top:266px;
	}

	.messagearea img{
		width:300px;
	}
}

@media (max-width: 768px) {
	#header .mainImg .btnTop {
		width:100px;
		height:16px;
		line-height:16px;
		position:absolute;
		left:5%;
		top:40px;
	}

	#header .mainImg .btnTop a{
		text-shadow: 1px 1px 0 #fff,
		-1px 1px 0 #fff,
		1px -1px 0 #fff,
		-1px -1px 0 #fff;
	}

	#header .mainImg .languageArea {
		position:absolute;
		right:0%;
		top:35px;
		width: 100px;
	}

	#header .mainImg .languageArea .language {
		width:240px;
		font-size:13px;
		font-size:1.3rem;
		overflow:hidden;
		list-style: none; 
	}

	#header .mainImg .languageArea .language li {
		float:right;
		width:80px;
		text-align:left;
		float: none;
	}

	#header .mainImg .languageArea .language li a {
		text-decoration:underline;
		text-shadow: 1px 1px 0 #fff,
		-1px 1px 0 #fff,
		1px -1px 0 #fff,
		-1px -1px 0 #fff;
	}

	.logoarea{
		position:absolute;
		text-align: center;
		top :20%;
		width:40%;
		margin:0 30%;
	}

	.logoarea img{
		width:50%;
		max-width:122px;
	}

	.yokologoarea{
		position:absolute;
		text-align: center;
		width:100%;
		top:38%;
	}

	.yokologoarea img{
		width:44%;
		max-width:400px;
	}

	.messagearea{
		position:absolute;
		text-align: center;
		width:100%;
		top:49%;
	}

	.messagearea img{
		width:80%;
		max-width:360px;
	}

}

@media(min-width: 768px) and (max-width: 1024px) { 
	.messagearea{
		position:absolute;
		text-align: center;
		width:100%;
		top:58%;
	}
}

/*------------------------------------------
/*	sectionFormality
------------------------------------------*/
@media (min-width: 769px) {
	.sectionFormality {
		width:90%;
		max-width:920px;
		margin:0 auto;
	}

	.sectionFormality .attention {
		color:#c00202;
		text-align:right;
		margin:5px 0 20px 0;
		font-size:1.4rem;
		font-size:14px;	
	}

	.fz12 {
		font-size:1.2rem;
		font-size:12px;
	}

	.sectionFormality .txt {
		text-indent:1em;
		margin:0 0 10px 0;
	}

	.sectionFormality p.ti0 {
		text-indent:0;		
	}

	.sectionFormality .txtArea {
		width:60%;
		letter-spacing:0.06em;
	}

	.sectionFormality .section01,
	.sectionFormality .section02,
	.sectionFormality .section03,
	.sectionFormality .section04,
	.sectionFormality .section05 {
		margin:0 0 90px 0;
	}

	.sectionFormality .section01 .txtArea,
	.sectionFormality .section03 .txtArea,
	.sectionFormality .section05 .txtArea {
		float:left;
	}

	.sectionFormality .section02 .txtArea,
	.sectionFormality .section04 .txtArea {
		float:right;
	}

	.sectionFormality .section01 .imgArea,
	.sectionFormality .section03 .imgArea, 
	.sectionFormality .section05 .imgArea { 
		float:right;
	}
	
	.sectionFormality .section01 .imgArea ,
	.sectionFormality .section03 .imgArea,
	.sectionFormality .section05 .imgArea
	{
		margin-left:20px;
		width:30%;
		max-width:350px;
		line-height:13px;
	}

	.sectionFormality .section01 .imgArea img,
	.sectionFormality .section03 .imgArea img,
	.sectionFormality .section05 .imgArea img {
		width:100%;
		margin:0 0 5px;	
	}

	.sectionFormality .section02 .imgArea,
	.sectionFormality .section04 .imgArea { 
		float:left;
	}

	.sectionFormality .section02 .imgArea,
	.sectionFormality .section04 .imgArea { 
		margin-right:20px;
		width:30%;
		max-width:350px;
		line-height:13px;
	}

	.sectionFormality .section02 .imgArea img,
	.sectionFormality .section04 .imgArea img {
		width:100%;
		margin:0 0 5px;	
	}


	.sectionFormality .section01 .txtArea .space {
		margin:50px 0 8px 0;
	}

	.sectionFormality .section01 .imgArea .space {
		margin:15px 0 0 0;
	}

	.sectionFormality .section01 .imgArea,
	.sectionFormality .section03 .imgArea,
	.sectionFormality .section04 .imgArea,
	.sectionFormality .section05 .imgArea {
		width:35%;
	}
} 

@media (max-width: 768px) {
	.sectionFormality {
		width:98%;
		max-width:100vw;
		margin:0 auto;
	}

	.sectionFormality .attention {
		color:#c00202;
		margin:5px 0 20px 0;
		font-size:10px;	
	}

	.fz12 {
		font-size:1.2rem;
		font-size:12px;
	}

	.sectionFormality .txt {
		text-indent:1em;
		margin:0 0 10px 0;
	}

	.sectionFormality p.ti0 {
		text-indent:0;		
	}

	.sectionFormality .txtArea {
		width:100%;
		letter-spacing:0.06em;
	}

	.sectionFormality .section01,
	.sectionFormality .section02,
	.sectionFormality .section03,
	.sectionFormality .section04,
	.sectionFormality .section05 {
		width:90%;
		margin:0 auto 90px auto;
	}

	.sectionFormality .section01,
	.sectionFormality .section03{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		flex-direction: column;
	}

	.sectionFormality .section01 .attention {
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
	}

	.sectionFormality .section01 .txtArea {
		-webkit-box-ordinal-group:3;
		-ms-flex-order:3;
		-webkit-order:3;
		order:3;
	}

	.sectionFormality .section01 .imgArea {
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}

	.sectionFormality .section03 .txtArea {
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}

	.sectionFormality .section03 .imgArea {
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
	}

	.sectionFormality .section01 .imgArea img,
	.sectionFormality .section03 .imgArea img,
	.sectionFormality .section05 .imgArea img {
		width:100%;
		margin:0 0 5px;
		max-width: 350px;
		height:auto;
	}

	.sectionFormality .section02 .imgArea,
	.sectionFormality .section04 .imgArea { 
		margin:10px auto 20px auto;
		width:100%;
		max-width:350px;
		line-height:13px;
	}

	.sectionFormality .section02 .imgArea img,
	.sectionFormality .section04 .imgArea img {
		width:100%;
		margin:0 0 5px;	
	}


	.sectionFormality .section01 .txtArea .space {
		margin:50px 0 8px 0;
	}

	.sectionFormality .section01 .imgArea .space {
		margin:15px 0 0 0;
	}

	.sectionFormality .section01 .imgArea,
	.sectionFormality .section03 .imgArea,
	.sectionFormality .section04 .imgArea,
	.sectionFormality .section05 .imgArea {
		text-align: center;
		margin:0 auto 15px auto;
	}
}

.imgtxt{
	font-size: 12px;
	text-align: left;
}

/*------------------------------------------
/*	sectionIntroduce
------------------------------------------*/
@media (min-width: 769px) {
	.sectionIntroduce {
		width:100%;
		height:772px;
		background:url(/omoi/en/imgs/bg_introduce.jpg) #3c2201 center top no-repeat;
	}
		
	.sectionIntroduce .inner {
		color:#fff1e4;
		max-width:950px;
		margin:0 auto;
		padding:60px 0 60px 0;
	}

	.sectionIntroduce .inner .content {
		max-width:920px;
		display:flex;
	}

	.sectionIntroduce .inner .space {
		margin:112px 0 0 0;
	}

	.sectionIntroduce .inner .content .img {
		width:134px;
		float:left;
	}

	.sectionIntroduce .inner .content .txtArea {
		width: 80%; 
		min-width:630px;
		/*float: right;add*/
		margin-left:20px;
	}

	.sectionIntroduce .inner .content .txtArea .ttl {
		color:#e8e8e8;
		font-size:22px;
		font-size:2.2rem;
		font-style:oblique;
		letter-spacing:0.05em;
		margin:0 0 12px 0;
		line-height:24px;
	}

	.sectionIntroduce .inner .content .txtArea .txt {
		color:#e8e8e8;
		letter-spacing:0.07em;
		line-height:22px;
		text-indent:1em;
	}

	.sectionIntroduce .inner .content .txtArea p.lineH1 {
		line-height:1.4em;
	}

	.sectionIntroduce .inner .content .txtArea p.lineH2 {
		line-height:2em;
	}

	.sectionIntroduce .inner .content .txtArea .linkArea01 {
		max-width:720px;
		margin:30px 0 0 0;
	}

	.sectionIntroduce .inner .content .txtArea .linkArea02 {
		width:950px;
		margin:25px 0 0 0;
	}

	.sectionIntroduce .inner .content .txtArea .name {
		float:left;
		margin:0 35px 0 0;
	}

	.sectionIntroduce .inner .content .txtArea .link {
		float:left;
	}

	.sectionIntroduce .inner .content .txtArea .link a {
		color:#e8e8e8;
		font-size:15px;
		font-size:1.5rem;
		letter-spacing:0.07em;
		line-height:15px;
	}

	.sectionIntroduce .inner .content .txtArea .link a:visited {
		color:#e8e8e8;
		text-decoration:none;
	}

	.sectionIntroduce .inner .content .txtArea .link a:hover {
		color:#e8e8e8;
		text-decoration:underline;
	}

	.sectionIntroduce .inner .content .txtArea .linkArea01 .link {
		margin:6px 0 0 0;
	}

	.sectionIntroduce .inner .content .txtArea .linkArea02 .link {
		margin:1px 0 0 0;
	}
}

@media (max-width: 768px) {
	.sectionIntroduce {
		width:100%;
		height:auto;
		background:url(/omoi/en/imgs/bg_introduce.jpg) #3c2201 center top no-repeat;	}
		
	.sectionIntroduce .inner {
		color:#fff1e4;
		margin:0 auto;
		padding:60px 0 60px 0;
		margin: 16px;
	}

	.sectionIntroduce .inner .content {
		display:flex;
		flex-direction: column;
		align-items: center;
	}

	.sectionIntroduce .inner .space {
		margin:56px 0 0 0;
	}

	.sectionIntroduce .inner .content .img {
		width:134px;
	}

	.sectionIntroduce .inner .content .txtArea {
		margin-top :12px;
		width:100%;
	}

	.sectionIntroduce .inner .content .txtArea .ttl {
		color:#e8e8e8;
		font-size:22px;
		font-size:2.2rem;
		font-style:oblique;
		letter-spacing:0.05em;
		margin:0 0 12px 0;
		line-height:24px;
	}

	.sectionIntroduce .inner .content .txtArea .txt {
		color:#e8e8e8;
		letter-spacing:0.07em;
		line-height:22px;
		text-indent:1em;
	}

	.sectionIntroduce .inner .content .txtArea p.lineH1 {
		line-height:1.4em;
	}

	.sectionIntroduce .inner .content .txtArea p.lineH2 {
		line-height:2em;
	}

	.sectionIntroduce .inner .content .txtArea .linkArea01 {
		width:100%;
		margin:30px 0 0 0;
	}

	.sectionIntroduce .inner .content .txtArea .linkArea02 {
		width:100%;
		margin:25px 0 0 0;
	}

	.sectionIntroduce .inner .content .txtArea .name img{
		max-width:100%;
		height:auto;
	}

	.sectionIntroduce .inner .content .txtArea .link {
		float:left;
	}

	.sectionIntroduce .inner .content .txtArea .link a {
		color:#e8e8e8;
		font-size:15px;
		font-size:1.5rem;
		letter-spacing:0.07em;
		line-height:15px;
	}

	.sectionIntroduce .inner .content .txtArea .link a:visited {
		color:#e8e8e8;
		text-decoration:none;
	}

	.sectionIntroduce .inner .content .txtArea .link a:hover {
		color:#e8e8e8;
		text-decoration:underline;
	}

	.sectionIntroduce .inner .content .txtArea .linkArea01 .link {
		margin:6px 0 0 0;
	}

	.sectionIntroduce .inner .content .txtArea .linkArea02 .link {
		margin:1px 0 0 0;
	}
}

.koizumi01{
	width:150px; 
	height:18px;
}

.koizumi02{
	width:161px;
	height:18px;
}

.koizumi03{
	width:71px;
	height:18px;
}

.koizumi04{
	width:120px;
	height:160px;
}

/*------------------------------------------
/*	sectionIntroduce02
------------------------------------------*/
@media (min-width: 769px) {
	.sectionIntroduce02 {
		width:100%;
		padding:30px 0 30px 0;
		margin:0 0 60px 0;
		background:#492900;
	}
		
	.sectionIntroduce02 .inner {
		color:#e8e8e8;
		width:90%;
		max-width:920px;
		margin:0 auto;
	}

	.sectionIntroduce02 .inner .img {
		width:350px;
		float:left;
	}

	.sectionIntroduce02 .inner .txtArea {
		min-width:322px;
		padding-left: 350px;
		margin-left: 30px;
	}


	.sectionIntroduce02 .inner .txtArea .txt {
		letter-spacing:0.07em;
		line-height:19px;
		margin:0 0 20px 0;
		text-indent:1em;
	}

	.sectionIntroduce02 .inner .txtArea .performance {
		letter-spacing:0.07em;
		line-height:20px;
	}

	.sectionIntroduce02 .inner .txtArea h3 {
		font-weight:bold;
		font-size:17px;
		font-size:1.7rem;
		margin:0 0 5px 0;
		letter-spacing:0.04em;
	}

	.sectionIntroduce02 .inner .txtArea h3 a {
		font-weight:normal;
		font-size:14px;
		font-size:1.4rem;
		color:#fff;
	}

	.sectionIntroduce02 .inner .txtArea h3 a.profile {
		letter-spacing:-0.1em;
	}


	.sectionIntroduce02 .inner .txtArea h3 a:hover {
		text-decoration:underline;
	}
}

@media (max-width: 768px) {
	.sectionIntroduce02 {
		width:100%;
		padding:30px 0 30px 0;
		margin:0 0 60px 0;
		background:#492900;
	}
		
	.sectionIntroduce02 .inner {
		color:#e8e8e8;
		width:90%;
		text-align: center;
		margin: 0 auto ;
	}

	.sectionIntroduce02 .inner .img img{
		width:200px;
		margin :10px auto;
	}

	.sectionIntroduce02 .inner .txtArea {
	}


	.sectionIntroduce02 .inner .txtArea .txt {
		letter-spacing:0.07em;
		line-height:19px;
		margin:0 0 20px 0;
		text-indent:1em;
	}

	.sectionIntroduce02 .inner .txtArea .performance {
		letter-spacing:0.07em;
		line-height:20px;
	}

	.sectionIntroduce02 .inner .txtArea h3 {
		font-weight:bold;
		font-size:17px;
		font-size:1.7rem;
		margin:0 0 5px 0;
		letter-spacing:0.04em;
	}

	.sectionIntroduce02 .inner .txtArea h3 a {
		font-weight:normal;
		font-size:14px;
		font-size:1.4rem;
		color:#fff;
	}

	.sectionIntroduce02 .inner .txtArea h3 a.profile {
		letter-spacing:-0.1em;
	}


	.sectionIntroduce02 .inner .txtArea h3 a:hover {
		text-decoration:underline;
	}
}

.murata01{
	width:134px;
	height:178px;
}

.hattori01{
	width:134px;
	height:178px;
}

/*------------------------------------------
/*	sectionIntroduce03
------------------------------------------*/
@media (min-width: 769px) {
	.sectionIntroduce03 {
		width:100%;
		padding:30px 0 30px 0;
		background:#F6ECE0;
		display: flex;
	}
		
	.sectionIntroduce03 .inner {
		color:#3c2201;
		width:90%;
		margin:0 auto;
		max-width:920px;
	}

	.sectionIntroduce03 .inner .img {
		width:auto;
		float:right;
	}

	.sectionIntroduce03 .inner .txtArea {
		max-width:920px;
		width:69%;
		float:left;
	}

	.sectionIntroduce03 .inner .txtArea .txt {
		letter-spacing:0.07em;
		line-height:19px;
		margin:0 0 20px 0;
	}

	.sectionIntroduce03 .inner .txtArea .name {
		float:left;
		margin:0 10px 0 0;
	}

	.sectionIntroduce03 .inner .txtArea .linkArea a {
		font-weight:normal;
		color:#3c2201;
		text-decoration:underline;
		margin:7px 0 0 0;
	}

	.sectionIntroduce03 .inner .txtArea .linkArea a:hover {
		text-decoration:none;
	}
}

@media (max-width: 768px) {
	.sectionIntroduce03 {
		width:100%;
		padding:30px 0 30px 0;
		background:#F6ECE0;
		display: flex;
	}
		
	.sectionIntroduce03 .inner {
		color:#3c2201;
		width:90%;
		margin:0 auto;
		max-width:920px;
	}

	.sectionIntroduce03 .inner .img {
		width:auto;
		float:right;
		margin-top: 20px;
	}

	.sectionIntroduce03 .inner .txtArea {
		max-width:920px;
	}

	.sectionIntroduce03 .inner .txtArea .txt {
		letter-spacing:0.07em;
		line-height:19px;
		margin:0 0 20px 0;
	}

	.sectionIntroduce03 .inner .txtArea .name {
		margin:0 10px 0 0;
	}

	.sectionIntroduce03 .inner .txtArea .linkArea a {
		font-weight:normal;
		color:#3c2201;
		text-decoration:underline;
		margin:7px 0 0 0;
	}

	.sectionIntroduce03 .inner .txtArea .linkArea a:hover {
		text-decoration:none;
	}
}



/*------------------------------------------
/*	sectionHistory
------------------------------------------*/
@media (min-width: 769px) {
	.sectionHistory {
		text-align: center;
		width:90%;
		min-width:800px;
		max-width:1100px;
		margin:0 auto;
		padding:60px 0 0 0;
	}

	.sectionHistory .content01 .ttl {
		text-align: start;
		margin:0 90px;
	}

	.sectionHistory .content01 .txt {
		text-align: start;
		min-width:658px;
		margin:0 90px;
	}

	
	.sectionHistory .container{
		text-align: start;
	}

	.sectionHistory .ttlOwner {
		font-size:24px;
		font-size:2.4rem;
		margin:0 0 5px 0;
		font-style:oblique;
		letter-spacing:0.05em;
	}

	.sectionHistory .txtOwner {
		font-size:16px;
		font-size:1.6rem;
		font-style:oblique;
		letter-spacing:0.05em;
		margin:0 0 15px 0;
	}

	.sectionHistory .ttl {
		font-weight:bold;
		font-style:italic;
		margin:15px 0 5px 0;
	}

	.sectionHistory .img {
		margin:0 0 40px 0;
	}

	.sectionHistory .txt {
		margin:0 0 15px 0;
		text-indent:1em;
	}

	.sectionHistory p.ti0 {
		text-indent:0;
		text-align:center;
	}

	.sectionHistory .space {
		margin:30px 0 0 0;
	}

	.sectionHistory .txt .sign {
		margin:5px 0 0 0;
	}

	.sectionHistory .imgArea {
		min-width:658px;
	}

	
	.sectionHistory .content03{
		text-align: center;
	}

	.sectionHistory .content03,
	.sectionHistory .content05 {
		min-width:658px;
		padding:15px 0 0 0;
		box-shadow:#000 0em 0em 0em;
	}

	
	.sectionHistory .content05 {
		display: flex;
	}

	.sectionHistory .content07 {
		text-align:center;
		margin:50px 0 0 0;
	}

	.sectionHistory .content07 .img {
		margin:0 0 15px 0;
	}

	.sectionHistory .content07 .txt {
		margin:0 -35px 30px -35px;
	}

	.sectionHistory .content06 .img {
		padding:0;
		margin:0 0 40px 0;
		text-align:center;
	}

	.sectionHistory .container {
		min-width:658px;
		margin:0 90px;
	}

	.sectionHistory .img08 {
		margin:0 0 20px 0;
	}

	.sectionHistory .taR {
		text-align:right;
	}
}

@media (max-width: 768px) {
	.sectionHistory {
		text-align: center;
		width:100%;
		margin:0 auto;
		padding:60px 0 0 0;
	}

	.sectionHistory .content01 .ttl {
		text-align: start;
		margin:0 12px;
	}

	.sectionHistory .content01 .txt {
		text-align: start;
		margin:0 12px;
	}

	
	.sectionHistory .container{
		text-align: start;
	}

	.sectionHistory .ttlOwner {
		font-size:24px;
		font-size:2.4rem;
		margin:0 0 5px 0;
		font-style:oblique;
		letter-spacing:0.05em;
	}

	.sectionHistory .txtOwner {
		font-size:16px;
		font-size:1.6rem;
		font-style:oblique;
		letter-spacing:0.05em;
		margin:0 0 15px 0;
	}

	.sectionHistory .ttl {
		font-weight:bold;
		font-style:italic;
		margin:15px 0 5px 0;
	}

	.sectionHistory img {
		margin:0 auto 0 auto;
		width :90%;
		height:auto;
	}

	.sectionHistory .txt {
		margin:0 0 15px 0;
		text-indent:1em;
	}

	.sectionHistory p.ti0 {
		text-align:start;
		width:100%;
	}

	.sectionHistory .space {
		margin:30px 0 0 0;
	}

	.sectionHistory .txt .sign {
		margin:5px 0 0 0;
		width:200px;
	}

	.sectionHistory .imgArea {
		min-width:658px;
	}

	
	.sectionHistory .content03{
		text-align: center;
	}

	.sectionHistory .content03,
	.sectionHistory .content05 {
		padding:15px 0 0 0;
		box-shadow:#000 0em 0em 0em;
	}

	
	.sectionHistory .content05 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.sectionHistory .content07 {
		text-align:center;
		margin:50px 0 0 0;
	}

	.sectionHistory .content07 .img {
		margin:0 0 15px 0;
	}

	.sectionHistory .content06 .img {
		padding:0;
		margin:0 0 40px 0;
		text-align:center;
	}

	.sectionHistory .container {
		margin:0 12px;
	}

	.sectionHistory .img08 {
		margin:0 0 20px 0;
	}

	.sectionHistory .taR {
		text-align:right;
	}
}

.factory{
	width:658px;
	height:314px;
}

.sign{
	width:250px;
	height:115px;
}

.utsuwa{
	width:400px;
	height:571px;
}

/*------------------------------------------
/*	sectionInformation
------------------------------------------*/
@media (min-width: 769px) {
	.sectionInformation {
		width:80%;
		max-width:1100px;
		margin :0 auto;
		background:url(/omoi/en/imgs/bg_logo.png) right 35px no-repeat;
		margin:0 auto;
	}
		
	.sectionInformation h2.ttl {
		font-size:24px;
		font-size:2.4rem;
		letter-spacing:0.05em;
		margin:0 0 15px 0;
	}
		
	.sectionInformation .txt {
		margin:0 0 20px 0;
		letter-spacing:0.06em;
		text-indent:1em;
	}

	.sectionInformation h3.ttl {
		margin:0 0 10px 0;
	}

	.sectionInformation h3.ttl span {
		color:#e8e8e8;
		font-size:18px;
		font-size:1.8rem;
		font-style:oblique;
		background:#422c12;
		line-height:32px;
		padding:0 5px 0 5px;
		letter-spacing:0.05em;
	}

	.sectionInformation .addressArea {
		width:360px;
		margin:0 auto;
		padding:20px 0 0 0;
		overflow:hidden;
	}

	.sectionInformation .addressArea div {
		float:left;
	}

	.sectionInformation .addressArea .img {
		margin:40px 0 0 0;
		color: #643800;
		text-align:center;
		font-size:12px;
		font-size:1.2rem;
	}

	.sectionInformation .addressArea .img a {
		color: #643800;
		text-decoration:underline;
	}

	.sectionInformation .addressArea .img a:hover {
		text-decoration:none;
	}

	.sectionInformation .addressArea .img .hover:hover {
		box-shadow:#000 0em 0em 0em;
		opacity:0.7;
		filter:alpha(opacity=70);/* ie 6 7 */
		-ms-filter:"alpha(opacity=70)"; /* ie 8 */
		zoom:1;
	}

	.sectionInformation .addressArea .img img {
		margin:0 0 5px 0;
	}
		
	.sectionInformation .addressArea .txtArea {
		width:668px;
		margin:30px 0 0 0;
		float:left;
	}

	.sectionInformation .addressArea .txtArea .txt {
		width:668px;
	}

	.sectionInformation .imgProduct {
		max-width:668px;
		text-align:center;
		margin:130px auto 0;
	}

	.sectionInformation .imgProduct img{
		width:80%;
	}
}

@media (max-width: 768px) {
	.sectionInformation {
		text-align: center;
		width:100%;
		margin :0 auto 0 auto;
		padding: 0 12px 0 12px;
		background:url(/omoi/en/imgs/bg_logo.png) right 35px no-repeat;
	}
		
	.sectionInformation h2.ttl {
		font-size:24px;
		font-size:2.4rem;
		letter-spacing:0.05em;
		margin:0 12px 15px 12px;
		width :90%;
		text-align: start;
	}
		
	.sectionInformation .inner{
		width :90%;
	}

	.sectionInformation .txt {
		text-align: start;
		margin:0 12px 20px 12px;
		letter-spacing:0.06em;
		text-indent:1em;
	}

	.sectionInformation h3.ttl {
		margin:0 0 10px 0;
	}

	.sectionInformation h3.ttl span {
		color:#e8e8e8;
		font-size:18px;
		font-size:1.8rem;
		font-style:oblique;
		background:#422c12;
		line-height:32px;
		padding:0 5px 0 5px;
		letter-spacing:0.05em;
	}

	.sectionInformation .addressArea {
		width:360px;
		margin:0 auto;
		padding:20px 0 0 0;
		overflow:hidden;
	}

	.sectionInformation .addressArea div {
		float:left;
	}

	.sectionInformation .addressArea .img {
		margin:40px 0 0 0;
		color: #643800;
		text-align:center;
		font-size:12px;
		font-size:1.2rem;
	}

	.sectionInformation .addressArea .img a {
		color: #643800;
		text-decoration:underline;
	}

	.sectionInformation .addressArea .img a:hover {
		text-decoration:none;
	}

	.sectionInformation .addressArea .img .hover:hover {
		box-shadow:#000 0em 0em 0em;
		opacity:0.7;
		filter:alpha(opacity=70);/* ie 6 7 */
		-ms-filter:"alpha(opacity=70)"; /* ie 8 */
		zoom:1;
	}

	.sectionInformation .addressArea .img img {
		margin:0 0 5px 0;
	}
		
	.sectionInformation .addressArea .txtArea {
		width:668px;
		margin:30px 0 0 0;
		float:left;
	}

	.sectionInformation .addressArea .txtArea .txt {
		width:668px;
	}

	.sectionInformation .imgProduct {
		max-width:668px;
		text-align:center;
		margin:130px auto 0;
	}

	.sectionInformation .imgProduct img{
		width:80%;
	}
}

.address{
	width:207px; 
	height:200px;
}

.report{
	width:97px;
	height:130px;
}

.tourteaux{
	width:200px;
	height:272px;
}

/*------------------------------------------
/*	sectionproductInfo
------------------------------------------*/

.sectionproductInfo {
	width:80%; 
	max-width:1100px; 
	margin:50px auto 50px;
}

.sectionproductInfo .ttl {
	font-size:24px;
	font-size:2.4rem;
	letter-spacing:0.05em;
	margin:0 0 15px 0;
}

.sectionproductInfo .content01,
.sectionproductInfo .content02,
.sectionproductInfo .content03,
.sectionproductInfo .content04,
.sectionproductInfo .content05 {
	margin:0 0 30px 0;
}

.sectionproductInfo .content03 {
	max-width:668px;
	margin:10px auto 60px;
	text-align:center;
}

.sectionproductInfo .content03 img{
	max-width:668px;
	width:80%;
}


.sectionproductInfo .content04 {
	overflow:hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.sectionproductInfo .content04 .txtArea {
	width:100%;
	float:left;
}

.sectionproductInfo .content04 .img {
	width:200px;
}

.sectionproductInfo .content04 .img a {
	color:#643800;
	font-size:1.2px;
	font-size:1.2rem;
}

.sectionproductInfo .content04 .img a:hover {
	text-decoration:underline;
}
	
.sectionproductInfo .txt {
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:0.05em;
	margin:0 0 20px 0;
	text-indent:1em;
}

.sectionproductInfo p.ti0 {
	text-indent:0;
}

.sectionproductInfo .list {
	list-style:outside none;
	margin:0 0 15px 0;
}

.sectionproductInfo ol.list {
	list-style:inside decimal;
	padding:0 0 0 1.2em;
	text-indent:-1.2em;
}

.tastingArea {
	width:910px;
}

.tastingArea .leftcol {
	float:left;
	width:700px;
}

.tastingArea .rightcol {
	float:right;
	width:210px;
	font-size:13px;
	font-size:1.3rem;
	text-align:center;
}

.tastingArea .rightcol img {
	margin:0 0 5px 0;
}

.tastingArea .rightcol a {
	color:#673703;
	text-decoration:underline;
}

.tastingArea .rightcol a:hover {
	text-decoration:none;
}

.sectionproductInfo .content07 {
	margin:40px 0 0 0;
}


/*------------------------------------------
/*	slider
------------------------------------------*/
@media (min-width: 769px) {
	.content05 {
		overflow:hidden;	
	}

	#craftsmanImg {
		width:328px;
		height:492px;
		/*float:left;*/
		position:relative;
		overflow:hidden;

		flex: 1; 
	}

	#slider {
		width:328px;
		height:492px;
		overflow:hidden;
		position:relative;
	}
	
	#slider li {
		float:left;
		width:328px;
		position: absolute;
		display:none;
	}
	
	#slider li img {
		width:100%;
	}

	.thumbnailArea {
		overflow:hidden;
		width:336px;
		/*float:right;*/
		padding:35px 7px 0 7px;

		flex: 1; 

		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.thumbnailArea .thumbnail {
		width:98px;
		float:left;
		margin:0 6px 8px 0;
		cursor:pointer;
	}

	.textClick {
		margin:0 0 15px 0;
		font-size:1.6rem;
		font-size:16px;
		clear:left;	
		inline-size: 220px;
	}
}

@media (max-width: 768px) {
	.content05 {
		overflow:hidden;	
	}

	#craftsmanImg {
		width:328px;
		height:492px;
		/*float:left;*/
		position:relative;
		overflow:hidden;

		flex: 1; 
	}

	#slider {
		width:328px;
		height:492px;
		overflow:hidden;
		position:relative;
	}
	
	#slider li {
		float:left;
		width:328px;
		position: absolute;
		display:none;
	}
	
	#slider li img {
		width:100%;
	}

	.thumbnailArea {
		overflow:hidden;
		width:336px;
		/*float:right;*/

		flex: 1; 

		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.thumbnailArea .thumbnail {
		width:98px;
		float:left;
		margin:6px 6px 8px 0;
		cursor:pointer;
	}

	.thumbnailArea .m0 {
		/*margin:0; add*/
	}

	.textClick {
		margin:0 0 15px 0;
		font-size:1rem;
		font-size:10px;
		clear:left;	
		inline-size: 200px;
	}
}

.slider li img{
	width:328px;
	height:492px;
}

.thumbnail img{
	width:100px;
	height:133px;
}

/*------------------------------------------
/*	pageTop
------------------------------------------*/
.pageTop {
	text-align:right;
	font-size:1.4rem;
	font-size:14px;
	line-height:14px;
	margin:35px 0 0 0;
}

.pageTop a {
	display:inline-block;
	background:url(/omoi/en/imgs/ico_arrow.jpg) 0 3px no-repeat;
	padding:0 0 0 20px;
	color:#643800;
}

.pageTop a:hover {
	text-decoration:underline;
}

.backHome:hover {
	box-shadow: #000 0em 0em 0em;
	opacity:0.7;
}

.corporateTop {
	text-align:right;
	font-size:14px;	
	clear:both;
}

.corporateTop a {
	color:#643800;
	text-decoration:underline;
}

.corporateTop a:hover {
	text-decoration:none;
}

/*------------------------------------------
/*	footer
------------------------------------------*/

#footer {
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:0 0 50px 0;
}

#footer .copyright {
	margin:20px 20px 0 20px;
	line-height:24px;
	letter-spacing:0.05em;
}

#footer .copyright a:hover {
	box-shadow:#000 0em 0em 0em;
	opacity:0.7;
	filter:alpha(opacity=70);        /* ie 6 7 */
	filter:alpha(opacity=70);        /* ie lt 8 */
	-ms-filter:"alpha(opacity=70)"; /* ie 8 */
	zoom:1;
}

.footerLogo{
	width:160px;
}

/* --------------------------------------------------
    clearfix
-------------------------------------------------- */

.sectionFormality .section01:after,
.sectionFormality .section02:after,
.sectionFormality .section03:after,
.sectionFormality .section04:after,
.sectionFormality .section05:after,
.sectionIntroduce .inner .content:after,
.sectionIntroduce .inner .content .txtArea .linkArea01:after,
.sectionIntroduce .inner .content .txtArea .linkArea02:after,
.sectionInformation .addressArea:after,
.sectionHistory .imgArea:after,
.sectionIntroduce02 .inner:after,
.sectionIntroduce03 .inner:after,
.sectionIntroduce .inner .txtArea .linkArea:after,
.tastingArea:after {
	visibility: hidden;
	clear: both;
	display: block;
	content: " ";
	height: 0;
	font-size: 0;
}

.sectionFormality .section01,
.sectionFormality .section02,
.sectionFormality .section03,
.sectionFormality .section04,
.sectionFormality .section05,
.sectionIntroduce .inner .content,
.sectionIntroduce .inner .content .txtArea .linkArea01,
.sectionIntroduce .inner .content .txtArea .linkArea02,
.sectionInformation .addressArea,
.sectionHistory .imgArea,
.sectionIntroduce02 .inner,
.sectionIntroduce03 .inner,
.sectionIntroduce03 .inner .txtArea .linkArea,
.tastingArea {
  	zoom: 1;
}