@charset "utf-8";
/* 退職祝い */
.taisyoku_category p,
.taisyoku_category h2,
.taisyoku_category h3,
.taisyoku_category h4,
.taisyoku_category h5{margin: 0}
.taisyoku_category h2,
.taisyoku_category h3,
.taisyoku_category h4,
.taisyoku_category h5{font-weight: bold}
.taisyoku_category section{margin-bottom: 60px}
.taisyoku_category a{text-decoration: none}

.taisyoku_category .nav .box_flex a{display: flex;justify-content: space-between;align-items: center;background: #fff;border: 1px solid #D9A74A;margin-bottom: 40px;
padding: 0 0 0 30px}
.taisyoku_category .nav .box_flex a .text{width: 47%;text-align: center}
.taisyoku_category .nav .box_flex a .img{width: 53%}

.taisyoku_category .copy{font-size: 32px;color:#8C3B3B;font-weight: bold;margin-bottom: 20px;line-height: 1.2}
.taisyoku_category .name{font-size: 39px;color:#1C2A5A;font-weight: bold;margin-bottom: 20px;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;line-height: 1.2}
.taisyoku_category .btn{font-size:29px;color: #fff;background: url(https://minatoya.itembox.cloud/item/images/category/taisyoku/icon.svg) no-repeat 93% center #D9A74A;padding: 15px 50px 15px 30px; text-align: center;background-size: 19px;font-weight: bold;width: 80%;margin: 0 auto;}
	
.taisyoku_category .nav_flex{display: flex;flex-wrap: wrap;justify-content: space-between;width: 90%; margin: 0 auto;}
.taisyoku_category .nav_flex .box{margin-bottom: 40px; width: 48%;border: 1px solid #D9A74A;background-color: #fff;padding: 30px;text-align: center;}

.taisyoku_category .box .btn{font-size:27px;width: 90%}
.taisyoku_category .box .img{width: 70%;margin: 0 auto;}
.taisyoku_category .box .copy{font-size: 28px;margin: 0;}
.taisyoku_category .box .name{font-size: 35px;}

.taisyoku_category .indent{background-color: #fff;padding-bottom: 20px}
.taisyoku_category h3.bk{background: url(https://minatoya.itembox.cloud/item/images/category/taisyoku/bk.jpg) ;
font-size: 40px; font-weight: bold;color: #1C2A5A;text-align: center;padding: 50px 0;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.taisyoku_category .indent h4{color: #8C3B3B;font-size: 36px;padding: 1em}
.taisyoku_category .indent .flex_key{display: flex;justify-content: space-between;padding:0 20px;margin-bottom: 40px}
.taisyoku_category .indent .flex_key .img{width: 25%}
.taisyoku_category .indent .flex_key .read{width: 74%;font-size: 20px;}

.taisyoku_category .item_flex{display: flex;flex-wrap: wrap;justify-content: space-between;width: 80%; margin: 0 auto;}
.taisyoku_category .item_flex .box{margin-bottom: 40px; width: 48%;text-align: left;}
.taisyoku_category .item_flex .box .img{width: 100%}
.taisyoku_category .item_flex .box .name{font-size: 25px; margin: 20px 0;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";line-height: 1.5}
.taisyoku_category .item_flex .box .text{font-size: 20px;margin-bottom: 20px}
.taisyoku_category .item_flex .box .price{color: #C70000;font-weight: bold;text-align: right;font-size: 33px;margin-bottom: 20px}
.taisyoku_category .item_flex .box .price .tax{color:#3C3C3C;font-size: 20px}
.taisyoku_category .item_flex .btn{width: 100%}
.taisyoku_category .point{background: #F8F2EA;padding: 25px 20px;width: 90%; margin: 0 auto}
.taisyoku_category .point h5{margin-bottom: 25px;text-align: center}
.taisyoku_category .point ul{margin-left: 2em}
.taisyoku_category .point li{list-style: disc;font-size: 20px; font-weight: bold;margin: 5px 0}

.taisyoku_category h3.ttl{text-align: center;color: #fff;padding: 20px 0;font-size: 30px;background-color:#1C2A5A;}
.taisyoku_category .review{background-color:#E3DEDD;padding: 40px 20px; }
.taisyoku_category .review .review_flex{display: flex;justify-content: space-between;column-gap: 20px}

@media (max-width: 767px) { 
.taisyoku_category section{margin-bottom: 40px}

.taisyoku_category .mb40{margin-bottom: 20px !important}
.taisyoku_category .mb60{margin-bottom: 40px !important}

.taisyoku_category .nav .box_flex a{padding:10px 0 10px 10px ;margin-bottom: 20px}
.taisyoku_category .nav .box_flex a .text{width: 55%;text-align: center}
.taisyoku_category .nav .box_flex a .img{width: 45%}
.taisyoku_category .copy{font-size: 16px;margin-bottom: 10px}
.taisyoku_category .name{font-size: 18px;margin-bottom: 10px}
.taisyoku_category .btn{font-size: 15px;padding:5px 10px;background-size: 12px;}

.taisyoku_category .nav_flex{width: 100%; margin: 0 auto;}
.taisyoku_category .nav_flex .box{padding: 20px 0;margin-bottom: 10px}
.taisyoku_category .box .btn{font-size:15px;width: 80%}
.taisyoku_category .box .img{width: 70%;margin: 0 auto;}
.taisyoku_category .box .copy{font-size: 15px;margin: 0;}
.taisyoku_category .box .name{font-size: 20px;}

.taisyoku_category h3.bk{font-size: 22px; padding: 30px 0}
.taisyoku_category .indent h4{font-size: 18px}
.taisyoku_category .indent .flex_key{display: block;}
.taisyoku_category .indent .flex_key .img{width: 100%;margin-bottom: 20px}
.taisyoku_category .indent .flex_key .read{width: 100%;margin-bottom: 20px;font-size: 16px;}
.taisyoku_category .item_flex{width: 90%}
.taisyoku_category .item_flex .box .name{font-size: 16px}
.taisyoku_category .item_flex .box .text{font-size: 14px}
.taisyoku_category .item_flex .box .price{font-size: 18px;margin-bottom: 10px}
.taisyoku_category .item_flex .box .price .tax{font-size: 10px;}
.taisyoku_category .item_flex .box .btn{width: 100%}
.taisyoku_category .point h5{width: 80%;margin: 0 auto 20px;}
.taisyoku_category .point ul li{font-size: 15px}

.taisyoku_category h3.ttl{font-size: 17px}
.taisyoku_category .review{padding: 20px 10px}
.taisyoku_category .review .review_flex{column-gap: 10px}
}