@charset "utf-8";


/* overwrite
-------------------------------------------------------------------------------------------------------- */






/* -------------------------------------------------------
home
---------------------------------------------------------------- */

@media print, screen and (min-width: 768px) {

.home						{}
.home .link-btn				{ max-width: 200px;}
.home .link-btn a			{ margin: 0 2.5rem 0 0;}

}

@media print, screen and (min-width: 768px) {
.home .link-btn a			{ padding: 0.8rem 1.5rem; }

}


/* main-img
---------------------------------------------------------------- */

#main-img					{ position: relative; height: 44rem; padding: 8rem 0 0; background: url("../images/home/main_bg.jpg")no-repeat center center; background-size: cover; color: #ffffff; text-align: center;}
#main-img:after				{ position: absolute; bottom: -5rem; left: 50%; content: ""; display: block; width: 1px; height: 10rem; background-color: #8aa932; margin-left: -1px; z-index: 10; }
#main-img .pic				{ max-width: 12rem; margin: 0 auto;}
#main-img .main-title		{ margin-top: 1.5rem; font-size: 3.5rem; font-weight: bold;      letter-spacing: 0.1rem;}
#main-img .sub				{ margin-top: 1rem; font-size: 1.3rem;}

@media print, screen and (min-width: 768px) {
#main-img					{ height: 600px; padding: 160px 0 0; }
#main-img .pic				{ max-width: 190px; margin: 0 auto;}
#main-img .main-title		{ margin-top: 20px; font-size: 40px;}
#main-img .sub				{ margin-top: 15px; font-size: 16px;}
}

@media print, screen and (min-width: 1024px) {
#main-img					{ padding: 138px 0 0; }
#main-img .main-title		{ margin-top: 30px; font-size: 58px; letter-spacing: 3px; }
#main-img .sub				{ margin-top: 0; font-size: 18px; letter-spacing: 1px;}

}




/* to-shop
---------------------------------------------------------------- */

.to-shop								{ position: relative; padding: 10rem 0 5rem; background: #f4f2ed; z-index: 1;}
.to-shop .inner							{ max-width: 82rem;}
.to-shop:before							{ position: absolute; top: -7rem; right: -3rem; content: ""; display: block; width: 15.5rem; height: 15.5rem; background: url("../images/home/lead_p_02.png") no-repeat; background-size: contain;}
.to-shop:after							{ position: absolute; top: 2rem; left: -6rem; content: ""; display: block; width: 16rem; height: 16rem; background: url("../images/common/con_box_top_right.png") no-repeat; background-size: contain; z-index: 1;}

@media print, screen and (min-width: 768px) {
.to-shop							{ padding: 15rem 0 8rem;}
.to-shop:before						{ top: -7rem; right: -3rem; width: 230px; height: 230px; }
.to-shop:after						{ top: 2rem; left: -6rem; width: 220px; height: 220px; }

}
@media print, screen and (min-width: 1024px) {
.to-shop:before						{ top: -15rem; right: -3rem; width: 352px; height: 310px; }
.to-shop:after						{ top: 2rem; left: -6rem; width: 380px; height: 340px; }
}


.to-shop .title-box 							{ position: relative; text-align: center; z-index: 2;}
.to-shop .title-box .title						{ position: relative; padding-bottom: 1rem; text-align: center; font-weight: bold; border-bottom: #8aa932 1px solid; font-size: 2.2rem; line-height: 1.4;}
.to-shop .title-box .title:before 				{ content: ""; position: absolute; bottom: -24px; left: 50%; margin-left: -15px; border: 12px solid transparent; border-top: 12px solid #f4f2ed; z-index: 2; }
.to-shop .title-box .title:after 				{ content: ""; position: absolute; bottom: -28px; left: 50%; margin-left: -17px; border: 14px solid transparent; border-top: 14px solid #8aa932; z-index: 1; }
.to-shop .title-box .pic						{ margin-top: 4rem; }

@media print, screen and (min-width: 768px) {
.to-shop .title-box .title						{ display: inline-block; }
.to-shop .title-box .pic						{ margin-top: 3rem; }
}
@media print, screen and (min-width: 1024px) {
.to-shop .title-box .title						{ font-size: 3.2rem; }

}


.to-shop .flow							{ margin-top: 4rem;}
.to-shop .list							{ margin-top: 2rem;}
.to-shop .list dl						{ position: relative; display: -webkit-flex; display: flex; margin-top: 4rem;}
.to-shop .list dl::after				{ position: absolute; left: 3.2rem; bottom: -2.5rem; content: ""; display: block; width: 0; height: 0; border-style: solid; border-width:  10px 10px 0 10px; border-color: #89a932 transparent transparent  transparent;}
.to-shop .list dl:last-child::after		{ display: none;}
.to-shop .list dl dt					{ width: 8rem;}
.to-shop .list dl dd					{ width: auto; flex: 1; margin-left: 1.5rem; font-size: 1.2rem;}
.to-shop .list dl dd .main				{ font-size: 1.4rem; text-align: center; font-weight: bold;}
.to-shop .list dl dd span				{ font-size: 0.9rem; }
.to-shop .list dl:first-child			{ margin-top: 0;}

@media print, screen and (min-width: 768px) {
.to-shop .sect-ttl						{ text-align: left;}
.to-shop .list							{ display: -webkit-flex; display: flex; margin: 2rem -2.5rem 0;}
.to-shop .list dl						{ display: -webkit-block; display: block; width: calc(33.33% - 5rem); margin: 0 2.5rem 0;}
.to-shop .list dl dt					{ width: 12rem; margin: 0 auto;}
.to-shop .list dl dd					{ width: auto; flex: initial; margin: 1.5rem 0 0; font-size: 1.6rem;}
.to-shop .list dl::after				{ left: auto; bottom: auto; transform: rotate(-90deg); top: 6rem;
 right: -3.5rem;}
.to-shop .list dl dd .main				{ margin-bottom: 1rem; font-size: 2rem;}
.to-shop .list dl dd span				{ font-size: 1.2rem; }

}
@media print, screen and (min-width: 1024px) {
.to-shop .flow							{ margin-top: 6rem;}
.to-shop .list							{ margin: 4rem -4rem 0;}
.to-shop .list dl						{ width: calc(33.33% - 8rem); margin: 0 4rem 0;}
.to-shop .list dl dt					{ width: 12rem; margin: 0 auto;}
.to-shop .list dl dt					{ width: 15rem; margin: 0 auto;}

}


.to-shop .info							{ margin-top: 3rem; text-align: center;}
.to-shop .info p						{ font-size: 1.2rem; font-weight: bold; }
.to-shop .info span						{ font-weight: bold; border-bottom: #8aa932 2px solid;}

@media print, screen and (min-width: 768px) {
.to-shop .info							{ margin-top: 4rem; }
.to-shop .info p						{ font-size: 1.6rem; }

}


.to-shop .con							{ margin-top: 4rem; padding: 2rem 3rem;; border: #4b4b4b 2px solid;}
.to-shop .con .inbox					{ font-size: 1.2rem; text-align: center;}
.to-shop .con .inbox .lead				{ position: relative; font-weight: bold; display: inline-block; padding: 0.6rem 0 0.6rem 4rem;}
.to-shop .con .inbox.tel-box .lead::before		{ position: absolute; top: 0; left: 0; content: ""; display: block; width: 3rem; height: 3rem; background: url(../images/common/contact_tel.png) no-repeat; background-size: contain;}
.to-shop .con .inbox .num				{ font-size: 3rem;}
.to-shop .con .inbox .time				{ font-size: 0.9rem;}
.to-shop .con .inbox.mail-box			{ margin-top: 2rem; padding-top: 2rem; border-top: #4b4b4b 1px solid; }
.to-shop .con .inbox.mail-box .lead::before		{ position: absolute; top: 0; left: 0; content: ""; display: block; width: 3rem; height: 3rem; background: url(../images/common/ico_web.png) no-repeat; background-size: contain; }

.to-shop .con .inbox .btn				{ margin-top: 1rem;}
.to-shop .con .inbox .btn a				{ display: block; padding: 1.5rem; background: #333333; color: #fff; }
.to-shop .con .inbox .btn a span		{ padding-right: 1.5rem; background: url(../images/common/ico_blank.png) no-repeat right center; background-size: 1rem;}
@media print, screen and (min-width: 768px) {

.to-shop .con							{ padding: 3rem; }
.to-shop .con .row						{ display: -webkit-flex; display: flex; align-items: center; }
.to-shop .con .inbox					{ width: 50%; font-size: 1.2rem; }
.to-shop .con .inbox .lead				{ font-size: 1.6rem; padding: 0.6rem 0 0.6rem 4rem;}

.to-shop .con .inbox .num				{ font-size: 4rem; line-height: 1.2;}
.to-shop .con .inbox .time				{ font-size: 1.4rem;}

.to-shop .con .inbox.mail-box			{ margin-top: 0; padding-top: 0; border-top: none; border-left: #4b4b4b 1px solid; }
.to-shop .con .inbox .btn				{ max-width: 28rem; margin: 1rem auto 0;}
.to-shop .con .inbox .btn a				{ padding: 2rem; }

}
@media print, screen and (min-width: 1024px) {
.to-shop .con							{ padding: 4rem 3rem; }


}









/* lead-box
---------------------------------------------------------------- */

.lead-box							{ position: relative; padding: 5rem 0 8rem;}
.lead-box .row						{ }
.lead-box .row .pic					{ position: relative; z-index: 5; }
.lead-box .row .txt-box				{ margin-top: 3rem; }
.lead-box .row .txt-box .main		{ text-align: center; font-size: 2rem; font-weight: bold;}
.lead-box .row .txt-box .sub		{ margin-top: 2.5rem;  }

@media print, screen and (min-width: 768px) {
.lead-box							{ padding: 170px 0 0;}
.lead-box .row						{ -webkit-display: flex; display: flex; margin: 0 -25px; }
.lead-box .row .pic					{ width: calc(50% - 50px); margin: 0 25px; }
.lead-box .row .txt-box				{ width: calc(50% - 50px); margin: 20px 25px 0; }
.lead-box .row .txt-box .main		{ text-align: left; font-size: 20px; }
.lead-box .row .txt-box .sub		{ margin-top: 20px; font-size: 14px; line-height: 1.8; }

}

@media print, screen and (min-width: 1024px) {
.lead-box							{ padding: 240px 0 0;}

.lead-box .row .txt-box .main		{ font-size: 32px; }
.lead-box .row .txt-box .sub		{ margin-top: 20px; font-size: 16px;}

}


/* business-wrap
---------------------------------------------------------------- */

#business-wrap						{ position: relative;}
#business-wrap:before				{ position: absolute; bottom: 0; right: 0; content: ""; display: block; width: 18rem; height: 12.5rem; background: url("../images/home/business_p_02.png") no-repeat; background-size: contain;}
#business-wrap .box01 .link-btn		{ margin-top: 2.5rem;}
#business-wrap .box02 				{ margin-top: 7.5rem;}
#business-wrap .box02 p				{ color: #979797; font-size: 1.6rem; line-height: 2.5; }
#business-wrap .box02 p span		{ display: inline-block; font-weight: bold; border-bottom: #cacaca 2px solid; letter-spacing: 0.2rem;  }

@media print, screen and (min-width: 768px) {
#business-wrap						{ margin-top: -50px; padding: 40px 0 240px; background: #f4f2ed;}
#business-wrap:before				{ bottom: -70px; right: auto; left: 0; width: 400px; height: 180px;}
#business-wrap .box01				{ position: relative;  margin-left: 55%; }
#business-wrap .box01 .sect-ttl		{ text-align: left; }
#business-wrap .box01 .ttl-bottom	{  }

#business-wrap .box02 				{ position: absolute; top: 200px; left: 30px; margin-top: 0;}
#business-wrap .box02 p				{ font-size:22px; }

}

@media print, screen and (min-width: 1024px) {
#business-wrap						{ margin-top: -160px; padding: 90px 0 300px; }
#business-wrap:before				{ bottom: -70px; right: auto; left: 130px; width: 450px; height: 210px;}
#business-wrap .box01 .link-btn		{ margin-top: 35px;}

#business-wrap .box02 				{ top: 180px; left: 10px; }
#business-wrap .box02 p				{ font-size: 32px; }

}





/* company-wrap
---------------------------------------------------------------- */

#company-wrap						{ margin-top: 7.3rem;}
#company-wrap .txt-box				{ margin-top: 4.5rem;}
#company-wrap .link-btn				{ margin-top: 2.5rem;}

@media print, screen and (min-width: 768px) {
#company-wrap						{ margin-top: -100px;}
#company-wrap .row					{ -webkit-display: flex; display: flex; margin: 0 -25px;  }
#company-wrap .row .pic				{ width: calc(50% - 50px); margin: 0 25px; }
#company-wrap .row .txt-box			{ width: calc(50% - 50px); margin: 180px 25px 0; }
#company-wrap .row .txt-box .sect-ttl		{ text-align: left; }

}

@media print, screen and (min-width: 1024px) {
#company-wrap						{ margin-top: -160px;}
#company-wrap .link-btn				{ margin-top: 35px;}
#company-wrap .row .txt-box			{ margin: 230px 25px 0; }


}





/*  topfridge */
.topfridge {}
.topfridge-ttl { font-size: 2rem; font-weight: bold; margin-bottom: 2rem; text-align: center;}
.topfridge-brn { padding: 0 2rem; width: 100%;}
.topfridge-brn a { display: flex; align-items: center; width: 100%;}
.topfridge-brn img { margin: auto;}
@media print, screen and (min-width: 768px) {
.topfridge-ttl { font-size: 2.5rem;}
.topfridge-brn { padding: 0 4rem;}
}