@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: 'gothic';
	src: url('../fonts/gothic.eot');
	src: local('gothic'),
 	url('../fonts/gothic.woff') format('woff'), 
	url('../fonts/gothic.ttf') format('truetype');
}

.fontsforweb_fontid_9785 {
	font-family: 'gothic' !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: '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:'gothic', '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_top.jpg"); /* 640x427 */
background-size: cover;
background-attachment: fixed;
background-position: center center;
}

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

/*ロゴブロック================================*/
.Rogoblock{width:100vw;height:auto;margin:auto;padding:0;}
.Rogoblock img{
max-width:368px;width:100%;height:auto;text-align:center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index:50; }
.Rogoblock img a:hover{opacity:0.75;
filter:alpha(opacity=75);
-ms-filter:"alpha(opacity=75)";/*IE8用*/
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}

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

.mainimg{max-width:1080px;height:auto;margin:0 auto;padding:0; /*border: solid 1px #dcdcdc;*/}
.mainimg img{width:100%;height:auto;}
/* ================================================================
フッター
================================================================*/
footer{width:100%; height:160px; 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;  }

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

/*スマホ用 ##################################################*/
/* ipad pro 1024===================================================
@media only screen and ( min-width:1023px) and ( max-width:1024px){
}*/

/*834================================== */
@media screen and ( max-width:834px) {
/*ロゴブロック========================*/
.Rogoblock img{width:40%;height:auto;}
.inner {width:95%;padding:0.5em 0 0.5em 0; }
}

/* ipad 768================================== */
@media screen and ( max-width: 768px) {
.inner {width:95%;padding:0.5em 0 0.5em 0; }
}

/* 640=========================================================*/
@media screen and ( max-width: 640px) {
html{font-size: 75%; }
}

/*480=========================================================*/
@media screen and ( max-width: 480px) {
html{font-size: 75%;}
}

/*414=========================================================*/
@media screen and ( max-width: 414px) {
/*body {background-image: url("../images/index414736.jpg");}*/
body::before {
  background: url(../images/index414736.jpg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
}
/*ロゴブロック========================*/
.Rogoblock img{width:47%;height:auto;}
}

/*######################################################*/
/*ブロックのhover透明 ========================================*/  
/*画像のhover透明 */

a.toumei:hover img{/*モダンブラウザ用*/
opacity:0.95;
filter:alpha(opacity=95);
-ms-filter:"alpha(opacity=95)";/*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; /*background:#0000cc;*/}
/*========================================================*/
.ml1{margin-left:-1px;}.ml2{margin-left:-2px;}.ml3{margin-left:-3px;}.ml4{margin-left:-4px;}
.ml5{margin-left:-5px;}.ml6{margin-left:-6px;}.ml7{margin-left:-7px;}.ml8{margin-left:-8px;}