@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Amiri|Cormorant+Garamond:400,500|Noto+Sans+JP:400,500|Noto+Serif+JP:400,600&display=swap');

/* haoIcons */
@font-face
{
    font-family: 'haopict';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/haopict.eot');
    src: url('../fonts/haopict.eot?#iefix') format('embedded-opentype'),
url('../fonts/haopict.woff') format('woff'), 
url('../fonts/haopict.woff2') format('woff2'),
 url('../fonts/haopict.otf') format('opentype'),
url('../fonts/haopict.ttf') format('truetype');
}

@font-face {
	font-family: 'Akzidenz';
    font-weight: normal;
    font-style: normal;
	src: url('../fonts/Akzidenz Grotesk BE Regular.eot');
 	src: url('../Akzidenz Grotesk BE Regular.woff') format('woff'), 
	url('../fonts/Akzidenz Grotesk BE Regular.ttf') format('truetype'),
 	url('../Akzidenz Grotesk BE Regular.otf') format('opentype');
}

.fontsforweb_fontid_9785 {
	font-family: 'Akzidenz' !important;
}

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, i, center,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 {
margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;
font-family: 'Akzidenz','Noto Sans JP', sans-serif; -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}

/* HTML5 display-role reset for older browsers */
article, section,header, nav, footer,aside, details, figcaption, figure{ display: block;}
img {max-width:100%; height: auto;}

body {
margin:0 auto;
background:#fff;
font-size:62.5%;
 color:#000;
/*border: solid 1px #999; */
font-family:'Akzidenz', 'Noto Sans JP',sans-serif; 
-webkit-font-smoothing:antialiased; 
-moz-osx-font-smoothing:grayscale;
overflow-x: hidden;overflow-y:scroll;
 -ms-overflow-x-style: none; /* IE, Edge  */
scrollbar-width: none; /* Firefox */
background-color: #fff;
background-image: url("../../images/newsletter2.jpg"); 
background-size: cover;
background-attachment: fixed;
background-position: center center;
position:relative;
}

/* ▼大画面用1860x1240  
@media (min-width: 1280px) {
body {background-image: url("../images/contact-bg18001200.jpg"); }
}*/

body {
user-select:none;
-webkit-user-select:none;
-ms-user-select: none;/* IE 10+ */
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}

*{
   margin : 0;
   padding : 0;
}

input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
-moz-border-radius: 0;
-webkit-border-radius:0;
border-radius: 0;
-webkit-appearance: none;
}

/*============================================================*/
ol, ul { list-style: none; }
/*===== Main =======*/
h1 { font-size:50px; padding:1.4em 0 0 0; color:#000; }
/*1em＝「文字の高さ」0.5em半角*/
p { font-size:14px; padding:0.4em 0; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}

/*==================*/
.head {width:100%; height:auto;}
header{max-width:1080px;width:100%;height:auto;margin:0 auto;padding:0;/*border:1px solid #0000ff;*/}

/*============SECTION==============*/
.section {display: block;max-width:1080px;width:100%;margin:0 auto;padding:0;}
.rogo_section{max-width:1080px;width:100%;height:auto;margin:0 auto;padding:0; text-align:center; /*border:1px solid #ff0000;*/}
.section-nav{display: block;max-width:1080px; width:100%; margin:0 auto; padding:0;}

/*English＝日本語=================================================*/
.enjp_button{position:fixed;top:0.25em;right:100px;width:100%;display: block; height:1.8em; margin:3.6em 0 0 0; padding:0; text-align:right;z-index:200;}
.enjp_button ul li{ display: inline-block; margin:0; padding:0; text-align: center; }

li.English a{display: inline-block;margin-right:0.06em;font-size:1.4em;letter-spacing:0.05em;color:#fff; text-decoration:none;border-bottom:0.1em solid #fff;padding-bottom:0.05em;cursor:default;font-family: 'Akzidenz', sans-serif; }
li.Japan a{display: inline-block;margin-right:2em; font-size:1.4em;letter-spacing:0.05em;text-decoration:none;cursor:default;color:#fff; font-family:'Akzidenz', sans-serif; }

li.facebook a{ display: inline-block;margin-right:0.5em;cursor:pointer;text-decoration:none;font-size:1.8em;color:#fff; font-family: 'haopict'; }
li.instagram a{ display: inline-block;margin-right:0.65em;color:#fff;cursor:pointer;text-decoration:none;font-size:1.8em;font-family: 'haopict'; }
li.zmark {display: inline-block;margin-right:-0.1em;font-size:1.4em;letter-spacing:0.05em;color:#fff; text-decoration:none;font-family: 'Akzidenz', sans-serif; }

li.Japan a:hover{ display: inline-block;color:#fff;cursor:pointer;opacity:0.7; -ms-filter:"alpha(opacity=70)"; -webkit-transition: all .3s; transition: all .3s; text-decoration:none;}
li.English a:hover{ display: inline-block;color:#fff;cursor:default;}

li.facebook a:hover,li.instagram a:hover{ display: inline-block;color:#fff;opacity:0.7; -ms-filter:"alpha(opacity=70)"; -webkit-transition: all .3s; transition: all .3s;cursor:pointer; }


/*メニュー非表示*/
ul li.enjp,.zdo_drawer_nav a.en,.zdo_drawer_nav a.jp{display:none;}
.zdo_drawer_nav li.facebook,.zdo_drawer_nav li.instagram{display:none;}

/*ロゴブロック================================*/
.Rogoblock{ 
max-width:24em;width:100%;height:10.2em;text-align:left;z-index:200;
position:fixed;
top:0;
left:3.5%;
display:flex;
align-items: center;
}
.Rogoblock img{width:23.9em;height:5.2em;}
.Rogoblock a:hover img {opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}

/*######################################################*/
/*
Zarigani Design Office Drawer Menu
Copyright 2018 Zarigani Design Office
*/
/* === Hambuerger Button's Style Paste Here === */
/*+++ Reset +++*/
.zdo_drawer_button {margin-top:0.7em;padding: 0;}
.zdo_drawer_button * {
outline: none;border: none;font: inherit;
font-family: inherit;font-size: 1.3em;font-style: inherit;font-weight: inherit;
-webkit-appearance: none;-moz-appearance: none;appearance: none;
text-align: left;text-decoration: none;list-style: none;
}

/*三本線高さ*/
.zdo_drawer_button {
display: block;padding: 0;width: 42px;height: 20px;/*26*/
position: relative;background: none;border: none;text-align: center;
letter-spacing: 0.1em;cursor: pointer;outline: none;overflow:visible;
}
/*三本線横幅*/
.zdo_drawer_button .zdo_drawer_bar {
  display: block;
  width: 27px;
  height: 2px;
  transition: all 0.2s;
  transform-origin: 0% 0%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
}

.zdo_drawer_button .zdo_drawer_bar1 {top: 0;}
.zdo_drawer_button .zdo_drawer_bar2 {top: 50%;}
.zdo_drawer_button .zdo_drawer_bar3 { top: 100%;}

/*Xマーク*/
.zdo_drawer_button.active .zdo_drawer_bar {width: 29px;/*36.77px*/left: 8px;}

.zdo_drawer_button.active .zdo_drawer_bar1 {
  transform: rotate(0.7853981634rad) translateY(-50%);top: 0px;}

.zdo_drawer_button.active .zdo_drawer_bar2 {opacity: 0;}

.zdo_drawer_button.active .zdo_drawer_bar3 {
  transform: rotate(-0.7853981634rad) translateY(-50%);top: calc(100% - 0px);}

.zdo_drawer_button.active .zdo_drawer_menu_text {display: none;}

.zdo_drawer_button.active .zdo_drawer_close {display: block;}

.zdo_drawer_close {letter-spacing: 0.08em;display: none;}

/*+++ Default Button Color +++*/
.zdo_drawer_button {color: #fff;}

.zdo_drawer_button .zdo_drawer_bar {background-color: #fff;}

/* === Hambuerger Button's Style End === */
.zdo_drawer_menu .zdo_drawer_button {
  /*+++ Hamburger Button Position +++*/
  position: fixed;
  top: 32px;
  right: 32px;
  z-index: 1001;
}
.zdo_drawer_menu .zdo_drawer_button:hover{opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}

/*ボタンの上のhover用四角*/
.zdo_drawer_menubg{
position: absolute;
width:2em;
height:2em;
top:0;
left:0;
background-color:rgba(255, 255, 255, 0);
}

.zdo_drawer_menu a {
  color: inherit;
  text-decoration: none;
}
.zdo_drawer_menu a:visited {
  color: inherit;
}
.zdo_drawer_menu .zdo_drawer_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  /*z-index: 999;*/
  /*background-color: rgba(255, 51, 51, 0.5);*/
  display: none;
  top: 0;
  left: 0;
}
.zdo_drawer_menu .zdo_drawer_nav_wrapper {
  width: 280px;
  height: 100%;
  transition: all 0.2s;
  transform: translate(312px);
  position: fixed;
  top: 0;
  right: 0;
  z-index:100;
  background-color:#1b2360;/*紺色1b3560*/
opacity:0.95;
filter:alpha(opacity=95);z-index:10;
}
.zdo_drawer_menu .zdo_drawer_nav_wrapper.open {
  transform: translate(0);}

.zdo_drawer_menu.left .zdo_drawer_button {right: auto;left: 32px;}

.zdo_drawer_menu.left .zdo_drawer_nav_wrapper {
  transform: translate(-312px); right: auto; left: 0;}

.zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open {
  transform: translate(0);
}

/*+++ Default Navigation CSS +++*/
.zdo_drawer_menu .zdo_drawer_nav {
  padding: 112px 24px;
}
.zdo_drawer_menu .zdo_drawer_nav li *{
  font-size:1.3em;
  margin:0 0 1.5em 1em;
line-height:2.2;
color:#fff;
font-family: 'Akzidenz', sans-serif;
font-weight:500;
}

/*1層目==============*/
.zdo_drawer_nav li.aizumomen,.zdo_drawer_nav li.webtop{margin-bottom:0.1em;}
/*2層目==============*/
.zdo_drawer_nav li.submaneu a{line-height:2.2;font-size:1.23em;}
.zdo_drawer_nav li.sample a{line-height:2.2;font-size:1.23em;}
/*(AIZU COTTOM)調整=========== */
.zdo_drawer_nav li.submaneu .br{display:none;}
.zdo_drawer_nav li.submaneu .subcom{display:inline-block;font-size:1em;margin-left:-0.1em;margin-bottom:0.1em;}

.zdo_drawer_menu .zdo_drawer_nav li a:hover{
color:#fff;
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

/*============================================================*/
.copyblock{
width:100%;height:79.5vh;
text-align:center;
margin-top:10em;
margin-left:-200%;
margin-right:-200%;
margin-bottom:0;
padding:4% 200% 0;
text-align: center;
background:rgba(255,253,250,0.8);
}

/*ie10~11*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
.copyblock{width:100%;height:auto;padding:4% 200% 6%;}}

/*win-chrome*/
_:lang(x)::-internal-media-controls-overlay-cast-button, .copyblock{width:100%;height:auto;padding:4% 200% 6%;}

/*edge-chromium*/
_:lang(x)::-ms-, .copyblock{width:100%;height:auto;padding:4% 200% 6%;}

/*win-firefox*/
@-moz-document url-prefix() {.copyblock{width:100%;height:auto;padding:4% 200% 6%;}}

.copyblock-inbox{
width:70%;height:100%;margin:0 auto;text-align:center;padding:0;}

.headcopy{width:100%;height:auto;margin:5em 0 2em 0;padding:0;text-align:left;}
.headcopy h2{display:inline;width:100%;margin:0;padding-bottom:0.01em;text-align:left;font-size:1.5em;font-weight:600;color:#000;text-decoration:none;border-bottom:1px solid #000;letter-spacing:0.1em;}

.readcopy{margin:0 0 0 2.9em;height:auto;padding:0;text-align:left;font-size:1.3em;line-height:2.2;}

/*Firefox*/
@-moz-document url-prefix() {.headcopy{margin:5em 0 2em 5.8em;}}
@-moz-document url-prefix() {.readcopy{margin:0 0 0 7.5em;}}

.bodycopy{width:90%;height:auto;margin:0 auto;padding:0;text-align:center;}
.bodycopy p{width:100%;height:auto;margin:0 auto 1.5em;padding:0;text-align:left;font-size:1.3em;line-height:2;letter-spacing:0.02em;text-align:justify;text-justify: inter-ideograph;}

.f-weight600{font-weight:600;}

.headcopy h2,.bodycopy dd,.f-weight600,.f-size14,.f-size15{font-family: 'Akzidenz', sans-serif;  }
.cottonlink{max-width:221px;width:100%;height:auto;margin:0 auto;text-align:center;}
.cottonlink img{width:90%;}

.h-spase{height:1.5em;border:none;}

/*================================*/
.main{ width:1080px;width:100%;margin:0 auto; padding:0;}
.inner{ max-width:1080px;width:100%;margin:0 auto;  padding:0; }
/*=========================================================*/

.inner-form {width:100%;margin:3em auto 0;padding:0;text-align:left;}
/*FORM///////////////////////////////////////////////////////////////////////*/
#mailform {max-width:680px;margin:0 auto;padding:0;}
.mailformin{width:100%;}
/*名前/メール/メール確認*/
.fnameimg,.fmeilimg,.fmailreeimg{display:inline-block;max-width:19.3em;width:100%;height:auto;vertical-align:-0.3em;}

/* IE10-IE11） */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fnameimg,.fmeilimg,.fmailreeimg:not(:target) {max-width:21em;width:100%;height:auto;}}

.fnameimg img,.fmeilimg img,.fmailreeimg img{width:59%;}
/*問い合わせtextarea*/
.toiawaseimg{display:inline-block;max-width:19.3em;width:100%;height:auto;vertical-align:top;padding:2em 0 0 0;}
.toiawaseimg img{width:62%;}
/*必須項目*/
.fhitsusuimg{display:inline-block;max-width:19.3em;width:100%;height:auto;vertical-align:1.5em;padding:0;}
.fhitsusuimg img{width:75%;}

/* IE9 */
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
.fhitsusuimg{vertical-align:-0.4em;}}

/* IE10-IE11） */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fhitsusuimg:not(:target) {vertical-align:-0.4em;}}

@-moz-document url-prefix() {#mailform {margin-left:9.5em;}}
@-moz-document url-prefix() {.fhitsusuimg{vertical-align:-0.3em;}}


.mailin{display:inline-block;margin:1.3em auto;padding:0;}
/*テキスト入力枠*/
.fname,.fmeil,.fmailree{display:inline-block;width:25em;height:28px;margin-left:-43px;padding:0.2em 0 0.2em 0.5em;line-height:1.8em;font-size:13px;font-weight:normal;text-align: left;border:1px solid #dcdcdc;border-radius:0;
font-family: 'Akzidenz', sans-serif; }
/*内容記入欄*/
.toiawase {display:inline-block;width:512px;height:180px;border:1px solid #dcdcdc;margin-left:-3.4em;padding:0.5em;resize: none;line-height:1.5;font-size:13px;font-weight:normal;text-align: left;border-radius:0;
font-family: 'Akzidenz', sans-serif;}

/* IE9 */
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {.fname,.fmeil,.fmailree{width:30em;}}

/* IE10-IE11） */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.fname,.fmeil,.fmailree:not(:target) {margin-left:-50px;}}

/* IE9 */
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {.toiawase{width:500px;}}

/* IE10-IE11） */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.toiawase:not(:target) {width:500px;margin-left:-2.7em;}}

@-moz-document url-prefix() {.toiawase {width:480px;margin-left:-3.4em;margin-bottom:-0.2em;}}

.sendbutton{display:inline-block;width:9em;height:3.5em;margin:0.2em 0 0 -3.9em;padding:0;border:none;cursor:pointer;background:url(../../images/svg-images/send42585.svg) no-repeat 0 0;background-size:100% auto;border-radius:0;}

/*win-chrome*/
_:lang(x)::-internal-media-controls-overlay-cast-button, .toiawase{width:480px;margin-left:12.8em;}

/*chrome*/
_:lang(x)::-internal-media-controls-overlay-cast-button, .sendbutton{margin:0.2em 0 0 -3.2em;}

/*edge-chromium*/
_:lang(x)::-ms-, .toiawase{width:480px;margin-left:11.7em;}

/* IE9 */
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
.sendbutton{margin:0.2em 0 0 -3.2em; }}

/* IE10-IE11） */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sendbutton:not(:target) {margin-left:-2.7em;}}


.resetbutton{display:inline-block;width:9em;height:3.5em;margin:0.2em 0 0 2em;padding:0;border:none;background:url(../../images/svg-images/reset42585.svg) no-repeat 0 0;background-size:100% auto;border-radius:0;}

.sendbutton:hover,.resetbutton:hover{ opacity:0.7;-ms-filter:"alpha(opacity=70)";-moz-opacity:0.7;-khtml-opacity: 0.7;-webkit-transition: all .3s; transition: all .3s;}

/*win-firefox*/
@-moz-document url-prefix() {.sendbutton{margin:0.2em 0 0 -3.3em;}}

/* ================================================================
フッター
================================================================*/
footer{width:100%; height:80px; margin:10px auto 0px; padding:0;text-align:center; overflow:hidden; }
/*footer*/
.section_footer {max-width:1080px;width:100%; margin:0 auto; padding:0;  text-align: center; }
.inner-footer {max-width:1080px;width:100%;height:auto; margin:0 auto; padding:0; }
#footer_wrap { width:100%; margin: 0 auto; padding:0px;  }

.copyright {position:absolute;left:0;right:0;bottom:4em;max-width:350px;width:100%;margin:auto;padding:0;max-width:350px;width:100%;height:auto;}
.copyright img{ width:100%;height:auto;}

/*==================*/
.clearfix{ clear:both; }
/*==================*/
.clear-both{ clear: both; }
/*==================*/

li.bottmspase{padding-bottom:1.5em;}

.nohover{
pointer-events: none;
cursor:default;} 

/*スマホ用 ##################################################*/
/* ipad pro 1024===================================================*/
@media screen and ( max-width:1024px){
.enjp_button{ margin:4em 3.1em 0 0; padding:0;right:9.5%;}
li.English a{font-size:1.8em;letter-spacing:0.05em}
li.Japan a{margin-right:2em; font-size:1.8em;letter-spacing:0.05em; }
li.zmark {margin-right:-0.1em;font-size:1.8em;letter-spacing:0.05em;}
li.facebook a{margin-right:0.53em;font-size:2.2em; }
li.instagram a{margin-right:-1.5em;font-size:2.2em; }

.Rogoblock{top:0.4%;}

/*▼ハンバーガー=========== */
.zdo_drawer_button { margin-top:1.4em;margin-right:-1.8em;}

.headcopy{margin:4.9em 0 2em -2em;}
.headcopy h2{font-size:1.6em;}
.readcopy{margin:0 0 0 1.2em;height:auto;padding:0;text-align:left;font-size:1.7em;line-height:2.2;}

.toiawase {display:inline-block;width:35em;height:180px;}

.copyblock{
width:100%;height:82vh;
margin-top:10.5em;
margin-left:-200%;
margin-right:-200%;
margin-bottom:0;
padding:4% 200% 0;
text-align: center;
background:rgba(255,253,250,0.8);}

footer{width:100%; height:90px; margin:10px auto 0px; padding:0;text-align:center; overflow:hidden; }
.copyright {position:absolute;left:0;right:0;bottom:4.5em;max-width:350px;width:100%;margin:auto;padding:0;max-width:350px;width:100%;height:auto;}
}

/*834===================================================*/
@media screen and ( max-width:834px) {
/*ハンバーガー=========================== */
.zdo_drawer_button  {  margin-top:1.1em;}
/*========= */
.enjp_button{ margin:3.7em 3em 0 0; padding:0;right:7.5%;}
li.English a{font-size:1.8em;letter-spacing:0.05em}
li.Japan a{margin-right:1.52em; font-size:1.8em;letter-spacing:0.05em; }
li.zmark {margin-right:-0.1em;font-size:1.8em;letter-spacing:0.05em;}
li.facebook a{margin-right:0.52em;font-size:2.2em; }
li.instagram a{margin-right:0;font-size:2.2em; }
/*========= */
.Rogoblock{top:0.2%;left:3.7%;}
.inner {width:100%;padding:0; }

.copyblock{
width:100vw;height:82.5vh;
margin:10.3em auto 0;
padding:1% 0 0 0;
text-align: center;
background:rgba(255,253,250,0.8);}

.headcopy{width:100%;height:auto;margin:4.9em 0 2em -3em;padding:0;text-align:left;}
.readcopy{margin:0 0 0 0;height:auto;padding:0;text-align:left;font-size:1.5em;line-height:2.2;}

.toiawase {display:inline-block;width:30em;height:180px;}

footer{width:100%; height:80px; margin:10px auto 0px; padding:0;text-align:center; overflow:hidden; }
.copyright {position: absolute; left:0;right:0;bottom:4em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
}

/* ipad 768===================================================*/
@media screen and ( max-width: 768px) {
.enjp_button{ margin:3.6em 3.1em 0 0; padding:0;right:9.5%;}
.inner {width:100%;padding:0.5em 0 0.5em 0; }

.headcopy{margin:4.9em 0 2em -3em;}

.copyblock{
width:100vw;height:80.2vh;
margin:9.5em auto 0;
padding:1% 0 0 0;
text-align: center;
background:rgba(255,253,250,0.8);}

/*▼ハンバーガー=========== */
.zdo_drawer_button{  margin-top:0.9em;margin-right:-0.7em;}
.toiawase {display:inline-block;width:28em;height:180px;}

.copyright {position: absolute; left:0;right:0;bottom:4.4em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
}

/*736i phone8plus横================================================*/
@media screen and ( max-width:736px) {
.enjp_button{ margin:3.6em 1em 0 0; padding:0;right:9.5%;}
/*=====*/
li.English a{font-size:1.6em;letter-spacing:0.05em}
li.Japan a{margin-right:1.3em; font-size:1.6em;letter-spacing:0.05em;}
li.zmark {margin-right:-0.1em;font-size:1.6em;letter-spacing:0.05em;}
li.facebook a{margin-right:0.54em;font-size:1.8em;}
li.instagram a{margin-right:1em;font-size:1.8em;}
/*=====*/
.Rogoblock{left:6%;}
.Rogoblock img{width:80%;}
.inner {width:100%;padding:0.5em 0 0.5em 0; }

/*▼ハンバーガー=========== */
.zdo_drawer_button {  margin-top:0.7em;margin-right:-0.8em;}

.copyblock{
width:100vw;height:auto;
margin:9em auto 0;
padding:1% 0 6em 0;
text-align: center;
background:rgba(255,253,250,0.8);}

.headcopy{margin:4.9em 0 2em -2.8em;}
.readcopy{margin:0 0 0 0em;}
.fname,.fmeil,.fmailree{display:inline-block;width:25em;height:28px; }
/*内容記入欄*/
.toiawase {display:inline-block;width:25em;height:180px;}

footer{width:100%; height:90px; margin:0 auto; padding:0;text-align:center; overflow:hidden; }
.copyright {position: absolute; left:0;right:0;bottom:4.5em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
}

/*667i phone8横================================================*/
@media screen and ( max-width:667px) {
.enjp_button{ margin:3.4em 1em 0 0; padding:0;right:9.5%;}
/*=====*/
.Rogoblock{top:-0.7%;left:6%;}
/*=====*/
.inner {width:100%;padding:0.5em 0 0.5em 0; }

/*▼ハンバーガー=========== */
.zdo_drawer_button {  margin-top:0.5em;margin-right:-0.8em;}

.copyblock{
width:100vw;height:auto;
margin:8.8em auto 0;
padding:4em 0 6em 0;
text-align: center;
background:rgba(255,253,250,0.8);}

.headcopy{margin:1.6em 0 2em -2.3em;}
.readcopy{margin:-1em 0 0 0em;}

#mailform {width:500px;margin:-0.5em auto 0;padding:0;}

/*テキスト入力枠*/
.fname,.fmeil,.fmailree{display:inline-block;width:25em;height:28px;margin-left:-43px;padding:0.2em 0 0.2em;line-height:1.8em;font-size:13px;font-weight:normal;text-align: left;border:1px solid #dcdcdc;border-radius:0;
font-family: 'Akzidenz', sans-serif; }

/*内容記入欄*/
.toiawase {display:inline-block;width:25em;height:180px;border:1px solid #dcdcdc;margin-left:-3.4em;padding:0.5em;resize: none;line-height:1.5;font-size:13px;font-weight:normal;text-align: left;border-radius:0;
font-family: 'Akzidenz', sans-serif;}
}

/*570i phone se横================================================*/
@media screen and ( max-width: 570px) {
.enjp_button{ margin:2.9em 4em 0 0; padding:0;right:9%;}
/*=====*/
li.instagram a{margin-right:0;}
/*ロゴブロック=========================*/
.Rogoblock{height:8em;top:1.1%;left:5.8%;}
/*▼ハンバーガー=========== */
.zdo_drawer_button {  margin-top:0.15em;margin-right:-1.2em;}
.inner{width:100%;margin:0 auto;padding:0 ; }

.copyblock{
width:100vw;height:auto;
margin:8.5em auto 0;
padding:4em 0 4em 0;
text-align: center;
background:rgba(255,253,250,0.8);}

.copyblock-inbox{max-width:44em;width:100%;margin:0 auto;}

.headcopy{margin:1.4em 0 2em -2.1em;}
.readcopy{margin:0 0 0 0em;}

#mailform {max-width:680px;margin:-0.5em auto 0;padding:0;/*border:1px solid #999;*/}
.fname,.fmeil,.fmailree{display:inline-block;width:20em;height:28px; }
/*内容記入欄*/
.toiawase {display:inline-block;width:21em;height:180px;}

footer{width:100%; height:80px; margin:0 auto; padding:0;text-align:center; overflow:hidden; }
.copyright {position: absolute; left:0;right:0;bottom:4em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
.copyright img{ width:80%;height:auto;}
}

/*480=========================================================*/
@media screen and ( max-width:480px) {
body::before {
  background: url(../../images/sample-bg6001067.jpg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width:100vw;
  height: 100vh;
}
/*English＝日本語======================*/
.enjp_button{display:none;}

/*ロゴブロック========================*/
.Rogoblock{height:8em;top:0.3%;left:6.3%;}
.Rogoblock img{width:80%;}

/*メニュー表示*/
.zdo_drawer_nav li.facebook,.zdo_drawer_nav li.instagram{display:block;}

/*▼ハンバーガー=========== */
.zdo_drawer_button{  margin-top:0;margin-right:6.2em;}
.zdo_drawer_menu .zdo_drawer_nav_wrapper {width:300px;z-index:300;}
.zdo_drawer_nav{margin-top:-2em;}
.zdo_drawer_nav li{margin-left:-1em;text-align:left;}
.zdo_drawer_menu .zdo_drawer_nav li *{font-size:1.2em;line-height:1.6;}

/*EN=JP=========== */
.zdo_drawer_nav li.enjp{display:inline-block;margin-bottom:1.5em;font-size:11px;color:#fff;}
/* > li.epjp > ・・linl hoverのために挿入=========== */
.zdo_drawer_nav li.en a{padding-bottom:0.01em;border-bottom:1px solid #fff;cursor:default;}
.zdo_drawer_nav > li.epjp > li.jp a{pointer-events:none;cursor:pointer;}
/*EN=JP=a:hover===== */
.zdo_drawer_nav > li.epjp > li.jp a:hover{display: inline-block;color:#fff;cursor:pointer;opacity:0.7; -ms-filter:"alpha(opacity=70)"; -webkit-transition: all .3s; transition: all .3s; text-decoration:none;}
/*=mark*/
.zdo_drawer_nav li.zmark{font-size:14px;margin:0 -0.2em 0 0.1em;}
/*facebook &instagram*/
.zdo_drawer_nav li.facebook span.fase,
.zdo_drawer_nav li.instagram span.isnta{font-family: 'haopict';font-size:1.3em;color:#fff;margin-left:0;}
.zdo_drawer_nav li.instagram{margin-top:-1.9em;}

/*1層目==============*/
.zdo_drawer_nav li.aizumomen,.zdo_drawer_nav li.webtop{margin-bottom:0.3em;}
/*2層目==============*/
.zdo_drawer_nav li.submaneu a{line-height:2;font-size:1.1em;}
.zdo_drawer_nav li.sample a{line-height:2;font-size:1.1em;}

.main{max-width:480px;width:100%;height:auto;margin:0 auto;}
.section{max-width:480px;width:100%;height:auto;margin:0 auto;}
.inner{width:480px;height:auto;margin:0 auto;}
/*=========== */
.copyblock{
width:100vw;height:76.7vh;
margin:8em auto 0;
padding:1% 0 4em 0;
text-align: center;
background:rgba(255,253,250,0.8);}
/*=========== */
.copyblock-inbox{margin-left:4em;}
/*=========== */
.copyblock-inbox{max-width:40em;width:100%;height:auto;margin:0 auto;}
/*=========== */
.headcopy{width:100%;height:auto;margin:4.7em 0 0 0;}
.bodycopy{width:100%;height:auto;}
p.readcopy{width:100%;margin:1.3em 0 0 0;font-size:1.1em;
}

.main{max-width:480px;width:100%;height:auto;margin:0 auto;}
.section{max-width:480px;width:100%;height:auto;margin:0 auto;}
.inner{width:480px;height:auto;margin:0 auto;}

.copyblock{
width:100vw;height:80vh;
margin:8.5em auto 0;
padding:1% 0 0 0;
text-align: center;
background:rgba(255,253,250,0.8);}

.copyblock-inbox{width:34em;margin:0 auto;padding:0;}

.headcopy{width:100%;height:auto;margin:5.5em 0 2.7em 0;}
.bodycopy{width:100%;height:auto;}
.readcopy{width:110%;margin:-1em 0 0 0em;
transform-origin: 0 0;transform: scaleX(0.95);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.95);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.95); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.95); 
}

/*名前/メール/メール確認*/
li.fnameimg img,li.fmeilimg img,li.fmailreeimg img{width:50%;}
/*問い合わせtextarea*/
li.toiawaseimg img{width:50%;}
li.toiawaseimg{padding:1em 0 0 0;}
/*記入必須*/
li.fhitsusuimg img{width:60%;}
/*テキスト入力枠*/
.fname,.fmeil,.fmailree{display:inline-block;width:16.5em;height:22px; margin-left:-90px;padding:0.2em 0 0.2em 0.5em;line-height:1.8em;font-size:1.3em;}
/*内容記入欄*/
.toiawase {display:inline-block;width:16.5em;height:180px;margin-left:-7em;padding:0.5em;
line-height:1.5;font-size:1.3em;}
.sendbutton{display:inline-block;width:8em;height:3em;margin:0 0 0 -6.8em;padding:0;}
.resetbutton{display:inline-block;width:8em;height:3em;margin:0 0 0 1em;padding:0;}

.copyright {position: absolute; left:0;right:0;bottom:3.5em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
}

/*414=========================================================*/
@media screen and ( max-width: 414px) {
body{width:100vw;}
/*body {background-image: url("../images/contact-bg414736.jpg");}*/
/*English＝日本語======================*/
.enjp_button{display:none;}

/*ロゴブロック========================*/
.Rogoblock{height:8em;top:0.4%;left:7.5%;}

.main,.section,.inner{max-width:414px;width:100%;height:auto;margin:0 auto;}

/*▼ハンバーガー=========== */
.zdo_drawer_menu .zdo_drawer_button{  margin-top:-0.1em;margin-left:0;margin-right:-1.6em}
.zdo_drawer_menu .zdo_drawer_nav_wrapper {width:200px;}
/*(AIZU COTTOM)調整=========== */
.zdo_drawer_nav li.submaneu .br{display:none;}
.zdo_drawer_nav li.submaneu .subcom{display:block;margin:-0.4em 0 0.25em 2em;}
.zdo_drawer_nav li.submaneu a.wakamatsu{font-size:1.15em;}

.copyblock{
width:100vw;height:75.8vh;overflow-x:hidden;
margin:8.2em auto 0;
padding:1% 0 4em 0;
text-align: center;
background:rgba(255,253,250,0.8);}
.copyblock-inbox{margin-left:4em;}

.headcopy{width:100%;height:auto;margin:4.8em 0 1.3em 0;}
.readcopy{width:110%;margin:0;font-size:1.3em;letter-spacing:0.02em;
transform-origin: 0 0;transform: scaleX(0.9);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.9);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.9); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.9); }

.inner-form {width:100%;margin:2em auto 0;padding:0;text-align:left;}
/*名前/メール/メール確認*/
li.fnameimg img,li.fmeilimg img,li.fmailreeimg img{width:45%;}
/*問い合わせtextarea*/
li.toiawaseimg img{width:45%;}
li.toiawaseimg{padding:2em 0 0 0;}
/*記入必須*/
li.fhitsusuimg img{width:60%;}
/*テキスト入力枠*/
.fname,.fmeil,.fmailree{display:inline-block;width:16.5em;height:22px; margin-left:-90px;padding:0.2em 0 0.2em 0.5em;line-height:1.8em;font-size:1.3em;}
/*内容記入欄*/
.toiawase {display:inline-block;width:16.5em;height:160px;margin-left:-7em;padding:0.5em;
line-height:1.5;font-size:1.3em;}
.sendbutton{display:inline-block;width:8em;height:3em;margin:0 0 0 -8.2em;padding:0;}
.resetbutton{display:inline-block;width:8em;height:3em;margin:0 0 0 1em;padding:0;}

footer{width:100%; height:84px; margin:0 auto; padding:0;text-align:center; overflow:hidden; }
.copyright {position: absolute; left:0;right:0;bottom:4em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
.copyright img{ width:80%;height:auto;}
}

/*375=========================================================*/
@media screen and ( max-width: 375px) {
body{width:100vw;}
.Rogoblock{height:8em;top:0.3%;left:7.5%;}
.Rogoblock img{width:75%;}

/*▼ハンバーガー=========== */
.zdo_drawer_button{margin-top:-0.1em;margin-right:-2.5em;}
.zdo_drawer_menu .zdo_drawer_nav_wrapper {width:180px;}
.zdo_drawer_nav li.submaneu a.wakamatsu{font-size:1.1em;}

.copyblock{
width:100vw;height:auto;overflow-x:hidden;
margin:8.1em auto 0;
padding:1em 0 4em 0;
text-align: center;
background:rgba(255,253,250,0.8);
}

.main,.section,.inner{max-width:375px;width:100%;height:auto;margin:0 auto;padding:0;}
.main .copyblock-inbox{width:330px;margin:0 auto;padding:0 0 0 1em;}

.headcopy{width:100%;height:auto;margin:4.4em 0 2.8em 0;}
.bodycopy{width:100%;height:auto;}
.readcopy{width:110%;margin:-1em 0 0 0em;font-size:1.22em;
transform-origin: 0 0;transform: scaleX(0.95);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.95);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.95); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.95); }

.inner-form {max-width:330px;margin:2em auto 0;padding:0;text-align:left;}
#mailform {max-width:330px;margin:0 auto ;padding:0;}
/*名前/メール/メール確認*/
li.fnameimg img,li.fmeilimg img,li.toiawaseimg img,li.fmailreeimg img{width:45%;}
/*記入必須*/
.fhitsusuimg img{width:40%;}
/*テキスト入力枠*/
.fname,.fmeil,.fmailree{display:inline-block;width:17em;height:21px;margin:-0.5em 0 0.1em -8.6em;padding:0.2em 0 0.2em 0.5em;line-height:1.8em;font-size:1.2em;}

/*内容記入欄*/
.toiawase {display:inline-block;width:16.3em;height:180px;margin-top:-0.5em;margin-left:-8em;padding:0.5em;
line-height:1.5;font-size:1.3em;}
.sendbutton{display:inline-block;width:7em;height:3em;margin:-0.8em 0 0 -9.4em;padding:0;}
.resetbutton{display:inline-block;width:7em;height:3em;margin:-0.8em 0 0 1em;padding:0;}

.copyright {position: absolute; left:2.9em;right:0;bottom:4em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
.copyright img{ width:80%;height:auto;}
}

/*320=========================================================*/
@media screen and ( max-width: 320px) {
.Rogoblock{height:7.7em;top:0.1%;}
.Rogoblock img{width:70%;}
.headcopy h2{font-size:1.4em}
/*=========== */
.zdo_drawer_menu .zdo_drawer_button{margin-top:-0.4em;margin-left:0;margin-right:-2em;}
.zdo_drawer_menu .zdo_drawer_nav_wrapper {width: 160px;}
.zdo_drawer_menu .zdo_drawer_nav li{ font-size:0.8em;line-height:1.5;}
/*=========== */
.main,.section,.inner{max-width:32em;width:100%;height:auto;margin:0 auto;}
/*=========== */
.zdo_drawer_menu .zdo_drawer_nav li.facebook a{margin-bottom:1.7em;font-size:1.35em;letter-spacing:0.03em;}
.zdo_drawer_menu .zdo_drawer_nav li.instagram a{font-size:1.35em;letter-spacing:0.03em;}
/*=========== */
.copyblock{width:100vw;height:auto;overflow-x:hidden;
margin:7.5em auto 0;
padding:1% 0 4em 0;
text-align: center;
background:rgba(255,253,250,0.8);}

.copyblock .copyblock-inbox{width:27em;height:auto;margin:0 auto;}
.bodycopy{width:100%;height:auto;margin:0 auto;padding:0;}
.headcopy{width:100%;height:auto;margin:4.4em 0 1.5em 0;font-size:9px;}
p.readcopy{width:125%;margin:0 ;font-size:1.1em;
transform-origin: 0 0;transform: scaleX(0.82);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.82);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.82); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.82); 
}

.inner-form {max-width:27em;width:100%;margin:2em auto 0;padding:0;}
#mailform {max-width:27em;width:100%;margin:0 auto ;padding:0;}
/*名前/メール/メール確認*/
li.fnameimg img{width:42%;margin-bottom:-0.8em;}
li.fmeilimg img,li.fmailreeimg img{width:40%;margin-bottom:-0.8em;}
li.toiawaseimg img{width:42%;margin-bottom:-0.8em;}
/*記入必須*/
.fhitsusuimg img{width:40%;}
/*テキスト入力枠*/
.fname,.fmeil,.fmailree{display:block;width:21em;height:18px;margin:0;padding:0.2em 0 0.2em 0.5em;line-height:1.8em;font-size:1.1em;}
.fmailree{margin-bottom:-2em;}

/*内容記入欄*/
.toiawase {display:block;width:22.5em;height:150px;margin:0;padding:0.5em;line-height:1.5;font-size:1.1em;}
.sendbutton{display:inline-block;width:7em;height:3em;margin:-0.8em 0 0 -9.4em;padding:0;}
.resetbutton{display:inline-block;width:7em;height:3em;margin:-0.8em 0 0 1em;padding:0;}

footer{width:100%; height:75px; margin:0 auto; padding:0;text-align:center; overflow:hidden; }
.copyright {position: absolute; left:0;right:0;bottom:3.7em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
}

/*######################################################*/
/*ブロックのhover透明 ========================================*/  
 a.toumei:hover {
opacity:0.7;/*モダンブラウザ用*/
-ms-filter:"alpha(opacity=70)";/*IE8用*/
-moz-opacity:0.7;
-khtml-opacity: 0.7;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

/*画像のhover透明 */
a.toumei:hover img,a#opacity:hover img{/*モダンブラウザ用*/
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";/*IE8用*/
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

a:focus {outline:none;}
a:img{outline:none;}
a:hover{cursor: pointer; outline: none;-webkit-transition: all .3s; transition: all .3s;}
a:link,a:hover,a:active,a:visited{color:#000;}

/*========================================================*/