@charset "UTF-8";
* .none {display: none; margin:auto;}
html {
	font-size: 62.5%;
}
html,body{height:100%;}
body {
font-family: 'Noto Sans JP', sans-serif;
text-align:center;
font-size:14px;
font-size:1.4rem;
margin:0;
padding:0;
width:100%;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
text-align:center;
}

a img{ opacity: 1;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.clear{display: initial; text-align: initial;}
iframe{ border:none;}
*{margin:0px;padding:0px;}
img {border:0;}
a{text-decoration:none;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;font-family: 'Noto Sans JP', sans-serif;}
div,p,span,.kounyuusinai,section,div div,.midashired,.midashired3{font-family: 'Noto Sans JP', sans-serif;}
li { list-style: none; }
@keyframes bgAnime {
   0% { opacity: 0; }
   5% { opacity: 1; }
  48% { opacity: 1; }
  70% { opacity: 0; }
 100% { opacity: 0; }
}
.fr{ float:right;}
.fl{ float:left;}
.fade-up,.fade-right,.fade_up_harf,.fade_up_harf02,.fade_up_harf03,.fadein_00,.fade-left_in {
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.fadein_01,.fadein_02{
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition-delay: 0.5s;
}
.right-in {
-webkit-transition: all 1000ms cubic-bezier(0.3, 0.050, 0.230, 0.1);
   -moz-transition: all 1000ms cubic-bezier(0.3, 0.050, 0.230, 0.1);
     -o-transition: all 1000ms cubic-bezier(0.3, 0.050, 0.230, 0.1);
        transition: all 1000ms cubic-bezier(0.3, 0.050, 0.230, 0.1); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.3, 0.050, 0.230, 0.1);
   -moz-transition-timing-function: cubic-bezier(0.3, 0.050, 0.230, 0.1);
     -o-transition-timing-function: cubic-bezier(0.3, 0.050, 0.230, 0.1);
        transition-timing-function: cubic-bezier(0.3, 0.050, 0.230, 0.1); /* custom */
}
.fade-up_low,.fade-right_low {
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -moz-transition: transform 1s;
  -webkit-transition: transform 1s;
  -o-transition: transform 1s;
}
.right-in_low {
-webkit-transition: all 2000ms cubic-bezier(0.175, 0.055, 0.000, 1); /* older webkit */
-webkit-transition: all 2000ms cubic-bezier(0.175, 0.055, 0.000, 1.0);
   -moz-transition: all 2000ms cubic-bezier(0.175, 0.055, 0.000, 1.0);
     -o-transition: all 2000ms cubic-bezier(0.175, 0.055, 0.000, 1.0);
        transition: all 2000ms cubic-bezier(0.175, 0.055, 0.000, 1.0); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.175, 0.055, 0.000, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.055, 0.000, 1.0);
   -moz-transition-timing-function: cubic-bezier(0.175, 0.055, 0.000, 1.0);
     -o-transition-timing-function: cubic-bezier(0.175, 0.055, 0.000, 1.0);
        transition-timing-function: cubic-bezier(0.175, 0.055, 0.000, 1.0); /* custom */
}

a{
	text-decoration:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

.ad05 {animation-delay:0.5s;}
.ad1 {animation-delay:1s;}
.ad15 {animation-delay:1.5s;}
.ad2 {animation-delay:2s;}
.ad3 {animation-delay:3s;}
.ad4 {animation-delay:4s;}
.ad5 {animation-delay:5s;}
.ad6 {animation-delay:6s;}
.ad8 {animation-delay:8s;}
.ad10 {animation-delay:10s;}
.ad12 {animation-delay:12s;}

.td05 {transition-delay: 0.5s;}
.td1 {transition-delay:1s;}
.td15 {transition-delay:1.5s;}
.td2 {transition-delay:2s;}
.td3 {transition-delay:3s;}
.td4 {transition-delay:4s;}
.td5 {transition-delay:5s;}
.td6 {transition-delay:6s;}
.td8 {transition-delay:8s;}
.td10 {transition-delay:10s;}
.td12 {transition-delay:12s;}
/*origin*/

header {
	position:fixed;
	background-color:#000;
	background-color: rgba(255,255,255,0.7);
	width: 100%;
	height: 120px;
	z-index: 99;
	text-align: center;
	top: 0px;
	vertical-align: middle;
}
.global-nav {
  position: fixed;
  right: -100%;
  top: 0;
  width: 100%;
  height: auto;
  padding: 40px 0;
  background-color: #fff;
  transition: all .6s;
  z-index: 200;
  overflow-y: auto;
  overflow-X: hidden;
}
.hamburger {
  position: fixed;
  right: 0px;
  top: 10px;
  width: 62px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 52px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
}
.global-nav__list {
  margin: 0;
  padding: 0 ;
  list-style: none;
}
/*listの*/
.global-nav__list{ width:100%; margin:auto; }
.global-nav__list li {
	display: inline-block;
  text-align: left;
  padding: 0 5%;
  width:100%;
  font-family: 'Noto Sans JP', sans-serif;
}
.global-nav__item a {
	font-family: 'Noto Sans JP', sans-serif;
  display: block;
  padding: 15px 0 8px;
  border-bottom: 1px solid #000;
  text-decoration: none;
  color: #111;
  font-size:0.9em;
  width:90%;
}
.hamburger__line {
  position: absolute;
  left: 11px;
  width: 30px;
  height: 1px;
  background-color: #111;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 14px;
}
.hamburger__line--2 {
  top: 20px;
}
.hamburger__line--3 {
  top: 26px;
}
.black-bg {
  position: fixed;
  left: -5vw;
  top: 0;
  width: 105vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
.nav-open .global-nav {
  right: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open .hamburger__line--1 {
  transform: rotate(405deg);
  top: 20px;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-405deg);
  top: 20px;
}
ul,li{ list-style:none; display:inline-block;}
.g-nav-menu li{ display:inline-block;}
a { text-decoration:none;}
.g-nav .nav .nav__item:first-child a img{ height:80px;}
.flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-betweem;
	    -ms-flex-pack: space-betweem;
	        justify-content: space-betweem;
}
.justsa{justify-content: space-around;}
.justse{justify-content: center;}
.justsb{justify-content:space-between;}
.flexwrap{ flex-wrap:wrap;}
* img{ max-width:100%; height:auto;}
#maintoimg img,#maintoimg2 img,#maintoimg3 img,#maintoimg4 img{ width:100%;}
#maintoimg,#maintoimg2,#maintoimg3,#maintoimg4{
	margin-bottom: 10px;
}
#subtoimg,#subtoimg2,#subtoimg3,#subtoimg4{
display: flex;
justify-content: space-between;
}
#subtoimg li,#subtoimg2 li,#subtoimg3 li,#subtoimg4 li{
width: 31.5%;
margin-bottom:12px;
}
.f09{ font-size:calc(4px + 0.7vw);}.f10{ font-size:calc(5px + 0.7vw);}.f11{ font-size:calc(6px + 0.7vw); line-height:1.4em;}.f115{ font-size:calc(6px + 0.75vw); line-height:1.4em;}.f12{ font-size:calc(7px + 0.7vw);}.f13{ font-size:calc(8px + 0.7vw);}.f14{ font-size:calc(9px + 0.7vw);}.f15{ font-size:calc(9px + 0.8vw);}.f16{ font-size:calc(9px + 0.9vw);}.f17{ font-size:calc(9px + 1.0vw);}
.f16,.f17,.f15,.f14,.f13,.f12,.f11{ letter-spacing:0.05em;}
.f16,.f17,.f15{ font-weight:700;}

.f115_t{ font-size:calc(2px + 1.1vw); line-height:1.4em;}

@media screen and (max-width: 481px) {
.f09{ font-size:calc(10px + 0.7vw);}.f10{ font-size:calc(9px + 0.7vw);}.f11{ font-size:calc(10px + 0.7vw); line-height:1em;}.f115{ font-size:calc(10px + 0.75vw); line-height:1.4em;}.f12{ font-size:calc(11px + 0.7vw);}.f13{ font-size:calc(12px + 0.7vw);}.f14{ font-size:calc(13px + 0.7vw);}.f15{ font-size:calc(14px + 0.8vw);}.f16{ font-size:calc(14px + 0.9vw);}.f17{ font-size:calc(16px + 1.0vw);}
.f16,.f17,.f15,.f14,.f13,.f12,.f11{ letter-spacing:0.02em;}
.f16,.f17,.f15{ font-weight:700;}

.f115_t{ font-size:calc(10px + 1.1vw); line-height:1.4em;}
}
#menubar {
	position:fixed;
	background-color:#000;
	background-color: rgba(255,255,255,0.7);
	width: 100%;
	height: 120px;
	z-index: 99;
	text-align: center;
	top: 0px;
	vertical-align: middle;
}
.nav {
	display: table;
	width: 960px;
	margin:auto;
	padding-top: 5px;
}
.nav__item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.nav__item + .nav__item {
	padding:10px;
}
.nav__item a {
	display: block;
	padding: 15px 0;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight:600;
	line-height: 18px;
}
.nav__item a:hover {
	color:#F00;
}
.menuunder {
	font-size: 12px;
	color: #000;
	font-weight: lighter;
}
#formWrap{padding-top:60px; padding-bottom:80px; font-size:1.3em;}
#footer { position:static;}
#formWrap .tyuu{ width:100%;}
form#mail_form input#name_1,
form#mail_form input#name_2,
form#mail_form input#read_1,
form#mail_form input#read_2,
form#mail_form input#postal,
form#mail_form input#phone,
form#mail_form input#schedule,
form#mail_form input#mail_address,
form#mail_form input#mail_contents,
form#mail_form textarea ,
form#mail_form input#name_7 {width: 70%;}
#formWrap .tyuu{ font-size:0.8em; margin:auto;text-align:right; width:auto;}
#footer {
	padding:50px 0 10px;
	z-index: 2;
	background-color:#f08336;
	margin-bottom:0;
	text-align: center;
	font-size: 10pt;
	color:#FFF;
}
#fotrogo{ margin-bottom:30px;}
@media screen and (min-width: 925px) {.spwrapmenu,.sp{ display:none;}.topmenu{ display:none;}}
.rentaimgtop{ background:url(../images/naitoco_top.jpg) no-repeat center; width:100%;}
.topimg{width:100%; height:402px; margin-top:0;}
main{ background-color:#e6e6e6; padding:25px 10% 140px; margin:auto; text-align:left;}
.naitoco_logo,h2,h3{ font-size:1.6em; font-weight:900; padding:15px; background:#000; text-align:center;}
.tokutyou{ margin:40px auto 25px; border-bottom: solid 2px #000; padding:0 0 10px 20px;}
.tokutyou img{ width:50%;}
.tokutyou + div{ white-space:nowrap;}
#main .flex.flexwrap div:nth-child(odd){ width:40%; margin-bottom:20px;align-self: center;}
#main .flex.flexwrap div:nth-child(even){ width:57%; font-size:calc(9px + 0.7vw); letter-spacing:0.08em; line-height:1.75em;align-self: center; margin-top:-29px;}
h2{font-size:1.7em; text-align:left; color:#FFF; padding-left:1.1em; margin-top:80px; margin-bottom:20px;}
h3{font-size:1.7em; text-align:left; color:#FFF; padding-left:1.1em; margin-top:110px; margin-bottom:20px;}
.left{ width:51%;}
.rightbox{ margin-left:3%; float:right; width:46%; position:relative;}
.rightbox .bgicon{ position:absolute; top:0; right:0; width:28%;}
.blaxbox{ padding:8px 0; background:#000; color:#FFF; width:40%; text-align:center;}
.setcontent{ text-indent:-1em; padding-left:0.5em; font-weight:700; margin-top:20px; white-space:nowrap; line-height:1.8em; border-bottom:solid 5px #000; padding-bottom:30px;}
.setcontent_under div{ text-align:justify; text-indent:-1em; padding-left:1em; margin-top:20px; line-height:1.55em; padding-bottom:0.5vw;}
.bgicon2{ margin-left:auto;width:43.5%; padding:10px; background:#000; color:#fff; text-align:center; font-size:1.6em; letter-spacing:0.1em; margin-top:-68px;-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;}
a .bgicon2:hover{ background:#C7000B;}
.topmenu div{ bottom:-10px;position:fixed; z-index:2; right:6%;}
.topmenu div:nth-child(1){ right:31%;}
.axkh2{ margin-top:30px;}
@media screen and (max-width: 924px) {
	.axkh2{ margin-top:5px;}
.topmenu div:nth-child(1){ right:34%;}
.g-nav,.pc,.bgicon{ display:none;}
.rentaimgtop{ background:url(../images/naitoco_top_sp.jpg) no-repeat center top; background-size: contain; width:100%;}
.topimg{width:100%; height:61vw; margin-top:0px;}
main{padding:30px 8% 80px;}
header {height: 120px;}
.header .spwrapmenu div a span img{ width:75px;}
.header .spwrapmenu div{margin:10px auto auto 5%}
.naitoco_logo{ padding:10px 12% 5px; margin:auto;}
.tokutyou{ margin-top:0; padding:0 5%; border:none; margin-bottom:10px;}
.tokutyou img{ width:100%;}
#main .flex.flexwrap div:nth-child(odd){ width:100%; padding-bottom:10px;}
#main .flex.flexwrap div:nth-child(even){ width:100%; margin-bottom:20px;font-size:calc(7px + 0.8vw); margin-left:21px;}
h2{font-size:calc(1em + 0.8vw); text-align:left; padding:10px 0;padding-left:0.8em; margin-top:40px; margin-bottom:0;}
h3{font-size:calc(1em + 0.8vw); text-align:left; padding:10px 0;padding-left:0.8em; margin-top:50px; margin-bottom:0;}
.sporder{ display:flex;flex-direction:column;}
.left{ width:100%; margin-top:0;}
#subtoimg li,#subtoimg2 li,#subtoimg3 li,#subtoimg4 li{
margin-bottom:0px;
width:19%;
}
.bgicon2{ display:none;}
.rightbox{order: 2; width:100%; margin-top:10px; margin-left:0;}
#subtoimg li:last-child,#subtoimg2 li:last-child,#subtoimg3 li:last-child,#subtoimg4 li:last-child{padding-right:20.2%;}
.setcontent{ text-indent:-1em; padding-left:0.5em; font-weight:700; margin-top:5px; white-space: normal; line-height:1.6em; padding-bottom:20px; margin-left:0;}
.bgicon3{ margin:auto; margin-top:20px; width:80%; padding:5px 0 8px; background:#000; color:#fff; text-align:center; font-size:1.1em; letter-spacing:0.1em; -webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;}
#formWrap{ font-size:1.1em;}
}
@media screen and (max-width: 481px) {
.left{ width:100%; margin-top:0; height:326px;}
.topmenu div{ bottom:-8px;position:fixed; z-index:2; right:8%; width:40%;}
.topmenu div:nth-child(1){ right: auto; left:8%;}
.blaxbox{ padding:5px 0; width:39%;}
#hovset{ font-size:108%;}
header {height: 80px;}
.header .spwrapmenu div a img{ width:120px; padding-top:10px;}
.header .spwrapmenu div a span img{ width:50px;}
.header .spwrapmenu div {margin:0px auto auto 5%}
.topimg{width:100%; height:62.5vw; margin-top:0px;}
}