.box1{
margin: 80px auto;
}
.box2 {
padding-bottom: 24px;
margin-bottom: 40px;
border-top: 1px solid #E2E2E2;
border-bottom: 1px solid #E2E2E2;
}
.box4 {
margin-bottom: 40px;
border-top: 1px solid #E2E2E2;
border-bottom: 1px solid #E2E2E2;
}
.box4 .headline_linkbox > div:nth-child(2) {
padding: 18px 8px 20px 0;
}
@media screen and (max-width: 768px) {
.box4 .headline_linkbox > div:nth-child(2) {
padding: 0 4px 20px 0;
}}
.box3 {
background-color: #F5F2ED;
background-image: url(/img/usr/default/jaL-j-UZpa-4.png);
background-size: 50%;
background-position: 120% center;
background-repeat: no-repeat;
margin-bottom: 40px;
}
.box3 > div.opacitycover {
background-color: rgba(245,242,237,0.8);
}
@media screen and (max-width: 768px) {
.box3 {
background-size: 120%;
background-position: center center;
}
.box3 > div.opacitycover {
background-color: rgba(245,242,237,0.6);
}
}
.box3 .modhead2 {
padding-top: 32px;
}
.box5 {
padding: 8px 0 40px;
background:#E5DDA7;
}
@media screen and (max-width: 768px) {
#TOPPAGE article .w1099 {
padding: 0 10px;
}}
#TOPPAGE footer {
margin-top: 40px;
}
/* Gメニュー追加 */
.menu {
margin-top: 69px !important;
right: 0;
overflow-y: scroll;
position: fixed !important;
width: 45% !important;
height: 100% !important;
border-left: 3px solid #eee;
}
@media screen and (max-width: 768px) {
.menu {
width: 100% !important;
margin-top: 55px !important;
}}
.menu_box {
background-color: rgba(255,255,255,0.95);
border-bottom: 1px solid #333;
}
#MENU .menu li {
border-top: none;
padding: unset;
margin: unset;
}
#MENU .menu a {
color: unset;
}
#MENU .menu .subnavibox a {
display: block;
padding:8px;
margin: 1px 0;
background:#eee; 
}
/* BOX1内 */
.top_dentobox {
width:100%;
margin: 8rem auto;
background-image: url(/img/usr/default/jaL-j-UZpa-4.png);
background-size: 45% auto;
background-position: 5% 60%;
background-repeat: no-repeat;
text-align: right;
}
@media only screen and (min-width:1380px) {
  .top_dentobox {
background-size: 40% auto;
background-position: 12% 50%;
  }
}
.top_anshinbox {
width:100%;
margin: 8rem auto 0;
background-image: url(/img/usr/default/pdp-d-kZpb-4.png);
background-size: 50% auto;
background-position: right center;
background-repeat: no-repeat;
}
@media only screen and (min-width:1380px) {
.top_dentobox, .top_anshinbox {
width:90%;
}}
@media screen and (max-width: 768px) {
.top_dentobox, .top_anshinbox {
display: inline-block;
padding: 23rem 0 0;
text-align: center;
background-size: 100% auto;
background-position: top center;
}
.top_dentobox {
margin: 0 0 2.4rem;
}
.top_anshinbox {
margin: 2.4rem 0;
}}
.top_dento1, .top_anshin1 {
padding: 2.4rem 7rem 3.2rem;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2.8rem;
font-weight: 600;
text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
}
@media screen and (max-width: 768px) {
.top_dento1, .top_anshin1 {
padding: 0 0 2.4rem;
font-size: 2.4rem;
}}
.top_dento1 strong,
.top_anshin1 strong {
padding: 0 1rem;
font-size: 6.6rem;
}
@media screen and (max-width: 768px) {
.top_dento1 strong,
.top_anshin1 strong {
font-size: 4rem;
}}
.top_dento1 strong { 
color:#E60012;
}
.top_anshin1 strong {
color:#00205B;
}
.top_dento2,
.top_anshin2 {
display: inline-block;
padding: 3.2rem 6% 3.2rem;
width: 34%;
color: #fff;
}
.top_dento2 {
background: #D60616;
border-radius: 40px 3px 0 3px;
}
.top_anshin2 {
background: #00205B;
border-radius: 3px 40px 0 3px;
}
@media screen and (max-width: 768px) {
.top_dento2,
.top_anshin2 {
width: auto;
border-radius: 0;
padding: 2.4rem 2.4rem 1.6rem;
}}
.top_dento2 a.linkbutton_rd,
.top_anshin2 a.linkbutton_bl {
color: #070707;
}
.top_dento2 a.linkbutton_rd:hover,
.top_anshin2 a.linkbutton_bl:hover {
color: #fff;
}
/* BOX2内 */
.top_jigyobox {
display: inline-block;
position: relative;
padding: 2%;
width: 20%;
}
@media screen and (max-width: 768px) {
.top_jigyobox {
padding: 2%;
width: 46%;
}}
.top_jigyobox .item_label {
position: absolute;
bottom: 0;
left: 0;
background:#00205B;
color: #fff;
text-align: center;
}
/* キービジュアル */
.kv_box {
width:100%;
height: 650px;
position: relative;
background-size: cover;
}
@media screen and (max-width: 768px) {
.kv_box {
width:100%;
height: 450px;
background-size: cover;
background-position-x: 40%;
}}
.kv_box.img01 {
background-image: url(/img/usr/default/Fhe-T-t2u5-5.jpg);
background-position: center;
}
.kv_box.img02 {
background-image: url(/img/usr/default/FqR-T-M2u6-5.png);
background-size: auto;
background-position: right;
background-color: #c2b497;
background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
.kv_box.img02 {
background-size: 103%;
background-position: -10px -10%;
background-repeat: no-repeat;
}}
.kv_box.img03 {
background-image: url(/img/usr/default/jk3-j-h2u7-7.png);
background-size: auto;
background-position: 118% 57%;
background-color: #f8eded;
background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
.kv_box.img03 {
background-size: 100%;
background-position: center 15%;
background-repeat: no-repeat;
}}
.kv_box.img04 {
background-image: url(/img/usr/default/SR4-G-g2u8-4.jpg);
background-size: 60%;
background-position: right center;
background-color: #efda54;
background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
.kv_box.img04 {
background-size: 100%;
background-position: center 10%;
background-repeat: no-repeat;
}}
.kv_box.img05 {
background-image: url(/img/usr/default/oBb-e-yYve-2.jpg);
}
.kv_box.img06 {
background-image: url(/img/usr/default/hdA-l-5Yw5-2.jpg);
}
.kv_box.img07 {
background-image: url(/img/usr/default/Dwo-V-lYw6-2.jpg);
}
.kv_msg_link {
position: absolute;
top: 30%;
left: 2%;
}
@media screen and (max-width: 768px) {
.kv_msg_link {
width: 96%;
text-align: center;
top: auto;
bottom: 0;
}}
.kv_box.img01 .kv_msg_link {
top: 20%;
}
@media screen and (max-width: 768px) {
.kv_box.img01 .kv_msg_link {
top: 8%;
bottom: auto;
}
.kv_box.img01 .kvmsg {
margin-bottom: 274px;
}}

.kvmsg {
margin: 0 0 24px;
display: inline-block;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 6rem;
text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
font-weight: 600;
}
.kv_box.img01 .kvmsg {
font-size: 6.8rem;
}
@media screen and (max-width: 768px) {
.kvmsg,
.kv_box.img01 .kvmsg {font-size: 2.8rem;}
}


@media only screen and (max-width: 1080px){
.pconlrymenu_box {
  display: none;
}
}
.pconlrymenu_box .moddef_link{
 font-size:14px !important;
 padding: 10px 5px !important;
}
.pconlrymenu_box a:link {
display: inline-block;
padding: 10px 12px;
vertical-align: middle;
}
.pconlrymenu_box a:link,
.pconlrymenu_box a:visited {
color:#070707;
}
a.pconlrymenu_pointlink {
background-color:#F3E4E5;
padding: 4px;
margin: 18px 0 18px 12px;
line-height: 0.4rem;
border-radius: 3px;
}
.pconlrymenu_box a.iconlink_form,
.pconlrymenu_box a.iconlink_shop {
width: 59px;
height: 64px;
padding: 0;
border-left: 1px solid #F1F0EF;
line-height: 1;
text-align: center;
font-size: 12px;
vertical-align: middle;
}
.pconlrymenu_box a.iconlink_form {
margin-left: 14px;
}
.pconlrymenu_box a.link_shop {
border-ringht: 1px solid #F1F0EF;
}
.pconlrymenu_box a.iconlink_form:before,
.pconlrymenu_box a.iconlink_shop:before {
content:'';
display: inline-block;
width: 100%;
height: 16px;
padding: 14px 0 4px 0;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
vertical-align: middle;
background-size: auto;
}
.pconlrymenu_box a.iconlink_form:before {
background-image: url(/img/usr/default/ud1-8-lXy9-3.png);
}
.pconlrymenu_box a.iconlink_shop:before {
background-image: url(/img/usr/default/3Zj-c-qXya-1.png);
}
#MENU .menu .subnavibox a.iconlink_shop {
font-size: 1.4rem;
background-color: #F3E4E5;
}
.menu a.iconlink_shop:before {
content:'';
display: inline-block;
width: 32px;
padding: 14px 0 4px 0;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
vertical-align: middle;
background-size: auto;
background-image: url(/img/usr/default/3Zj-c-qXya-1.png);
font-size: 1.4rem;
}

#TOPPAGE .modhead2 {
font-size: 2.4rem;
border: none;
}

a.top_introductionlink {
display: inline-block;
padding: 10px;
}
.top_shohinbox {
text-align: center;
}
a.top_shohinboxlink,
a.top_recipecatboxlink {
display: inline-block;
padding: 8px;
}
/*! トップページbox5　recipetop */
.top_recipebox_right {
width: 67%;
display: inline-block;
}
@media screen and (max-width: 768px) {
.top_recipebox_right {
display: block;
width: auto;
margin-top: 24px;
}
.top_recipebox_right .top_shohinbox {
margin-top: 24px;
display: inline-block;
}
}
a.top_shohinboxlink {
padding: 0 8px 8px;
/*! width: 113px; */
width: 18%;
}
@media screen and (max-width: 768px) {
a.top_shohinboxlink {
width: 44%;
}}
a.top_shohinboxlink img {
width: 100%;
height: auto;
}
a.top_shohinboxlink img,
a.top_recipecatboxlink img {
box-shadow: 3px 5px 6px -4px rgba(0, 0, 0, 0.26);
border-radius: 9px;
}
@media screen and (max-width: 768px) {
a.top_introductionlink,
a.top_shohinboxlink,
a.top_recipecatboxlink {
padding: 2%;
width: 46%;
}
a.top_introductionlink img,
a.top_shohinboxlink img,
a.top_recipecatboxlink img {
width: 100%;
height: auto;
}
}
.top_recipebox .search_pbox{
width: 27%;
background-color: #fff;
border-radius: 9px;
padding: 16px;
margin: 0 29px 0 0;
float: left;
}
@media screen and (max-width: 768px) {
.top_recipebox .search_pbox {
display: block;
width: 89%;
height: auto;
margin: 0;
padding: 16px;
}
}
#CONTENTS .top_recipebox .search_pbox input[type="submit"]{
width: 100%;
margin-bottom: 10px;
background: #EFDA54;
}
.search_pbox form div {
margin-left:0 !important;
}
.top_recipebnrbox {
display:block;
margin: 8px 0;
}
.top_recipebnrbox a img {
display: inline-block;
width: 45%;
height: auto;
margin: 0 2% 0 3%;
}
.recipe_tokushubox {
text-align: center;
}
.recipe_tokushubox a {
width: 22%;
margin: 1rem 14px;
display: inline-block;
}
@media screen and (max-width: 768px) {
.recipe_tokushubox a {
width: 48%;
margin: 1rem 1%;
}}
.recipe_tokushubox a img {
width: 100%;
height: auto;
}
.search_pbox select,
#CONTENTS .search_pbox input[type="text"] {
width: 98%;
padding: 4px 0;
margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
.search_pbox select,
#CONTENTS .search_pbox input[type="text"] {
  width: 98%;
}}
.bnrbox_kanenishiki {
padding: 24px 0 48px 0;
}
.maintaitle_box {
text-align: center;
box-shadow: 0 2px 5px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
.maintaitle_box {
  padding: 0 10px;
}}
.maintaitle {
padding: 48px 0;
text-align: left;
font-size: 2.4rem;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 600;
}
@media screen and (max-width: 768px) {
.maintaitle {
padding: 24px 0;
font-size: 2.1rem;
}}
#RECIPE .maintaitle_box {
background: #EFDA54
}
.maintaitle_recipe {
padding: 0;
text-align: center;
margin: 0;
line-height: 0;
background-image: url( /img/usr/default/sb0-a-mZt6-1.png);
}
@media screen and (max-width: 768px) {
.maintaitle_recipe img {
height: auto;
width: 100%;
}}
.frame_lead {
display: block ;
float:left;
height:auto;
width:45%; 
min-height:320px;
position:relative;
font-size: 10px ;
font-weight: normal ;
font-style: normal ;
letter-spacing: 0px ;
text-align: left ;
margin: 16px 16px 32px 16px ;
padding: 0 0 24px;
text-indent: 0px;
border-bottom: 1px solid #F5F1F1;
}
.frame_lead > .moddef_text > .moddef_img {
text-align:center;
}
.frame_lead > .moddef_text > .moddef_img .moddef_cap {
display: none;
}
.frame_lead > .moddef_text > .moddef_img >img {
border-radius:5px;
width:100%;
height:132px !important;
object-fit:cover;
border: 1px solid #F5F1F1;
}
.frame_lead .modtitle5 {
font-size: 2.1rem;
border: none;
background-color: unset;
background-image: none;
color: #070707;
font-weight: normal;
text-align: center;
}
.frame_lead a.moddef_link {
display: inline-block;
background: #fff;
color: #00205B;
padding: 4px 16px;
border-radius: 3px;
border: 1px solid #00205B;
min-width: 100px;
text-align: center;
}
.frame_lead a.moddef_link:hover {
background: #00205B;
color: #fff;
}
.frame_lead div:first-child .moddef_text {
  padding-bottom: 16px;
  padding: 10px;
}
@media screen and (max-width: 768px) {
.frame_lead {
float:none;
width:100%;
height:auto;
margin:0px 0px 20px 0px !important;
}
.frame_lead > .moddef_text > .moddef_img >img
{
width:100% !important;
height:auto !important;
}
.frame_lead a.moddef_link {
display: block;
}}
/*リード文センタリング　事業紹介に使用*/
.frame_leadc {
display: block ;
float:left;
height:auto;
width:45%; 
height:340px;
position:relative;
font-size: 10px ;
font-weight: normal ;
font-style: normal ;
letter-spacing: 0px ;
text-align: left ;
margin: 16px 16px 32px 16px ;
padding: 0px ;
text-indent: 0px ;
}
.frame_leadc > .moddef_text > .moddef_img {
text-align:center;
}
.frame_leadc > .moddef_text > .moddef_img .moddef_cap {
display: none;
}
.frame_leadc > .moddef_text > .moddef_img >img {
border-radius:5px;
width:100%;
height:132px !important;
object-fit:cover;
border: 1px solid #F5F1F1;
}
.frame_leadc .modtitle5 {
font-size: 2.1rem;
border: none;
background-color: unset;
background-image: none;
color: #070707;
font-weight: normal;
text-align: center;
}
.frame_leadc a.moddef_link {
display: inline-block;
background: #fff;
color: #00205B;
padding: 4px 16px;
border-radius: 3px;
border: 1px solid #00205B;
min-width: 100px;
text-align: center;
}
.frame_leadc a.moddef_link:hover {
background: #00205B;
color: #fff;
}
.frame_leadc div:first-child .moddef_text {
text-align: center;
padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
.frame_leadc {
float:none;
width:100%;
height:auto;
margin:0px 0px 20px 0px !important;
}
.frame_leadc > .moddef_text > .moddef_img >img
{
width:100% !important;
height:auto !important;
}
.frame_leadc a.moddef_link {
display: block;
}}

.pathbox ul.syspathul li {
list-style: none;
}
.navibox {
padding: 16px 0;
}
#FOOTMENU .navibox {
float:left;
}
@media screen and (max-width: 768px) {
#FOOTMENU .navibox {
width: 100%;
}}
.navibox  div div:first-child, .navibox_inner .modhead4 {
margin: 0 0 8px;
}
.navibox_inner .modhead4 {
margin: 16px 0 8px;
border: none;
font-size: 1.4rem;
color: #00205B;
}
.navibox_inner a.moddef_link {
border-right: 1px solid #ccc;
padding: 0 8px;
color: #070707;
font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
.navibox_inner a.moddef_link{
padding: 8px;
text-align: center;
width: 44%;
display: inline-block;
}
.navibox_inner a.moddef_link {
border: 1px solid #ccc !important;
border-bottom: none !important;
border-left: none !important;
}
.navibox_inner a.moddef_link:nth-last-child(-n+2) {
border-bottom: 1px solid #ccc !important;
}
.navibox_inner a.moddef_link:nth-child(even) {
border-left: 1px solid #ccc !important;
}
.menu .navibox_inner a.moddef_link{
 display: inline-block;
width: 50% !important;
}
.menu .navibox_inner a.moddef_link:nth-last-child(2) {
border-bottom: 1px solid #ccc !important;
}
menu .navibox_inner a.moddef_link:last-child {
border-bottom: 1px solid #ccc !important;
}
}
.navibox_inner a.moddef_link,
.navibox_inner a.moddef_link:visited {
color: #070707;
}
.navibox_inner a.moddef_link:first-child {
 padding: 0 8px 0 0;
}
.navibox_inner a.moddef_link:last-child {
border: none;
}
.subnavibox {
width: 60%;
float: left;
padding: 8px 0;
text-align: left;
}
.menu .subnavibox {
width: 100%;
}
@media screen and (max-width: 768px) {
.subnavibox {
display: none;
width: 100%;
}
.menu .subnavibox {
display: block;
}}
@media screen and (max-width: 768px) {
.menu .subnavibox a {
display: block;
}}
.subnavibox a.moddef_link,
.subnavibox a.moddef_link:visited {
font-size: 1.4rem;
color: #434343
}
.subnavibox a.moddef_link {
padding: 0 4px;
border-right: 1px solid #ccc;
}
.modcopyright {
padding: 8px 0;
}
/* トップページ */
a.bnrlink_kanenishiki:hover {
opacity: 0.8;
  filter: alpha(opacity=80);
}
a.bnrlink_kanenishiki {
display: block;
width: auto;
height: auto;
padding: 24px 48px 24px 9%;
border: 1px solid #BE1825;
border-radius: 9px;
background: #fff;
text-align: center;
font-size:27px;
background-position: 10%;
background-repeat: no-repeat;
background-size: auto;
background-image: url(/img/usr/default/5ZY-a-HYra-1.png);
}
@media screen and (max-width: 768px) {
a.bnrlink_kanenishiki {
font-size: 18px;
background-size: 27%;
padding: 16px 16px 16px 30%;
background-position: 4px;
text-align: left;
font-weight: 600;
}}
a.bnrlink_kanenishiki:hover,
a.bnrlink_kanenishiki:visited,
a.bnrlink_kanenishiki:link {
color: #BE1825;
text-decoration: none;
}

.box4 {
position: relative;
}
.box4 .box2-1 {
width: 100%;
max-width: 723px;
margine:0 29px 0 0;
float: left;
}
@media screen and (max-width: 768px) {
.box4 .box2-1 {
margin: 0 0 23px 0;
}}
.box4 .box2-2 {
width: 100%;
max-width: 320px;
float: right;
}
@media screen and (max-width: 768px) {
.box4 .box2-2 {
max-width: unset;
margin-bottom: 32px;
}}
.box4 .headline_title {
display:none;
}

/* SNSバナー */
.snsbtn_box {
padding: 16px;
float: right;
}
@media screen and (max-width: 768px) {
.snsbtn_box{
padding: 0;
float: none;
width: auto;
padding-bottom: 40px;
}}
.snsbtn_ig,
.snsbtn_twitter {
text-align: center;
}
.snsbtn_ig p,
.snsbtn_twitter p {
margin-bottom: 5px;
font-weight: 600;
color: #00205B;
letter-spacing: 0.04rem;
display: inline-block;
position: relative;
margin: 32px 0 0;
}
@media screen and (max-width: 768px) {
.snsbtn_box div:first-child p{
margin-top: 0;
}}
.snsbtn_ig p:before, .snsbtn_ig p:after,
.snsbtn_twitter p:before, .snsbtn_twitter p:after {
display: inline-block;
position: absolute;
top: 45%;
width: 20px;
height: 3px;
border-radius: 5px;
background-color: #00205B;
content: "";
}
.snsbtn_ig p:before,
.snsbtn_twitter p:before {
left: -30px;
-webkit-transform: rotate( 50deg );
transform: rotate( 50deg );
}
.snsbtn_ig p:after,
.snsbtn_twitter p:after {
right: -30px;
-webkit-transform: rotate( -50deg );
transform: rotate( -50deg );
}
.snsbtn_ig a,
.snsbtn_twitter a {
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 240px;
padding: 10px 25px;
color: #FFF;
transition: 0.3s ease-in-out;
font-weight: 600;
filter: drop-shadow(0px 2px 4px #ccc);
border-radius: 3px;
}
.snsbtn_ig a:link, .snsbtn_ig a:hover, .snsbtn_ig a:visited,
.snsbtn_twitter a:link, .snsbtn_twitter a:hover, .snsbtn_twitter a:visited{
color: #FFF;
font-weight: 600;
}
.snsbtn_ig a {
background: rgb(28,61,224);
background: linear-gradient(120deg, rgba(28,61,224,1) 0%, rgba(107,65,183,1) 17%, rgba(243,71,114,1) 71%, rgba(252,183,70,1) 100%);
}
.snsbtn_twitter a {
background: #1DA1F2;
}
.snsbtn_ig a:before,
.snsbtn_twitter a:before{
content:'';
display: inline-block;
width: 36px;
height: 36px;
padding: 0;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
vertical-align: middle;
background-size: auto;
}
.snsbtn_ig a:before {
background-image: url( /img/usr/default/3CR-c-OYs5-2.png);
}
.snsbtn_twitter a:before {
background-image: url( /img/usr/default/UZ0-E-mYs7-2.png);
}
.snsbtn_ig a:hover,
.snsbtn_twitter a:hover {
transform: translateY(-2px);
box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}
/* 採用情報 */
.btn,
a.btn{
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
min-width: 300px;
}
.btn-wrap {
margin: 30px 0;
display:inline-block;
}
a.btn_hukidashi,
a.btn_hukidashi_career,
a.btn_hukidashi_graduate {
font-size: 2.2rem;
position: relative;
padding: 0.25rem 2rem 1.5rem 2rem;
color: #fff;
background: #736d71;
-webkit-box-shadow: 0 5px 0 #555;
box-shadow: 0 5px 0 #555;
}
@media screen and (max-width: 768px) {
a.btn_hukidashi {
width: 96%;
min-width: 280px;
padding: 0 0 8px 0;
}}
a.btn_hukidashi.career {
background: #37a34a;
-webkit-box-shadow: 0 5px 0 #00533f;
box-shadow: 0 5px 0 #00533f;
}
a.btn_hukidashi.graduate {
background: #0075c2;
-webkit-box-shadow: 0 5px 0 #003f8e;
box-shadow: 0 5px 0 #003f8e;
}
a.btn_hukidashi:link,
a.btn_hukidashi:visited {
color: #fff;
}
a.btn_hukidashi span {
font-size: 1.5rem;
position: absolute;
top: -1.25rem;
left: calc(50% - 140px);
display: block;
width: 280px;
padding: 0.2rem 0;
color: #555;
border: 2px solid #555;
border-radius: 100vh;
background: #fff;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.btn_hukidashi.career span {
color: #00533f;
border: 2px solid #00533f;
}
a.btn_hukidashi.graduate span {
color: #003f8e ;
border: 2px solid #003f8e;
}
a.btn_hukidashi span:before,
a.btn_hukidashi span:after {
position: absolute;
left: calc(50% - 10px);
content: "";
}

a.btn_hukidashi span:before {
bottom: -10px;
border-width: 10px 10px 0 10px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
a.btn_hukidashi.career span:before {
border-color: #005c42 transparent transparent transparent;
}
a.btn_hukidashi.graduate span:before {
border-color: #003f8e transparent transparent transparent;
}

a.btn_hukidashi span:after {
bottom: -7px;
border-width: 10px 10px 0 10px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}

a.btn_hukidashi:hover {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
color: #fff;
background: #898989;
-webkit-box-shadow: 0 2px 0 #555;
box-shadow: 0 2px 0 #555;
}
a.btn_hukidashi.career:hover {
background: #79c06e;
-webkit-box-shadow: 0 2px 0 #005c42;
box-shadow: 0 2px 0 #005c42 ;
}
a.btn_hukidashi.graduate:hover {
background: #4496d3;
-webkit-box-shadow: 0 2px 0 #003f8e;
box-shadow: 0 2px 0 #003f8e;
}
#CONTENTS .sub_menu .search_pbox input[type="text"],
#MENU .search_pbox input[type="text"] {
width: 96%;
padding: 8px;
margin: 8px 2%;
}
#CONTENTS .sub_menu .search_pbox,
#MENU .search_pbox {
margin: 24px 10px 16px 0;
}
#MENU .search_pbox {
text-align: left;
background: #eee;
padding: 16px;
}
#CONTENTS .sub_menu .search_pbox input[type="submit"],
#MENU .search_pbox input[type="submit"]{
width: 96%;
min-width: auto;
padding: 8px 0;
margin: 8px 10px;
}
.bodytop .bodytop_search_pbox {
padding-top: 32px;
}
.bodynote .bodytop_search_pbox {
padding-top: 32px;
}
@media screen and (max-width: 768px) {
.bodytop .bodytop_search_pbox {
padding-bottom: 0;
}}
.bodytop_search_pbox {
padding: 0 0 0;
}
.bodytop_search_pbox .search_pbox {
float: left;
width: 68%;
padding: 0 24px 0 0;
}
.bodytop_search_pbox .search_pbox div {
margin-left: 0 !important;
}
.bodytop_search_pbox a.linkbutton_bl,
.bodytop_search_pbox a.backbutton_rd {
max-width: unset;
width: 16%;
margin: 0;
vertical-align: middle;
padding: 5px 24px;
font-weight: 500;
}
@media screen and (max-width: 768px) {
.bodytop_search_pbox a.backbutton_rd {
margin: 0 0 32px;
}}
.bodytop_search_pbox a.linkbutton_bl:link,
.bodytop_search_pbox a.linkbutton_bl:visited,
.bodytop_search_pbox a.linkbutton_bl::after,
.bodytop_search_pbox a.backbutton_rd:link,
.bodytop_search_pbox a.backbutton_rd:visited,
.bodytop_search_pbox a.backbutton_rd::after {
background: #F1F0EF;
}
.bodytop_search_pbox a.linkbutton_bl:hover{
background: #00205B;
}
.bodytop_search_pbox a.linkbutton_bl:hover:after { 
background: #00205B;
}
.bodytop_search_pbox a.backbutton_rd:hover{
background: #E60012;
}
.bodytop_search_pbox a.backbutton_rd:hover:after { 
background: #E60012;
}
#CONTENTS .bodytop_search_pbox .search_pbox input[type="text"] {
width: 78%;
float: left;
padding: 4px 8px;
margin: 0 8px 0 0;
}
@media screen and (max-width: 768px) {
#CONTENTS .bodytop_search_pbox .search_pbox input[type="text"] {
width: 94%;
margin: 0 0 16px 0;
}}
#CONTENTS .bodytop_search_pbox .search_pbox input[type="submit"] {
width: 18%;
margin: 0;
min-width: unset;
background: #EFDA54;
}
@media screen and (max-width: 768px) {
#CONTENTS .bodytop_search_pbox .search_pbox input[type="submit"] {
width: 100%;
margin: 0 0 24px 0;
}}
@media screen and (max-width: 768px) {
.bodytop_search_pbox .search_pbox {
width: 100%;
float: none;
}
.bodytop_search_pbox a.linkbutton_bl,
.bodytop_search_pbox a.backbutton_rd {
display: block;
max-width: unset;
width: auto;
margin: 0;
padding: 8px 16px;
}
.bodytop_search_pbox a.backbutton_rd {
margin-bottom: 32px ;
}}
.searchhintlink_box a:link{
display: inline-block;
padding: 4px;
margin: 8px;
min-width: 90px;
border: 1px solid #E16D61;
border-radius: 3px;
text-align: center;
}
@media screen and (max-width: 767px) {
.searchhintlink_box a:link{
min-width: unset;
padding: 4px 16px;
margin: 4px ;
}}
.searchhintlink_box a:hover{
background: #E16D61;
color: #fff;
}
@media screen and (max-width: 767px) {
.searchhintlink_box {
margin: 0 0 16px;
}}
.syoukai3 a.linkbutton_bl {
width: 29%;
}
@media screen and (max-width: 768px) {
.syoukai3 a.linkbutton_bl {
width: 92%;
}}

#BODY .liw50 ul li {
width: 47%;
float: left;
}
@media screen and (max-width: 768px) {
#BODY .liw50 ul li {
width: 100%;
float: none;
}}

.initiatives{
margin-left:10px;
}