@charset "utf-8";


/* main_visual */
.main_visual{width:100%; margin:0 auto; }
.main_visual .img_box{overflow:hidden; height:795px; position:relative; overflow:hidden ; animation: opacity 4s 1 ease-out; background-coloR:#ffe2dc;}
.main_visual .img_box img{width:auto; margin:0 auto; display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); transform:translate(-50% , -50%);}
.main_visual .img_box img.pc_ver{display:block}
.main_visual .img_box img.m_ver{display:none}

@media all and (max-width:1600px){
	.main_visual .img_box{height:750px;}
}
@media all and (max-width:1000px){
	.main_visual .img_box{height:auto; padding:120px 15px 0;}
	.main_visual .img_box img{width:100%; height:auto; position:static; left:auto; transform:none}
	.main_visual .img_box img.pc_ver{display:none}
	.main_visual .img_box img.m_ver{display:block}
}

@keyframes opacity{
	0%{opacity:0.1;}
	100%{opacity:1;}
}

/* ==================================
	common
================================== */
/* main_tit */
.main_tit:after {content:''; display:block; clear:both; }
.main_tit h3 {display:inline-block; font-size:56px; font-weight:200; color:#c40001; letter-spacing:-0.045em; cursor: pointer;}
.main_tit .arrow {float:Right; margin-top:18px; font-size:0; letter-spacing:-4px; }
.main_tit .arrow span {display:inline-block; vertical-align:top; width:50px; height:50px; border:1px solid #aaa; border-radius:5px; box-sizing:border-box; cursor:pointer; }
.main_tit .arrow span:hover {border-color:#c40001; }
.main_tit .arrow .prev {background:#fff url('/img/main_tit_arrow_prev.png') no-repeat center center; }
.main_tit .arrow .prev:hover {background:#fff url('/img/main_tit_arrow_prev_on.png') no-repeat center center; }
.main_tit .arrow .next {margin-left:10px; background:#fff url('/img/main_tit_arrow_next.png') no-repeat center center; }
.main_tit .arrow .next:hover {background:#fff url('/img/main_tit_arrow_next_on.png') no-repeat center center; }

@media all and (max-width:1000px){
	.main_tit h3 {font-size:46px; }
}


/* prod_type01 */
.prod_type01 ul li {overflow:hidden; border:1px solid #aaa; box-sizing:border-box; background-color:#fff; border-radius:20px; cursor:pointer; }
.prod_type01 ul li:hover {border-color:#c40001; }
.prod_type01 ul li .img_box{position:relative; padding-bottom:80%; overflow:hidden; background:#fff;}
.prod_type01 ul li .img_box img{position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.prod_type01 ul li .txt_box {padding:25px 0 30px; text-align:center; }
.prod_type01 ul li .txt_box h4 {margin:0; padding-bottom:10px; font-size:24px; color:#222222; letter-spacing:-0.045em; min-height:46px; box-sizing:border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 15px;}
.prod_type01 ul li .txt_box h6 {margin-top: 0;}
.prod_type01 ul li .txt_box p {padding-bottom:25px; font-size:18px; color:#888888; letter-spacing:-0.045em; min-height:52px; box-sizing:border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 15px;}
.prod_type01 ul li .txt_box a {display:block; width:145px; height:50px; margin:0 auto; border:1px solid #e3e3e3; box-sizing:border-box; font-size:16px; font-weight:300; color:#999999; letter-spacing:0; line-height:48px; background-color:#fff; }
.prod_type01 ul li:hover .txt_box a {background-color:#c40001; color:#fff; }
.prod_type01 ul li:hover .txt_box a:after {content:''; display:inline-block; vertical-align:middle; width:7px; height:11px; margin-left:30px; margin-top:-3px; border-left:7px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent; box-sizing:Border-box; }


@media all and (max-width:1000px){
	.prod_type01 ul li .txt_box {padding:20px 0 30px; }
	.prod_type01 ul li .txt_box h4 {font-size:22px; }
	.prod_type01 ul li .txt_box p {font-size:16px; }
}



/* ==================================
	main
================================== */

/* main_con01 */
.main_con01 {padding:60px 0; }
.main_con01 .inner {font-size:0; letter-spacing:-4px; }
.main_con01 .left_box {display:inline-block; vertical-align:top; width:22%; }
.main_con01 .left_box a {position:relative; display:block; width:145px; height:50px; margin-top:90px; padding:0 20px; background-color:#c40001; font-size:16px; font-weight:300; color:#fff; letter-spacing:0; box-sizing:border-box; line-height:50px; }
.main_con01 .left_box a:after {content:''; position:absolute; right:20px; top:calc(50% - 5px); width:7px; height:11px; border-left:7px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent; box-sizing:Border-box; }
.main_con01 .right_box {display:inline-block; vertical-align:top; width:78%; }
.main_con01 .right_box ul {}
.main_con01 .right_box ul li {padding:30px 0; }
.main_con01 .right_box ul li:first-of-type {padding-top:0; border-bottom:1px solid #e5e5e5; }
.main_con01 .right_box ul li p {margin-bottom:10px; font-size:18px; font-weight:200; color:#959595; letter-spacing:0; }
.main_con01 .right_box ul li .desc {overflow:hidden; position:relative; padding:5px 18% 5px 0; font-size:18px; font-weight:300; color:#444444; letter-spacing:-0.045em; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; box-sizing:border-box; cursor:pointer; }
.main_con01 .right_box ul li .desc:before {content:''; position:absolute; right:22px; top:calc(50% - 15px); width:28px; height:23px; border-top:23px solid #ffdbdb; border-left:14px solid transparent; border-right:14px solid transparent; box-sizing:border-box; transition:all 0.3s; }
.main_con01 .right_box ul li:hover .desc:before {transform:rotate(150deg); border-top-color:#c40001; }

@media all and (max-width:800px){
	.main_con01 .left_box {width:100%; }
	.main_con01 .left_box .main_tit {display:inline-block; }
	.main_con01 .left_box a {float:right; margin-top:8px; }
	.main_con01 .right_box {width:100%; margin-top:20px; }
}


/* main_con02 */
.main_con02 {padding:60px 0; background-color:#f8f5f4; }
.main_con02 .slide_box {overflow:hidden; }
.main_con02 .slide_box ul {margin-top:40px; }

/* main_con03 */
.main_con03 {padding:60px 0; }
.main_con03 .slide_box {overflow:hidden; }
.main_con03 .slide_box ul {margin-top:40px; }
.main_con03 .slide_box ul li {border-color:#aaa;}
.main_con03 .slide_box ul li .txt_box {background-color:#f9f9f9; }
.main_con03 .slide_box ul li:hover {border-color:#c40001; }


/* main_con04 */
.main_con04 {padding:60px 0 140px; background-color:#fff7f5; text-align:center; }
.main_con04 .inner {font-size:0; letter-spacing:-4px; }
.main_con04 .slide_box {position:relative; overflow:hidden; display:inline-block; vertical-align:top; width:calc(50% - 30px); margin:40px 60px 0 0; border-radius:20px; border: 1px solid transparent; box-sizing: border-box;}
.main_con04 .slide_box:last-of-type {margin-right:0; }
.main_con04 .slide_box .arrow {z-index:10; position:absolute; top:180px; width:50px; height:50px; border:1px solid #e7e7e7; border-radius:5px; box-sizing:border-box; cursor:pointer}
.main_con04 .slide_box .arrow:hover {border-color:#c40001; }
.main_con04 .slide_box .arrow.prev {left:4%; background:#fff url('/img/main_tit_arrow_prev.png') no-repeat center center; border: 1px solid #aaa; border-radius: 5px; box-sizing: border-box;}
.main_con04 .slide_box .arrow.prev:hover {background:#fff url('/img/main_tit_arrow_prev_on.png') no-repeat center center; border-color: #c40001;}
.main_con04 .slide_box .arrow.next {right:4%; background:#fff url('/img/main_tit_arrow_next.png') no-repeat center center; border: 1px solid #aaa; border-radius: 5px; box-sizing: border-box;}
.main_con04 .slide_box .arrow.next:hover {background:#fff url('/img/main_tit_arrow_next_on.png') no-repeat center center; border-color: #c40001;}
.main_con04 .slide_box ul li .img_box {position:relative; width:100%; height:390px; background-color:#fff7c1; }
.main_con04 .slide_box ul li .img_box img {position:absolute; left:0; top:0; right:0; bottom:0; max-width:80%; max-height:80%; margin:auto; box-shadow:5px 5px 10px rgba(0,0,0,.3); transition: all 0.5s ease-in-out;}
.main_con04 .slide_box ul li .txt_box {padding:20px 35px; background-color:#fff; box-sizing:border-box; text-align:left; cursor:pointer}
.main_con04 .slide_box ul li .txt_box h4 {margin-top:0; font-size:24px; font-weight:500; color:#222222; letter-spacing:-0.045em; }
.main_con04 .slide_box ul li .txt_box p {padding-bottom:10px; border-bottom:1px solid #eeeeee; font-size:18px; font-weight:300; color:#888888; letter-spacing:-0.045em; }
.main_con04 .slide_box ul li .txt_box a {display:block; margin-top:15px; font-size:24px; color:#c40001; letter-spacing:-0.045em; }
.main_con04 .slide_box ul li .txt_box a:before {content:''; display:inline-block; vertical-align:middle; width:7px; height:10px; margin-right:10px; margin-top:-7px; border-left:7px solid #c40001; border-top:5px solid transparent; border-bottom:5px solid transparent; box-sizing:border-box; }

.main_con04 .slide_box:hover {border-color: #c40001;}
.main_con04 .slide_box:hover ul li .img_box img {transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}

.main_con04 .slide_box:nth-of-type(2) .img_box{background-color:#d4fee0;}


@media all and (max-width:1000px){
	.main_con04 .slide_box .arrow {top:125px; }
	.main_con04 .slide_box {width:calc(50% - 10px); margin-right:20px; }
	.main_con04 .slide_box ul li .img_box {height:290px; }
}
@media all and (max-width:800px){
	.main_con04 .slide_box {width:100%; margin-right:0; }
}