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

/*******************カスタム********************/
body{background-color: #fff;
	font-family: 'Noto Sans JP', sans-serif, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
img{max-width: 100%;}
ul {
    list-style: none;
    padding:0;
    margin:0;
}

/****ヘッダ****/
header {
    background-color:rgba(255, 255,255, 0.8);
}
.head {z-index: 2;
    position: relative;
  left:0;
  line-height:1;
  position:fixed;
  top:0;
  width:100%;
  z-index:99999;
}
.navbar-brand{margin-right: 40px;}
.navbar-brand,
.navbar-brand img{min-height: 50px!important;}
.nav-item a{font-size: 0.9em;
	color: #000!important;
	background-color: #fff;
	cursor: pointer;
	font-weight: bold;
	border: 1px solid #ccc;
	margin-left: 1rem;
	border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    box-shadow: 2px 2px rgba(0,0,0,0.1);
}
.nav-item a:hover{background-color: #eee;
	box-shadow: 0px 0px rgba(0,0,0,0);
}

.mobile_mail{display: none;}
span.head_contact{font-size: 0.5em;
	font-weight: 700;
}
.btn {line-height: 1em;
    padding: .8rem .6rem;
    background: linear-gradient(to bottom, orange 0%, #ee6842 100%);/*正規の指定*/
}
}
@media (min-width: 768px){
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: .75rem;
    padding-left: .75rem;
}
}

/****コンテンツ メイン****/
.container {
    max-width: 1000px;
}

.btn_margin {margin-bottom:40px;
}


.full_box{width: 100%;
	min-height: 640px;
	max-height: 1200px;
	position: relative;
	background-image: url(img/main.gif);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: fixed;
}


.full_in{width: 80%;
	max-width: 950px;
	top: 30%;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	z-index: 2;
	text-align: left;
}

.full_in h1,
.full_in h2,
.full_in h3,
.full_in h4{color: #000;
	text-align: left;
	font-feature-settings: "palt" 1;
	font-weight: 900;
}
.full_in h1{font-size: 8em;
	line-height: 0.9em;
}
.full_in h2{font-size: 7em;
	line-height: 0.9em;
}
.full_in h3{font-size: 1.8em;
	line-height: 0.9em;
	margin-top: 3%;
}
.full_in h4{font-size: 1.8em;
}

.full_in p{color: #000;
	font-size: 0.8em;
	line-height: 2em;
	font-weight: 600;
	letter-spacing: 0.2em;
	margin-top: 8%;
	text-align: left;
}


.full_in_l,
.full_in_r{display: inline-block;
	vertical-align: top;
	margin-top: 20px;
	line-height: 1em;
}
.full_in_l{width: 15%;
	padding-top: 1%;
}
.full_in_r{width: 83%;
	margin-left: 1%;
}

/****コンテンツ****/
.cont_box{width: 100%;
	padding: 80px 0;
}

.cont_in{width: 80%;
	max-width: 950px;
	margin: 0 auto;
	z-index: 2;
	text-align: left;
}
.b_grey{background-color: #f5f5f5;}

.cont_in h1,
.cont_in h2,
.cont_in h3,
.cont_in h4{color: #000;
	font-feature-settings: "palt" 1;
	font-weight: 900;
}

.cont_in h1{text-align: center;}
.cont_in h3{text-align: center;}

.b_yellow{background: linear-gradient(transparent 75%, yellow 75%);}

.cont_box_50{width: 49%;
	display: inline-block;
	margin:1.5% 0.3% ;
	vertical-align: top;
}

.cont_box_30{width: 32.1%;
	display: inline-block;
	margin:15% 0.3% 0;
	vertical-align: top;
	text-align: center;
	border:4px solid #333;
	border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
    box-shadow: 4px 4px rgba(0,0,0,0.2);
    position: relative;
    padding: 0 0 20px 0;
}

.diet_img{width: 80%;
	position: absolute;
	top: -40%;
	right: 0;
	left: 0;
	margin: 0 auto;
}

.d_pink{background-color: #ffeeea;}
.d_yellow{background-color: #ffffc1;}
.d_blue{background-color: #dff4f4;}

.diet_tit{margin: 100px auto 20px;
	width: 84%;
	border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding:0 0 10px 0;
}
.diet_tit h1{font-size: 3em;
	color: #e80000;
	margin: 0;
	line-height: 1.4em;
}
.diet_tit h2{margin: 0;
	font-size: 1.5em;
}
h4.diet_h4 {margin: 0;
	font-size: 1.2em;
	font-weight: 700;
}

.big_tit{font-size: 400%;
	line-height: 1.2em;
	margin-bottom: 20px;
}

.orange_box{background-color: #eb6100;
	width: 100%;
}
.orange_in{width: 80%;
	max-width: 950px;
	padding: 40px 0;
	margin: 0 auto;
	z-index: 2;
	text-align: center;
}

.about_sp_box{width: 48%;
	display: inline-block;
	margin: 40px 0 0;
}
.about_sp_box100{width: 100%;
	display: inline-block;
	margin: 40px 0 0;
}

.about_sp_l,
.about_sp_r{display: inline-block;
	vertical-align: top;
}

.about_sp_r{margin-left: 10px;
	font-weight: 600;
	font-size: 1.3em;
	color: #000;
	vertical-align: text-bottom;
}

span.about_sp{font-size: 180%;
	color: #ff9100;
}

h2.detail_tit {border-bottom: solid 4px #0a44aa;
	margin-top: 60px!important;
}
h5.detail_sub,
h3.detail_main{color: #000;
	text-align: left;
	font-weight: 900;
}

h5.detail_sub{font-size: 1em; margin-top: 20px;}
h3.detail_main{font-size: 2.4em;}
span.detail_small{font-size: 60%;}
span.detail_small02{font-size: 70%; line-height: 0.8em; }
span.detail_name{font-size: 120%;  line-height: 2em; }

h4.detail_tit02{border-bottom: solid 2px #0a44aa;
	padding-bottom: 4px;
}

.detail_box{width: 100%;
	border-bottom: 1px dotted #ccc;
	color: #000;
	font-weight: 700;
	padding:20px 0;
}

.detail_box_l,
.detail_box_r{display: inline-block;
	vertical-align: top;
	text-align: left;
}
.detail_box_l{width: 30%;}
.detail_box_r{width: 68%;
	margin-left: 1%;
}

.b_orange{background: linear-gradient(transparent 75%, #ff8500 75%);
	font-size: 130%;
}

.detail_btn{width: 100%;
	text-align: center;
	padding: 40px 0;
}
.foot_box p{font-size: 0.7em;}
footer {color: #666;
	border-top:  1px solid #eee;
}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}


@media screen and (max-width: 980px) {
.full_in h1{font-size: 10vw;}
.full_in h2{font-size: 9vw;}
.full_in h3{font-size: 2vw;}
.full_in h4{font-size: 2.5vw;}
.full_box {min-height: 640px;
background-image: url(img/main_m.gif);
}
.cont_in h1{font-size:7vw;}
.cont_in h2{}
.cont_in h3{font-size:4.5vw;}
.cont_in h4{}
h4.diet_h4 {font-size: 2vw;}
.about_sp_box{width: 100%;
	margin: 40px auto 0;
}
.cont_box_50{width: 100%;
margin:1.5% 0 ;
}
}
@media screen and (max-width: 767px) {
	.navbar-brand img{min-height: 36px!important;}
.nav-item a{font-size: 3.6vw; letter-spacing: 0.2em;}
.nav-link{padding: 1rem;}
.pc_mail{display: none!important;}
.mobile_mail{display: block;
	position: absolute;
	top: 12px;
	right: 100px;
}
.btn {
    padding: .8rem .85rem;
}
.nav-item a{font-size: 3vw;
	border: none;
	padding: 20px 0;
	margin-left: 0;
	border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
    box-shadow: none;
}
}



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

.full_box {min-height: 500px;
	background-image: url(img/main_mm.gif);
}

.container{padding: 0 10px;}

.full_in{width: 94%;
	max-width: 94%;
		top: 24%;
}
.full_in_l{width: 30%;}
.full_in_r{width: 100%;}

.full_in h1{font-size: 12vw;}
.full_in h2{font-size: 11vw;}
.full_in h3{font-size: 3vw;}
.full_in h4{font-size: 3.5vw;}

.item_de{margin: 0;}
.item_de h2 {font-size: 3.8vw;}
ul.item_list li{text-align: left;
	font-size: 3vw;
}
.about_ph{width: 100%;
	text-align: center;
}
.about_ph img{width: 200px;}
.about_messe {
    width: 100%;
    margin-left: 0;
}
.item_table_l, .item_table_r{font-size: 2.5vw;}
.about_special h1{font-size: 2.6vw;}
span.about_sp{font-size: 120%;}
.col-lg-3{text-align: center;}

.foot_box img{width: 203px;
	height: 50px;
}
.cont_in {
    width: 96%;
    max-width: 96%;
}


.cont_box_30{width:90%;
margin:30% auto 0;
}
.diet_tit h1 {font-size: 8vw;}
h4.diet_h4 {font-size: 4vw;}
.diet_img{width: 70%;
	top: -35%;
}

.about_sp_l {width: 10%;}
.about_sp_r{font-size: 3.5vw;
	width: 87%;
	margin-left: 1%;
}

span.about_sp{font-size: 150%;
}

h2.detail_tit {font-size: 5vw;
}

h5.detail_sub{font-size: 3vw; }
h3.detail_main{font-size: 5vw;}

.detail_box_l{width: 28%; font-size: 3vw;}
.detail_box_r{width: 68%;
	font-size: 3vw;
}


footer {
    padding: 3rem 0 0.5rem!important;
}
}


@media screen and (max-width: 1000px) {
.diet_img{width: 80%;
	top: -25%;
}
}
@media screen and (max-width: 900px) {
.diet_img{width: 70%;
	top: -15%;
}
}
@media screen and (max-width: 800px) {
.diet_img{top: -10%;
}
}
@media screen and (max-width:671px) {
.diet_img{width: 50%;
	top: -40%;
}
}
@media screen and (max-width:480px) {
.diet_img{width: 70%;
}
}




/*********ボタン**********/
.button {
  display: inline-block;
  width: 300px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
  background-color: #0a44aa;
  color: #fff;
  font-weight: 700;
}
.button:hover {text-decoration: none;
  background-color: #59b1eb;
 color: #fff;
}


/*********pagetop**********/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 2%;
  bottom: 0;
  background: #333;
  opacity: 0.8;
  z-index: 9999;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a{
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/***************************************/
svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}