@charset "utf-8";

/*____________________________________________________________________________

SITE TITLE:

SITE LAUNCHED:2009.02.01
LAST UPDATED:2009.01.29
____________________________________________________________________________*/


/*----------------------------------------------------------------------------
 RESET HTML elements
----------------------------------------------------------------------------*/
body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
pre,form,fieldset,input,textarea,p,blockquote,th,td,
figure, img {
   margin:0;
   padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-size:medium;
	font-weight:normal;
}

ul{ list-style:none; }

img{ border:none;}

input{ font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
textarea{ font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}

/*----------------------------------------------------------------------------
 CLEAR FIX
----------------------------------------------------------------------------*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}

/*----------------------------------------------------------------------------
 HTML elements
----------------------------------------------------------------------------*/
html {
	font-size:10px;
}
body {
	margin: 0px;
	padding: 0 0;
	color:#222;
	font-size:medium;
	font-family:'Noto Sans Japanese', 'Open Sans', Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight:400;
	line-height: 160%;
	text-align:center;
	background:#fff;
}

a:link { color:rgba(51,51,51,1); text-decoration: none;}
a:visited { color:rgba(51,51,51,1); text-decoration:none;}
a:active { color:#222; text-decoration:none;}
a:hover { color:#222; text-decoration:none;}
:focus{	outline:none; }

a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
/* {border:1px solid #c00;}*/
/*----------------------------------------------------------------------------
 COMMON LAYOUT
----------------------------------------------------------------------------*/

#container{
	position:relative;
	width:100%;
	margin: 0px auto;
	padding: 0px 0px 0px;
	text-align:left;
	overflow:hidden;
}

#content{
	position:relative;
	z-index:100;
}
#main{
}

#header{
	position:absolute;
	top:0;
	left:0;
	padding:0 30px;
	width:100%;
	height:80px;
	min-width:1024px;
	z-index:1000;
	box-sizing:border-box;
	/*background:rgba(255,255,255,.2);*/
}

#footer{
	padding:50px 0 0;
	position:relative;
	z-index:100;
	color:#fff;
	text-align:center;
	background: rgba(0,0,0,0.8);
}

.inner{
	position:relative;
	width:100%;
	margin:0px auto;
	box-sizing:border-box;
}
.l-inner {
	width: 1000px;
	margin: auto;
}
#second .content-body {
    margin: 0 auto;
    padding: 0 0 80px;
    width: 780px;
}

/*----------------------------------------------------------------------------
 COMMON SETTING
----------------------------------------------------------------------------*/
.section{
	padding:0;
}
.contenthead{
	position: relative;
	padding:0 0;
	margin:0 auto 80px;
	width:100%;
	font-size:200%;
	font-family: 'Noto Serif JP', serif;
	font-weight:500;
	letter-spacing:0.05em;
}
.contenthead:after{
	position: absolute;
	bottom: -24px;
  left: 0;
  content: '';
  width: 60px;
  height: 3px;
  background: #88958c;
}
p.btn-link{
	margin:50px auto 20px;
	padding:10px 20px;
	width:300px;
	font-size:87.5%;
	text-align:center;
	background:#1c4a83;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	clear:left;
}

.content-block{
	padding:90px 0 0;
}

.box-article{
	padding:58px 38px;
	background:#f5f7f9;
	box-sizing: border-box;
}
.article p{
	margin:0 0 28px;
	font-size:100%;
	font-weight:400;
	line-height:200%;
}

.article p.txt-small {
	font-size:84.5%;
}
.article p:last-child{
	margin:0 0;
}
a:hover{
	transition:.5s;
}
.pc{
	display:block;
}
.smp{
	display:none;
}
.txt-small{
	font-size:13px;
	line-height:115%;
}
.txt-center {
	text-align:center;
}
figure img {
	width:100%;
	height:auto;
}

.btn {
  display: inline-block;
  padding: 6px 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  width:240px;
}
.btn a:link,
.btn a:visited{
	color:#fff;
}
.btn a {
	display:block;
	padding:1em 5em;
}

.btn-default {
  color: #fff;
	background: rgba(31,74,98,1);
  border-color: #ccc;
}
/*----------------------------------------------------------------------------
 FLEX LAYOUT
----------------------------------------------------------------------------*/

.p-layout-flex {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}
.u-flex__wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.u-flex__start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content:flex-start;
}
.u-flex__center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content:center;
}
.u-flex__a-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.u-flex__justify {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content:space-between;
}
.u-flex__end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content:flex-end;
}
.u-flex__reverse {
	flex-direction: row-reverse;
}
.u-flex__column {
	flex-flow: column;
}


/*----------------------------------------------------------------------------
 LOADER
----------------------------------------------------------------------------*/

.page-loader {
  position: fixed;
  background-image: -moz-linear-gradient( 120deg, rgb(0,0,0) 0%, rgb(0,0,0) 49%, rgb(0,0,0) 100%);
  background-image: -webkit-linear-gradient( 120deg, rgb(0,0,0) 0%, rgb(0,0,0) 49%, rgb(0,0,0) 100%);
  background-image: -ms-linear-gradient( 120deg, rgb(0,0,0) 0%, rgb(0,0,0) 49%, rgb(0,0,0) 100%);
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  z-index: 9998;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
  color: #ffffff;
  font-size: 10px;
  margin: 25% auto;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}


/*----------------------------------------------------------------------------
 Animation
----------------------------------------------------------------------------*/

.scroll-fadein {
    visibility: hidden;
    position: relative;
    opacity: 0;
}

.fadein-bottom {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: 1s;
    transition: 0.7s
}
.fadein-left {
    -webkit-transform: translate(-50px,0);
    -ms-transform: translate(-50px,0);
    transform: translate(-50px,0);
    -webkit-transition: 1s;
    transition: 0.7s
}
.fadein-right {
    -webkit-transform: translate(50px,0);
    -ms-transform: translate(50px,0);
    transform: translate(50px,0);
    -webkit-transition: 1s;
    transition: 0.7s
}
.scroll-fadein.is-display {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.d1s {
   -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s; }

.d2s {
 -webkit-transition-delay: 1s;
    transition-delay: 1s; }

.d3s {
 -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s; }

.d4s {
  -webkit-transition-delay: .4s;
  transition-delay: .4s; }

.d5s {
  -webkit-transition-delay: .5s;
  transition-delay: .5s; }

.bgFade{
  visibility: hidden;
}
.bgFade{
	-webkit-animation-name: bgFade;
  animation-name: bgFade;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible !important;
}
@-webkit-keyframes bgFade {
  0% {
    opacity: 0;
	}
	60%{
	opacity:3;
	}
  100% {
    opacity: 1;
    }
}
@keyframes bgFade {
  0% {
    opacity: 0;
    }
	60%{
	opacity:3;
	}
  100% {
    opacity: 1;
    }
}
.d05s {
  -webkit-animation-delay: .5s;
  animation-delay: .5s; }
.d1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

/* Parallax =============*/
.parallax-img{
	margin: 0;
	height:600px;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat:no-repeat;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .parallax-img{
	margin: 0;
	height:304px;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
	background-repeat:no-repeat;
}
}

/*----------------------------------------------------------------------------
 HEADER
----------------------------------------------------------------------------*/

#siteid{
	float:left;
	margin: 26px 0 0;
	padding:0;
	width:262px;
	height: 28px;
	background:url(../img/logo_yukizakura-group_horizontal.png) no-repeat;
	background-size:contain;
	text-indent:-9999px;
}
.fixed #siteid{
	background:url(../img/logo_yukizakura-group_horizontal.png) no-repeat;
	background-size:contain;
}
#siteid a{
	display:block;
	width:100%;
	height:100%;
}
#header-wrap{
	display:flex;
	width:auto;
	float:right;
}


/*----------------------------------------------------------------------------
 GLOBAL MENU
----------------------------------------------------------------------------*/


#nav li a::after {
  position: absolute;
	bottom: -4px;
  left: 0;
  content: '';
  width: 0;
  height: 3px;
  background-color: #e07579;
  transition: .3s;
}
#nav li a:hover::after {
  width: 100%;
}

#nav ul li a:link { color:#fff; text-decoration: none;}
#nav ul li a:visited { color:#fff; text-decoration:none;}
#nav ul li a:active { color:#fff; text-decoration:none;}
#nav ul li a:hover { color:#fff; text-decoration:none;}


#top-head.fixed-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  transition: .3s;
  transform: translateY(-100%);
	z-index:1000;
	background:rgba(0,0,0,.8);
}
#top-head.fixed-nav.fixed.is-show {
  transform: translateY(0);
}
#top-head.fixed-nav.fixed.is-show.hide {
  transform: translateY(-100%);
}
.fa-angle-down{
	color:#fff;
}



#top-head .inner {
    width: 1200px;
    padding:0 0;
    margin: 0 auto;
}
#top-head .inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
    top: 0px;
    position: fixed;
    width: 100%;
    margin: 0 auto 0;
    padding: 0 0 30px;
    line-height: 1;
    z-index: 999;
    box-sizing:border-box;
  transition: .3s;
background:  rgba(255,255,255,0);
}
#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}
#top-head .inner {
    position: relative;
}
#top-head .logo {
    float: left;
    font-size: 36px;
}
#global-nav ul {
	position: absolute;
	right: 0;
	bottom: 15px;
	min-width:860px;
    list-style: none;
    font-weight:500;
	display:flex;
	justify-content: space-around;
}
#global-nav ul li {
	position:relative;
	padding:0 0 0;
	width:auto;
	font-family: 'Oswald', sans-serif;
	font-weight:500;
	text-align:center;
	color:#666;
}
#nav li a {
	color:#e07579;
}
#nav li a:link {color:#e07579;}
#nav li a:visited {color:#e07579;}

#global-nav ul li.lang.pc{
	padding-right:0;
}
#global-nav ul li.lang.pc a{
	padding-left:20px;
	background:url(../img/icon_globe.png) no-repeat left;
}
#global-nav ul li a {
	position: relative;
  display: inline-block;
}
#global-nav li a::after {
  position: absolute;
	bottom: -8px;
  left: 0;
  content: '';
  width: 0;
  height: 3px;
  background-color: #e07579;
  transition: .3s;
}
.fixed #global-nav li a::after {
	background-color:#fff;
}
#global-nav li a:hover::after {
  width: 100%;
}
#global-nav ul li i.fab{
	font-size:18px;
}

#global-nav li.lang.pc .sub-menu{
	padding: 15px 13px 5px 13px;
	width:150px;
	height: 0;
	opacity: 0;
	top: 30px;
	right: 0px;
	position: absolute;
	transition: .5s linear;
	z-index: 1000;
	overflow: hidden;
	text-align:left;
	background:rgba(255,255,255,1);
}
#global-nav li.lang.pc .sub-menu a{
	display:block;
	width:100%;
	height:100%;
	color:#373d3f;
	background:none;
	transition: none;
}
#global-nav li.lang.pc .sub-menu a:hover{
	background:url(../img/icon_check.png) no-repeat;
	background-position:top right;
}

#global-nav li.lang.pc .sub-menu p{
	padding:10px 0 10px 28px;
}
#global-nav li.lang.pc .sub-menu p a{
	padding-left:0;
}
.sub-menu p.en {
	background:url(../img/icon_en.png) no-repeat left;
}
.sub-menu p.jp {
	background:url(../img/icon_jp.png) no-repeat left;
}

#global-nav li.lang.pc:hover .sub-menu {
	height: 75px;
	opacity: 1;
}



#global-nav li.lang.smp{
	margin:15px 0 0;
}
 
#global-nav li.lang.smp span{
	display:inline-block;
	padding:8px 15px;
	font-size:100%;
	border:1px solid #fff;
}
#top-head #global-nav ul li.lang.smp .sub-menu a{
	padding:27px 0 0 0;
	font-size:100%;
}
.lang.smp .sub-menu{
	display:table;
}
.lang.smp .sub-menu p{
	display:table-cell;
	padding:0 50px 0 0;
}

/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 0;
    height: auto;
    background:rgba(255,255,255,.85);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
  transition: .3s;
}
#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}
#top-head.fixed #global-nav ul li a {
	font-size:93.8%;
    color: #fff;
}
#top-head.fixed #global-nav ul li.pc .sub-menu a {
	color:#373d3f;
}
/* Toggle Button */
#nav-toggle {
    display: block;
    position: absolute;
    right: 12px;
    top: 17px;
    width: 32px;
    height: 36px;
    cursor: pointer;
    z-index: 2001;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 10px;
}
#nav-toggle span:nth-child(3) {
    top: 21px;
}

.txt-menu {
	font-size:11px;
	color: #ffffff;
	position:absolute;
	bottom:-8px;
	left:0;
	right:0;
	margin:auto;
}

    #top-head{
        width: 100%;
        padding: 0;
    }
    #top-head .inner {
        width: 100%;
        padding: 0 20px;
        background:rgba(0,0,0,0.8);
    }
    #top-head {
        top: 0;
        /*position: fixed;*/
        margin-top: 0;
        background:none;
    }
    #top-head #siteid{
    	display:none;
    }
    #top-head.fixed #siteid{
    	display:block;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #top-head.fixed #mobile-head {
        width: 100%;
        height:80px;
        /*z-index: 999;*/
        position: relative;
    }
    #top-head.fixed.open #mobile-head{
        background: none;
    }
    #top-head.fixed.open #mobile-head .logo {
    	display:none;
    }
    
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }
    #global-nav {
        position: absolute;
        top: -100vh;
        width: 100%;
        height:100vh;
        text-align: center;
        padding: 0 0 ;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        z-index:1000;
        background:rgba(233,88,30,0.9);
    }
    #global-nav ul {
        list-style: none;
        position: absolute;
        min-width:initial;
        right: auto;
        bottom: auto;
        display:block;
        text-align:center;
        margin:auto;
        top:50%;
        left:50%;
        -webkit-transform: translate(-50%, -50%);
    	transform: translate(-50%, -50%);
}
    #global-nav ul li {
		padding:0 18px 0;
        float: none;
        position: static;
        text-align:center;
    }
    #global-nav ul li i.fab{
	font-size:24px;
}
	
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        font-size: 38px;
        font-weight:300;
        color: #ffffff;
        padding: 18px 0;
    }
    #top-head #global-nav ul li  a img{
    	width:50%;
    	height:auto;
    }
    #nav-toggle {
        display: block;
    }
    
    #global-nav li a::after {
    	content: none;
    }
    
    #nav-toggle span {
    background: #ffffff;
    }
    
    #top-head.fixed #nav-toggle span {
    background: #ffffff;
    }
    
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(100vh);
        -webkit-transform: translateY(100vh);
        transform: translateY(100vh);
    }

/*----------------------------------------------------------------------------
 FOOTER
----------------------------------------------------------------------------*/

#footer-nav li{
	display:inline-block;
	margin:0 20px;
}
#footer-nav li a{
	display:block;
	font-size:81.3%;
	font-weight:500;
	color:#000;
}
.copyright{
	padding:0.75em 0;
  width: 100%;
  height: 30px;
  text-align:center;
  font-size:14px;
  font-family: 'Oswald', sans-serif;
  color:#fff;
  background: rgba(0,0,0,1);
	font-weight:700;
}

#footer-logo{
	margin:56px auto;
	width: 188px;
    height: 50px;
	text-align:center;
	background:url(/central-kitchen/assets/img/logo_yukizakura.png) no-repeat center;
	background-size:contain;
	text-indent:-9999px;
}
#footer-logo a{
	display:block;
	width:100%;
	height:100%;
}

#footer #pagetop{
	margin-bottom:40px;
}
.footer-bottom-nav{
	padding:10px 0;
	text-align:center;
	background:#c3c3c3;
}
.footer-bottom-nav li{
	font-size:81.3%;
	display:inline-block;
	margin:0 20px;
}
.footer-bottom-nav li:nth-of-type(2) {
}
.policy {
	padding: 16px 0 8px;
  width: 100%;
  height: auto;
  text-align:center;
  color:#fff;
}
.policy a {
	color: #ffffff;
	font-size: 14px;
}


@media only screen and (max-width:768px){
#footer #pagetop {
	margin-bottom: 0;
}
#footer-logo {
	margin: 5.333vw auto 5.333vw;
}
}
/*----------------------------------------------------------------------------
 CONTENT
----------------------------------------------------------------------------*/


.btn-more a {
	display:inline-block;
	width:auto;
	padding:10px 20px;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:0.2em;
	text-align:center;
	background:rgba(224,117,121,.7);
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	/*padding:0 15px 0 0;*/
	/*background:url(../img/icon_arrow_right.png) no-repeat right center;*/
}



/*  TOP MOVIE     */
#movie{
	z-index:0;
}

.sp-mainimage{
	position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	width:100%;
	height:100%;
	background:url(../img/bg_main.jpg) no-repeat;
	background-size:cover;
}

/*#video-container{
	    position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden
}
#video-container video{
	position: absolute;
	z-index: 1;
	top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    transform: translateX(-50%) translateY(-50%)
}*/

@media only screen and (min-width:768px){
#mainvisual{
	width:100%;
    margin: 0 auto;
	position:relative;
	height: 66.666vw;
	text-align:center;
	z-index:10;
    background:url(../img/img_mv.jpg) center;
    background-size:cover;
}
.u-hidden-pc {
	display: none;
}
}
@media only screen and (max-width:768px){
#mainvisual{
	width:100%;
    margin: 0 auto;
	position:relative;
	height: 100vh;
	text-align:center;
	z-index:10;
    /*background:url(../img/img_mv_sp.jpg) center;*/
    background-size:cover;
}
}
}

#mainvisual .inner{
    width: 100%;
    height:auto;
    padding:0 0;
    margin: 0 auto;
	z-index:11;
}
.mask{
	position:relative;
	width:100%;
	height:70vh;
	background:rgba(255,255,255,0);
    z-index: 10;
}
#mainvisual .wrap-intro{
	position:absolute;
	margin:auto;
	top:50%;
	left:50%;
	margin:auto;
	padding:40px 3%;
	width:100%;
	height:auto;
	color:#fff;
    z-index: 10;
    text-align:center;
	font-family: 'Noto Serif JP', serif;
	background:rgba(255,255,255,0);
	box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#mainvisual .mask h2{
	width:8vw;
	height:auto;
	margin:auto;
}
#mainvisual .mask h2 img{
	width:100%;
	height:auto;
}

#mainvisual .wrap-news{
	color:#000;
}
#mainvisual .wrap-news h3{
	padding:0 0 10px;
	margin:0 0 10px;
	font-size:2.4rem;
	font-weight:500;
	letter-spacing: 0.2em;
	border-bottom:1px solid #222;
}
#mainvisual .wrap-news li p{
	font-size:1.6rem;
}
#mainvisual .wrap-news .catch {
	display:inline-block;
	margin-top:30px;
	font-size:3rem;
	font-weight:200;
	line-height:1.5;
	color:rgba(31,74,98,1);
  font-family: 'Oswald', sans-serif;
  padding:0.5em 1em;
  border:1px solid rgba(31,74,98,1);
  letter-spacing:0.2em;
}
#mainvisual .wrap-news .btn-more a {
	margin-top:30px;
	width:30%;
}

#home #content {
	margin:-100px 0 0;
	padding:100px 0 0;
}

#content {
	
}

/* CONCEPT */

#concept{
	padding:80px 0 80px;
}
#concept .contenthead{
	text-align:center;
}
#concept .contenthead:after{
	margin:auto;
	right:0;
}
#concept p {
	text-align:center;
	font-size:18px;
	line-height:2.4;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#concept p.c-txt-lead {
	font-size: 24px;
	font-weight: 400;
}

@media only screen and (max-width:768px){


#concept{
	padding: 10.666vw 0;
}

#concept p {
	font-size: 4.266vw;


}

}


/* NEWS */

#news{
	padding:80px 0 80px;
	background:rgba(31,74,98,0.1);
}
#news .contenthead{
	text-align:center;
}
#news .article{
	padding:0;
}

#news .contenthead:after{
	margin:auto;
	right:0;
}
#news .section{
	max-width:1200px;
	box-sizing:border-box;
	margin:0 auto;
}

#news .news-list {
	width:800px;
	margin:0 auto;
}
#news .news-list ul{
margin-bottom:50px;
}
#news .news-list li:not(:last-child) {
	margin-bottom:1.5em;
	padding-bottom:1em;
	border-bottom:1px solid #ddd;
}
#news .news-list li a {
	display:flex;
	justify-content:space-between;
	color:#000;
}
#news .news-list li figure {
	width:14%;
}
#news .news-list li .date {
	display:inline-block;
	margin-right:0;
	width:80px;
}
#news .news-list li .txt {
	width:82%;
}

#news .news-list .btn{
	margin:auto;
	display:block;
}
#news .cat {
	font-size:13px;
	display:inline-block;
	width:80px;
	text-align:center;
	margin:0 10px;
}
#news .cat.cat-travel {
	background:#fbf2b1;
}
#news .cat.cat-event {
	background:#ddf8d7;
}

/* BUSINESS */

#business,
#terms {
	padding:80px 0 0px;
	background: rgba(243, 243, 243, .8);
}
#business .contenthead,
#terms .contenthead{
	text-align:center;
}
#business .contenthead:after,
#terms .contenthead:after,
#staff .contenthead:after {
	margin:auto;
	right:0;
}
#business .loopslider {
	display:block;
	width:100%;
	height:300px;
	position: relative;
}
#business .loopslider .loopslider_wrap {
	display:flex;
}
.p-list-group {
	margin: 0 auto 80px;
	max-width: 1000px;
	display:flex;
	flex-wrap: wrap;
}
.p-list-group-item {
	width: 33.3333%;
	height: 240px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	overflow:hidden;
}


#business p.c-txt-lead {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}
.p-list-challenge {
	margin: 0 auto;
}
.c-list-challenge-item {
	width: 20%;
	padding: 0;
	background: #88958c;
}
.c-list-challenge-item:not(:nth-last-child(1)) {
	border-right: 1px solid #cccccc;
}
#business ul li figure.p-img-challnge {
	position: relative;
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}
.c-list-challenge-item img {
	width: 100%;
	height: auto;
}
.p-challnge-content {
	padding: 16px;
}
.c-list-challenge-item h2 {
	margin-bottom: 0.5em;
	text-align: center;
	font-weight: bold;
}
.p-challnge-content p {
	font-size: 15px;
	line-height: 1.6;
}


@media only screen and (max-width:768px){

.p-list-challenge {
	flex-flow: column;
}
.p-list-group-item {
	width: 100%;
}
.c-list-challenge-item {
	width: 100%;
}
}

#business ul li a {
	display: flex;
	width:100%;
	height:100%;
	align-items:center;
	justify-content:center;
}
#business ul li figure {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:0;
}
#business ul li figure img{
	width:100%;
	height:100%;
	object-fit: cover;
}
#business ul li .heading {
	position:relative;
	z-index:2;
	display:flex;
	width:100%;
	height:100%;
	align-items:center;
	justify-content:center;
	flex-flow: column;
	flex-wrap:wrap;
	gap: 0.8em;
}
#business ul li .heading img {
	width: 100%;
	height: auto;
}
.c-logo-shop {
	width: 120px;
	height: 130px;
	display: flex;
	align-items: center;
}
.c-logo-omu {
	width: 100px;
}
.c-logo-234 {
	width: 200px;
}
#business ul li .heading h2 {
	font-size:48px;
	font-family: 'Oswald', sans-serif;
	color:rgba(255,255,255,.9);
	font-weight:300;
}
#business ul li .heading p{
	width:100%;
	font-size:14px;
	text-align:center;
	color:rgba(255,255,255,.9);
}
#business .modal-container {
	display:none;
	background:rgba(0,0,0,0.8);
}
#business .modal-container .inner-modal{
	width:500px;
	height:300px;
}

.inner-modal {
	width:600px;
}
.inner-modal ul {
	display:flex;
	align-items:center;
}
.inner-modal ul li {
	width:300px;
}
.inner-modal ul li img {
	display:block;
	width:100%;
	height:auto;
	margin:auto;
}
.inner-modal ul li:nth-of-type(1) img {
	width:70%;
	height:auto;
}
.inner-modal ul li:nth-of-type(3) img {
	width:70%;
	height:auto;
}


@media only screen and (max-width:768px){
.inner-modal {
	width:100%;
	background:#ffffff;
}
.inner-modal ul {
	display:block;
	align-items:center;
	padding:7.5vw 0;
}
.inner-modal ul li {
	width:90vw;
	margin:auto;
	text-align:center;
	margin-bottom:5vw;
}
.inner-modal ul li img {
	display:block;
	width:100%;
	height:auto;
	margin:auto;
}
.inner-modal ul li:nth-of-type(1) img {
	width:60%;
	height:auto;
}
.inner-modal ul li:nth-of-type(3) img {
	width:60%;
	height:auto;
}
}

#second #mainvisual {
	height:300px;
}
#second .mask {
	height:300px;
}

.company table {
	width:800px;
}
.company table th,
.company table td {
	padding:10px;
	vertical-align:top;
}
.company table th {
	width:25%;
}
.map{
	width:800px;
	height:450px;
	position: relative;
	margin:20px auto 0;
	padding: 0 0 0;
	overflow: hidden;
	text-align:left;
	z-index:5;
}

.map iframe {
	width:100% !important;
	height:100% !important;
}

#second #business,
#second #terms {
	background:#ffffff;
	padding-bottom:80px;
}

.p-content-body {
    margin: auto;
    width: 800px;
}

.table-privacy {
	margin-bottom: 36px;
}

.table-privacy,
.table-privacy th,
.table-privacy td {
	border: 1px solid #333333;
	border-collapse: collapse;
}
.table-privacy caption {
	text-align: left;
	font-weight: bold;
}


#staff {
	text-align: center;
}
#staff .section {
	padding: 80px 0;
}
.p-name-group {
	margin-bottom: 32px;
	font-size: 24px;
	font-weight: bold;
}
.p-list-staff figure {
	margin-bottom: 16px;
}
.p-list-staff h3 {
	margin-bottom: 0.5em;
	font-size: 18px;
	font-weight: bold;
}
.p-staff-profile {
	padding: 0 24px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------
 RESPONSIVE
--------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width:1280px){

#global-nav ul {
	position: absolute;
	right:0px;
	bottom: 10px;
	min-width:initial;
    list-style: none;
    font-weight:500;
	display:block;
}
#global-nav ul li {
	
}
#global-nav ul li a{
	white-space: nowrap;
}
#top-head.fixed-nav.fixed.is-show.hide {
  transform: translateY(0);
}
	
.section{
	margin:auto;
	width:100%;
	max-width:initial;
}

#news .section{
	width:90%;
	margin:0 auto;
}
#news .date{
	display:block;
}
}

@media only screen and (max-width:768px){

#nav-toggle {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    height: 36px;
    cursor: pointer;
    z-index: 2001;
}

    #top-head.fixed #mobile-head {
        height:16.5vw;
    }


#container {
	scroll-snap-type: y mandatory;
	overflow:auto;
}

#siteid{
	float:left;
	margin: 24px 0 0 0;
	width:158px;
	height: 20px;
}

.fadein-left {
    -webkit-transform: translate(-20px,0);
    -ms-transform: translate(-20px,0);
    transform: translate(-20px,0);
    -webkit-transition: 1s;
    transition: 1s
}
.fadein-right {
    -webkit-transform: translate(20px,0);
    -ms-transform: translate(20px,0);
    transform: translate(20px,0);
    -webkit-transition: 1s;
    transition: 1s
}

body {
	position:relative;
	background:none;
	min-height:initial;
}



#mainvisual{
	position:relative;
	z-index:10;
	background-color:#fff;
	scroll-snap-align: start;
	background-attachment: scroll;
	background-position:center;
}
#mainvisual .inner{
    width: 100%;
    
    background-size:45% auto;
    background-position:center 12%;
}
#mainvisual .wrap-intro{
	width:85%;
	height:auto;
	padding: 7.5vw 5vw;
}
#mainvisual .mask h2{
	width:70%;
	height:auto;
	margin:auto;
	margin-bottom:50px;
}
#mainvisual .catch{
	margin-bottom:30px;
	font-size:137.5%;
	letter-spacing:0.1em;
}
#mainvisual .mask h2{
	margin-bottom:0;
}
#mainvisual .wrap-news {
	margin-top:10px;
}
#mainvisual .wrap-news h3{
	padding:0 0 5px;
	margin:0 0 5px;
	font-size:1.6rem;
	text-align:left;
}

#mainvisual .wrap-news li{
	text-align:left;
}
#mainvisual .wrap-news li h4{
	font-size:1.4rem;
	font-weight:700;
}
#mainvisual .wrap-news li h4 .date{
	
}
#mainvisual .wrap-news li p {
	font-size:1.4rem;
}

#mainvisual .wrap-news li p br {
	display:none;
}
#mainvisual .wrap-news .catch {
	margin-top:10px;
	font-size:2rem;
}
#mainvisual .lead{
	margin-bottom:30px;
	font-size:112.5%;
	font-weight:100;
	text-align:left;
}
#mainvisual .site-name{
	margin-bottom:15px;
	font-size:125%;
}
#mainvisual .guide{
	font-size:100%;
}

/* INDEX */
.pc{
	display:none;
}
.smp{
	display:block;
}
#news .section,
#about .section,
#service .section,
#possibility .section,
#name .section,
#info .section,
#problem .section,
#term .section,
#partner .section,
#company .section
{
	width:90%;
	margin:auto;
}

#home #content {
	margin:-80px 0 0;
	padding:80px 0 0;
	background-image:none;
}


.box-article{
	padding:0;
	background:none;
	box-sizing: border-box;
}

#recommend{
	padding:80px 0;
	background:url(../img/bg_about.jpg);
	background-size:cover;
	background-position:center;
}
#recommend .article {
	padding:50px 0 30px;
}

#recommend .article p{
	width:87.5%;
	margin:0 auto 38px;
	text-align:left;
}



.contenthead{
	margin:0 auto 50px;
	font-size:2.4rem;
}
.contenthead:after{
	bottom: -20px;
}
.article p{
	margin:0 0 24px;
	font-size:4vw;
	font-weight:400;
	line-height:200%;
}


#concept p {
	text-align:left;
	font-size:4.266vw;
	line-height: 1.5;
}
#concept p br {
	display: none;
}
#concept p.c-txt-lead {
	text-align: center;
}
#concept p.c-txt-lead br {
	display: block;
}

/* about us */
#about{
	margin:0;
	padding:10vw 0 10vw;
	scroll-snap-align: start;
	background-attachment: scroll;
	background-position:center;
}
#about .section{
	margin:0 auto;
	max-width:1280px;
	box-sizing:border-box;
}

#about .article p{
	width:90%;
	margin:0 auto 18px;
	font-family: 'Noto Serif JP', serif;
	font-size:1.6rem;
	font-weight:500;
	text-align:left;
}
#about .article p br{
	display:none;
}
#about .article p:last-child{
	margin-bottom:0;
}
#about .article p.signature {
	margin-top:28px;
	width:262px;
	height:49px;
	text-indent:-9999px;
	background: url(../img/logo_en.png) no-repeat;
    background-size: contain;
}




#news{
	margin:0;
	padding:10vw 0 10vw;
	scroll-snap-align: start;
	scroll-snap-align: start;
	background-attachment: scroll;
	background-position:center;
}
#news .article p{
	width:90%;
	margin:0 auto 18px;
	font-family: 'Noto Serif JP', serif;
	font-size:1.5rem;
	font-weight:500;
	text-align:left;
}
#news .article p br {
	display:none;
}

#news .article p.br-block br {
	display:block;
}
#news .news-list {
	width:100%;
	margin:0 auto;
}
#news .news-list ul{
margin-bottom:0px;
}
#news .news-list li a {
	display:block;
}

#news .news-list li figure {
	width:100%;
	height:30vw;
	overflow:hidden;
	margin-bottom:2vw;
}
#news .news-list li figure img {
	width:100%;
	height:30vw;
    object-fit: cover;
}
#news .news-list li .date {
	margin-right:0;
}
#news .news-list li .txt {
	width:100%;
	font-size:3.733vw;
}


/* BUSINESS */

#business {
	padding:10vw 0 0;
	overflow:hidden;
}
#business .section {
	width:100%;
}

#business ul li {
	
}

#business ul li .heading {
	font-size:7.466vw;
}




}

/*----------------------------------------------------------------------------
 SECOND
----------------------------------------------------------------------------*/

@media only screen and (max-width:768px){

#second #header{
	position:relative;
	background:#353941;
}
#second #top-head #mobile-head {
        background: rgba(255,255,255,.85);
        width: 100%;
        height:16.5vw;
        /*z-index: 999;*/
        position: relative;
}
#second #top-head #siteid{
    	display:block;
    }
#second #content{
	padding:0 0;
}
#second #page-header{
	padding:60px 0 84px;
	background:#f5f7f9;
}

#second #page-header h1{
	margin:0 auto;
	width:84%;
}
#second .article-header p{
	margin-bottom:30px;
	font-size:100%;
}
#second .article-header h1{
	font-size:125.0%;
	font-weight:500;
	line-height:165%;
}
#second .article-header h1 br { display:none;}

#second .content-body{
	margin:0 auto;
	padding:60px 0 20px;
	width:84%;
}
#second .content-body .date{
	font-weight:500;
}

.article-body{
	margin:34px 0;
	padding:40px 0;
	border-top:1px dotted #bfbfbf;
	border-bottom:1px dotted #bfbfbf;
}
.content-nav i{
	color:#481da5;
}
.content-nav ul{
	margin:0 auto 60px;
	width:84%;
}
.content-nav ul li{
	float:left;
	width:50%;
}
.content-nav ul li:nth-child(2){
	float:right;
	border-left:none;
}

.content-nav ul li:nth-child(2){
	text-align:right;
}
.content-nav ul li a{
	width:100%;
	height:48px;
	display:block;
	color:#373d3f;
	font-size:87.5%;
	font-weight:400;
	line-height:48px;
	text-align:center;
	border:1px solid #aaa;
}
.content-nav ul li:nth-child(2) a{
	border-left:none;
}

.content-nav ul li a:hover{
	background:#eee;
}
.breadcrumbs{
	margin:0 auto;
	width:84%;
}
.breadcrumbs li{
	display:inline-block;
}
.breadcrumbs li a{
	font-size:81.3%;
	color:#131516;
	font-weight:500;
}
.breadcrumbs li a:after{
	content:' > ';
	margin:0 8px;
}
.breadcrumbs li:last-child a:after{
	content:none;
}
#second #business {
	padding-bottom:5vw;
}

.company table {
	margin:auto;
	width:100%;
}
.company table th,
.company table td {
	padding:10px;
	vertical-align:top;
	display:block;
	box-sizing:border-box;
}
.company table th {
	width:100%;
	background:#dddddd;
}
.map{
	width:100%;
	height:120vw;
	position: relative;
	margin:20px auto 0;
	padding: 0 0 0;
	overflow: hidden;
	text-align:left;
	z-index:5;
}
.p-content-body {
    margin: auto;
    width: 100%;
    padding: 0 ;
    box-sizing:border-box;
}

}
.p-header-second {
	margin-bottom: 80px;
	background: rgba(0, 0, 0, 0.8);
}
.p-header-second .l-inner {
	height: 92px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.p-header-second .p-site-id {
	width: 280px;
}
.p-header-second .p-site-id img{
	width: 100%;
	height: auto;
}
#second .contenthead {
	width: 780px;
}

#second .article-body h2 {
	font-size: 20px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid rgba(249, 172, 232, 1);
}
#second .article-body p {

}