@charset "UTF-8";
/*=================================================================*/
/* Corefoods共通
/*=================================================================*/
/* jsLowdirTopMenu
---------------------------------------------------------------*/
.jsLowdirTopMenu {
/*border-top: solid 1px #d6d7d9;*/
border-bottom: solid 3px #ebe9e5;
padding: 19px 0 16px;
}
.jsLowdirTopMenu .inner {
width: 980px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
}
.jsLowdirTopMenu a.corlogo {
width: 252px;
}
.jsLowdirTopMenu .corefoodsMenuList {
width: 242px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 0 0 0 144px;
padding: 5px 0 0;
}
.jsLowdirTopMenu .corefoodsMenuList li {
}
.jsLowdirTopMenu .corefoodsMenuList li a {
display: block;
text-align: center;
padding: 4px 15px 10px;
font-size: 15px;
font-weight: bold;
}
.jsLowdirTopMenu .corefoodsMenuList li.current a,
.jsLowdirTopMenu .corefoodsMenuList li a:hover {
border-bottom: solid 2px #6EB932;
text-decoration: none;
color: #6EB932;
}
.jsLowdirTopMenu .corefoodsMenuRight {
width: 192px;
}
.jsLowdirTopMenu .btn {
margin: 0 0 0 422px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.jsLowdirTopMenu .btn li.contact {
margin: 0 0 0 12px;
}
.jsLowdirTopMenu .btn li.download a,
.jsLowdirTopMenu .btn li.contact a {
border-radius: 4px;
display: block;
padding: 6px 21px 5px 11px;
color: #FFF;
font-weight: bold;
font-size: 14px;
}
.jsLowdirTopMenu .btn li.download a {
width: 96px;
background: #231815 url(../../images/core/hanbai/icon_download.svg) no-repeat right 10px center;
}
.jsLowdirTopMenu .btn li.contact a {
width: 140px;
background: #e60044 url(../../images/core/hanbai/icon_contact.svg) no-repeat right 10px center;
}
.jsLowdirTopMenu .btn li.download a:hover,
.jsLowdirTopMenu .btn li.contact a:hover {
text-decoration: none;
opacity: 0.8;
}
/*stayTop*/
.jsLowdirTopMenu.stayTop {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
z-index: 15;
}
.menuitem.menuHide {
display: none !important;
}
/* whiteWrap / greenWrap
---------------------------------------------------------------*/
.whiteWrap {
background-color: #FFF;
padding: 80px 0 80px;
}
.greenWrap {
background-color: #EFF7E7;
padding: 80px 0 80px;
}
.whiteWrap .inner,
.greenWrap .inner {
margin: 0 auto;
}
/* corefoodsMidashi
---------------------------------------------------------------*/
.corefoodsMidashi01,
.corefoodsMidashi02 {
position: relative;
padding: 0 0 30px;
margin: 0 0 40px;
text-align: center;
}
.corefoodsMidashi01 {
font-size: 26px;
}
.corefoodsMidashi02 {
font-size: 30px;
}
.corefoodsMidashi01::after,
.corefoodsMidashi02::after {
position: absolute;
content: "";
width: 220px;
height: 1px;
background-color: #6EB932;
left: 50%;
bottom: 0px;
margin: 0 0 0 -110px;
}
.corefoodsMidashi01 .green,
.corefoodsMidashi02 .green {
color: #6EB932;
}
.corefoodsMidashi02.mb35 {
margin-bottom: 35px;
}
.corefoodsMidashi03 {
position: relative;
font-size: 24px;
text-align: center;
padding-bottom: 35px;
font-weight: 400;
}
.corefoodsMidashi03::after {
position: absolute;
content: "";
width: 128px;
height: 1px;
background-color: #6EB932;
left: 50%;
bottom: 0px;
margin: 0 0 0 -64px;
}
.corefoodsMidashi03 .green {
color: #6EB932;
}
.corefoodsMidashi04 {
font-size: 1.25em;
padding-top: 6px;
padding-bottom: 6px;
text-align: center;
color: #fff;
background-color: #6EB932;
}
p.ttlTxt {
margin-bottom: 40px;
text-align: center;
line-height: 1.8em;
font-size: 18px;
}
.ttlTxt span.green {
color: #6EB932;
}
/* catalogDl
---------------------------------------------------------------*/
.catalogDl {
text-align: center;
}
.catalogDl a {
display: block;
}
.catalogDl a:hover {
opacity: 0.8;
}
/* space
---------------------------------------------------------------*/
.mb0 {
margin-bottom: 0 !important;
}
.pb0 {
padding-bottom: 0 !important;
}
/* fontweight
-------------------------------------------------------------------*/
.fwR {
font-weight: 400;
}
/* product_list
-------------------------------------------------------------------*/
.product_list {
margin: 0 auto;
width: 948px;
}
.product_list .head {
margin-top: 60px;
padding: 12px 0;
width: 100%;
text-align: center;
line-height: 1;
background: transparent url(../../images/products/bg_title.png) no-repeat left top;
font-size: 125%;
}
.product_list ul {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.product_list ul li {
-webkit-flex: 0 0 292px;
flex: 0 0 292px;
margin-top: 40px;
margin-left: 35px;
width: 292px;
}
.product_list ul li:nth-child(-n+3) {
margin-top: 0;
}
.product_list ul li:nth-child(3n+1) {
margin-left: 0;
}
.product_list ul li > .head {
margin-top: 20px;
margin-bottom: 22px;
}
.product_list ul li a {
display: block;
padding: 5px 5px 0 5px;
background-color: #F5F5F5;
}
.product_list ul li a:hover {
background-color: #6eb932;
text-decoration: none;
}
.product_list ul li.duo a:hover {
background-color: #2D4486;
text-decoration: none;
}
.product_list ul li.core a:hover {
background-color: #E50045;
text-decoration: none;
}
.product_list ul li .in {
padding: 30px 15px 20px;
text-align: center;
background-color: #fff;
}
.product_list ul li .title {
position: relative;
height: 40px;
}
.product_list ul li .title.txt {
padding-left: 30px;
line-height: 1.3;
background: transparent url(../../images/products/icon_logo.svg) no-repeat left center;
font-weight: bold;
font-size: 108%;
}
.product_list ul li.core .title.txt {
background: transparent url(../../images/products/icon_core_logo.svg) no-repeat left center;
}
.product_list ul li.core_foods .title.txt,
.product_list ul li.corefoods .title.txt {
background: transparent url(../../images/products/icon_corefoods_logo.svg) no-repeat left center;
}
.product_list ul li .title:after {
content: "";
position: absolute;
left: 50%;
bottom: -20px;
display: inline-block;
margin-left: -40px;
width: 80px;
}
.product_list ul li.innova .title:after {
border-top: 1px solid #43454D;
}
.product_list ul li.core_hanbai .title:after {
border-top: 1px solid #E60044;
}
.product_list ul li.core_foods_hanbai .title:after {
border-top: 1px solid #6EBA33;
}
.product_list ul li.core_kaikei .title:after {
border-top: 1px solid #C71432;
}
.product_list ul li.core_foods_seisan .title:after {
border-top: 1px solid #6EBA33;
}
.product_list ul li.core_foods_genka .title:after {
border-top: 1px solid #6EBA33;
}
.product_list ul li.core_foods_butsuryu .title:after {
border-top: 1px solid #C71432;
}
.product_list ul li.core_foods .title:after,
.product_list ul li.corefoods .title:after {
border-top: 1px solid #6EBA33;
}
.product_list ul li.duo .title:after {
border-top: 1px solid #2D4486;
}
.product_list ul li.core .title:after {
border-top: 1px solid #e60044;
}
.product_list ul li .text {
margin-top: 45px;
height: 85px;
font-size: 90%;
}
.product_list ul li .link {
position: relative;
padding: 10px;
text-align: center;
font-size: 90%;
font-weight: bold;
}
.product_list ul li .link:after {
content: "";
position: absolute;
right: 10px;
top: 15px;
display: inline-block;
width: 11px;
height: 11px;
transform: rotate(45deg);
}
.product_list ul li.innova .link:after {
border-top: 1px solid #43454D;
border-right: 1px solid #43454D;
}
.product_list ul li.core_hanbai .link:after {
border-top: 1px solid #E60044;
border-right: 1px solid #E60044;
}
.product_list ul li.core_foods_hanbai .link:after {
border-top: 1px solid #6EBA33;
border-right: 1px solid #6EBA33;
}
.product_list ul li.core_kaikei .link:after {
border-top: 1px solid #C71432;
border-right: 1px solid #C71432;
}
.product_list ul li.core_foods_seisan .link:after {
border-top: 1px solid #6EBA33;
border-right: 1px solid #6EBA33;
}
.product_list ul li.core_foods_genka .link:after {
border-top: 1px solid #6EBA33;
border-right: 1px solid #6EBA33;
}
.product_list ul li.core_foods_butsuryu .link:after {
border-top: 1px solid #C71432;
border-right: 1px solid #C71432;
}
.product_list ul li.core_foods .link:after,
.product_list ul li.corefoods .link:after {
border-top: 1px solid #6EBA33;
border-right: 1px solid #6EBA33;
}
.product_list ul li.duo .link:after {
border-top: 1px solid #2D4486;
border-right: 1px solid #2D4486;
}
.product_list ul li a:hover .link {
color: #fff;
}
.product_list ul li a:hover .link:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
/* system_list
-------------------------------------------------------------------*/
.system_list {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.system_list li {
width: 233px;
margin: 0 20px 20px 0;
}
.system_list li:nth-child(4n) {
width: 220px;
margin: 0 0 30px 0;
}
.system_list li a {
background-color: #f5f5f5;
display: block;
text-align: center;
text-decoration: none;
padding: 0 5px 5px;
}
.system_list li a:hover {
background-color: #6eb932;
color: #FFF
}
.system_list li a .ttl {
font-size: 11px;
font-weight: bold;
padding: 8px 0;
}
.system_list li a .logo {
background-color: #FFF;
padding: 8px 0;
}
.system_list_wrap {
position: relative;
}
.system_list_wrap::before {
content: '';
display: block;
max-width: 948px;
width: 100%;
height: 1px;
background-color: #C2BAB2;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
/*=================================================================*/
/* corefoodsTOP
/*=================================================================*/
.corefoodsTop {
color: #2E3036;
}
/* corefoodsTopTtl
---------------------------------------------------------------*/
.corefoodsTopTtl {
position: relative;
background: url(../../images/corefoods/main.jpg) no-repeat center;
background-size: cover;
height: 420px;
}
.corefoodsTopTtl__container {
margin: 0 auto;
height: 100%;
width: 948px;
position: relative;
}
.corefoodsTopTtl__title {
position: absolute;
width: 626.676px;
height: 73.885px;
left: calc(50% - 476px);
top: calc(50% - 70px);
}
.corefoodsTopTtl__text {
position: absolute;
display: block;
line-height: 1;
color: #000;
width: 100%;
font-size: 31px;
font-weight: 400;
letter-spacing: 0.13em;
left: calc(50% - 456px);
top: calc(50% + 28px);
}
.corefoodsTopTtl__sub__title {
position: absolute;
}
.corefoodsTopTtl__sub__title--01 {
width: 300.263px;
height: 35.737px;
left: calc(50% - 470px);
top: calc(50% - 144px);
}
.corefoodsTopTtl__sub__title--02 {
width: 297.755px;
height: 23.509px;
left: calc(50% - 147px);
top: calc(50% - 140px);
}
.corefoodsTopTtl__logo {
position: absolute;
width: 252.36px;
height: 253.076px;
left: calc(50% + 219px);
top: calc(50% - 83px);
}
/* メインビジュアルにバッジを追加 */
.MV_badge{
position:
absolute;
left: calc(50% + 350px);
top: calc(50% - 47%);
background-color: #0068b7;
opacity: 0.8;
width: 119px;
height: 119px;
/* border-radius: 5%; */
box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .2);
transform: rotate(45deg);
z-index: 1;
transform: rotate(135deg) skew(15deg,15deg);
}
.MV_badge span {
position: absolute;
display: inline-block;
left: 9px;
top: 33px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 99px;
/* text-align:
center; */
color:#fff;
font-size: 100%;
font-weight:bold;
line-height: 150%;
transform: skew(-15deg,-15deg) rotate(-135deg);
}
.MV_badge span:after {
content: "";
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -28px;
width: 50px;
border-bottom: 1px solid #ffffff;
}
/* メインビジュアルにバッジを追加(コアフーズトップ) */
.MV_badge_corefoodsTop{
position:
absolute;
left: calc(50% + 350px);
top: calc(50% - 47%);
background-color: #0068b7;
opacity: 0.8;
width: 119px;
height: 119px;
/* border-radius: 5%; */
box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .2);
transform: rotate(45deg);
z-index: 1;
transform: rotate(135deg) skew(15deg,15deg);
}
.MV_badge_corefoodsTop span {
position: absolute;
display: inline-block;
left: 9px;
top: 33px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 99px;
/* text-align:
center; */
color:#fff;
font-size: 100%;
font-weight:bold;
line-height: 150%;
transform: skew(-15deg,-15deg) rotate(-135deg);
}
.MV_badge_corefoodsTop span:after {
content: "";
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -28px;
width: 50px;
border-bottom: 1px solid #ffffff;
}
/* secの余白 */
.whiteWrap.sec01 {
padding: 75px 0;
}
.greenWrap.sec02 {
padding: 75px 0;
}
.greenWrap.sec03 {
padding: 75px 0 55px;
}
.whiteWrap.catalogDl {
padding: 26px 0;
}
.greenWrap.sec04 {
padding: 75px 0 100px;
}
.greenWrap.sec04 .whiteWrap {
padding: 40px 0 50px;
}
.whiteWrap.sec05 {
padding: 75px 0 64px;
}
.whiteWrap.sec06 {
padding: 70px 0 78px;
}
.whiteWrap.sec07 {
padding: 70px 0 80px;
}
.whiteWrap.sec08 {
padding: 60px 0 80px;
}
/* sec01 */
.sec01 #product_blk {
padding: 0;
}
.sec01 .product_list ul li .title:after,
.sec01 .product_list ul li .link:after {
display: none;
}
/* sec02 */
.sec02 .rows {
display: -webkit-flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
max-width: 984px;
margin-right: auto;
margin-left: -20px;
}
.sec02 .col {
margin-left: 36px;
width: 292px;
margin-bottom: 40px;
position: relative;
padding-top: 9px;
margin-top: 5px;
}
.sec02 .col:nth-last-child(-n+3) {
margin-bottom: 0;
}
.sec02 .img {
margin-bottom: 23px;
}
.sec02 .col::before {
position: absolute;
left: calc(50% - 10px);
top: 0;
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 18px 10px 0 10px;
border-color: #6EB932 transparent transparent transparent;
}
.sec02 .title {
color: #6EB932;
font-weight: bold;
font-size: 19px;
margin-bottom: 16px;
white-space: nowrap;
line-height: 1;
}
.sec02 .text {
font-weight: normal;
}
.sec02 .text .notes {
font-size: 13px;
line-height: 2.5;
}
/* sec03 */
.sec03 {
position: relative;
}
.sec03::before {
content: '';
display: block;
max-width: 948px;
width: 100%;
height: 1px;
background-color: #C2BAB2;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.indent_harf {
margin-left: -0.5em;
}
.sec03 .rows {
width: 948px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}
.sec03 .col{
width: 219px;
margin-bottom: 46px;
}
.sec03 .col:nth-last-child(-n+4) {
margin-bottom: 0;
}
.sec03 .img{
height: 120px;
}
.sec03 .img,
.sec03 .title {
display: flex;
align-items: center;
justify-content: center;
}
.sec03 .title {
height: 47px;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.fukidashi {
position: relative;
margin-bottom: 20px;
}
.fukidashi,
.fukidashi::after {
width: 219px;
height: 187px;
border-radius:6px;
}
.fukidashi::before,
.fukidashi::after {
background: #fff;
}
.fukidashi,
.fukidashi::before {
box-shadow:0px 0px 4px 0px rgba(0,0,0,0.08);
}
.fukidashi::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
}
.fukidashi::before {
content: '';
display: block;
position: absolute;
width: 14px;
height: 14px;
transform: translateX(-50%) rotate(-135deg) skew(10deg,10deg);
bottom: -6px;
left: 50%;
}
.fukidashi>div {
position: relative;
z-index: 5;
padding: 0 20px 20px;
}
.disclists li {
padding-left: 10px;
position: relative;
}
.disclists li::before {
position: absolute;
content: '・';
display: block;
left: -8px;
top: 0;
}
.disclists li+li {
margin-top: 12px;
}
.sec03 .img .cls-1 {
fill: #6EB932;
}
/* sec04 */
.sec04 .bdbox{
border: 6px solid #E8F4DE;
border-bottom: none;
}
.sec04 .inner4 {
max-width: 856px;
margin: 0 auto;
}
/** container01 **/
.sec04 .container01 {
padding-top: 50px;
padding-bottom: 50px;
}
.sec04 .container01 .body {
margin-top: 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
.sec04 .container01 .img {
width: 41%;
}
.sec04 .container01 .text {
width: 52%;
line-height: 1.7;
}
/** container02 **/
.fukidashi2 {
box-sizing: border-box;
position: relative;
padding: 22px 22px 22px 13px;
background: #f7fbf3;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: #b1d585 solid 2px;
margin-bottom: 35px;
}
.fukidashi2:after {
content: '';
position: absolute;
border-style: solid;
border-width: 11px 21px 0;
border-color: #f7fbf3 transparent;
display: block;
width: 0;
z-index: 1;
bottom: -11px;
left: calc(50% - 21px);
}
.fukidashi2:before {
content: '';
position: absolute;
border-style: solid;
border-width: 12px 22px 0;
border-color: #b1d585 transparent;
display: block;
width: 0;
z-index: 0;
bottom: -14px;
left: calc(50% - 22px);
}
.sec04 .container02 {
border-top: 1px solid #C2BAB2;
padding-top: 51px;
padding-bottom: 35px;
}
.sec04 .container02 .rows{
margin-top: 44px;
width: calc(100% + 36px);
display: flex;
flex-wrap: wrap;
margin-left: -36px;
}
.sec04 .container02 .col{
width: calc(50% - 36px);
margin-left: 36px;
display: flex;
}
.sec04 .container02 .img{
margin-right: 12px;
}
.sec04 .container02 .voice {
color: #6EB932;
font-size: 18px;
font-weight: bold;
letter-spacing: -0.02em;
}
.sec04 .container02 .cat {
margin-top: 11.5px;
line-height: 26px;
padding-left: 8px;
padding-right: 8px;
display: inline-block;
background-color: #6EB932;
color: #fff;
}
/** container03 **/
.sec04 .container03 {
border-top: 1px solid #C2BAB2;
padding-top: 46px;
}
.sec04 .container03 .title {
margin-top: 40px;
padding: 10px 20px 8px;
line-height: 1.2;
letter-spacing: 1px;
background: transparent url(../../images/list_title_bg.svg) no-repeat 0 0;
background-size: auto 100%;
background-position: center right;
font-weight: bold;
font-size: 125%;
color: #fff;
}
.sec04 .container03 .title .memo {
vertical-align: top;
font-weight: normal;
font-size: 60%;
}
.sec04 .container03 .text .memo {
vertical-align: top;
font-weight: normal;
font-size: 60%;
color: #000;
}
.sec04 .container03 .body {
display: -webkit-flex;
display: flex;
margin-top: 25px;
justify-content: space-between;
}
.sec04 .container03 .body .img {
width: 18.5%;
}
.sec04 .container03 .body .img img {
width: 100%;
}
.sec04 .container03 .body .info {
color: #000;
width: 76.5%;
}
.sec04 .container03 .body .info .text {
font-weight: bold;
font-size: 112.5%;
}
.sec04 .container03 .body .info .min {
margin-top: 20px;
font-size: 75%;
}
/** greenBlock **/
.sec04 .greenBlock {
background-color: #CDE3B0;
padding-bottom: 33px;
padding-top: 32px;
}
.sec04 .greenBlock .body {
position: relative;
max-width: 605px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.sec04 .greenBlock .img {
margin-top: -48px;
margin-bottom: 5px;
}
.sec04 .greenBlock .text {
color: #000;
box-sizing: border-box;
line-height: 1.75;
width: 392px;
margin-bottom: 29px;
}
.sec04 .greenBlock .ttl {
font-size: 22px;
margin-bottom: 8px;
}
.sec04 .greenBlock .contentDL {
display: flex;
justify-content: space-between;
}
.sec04 .greenBlock .btn_dl {
font-size: 18px;
box-sizing: border-box;
background-color: #6EB932;
color: #fff;
font-weight: 600;
border-radius: 6px;
line-height: 44px;
width: 48%;
max-width: 410px;
padding-left: 30px;
}
.sec04 .greenBlock .btn_dl:hover {
text-decoration: none;
opacity: .8;
}
.indent_harf {
margin-left: -0.5em;
}
.iconPdf01 {
position: relative;
}
.iconPdf01::after {
content: '';
position: absolute;
display: block;
width: 18px;
height: 25px;
background-image: url(../../images/corefoods/icon_pdf.svg);
background-size: contain;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
/* sec05 */
.sec05 .img{
margin-left: auto;
margin-right: auto;
max-width: 948px;
padding-top: 28px;
padding-bottom: 24px;
background-color: #F5F5F5;
text-align: center;
}
/* sec06 */
.sec06 {
position: relative;
}
/*.sec06::before {
content: '';
display: block;
max-width: 948px;
width: 100%;
height: 1px;
background-color: #C2BAB2;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}*/
/* sec07 */
.sec07 {
position: relative;
}
.sec07::before {
content: '';
display: block;
max-width: 948px;
width: 100%;
height: 1px;
background-color: #C2BAB2;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.sec07 .product_list ul li .title:after,
.sec07 .product_list ul li .link:after {
display: none;
}
.sec07 .product_list ul li .text {
font-size: 14px;
margin-top: 0;
height: inherit;
}
.sec07 .product_list ul li .in.txt {
padding-top: 16px;
padding-bottom: 13px;
}
/* sec08 */
.sec08 {
position: relative;
}
.sec08::before {
content: '';
display: block;
max-width: 948px;
width: 100%;
height: 1px;
background-color: #C2BAB2;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.sec08 .inner {
width: 865px;
margin-left: auto;
margin-right: auto;
}
.sec08 dl.qaDl dt {
position: relative;
background-color: #FFF;
padding: 19px 42px 19px 52px;
border-top: 1px solid #E6E3DF;
letter-spacing: 0.04em;
}
.sec08 dl.qaDl dd {
position: relative;
background-color: #F5F5F5;
padding: 24px 42px 24px 52px;
border-top: 1px solid #E6E3DF;
font-size: 14px;
}
.sec08 dl.qaDl dd:nth-last-child(1) {
border-bottom: 1px solid #E6E3DF;
}
.sec08 dl.qaDl dt::before {
position: absolute;
content: 'Q';
font-size: 24px;
line-height: 1.6;
color: #2E3036;
left: 15px;
top: calc(50% - 19.2px);
}
.sec08 dl.qaDl dd::before {
position: absolute;
content: 'A';
font-size: 24px;
line-height: 1.6;
color: #6EB932;
left: 15px;
top: 18px;
}
.sec08 dl.qaDl a {
text-decoration: underline;
}
.sec08 dl.qaDl a:hover {
text-decoration: none;
opacity: .8;
margin-right: auto;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
@media (min-width: 1190px) {
.coreTopTtl__logo {
padding-bottom: 30px;
width: 252.36px;
margin: 0 auto;
}
}
/* ContactBox
---------------------------------------------------------------*/
a.caseContactBox {
display: block;
background-color: #f5f5f5;
text-align: center;
padding: 35px 20px;
margin: -40px auto 60px auto;
color: #333;
max-width: 780px;
box-sizing: border-box;
}
a.caseContactBox:hover {
text-decoration: none;
}
a.caseContactBox>p {
font-size: 15px;
margin: 0 0 10px;
}
a.caseContactBox .caseContactBoxBtn {
color: #FFF;
font-size: 15px;
background: #6eb932 url(/system/common/images/icon_w_arrow.svg) no-repeat right 20px center;
display: block;
padding: 14px;
margin: 0 auto;
max-width: 365px;
border-radius: 50px;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a.caseContactBox:hover .caseContactBoxBtn {
text-decoration: none;
background: #79a358 url(/system/common/images/icon_w_arrow.svg) no-repeat right 17px center;
}
a.caseContactBox.purple .caseContactBoxBtn{
background: #76206c url(/system/common/images/icon_w_arrow.svg) no-repeat right 20px center;
}
a.caseContactBox.purple:hover .caseContactBoxBtn {
background: #7e4277 url(/system/common/images/icon_w_arrow.svg) no-repeat right 17px center;
}
/* 20240515修正追加 */
.ban_food {
position: relative;
padding: 5px;
background-color: #fff;
box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
margin-top: 50px;
}
.ban_food a {
display: block;
}
.ban_food img {
max-width: 100%;
}
.ban_food .box {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-content: center;
align-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 70%;
height: 128px;
background-color: rgba(255,255,255,0.8);
}
.ban_food .box .title {
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
font-weight: bold;
font-size: 23px;
background: none;
color: #000;
padding: 0;
margin: 0;
}
.ban_food .box .link {
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
position: relative;
margin-top: 12px;
text-align: center;
font-weight: bold;
font-size: 19px;
color: #6EB932;
}
.ban_food .box .link:after {
content: "";
position: absolute;
left: 50%;
bottom: -8px;
margin-left: -100px;
width: 200px;
border-bottom: 1px solid #6EB932;
}
.ban_food a:hover{
transition:0.5s;
}
.ban_food a:hover{
opacity: 0.7;
}
/* 20241120修正追加 */
.corefoodsTopTtl__container a.contact {
font-weight: bold;
background-color: #d61142;
border-radius: 100px;
display: block;
color: #FFF;
font-size: 16px;
padding: 15px;
min-width: 270px;
box-sizing: border-box;
text-align: center;
position: relative;
width: 380px;
margin: 12px 0 0;
position: absolute;
left: calc(50% - 456px);
top: calc(50% + 83px);
}
.corefoodsTopTtl__container a.contact::after {
content: "";
position: absolute;
width: 8px;
height: 8px;
border-top: solid 1px;
border-right: solid 1px;
top: 50%;
margin-top: -5px;
right: 20px;
color: #FFF;
display: block;
transform: rotate(45deg);
}
.corefoodsTopTtl__container a.contact:hover {
text-decoration: none;
opacity: 0.8;
}
.corefoodsTopTtl__sub__title.corefoodsTopTtl__sub__title--02,
.corefoodsTopTtl__title img
{
filter: brightness(0%);
}
.topInfo {
border-top: solid 1px #ebe9e5;
padding: 30px 0;
}
.mt30{
margin-top: 30px;
}
---------------------------------------------------------------*/
.systemImg {
text-align: center;
}
/* jireiList
---------------------------------------------------------------*/
.jireiList {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 40px auto 30px;
}
.jireiList li {
background-color: #FFF;
position: relative;
width: 23%;
}
.greenWrap .jireiList li {
-webkit-flex: 0 0 210px;
flex: 0 0 194px;
margin: 0 26px 33px 0;
}
.jireiList li img {
max-width:100%;
}
.jireiList li:nth-child(4n) {
margin: 0 0 33px 0;
}
.jireiList li a {
display: block;
}
.jireiList li a:hover {
text-decoration: none;
opacity: 0.8;
}
.jireiList li dl {
}
.jireiList li dl dt {
margin: 0 0 13px;
font-size: 17px;
border-bottom: solid 1px #6eba33;
}
.jireiList li dl dd {
font-weight: bold;
}
.jireiList li dl dd.top {
margin: 0 0 13px;
color: #6eba33;
font-size: 17px;
}
.jireiList li dl dd.bottom {
font-size: 14px;
}
.jireiList li dl dd.bottom span {
display: block;
font-weight: normal;
}
.jireiTxt {
text-align: center;
margin-bottom: 60px;
}
a.btnStyle01 {
width: 450px;
display: block;
padding: 12px 0;
border: solid 1px #6eba33;
border-radius: 4px;
color: #6eba33;
font-size: 17px;
position: relative;
font-weight: bold;
margin: 20px auto;
text-align: center;
}
a.btnStyle01::after {
content: "";
display: inline-block;
margin-top: -7px;
width: 13px;
height: 13px;
border-top: 2px solid #6eba33;
border-right: 2px solid #6eba33;
transform: rotate(45deg);
top: 50%;
right: 110px;
position: absolute;
}
a.btnStyle01:hover {
text-decoration: none;
background-color: #6eba33;
color: #FFF;
}
a.btnStyle01:hover::after {
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
}