@charset "utf-8";
a:link{color:inherit; text-decoration:none;}
a:visited{color:inherit; text-decoration:none;}
a:hover, a:active{color:inherit; text-decoration:none;}
body{font-size:16px}

.main__visual{height:calc(100vh - 90px)}
.main__visual-item{display:flex; align-items:center; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat}
.main__visual-inn{margin:0 auto; color:#fff; text-align:center}
.main__visual-title{line-height:1.2; font-weight:700; font-size:4.375rem; word-break:keep-all; font-weight:normal}
.main__visual-title span{color:#fb5e78}
.main__visual-text{opacity:.6; margin-top:2em; font-size:1.25rem; word-break:keep-all}

.main__product{padding:4em 0}
.main__product-inn:after{content:''; display:block; clear:both}
.main__product-item{float:left; width:calc(50% - 1em);}
.main__product-item:last-child{margin-left:2em}
.main__product-title{margin-bottom:10px;font-size:34px; font-weight:700; color:#030e35; text-align:center}
.main__product-txt{font-size:1.125rem; word-break:keep-all; text-align:center;}
.main__product-img{margin-top:2em}
.main__product-btn{margin-top:2em; text-align:center}

.main__notice{padding:4em 0; background:#eee}
.main__notice-head{display:flex; align-items:center}
.main__notice-title{margin-right:auto; font-size:2.125rem; font-weight:700}
.main__notice-more{position:relative; font-size:1.125rem; font-weight:700}
.main__notice-more:before{content:''; z-index:0; position:absolute; bottom:-5px; left:0; right:0; height:0; background:#da2744; transition:height 200ms}
.main__notice-more i{margin-left:5px; font-style:normal}
.main__notice-more:hover:before{height:3px}
.main__notice-list{margin-top:.5em}
.main__notice-list:after{content:''; display:block; clear:both}
.main__notice-item{position:relative; float:left; padding:2em; width:calc(50% - .5em); margin:.5em 0; background:#fff; overflow:hidden;}
.main__notice-item:nth-child(even){margin-left:1em}
.main__notice-link{display:block; padding-right:1.5em; font-size:1.125rem}
.main__notice-link .subject{display:flex; align-items:center; min-height:30px;}
.main__notice-link .subject span{display:block; max-width:calc(100% - 50px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.main__notice-link .subject .icon{margin-left:10px}
.main__notice-link .date{color:#999}
.main__notice-link .plus{position:absolute; right:1em; top:50%; margin-top:-13px; width:25px; height:25px; transition:transform 300ms}
.main__notice-link .plus > span{position:absolute; top:0; left:50%; display:inline-block; width:1px; height:25px; background:#333}
.main__notice-link .plus > span:last-child{transform:rotate(90deg)}
.main__notice-item:hover .plus{transform:rotate(180deg)}

.main__shortcut{position:relative; height:280px}
.main__shortcut-img{position:absolute; left:0; right:0; top:0; bottom:0}
.main__shortcut-img:after{content:''; display:block; clear:both}
.main__shortcut-img > div{float:left; width:100%; height:100%;}
.main__shortcut-img .left{background:url('/assets/images/main/img_go_brochure.jpg') center no-repeat; background-size:cover;}
.main__shortcut-img .right{background:url('/assets/images/main/img_go_direction.jpg') center no-repeat; background-size:cover;}
.main__shortcut .wrap{width:100%; min-width:1200px;}
.main__shortcut .wrap:after{content:''; display:block; clear:both}
.main__shortcut-item{position:relative; float:left; display:flex;width:100%; align-items:center; padding:0 32%; height:280px; color:#fff !important; font-size:2.125rem; font-weight:700}
.main__shortcut-item .arrow{position:absolute; right:1em; width:36px; height:36px; border-radius:50%; border:2px solid #fff; transition:transform 300ms}
.main__shortcut-item .arrow:after{content:''; position:absolute; top:7px; left:12px; width:10px; height:16px; background:url('/assets/images/common/ico_arrow_wh.png') no-repeat center}
/* .main__shortcut-item:last-child{padding-left:1em} */
.main__shortcut-item:last-child .arrow{right:32%;}
.main__shortcut-item:hover .arrow{transform:translateX(-30px)}