@charset "utf-8";
/* CSS Document */


/* font
=========================================== */

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Thin.otf');
  src:
  url('../fonts/font/NotoSansJP-Thin.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Thin.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Thin.ttf') format('TrueType');
	font-weight: 100;
}

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Regular.otf');
  src:
  url('../fonts/font/NotoSansJP-Regular.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Regular.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Regular.ttf') format('TrueType');
	font-weight: 400;
}

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Medium.otf');
  src:
  url('../fonts/font/NotoSansJP-Medium.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Medium.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Medium.ttf') format('TrueType');
	font-weight: 500;
}

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Bold.otf');
  src:
  url('../fonts/font/NotoSansJP-Bold.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Bold.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Bold.ttf') format('TrueType');
	font-weight: 700;
}

@font-face {/*Poppins*/
  font-family: 'Poppins';
  src: url('../fonts/font/Poppins-Medium.otf');
  src:
  url('../fonts/font/Poppins-Medium.woff2') format('woff2'),
  url('../fonts/font/Poppins-Medium.woff') format('woff'),
  url('../fonts/font/Poppins-Medium.ttf') format('TrueType');
	font-weight: 500;
}

@font-face {/*Roboto*/
  font-family: 'LINESeed';
  src: url('../fonts/font/LINESeedJP_Bd.otf');
  src:
  url('../fonts/font/LINESeedJP_Bd.woff2') format('woff2'),
  url('../fonts/font/LINESeedJP_Bd.woff') format('woff'),
  url('../fonts/font/LINESeedJP_Bd.ttf') format('TrueType');
	font-weight: 700;
}


/* Link
=========================================== */

a:link, a:visited {
	color: #0F0F0F;text-decoration: none;
}
a:hover, a:active {
	color: #0F0F0F;text-decoration: underline;
}
a {
	outline: none;transition: 0.3s;
}
a img {transition: 0.3s;}

:focus { outline: none;}

/* LAYOUT
=========================================== */
html.showPage,
html.showPage body{min-width: 1200px;}

body {
	color: #0F0F0F;
	background:#fff;
	font-size:16px;
	font-family: 'NotoSansJP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 400;
    font-style: normal;
	overflow:hidden;
	max-width:1920px;
	margin:0 auto;
	line-height:1.6;
}

h1,h2,h3,h4,h5,h6 {font-weight:700;}
body,li,th,td,p,dt,dd{}
body#tinymce{min-width:inherit!important;}

p {}
.wrap {width: 1100px;margin:0 auto;position:relative;}
table {width:100%;}
img {max-width:100%;height:auto;}

/*共通設定*/
.btn01 {width:320px;height:76px;display:table;margin:0 auto;}
.btn01 a {display:table-cell;vertical-align:middle;text-align:center;background:#FB8526;color:#fff;font-weight:bold;text-decoration:none;border-radius:80px;position:relative;}
.btn01 a:hover {opacity:0.7;}
.btn01 a::after {content:"";width:calc(100% - 12px);height:calc(100% - 12px);border:1px dashed #fff;border-radius:80px;box-sizing:border-box;position:absolute;inset:0;margin:auto;}

.title01 {font-size:38px;text-align:center;padding-top:48px;background: url("../img/common/title01.svg")no-repeat center top;}
.title01_l {text-align:left;padding-top:0;padding-left:58px;background: url("../img/common/title01.svg")no-repeat center left;}

.bg_p01 {text-align:center;font-weight:bold;color:#FB8526;}
.bg_p01 span {padding:17px 32px;background:#fff;border-radius:30px;position:relative;display: inline-block;}
.bg_p01 span::after {content:"";width:calc(100% - 12px);height:calc(100% - 12px);border:1px dashed #FB8526;border-radius:30px;box-sizing:border-box;position:absolute;inset:0;margin:auto;}


/*ウェブフォント*/
.tcenter {text-align: center;}
.tright {text-align: right;}
.pop {font-family: 'Poppins';}
.line {font-family: 'LINESeed';}
.thin {font-weight:100;}

/*色*/
.shiro {color:#fff;}
.green {color:#77B132;}
.orange {color:#FB8526;}
.red {color:#EE1818;}
.mt20 {margin-top: 20px;}

.flex{width: 100%;
    margin: 0 ;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* header */
/*-------------------------------------------*/
#header {width:100%;min-width:1100px;max-width: 2000px;position:fixed;transition: 0.3s;left:0;right: 0;top:0;margin: auto;z-index: 100;box-sizing: border-box;}
#header .header_inner {justify-content:space-between;align-items:flex-start;}
#header .header_inner .logo_box {width:auto;}
#header .header_inner .logo_box .logo {padding:30px 40px;background:#fff;border-radius:0 0 20px 0;margin-right:20px;}
#header .header_inner .logo_box .p01 {font-size:14px;padding-top:54px;}
#header .header_inner .right {padding-right:60px;}

/*gnav*/
.gnav {}
.gnav > ul {width:auto;justify-content:flex-end;}
.gnav > ul > li {margin-right:30px;font-weight:500;}
.gnav > ul > li:last-child {margin-right:0;}

.h_btn_list {width:auto;justify-content:flex-end;margin-bottom:24px;}

.h_btn01 {width:220px;height:50px;display:table;margin-right:4px;}
.h_btn01 a {display:table-cell;vertical-align:middle;text-align:center;background:#FB8526;color:#fff;font-size:14px;text-decoration:none;border-radius:0 0 10px 10px;}
.h_btn01 a:hover {opacity:0.7;}
.h_btn01 a span {background: url("../img/common/h_btn01.svg")no-repeat center left;padding-left:37px;display:inline-block;}

.h_btn02 {width:180px;height:50px;display:table;}
.h_btn02 a {display:table-cell;vertical-align:middle;text-align:center;background:#77B132;color:#fff;font-size:14px;text-decoration:none;border-radius:0 0 10px 10px;}
.h_btn02 a:hover {opacity:0.7;}
.h_btn02 a span {background: url("../img/common/h_btn02.svg")no-repeat center left;padding-left:28px;display:inline-block;}

.fixed #header {padding-bottom: 10px;background:#fff;}
.fixed #header .header_inner .logo_box .logo {padding:14px 0 0 40px;border-radius:0;}
.fixed #header .header_inner .logo_box .logo img {width:108px;}
.fixed #header .header_inner .logo_box .p01 {padding-top:44px;}


/* main */
/*-------------------------------------------*/
#main {}
#main.home_main {background: url("../img/main/bg.png")no-repeat center;background-size:cover;width:calc(100% - 40px);border-radius:20px;margin: 20px auto 0 20px;padding:180px 0 90px;min-width: 1140px;}
#main.home_main .info {padding-left:30px;}
#main.home_main .info h2 {display:flex;gap:12px;flex-direction: row-reverse;justify-content: flex-end;align-items: flex-start;margin-left: 70px;}
#main.home_main .info h2 span {writing-mode: vertical-rl;text-orientation: upright;display: inline-block;line-height: 68px;padding: 16px 0 calc(16px - -0.23em);background:#fff;font-size:36px;letter-spacing: -0.23em;}


@-moz-document url-prefix() {
#main.home_main .info h2 span {padding: 16px 0 calc(16px - 0.23em);letter-spacing: 0.23em;}
}




#main.home_main .info h2 span:first-child {margin-top:20px;}
#main.home_main .info h2 span:last-child {margin-top:50px;background:#77B132;color:#fff;}
#main.home_main .info .text {line-height:2.2;margin-top:65px;font-weight: 500;}
#main.home_main .img {width:830px;right:-110px;top:-60px;position:absolute;}

/* 下層 main */
/*-------------------------------------------*/
#main.kasou {background: url("../img/main/kasou.png")no-repeat center;background-size:cover;width:calc(100% - 40px);border-radius:20px;margin: 20px auto 0 20px;padding:160px 0 110px;min-width: 1140px;text-align:center;}
#main.kasou .eng {font-size:17px;font-weight:500;font-family: 'Poppins';margin-bottom:16px;color:#FB8526;}
#main.kasou .jap {font-size:48px;line-height:1;}


/*パンくず*/
div#bread {position: relative;height:0;z-index: 3;top: 10px;}
ul.bread-list {}
ul.bread-list li {font-size:13px;line-height:1.2;}
ul.bread-list li a {text-decoration:none;}
ul.bread-list li:after{content:"-";margin: 0 8px;}
ul.bread-list li:last-child:after{content:none;}

/* TOPへ戻る・追従 */
/*-------------------------------------------*/
#fixed_trigger {position: absolute;left: 0;top:110px;z-index: -100;}

/* footer */
/*-------------------------------------------*/
#footer {}
.footer_form {background: url("../img/common/footer_form.png")no-repeat center;background-size:cover;width:calc(100% - 40px);border-radius:20px;margin: 0 auto 90px 20px;padding:100px 0;}
.footer_form .wrap::before {content:"";background: url("../img/common/illust03.png") no-repeat;background-size:contain;width: 190px;height: 309.5px;position:absolute;left: -80px;bottom: -146px;animation: yura01 0.5s steps(2) infinite alternate;transform-origin: bottom;z-index:2;}

.footer_form .bg_p01 span::before {content:"";background: url("../img/common/illust01.png") no-repeat;background-size:contain;width: 64px;height: 49.5px;position:absolute;right: -30px;top: -26px;animation: yura01 0.5s steps(2) infinite alternate;transform-origin: left;z-index:2;}

.footer_form h2 {line-height:2.2;margin-bottom:30px;font-size:38px;}
.footer_form .text01 {line-height:29px;margin-bottom:60px;text-align:center;}
.footer_form .btn01 {position:relative;}
.footer_form .btn01::before {content:"";background: url("../img/common/illust02.png") no-repeat;background-size:contain;width: 199px;height: 290px;position:absolute;right: -153px;top: -49px;animation: yura01 0.5s steps(2) infinite alternate;transform-origin: left;z-index:2;pointer-events: none;}

.footer_form .btn01 a span {padding-left:31px;display:inline-block;background: url("../img/common/mail01.svg")no-repeat center left;}
.footer_form .p01 {font-size:12px;line-height:26px;margin-top:20px;}

@keyframes yura01 {
	0% {transform: rotate(5deg);}
	100% {transform: rotate(-5deg);}
}

.footer_form .parallax {position: absolute;}

/* 配置例（自由に調整OK） */
.footer_form .parallax.img01 {top:-48px;left:-260px;width:308px;z-index: 2;}
.footer_form .parallax.img02 {top:-150px;left:0;width:182px;}
.footer_form .parallax.img03 {top:72px;right:-260px;width:308px;}
.footer_form .parallax.img04 {bottom:-30px;right:-10px;width:182px;}

.footer_line {padding:80px 0 70px;width:calc(100% - 40px);border-radius:20px;margin: 0 auto 0 20px;background:#77B132;position:relative;}
.footer_line .wrap::before {content:"";background: url("../img/common/illust04.png") no-repeat;background-size:contain;width: 171px;height: 221px;position:absolute;left: -180px;bottom: -138px;animation: yura01 0.5s steps(2) infinite alternate;transform-origin: bottom;z-index:2;}
.footer_line .p01 {font-size:20px;font-weight:bold;position:absolute;top:-28px;left:0;right:0;margin:auto;}
.footer_line .p01 span {display:inline-block;padding:12px 30px;background:#fff;border:2px solid #77B132;box-sizing:border-box;border-radius:40px;}
.footer_line .cnt {justify-content:space-between;align-items:center;}
.footer_line .cnt .left {padding-left:150px;background: url("../img/common/line_bg.svg")no-repeat center left;}
.footer_line .cnt .left h2 {font-size:36px;margin-bottom:12px;}
.footer_line .cnt .left .text01 {font-weight:500;}
.footer_line .cnt .right {width:auto;flex-direction:row-reverse;}
.footer_line .cnt .right .qr_code {width:140px;margin-left:10px;}
.footer_line .cnt .right .not_qr {width:278px;}
.footer_line .cnt .right .not_qr .line_id {padding:17px;box-sizing:border-box;align-items:center;font-weight:bold;background:#fff;border-radius:12px;}
.footer_line .cnt .right .not_qr .line_id .line_id01 {font-size:12px;margin-right:15px;}
.footer_line .cnt .right .not_qr .line_id .line_id01 span {display:inline-block;padding:6px 20px;background:#E7F1D9;border-radius:40px;}
.footer_line .cnt .right .not_qr .btn01 {width:100%;height:65px;margin-top:10px;}

.footer {padding:80px 0 90px;}
.footer .cnt01 {justify-content:space-between;margin-bottom:80px;}
.footer .cnt01 .left {}
.footer .cnt01 .left .logo {margin-bottom:15px;}
.footer .cnt01 .left .p01 {font-size:12px;margin-bottom:20px;}
.footer .cnt01 .left .sns_list {width:auto;}
.footer .cnt01 .left .sns_list li {width:50px;margin-right:10px;}
.footer .cnt01 .left .sns_list li:last-child {margin-right:0;}
.footer .cnt01 .left .sns_list li a {display:block; }
.footer .cnt01 .left .sns_list li a:hover {opacity:0.7;}

.footer .cnt01 .f_nav {width:auto;}
.footer .cnt01 .f_nav ul {margin-right:30px;width:200px;}
.footer .cnt01 .f_nav ul:last-child {margin-right:0;}
.footer .cnt01 .f_nav li {padding:0 0 8px 16px;margin-bottom:20px;font-weight:500;border-bottom:1px dashed #77B132;position:relative;}
.footer .cnt01 .f_nav li::before {content:"";width:6px;height:6px;background:#77B132;border-radius:100%;position:absolute;left:0;top:10px;}
.footer .cnt01 .f_nav li.mini {margin-bottom:8px;padding:0;border-bottom:0;font-weight:400;}
.footer .cnt01 .f_nav li.mini::before {content:none;}
.footer .cnt01 .f_nav li:last-child {margin-bottom:0;}

.footer .cnt02 {justify-content:space-between;align-items:center;}
.footer .cnt02 .cnt02_ul {width:auto;}
.footer .cnt02 .cnt02_ul ul {width:auto;}
.footer .cnt02 .cnt02_ul ul li {font-size:14px;}
.footer .cnt02 .cnt02_ul ul li::after {content:"|";margin:0 14px;color:#ddd;}
.footer .cnt02 .cnt02_ul ul:last-child li:last-child::after {content:none;}
.footer .cnt02 .foodallergy_bn {width:220px;}
.footer .cnt02 .copyright {font-size:12px;order: -1;}


/* wideWrap
=========================================== */
section {width:100%;box-sizing:border-box;min-width: 1140px;position: relative;}

aside,footer{position:relative;}

/* CLEARFIX
=========================================== */

.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.cf {
	min-height: 1px;
}
* html .cf {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.no-pc{display: inline-block;pointer-events: none;text-decoration: none!important;}

.sp{display:none!important;}