@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/1280_HRP_01.jpg"); 
background-size: cover;
background-attachment: fixed;
background-position: center center;
}

/* ▼大画面用1860x1240  */
@media (min-width: 1280px) {
body {background-image: url("../../images/1860_HRP_01.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;
}

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{position:relative;}
.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;z-index:-1;}
.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;}


/*######################################################*/
/* === 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;
   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: 1000;*/
  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;
}

/*プルダウンサブメニュー・padding-bottom調整*/
li.bottmspase{padding-bottom:1.5em;}

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

/* ================================================================
フッター
================================================================*/
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:fixed; left:0;right:0;bottom:4em;
max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
.copyright img{ width:100%;height:auto;}

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

/*スマホ用 ##################################################*/

/* 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{margin-right:0.1em; 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.52em;margin-left:0.05em;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.3em;margin-right:-1.8em;}

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.5em; 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.5em;}
li.instagram a{margin-right:0;}
/*========= */
.Rogoblock{top:0.2%;left:3.7%;}
.inner {width:95%;padding:0.5em 0 0.5em 0; }

.copyright {position: absolute; left:0;right:0;bottom:3.9em;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%;}
li.English a{margin-right:0.1em;font-size:1.8em;letter-spacing:0.05em}
li.Japan a{margin-right:1.5em; font-size:1.8em;letter-spacing:0.05em; }
li.facebook a{margin-right:0.52em;}
li.instagram a{margin-right:0;}
.inner {width:100%;padding:0.5em 0 0.5em 0; }
/*▼ハンバーガー=========== */
.zdo_drawer_button{  margin-top:0.9em;margin-right:-0.7em;}

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

/*736iphone8plus横================================================*/
@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%;}

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

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;}
}

/*667iphone8横================================================*/
@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.55em;margin-right:-0.8em;}
}

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

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/indtop414736.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.4%;left:7.5%;}
.Rogoblock img{width:80%;}

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

/*▼ハンバーガー=========== */
.zdo_drawer_button{  margin-top:0;margin-right:-0.5em;}
.zdo_drawer_menu .zdo_drawer_nav_wrapper {width:230px;}
.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;}
.zdo_drawer_menu .zdo_drawer_nav_wrapper {width: 210px;z-index:300;}

/*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;}
.inner{width:480px;height:auto;margin:0 auto;}
}

/*414=========================================================*/
@media screen and ( max-width: 414px) {
/*body {background-image: url("../../images/1280_HRP_01.jpg");}*/
body{width:100vw;}
/*=========== */
.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;}
.zdo_drawer_nav li.submaneu a.wakamatsu{font-size:1.1em;}

/*(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;}
}


/*375=========================================================*/
@media screen and ( max-width: 375px) {
.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;}
/*=========== */
.main,.section,.inner{max-width:37.5em;width:100%;height:auto;margin:0 auto;}
}

/*320=========================================================*/
@media screen and ( max-width: 320px) {
.Rogoblock{height:7.7em;top:0.1%;}
.Rogoblock img{width:70%;}
/*=========== */
.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;}

footer{width:100%; height:70px; 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;}

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