/* CSS Document */ @media (min-width:1001px) { /* mv ---------------------------------------------------------------------- */ #mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; } #mv h2 { text-indent: -10000px; overflow: hidden; background: url(../images/ttl.png) center center no-repeat; margin-left: -320px; } /* telephone ---------------------------------------------------------------------- */ #access_map { padding: 80px 0 150px; } #access_map h3{margin-bottom: 80px;} #access_map iframe { margin: 0 auto; display: block;} #access_map .access_map_box {width: 900px; margin: 0 auto; display: flex; justify-content: space-between; font-size: 16px;} #access_map .access_map_box ul{padding-top: 45px;} #access_map .access_map_box ul li{ padding-bottom: 8px;} #access_map .access_map_box ul li span {color: #4d7954; display: block;} #access_map .access_map_box p{margin-top: 50px;} #access_map .access_map_box p a{line-height: 3.5; width: 250px;} #access_map a { display: inline-block; } /* access_method ---------------------------------------------------------------------- */ #access_method{padding: 70px 0 110px;} #access_method .access_car{margin-top: 60px;} #access_method .access_car .access_car_box{ display: flex; justify-content: space-between;} #access_method .access_car .access_car_box p a{width: 330px;} #access_method .access_public{margin: 130px 0 110px;} #access_method .access_public .access_public_box{ display: flex; justify-content: space-between;} #access_method .access_public .access_public_box p a{width: 330px;} #access_method .access_public .time_table{display: flex; justify-content: space-between; margin: 60px auto; width: 700px;} #access_method .access_public .time_table a{width: 330px;} #access_method .access_public .free_transfer{ width: 700px; margin: 0 auto; border: #D6D6D6 1px solid; padding: 30px;} #access_method .access_public .free_transfer .free_transfer_box{display: flex; justify-content: space-between; padding-bottom: 30px;} #access_method .access_public .free_transfer .free_transfer_box p{} #access_method .access_public .free_transfer .free_transfer_box .free_transfer_txt{} #access_method .access_public .free_transfer .free_transfer_box .free_transfer_txt h4{margin-bottom: 20px;} #access_method .access_public .free_transfer .free_transfer_box .free_transfer_txt p{} #access_method .access_public .free_transfer .lead{margin-bottom: 0;} #access_method .access_public .free_transfer .lead .bo_frame_radius{padding: 0.67em 5em;} #access_method .access_public .free_transfer .lead .bo_frame_radius a{font-size: 18px; color: #4d7954; display: inline-block; pointer-events: none;} #access_method .access_public .free_transfer .lead .bo_frame_radius a:hover{ opacity: 1; } #access_method .access_airplane{margin-bottom: 150px;} #access_method .access_airplane .access_airplane_box{ display: flex; justify-content: space-between;} #access_method .access_airplane .access_airplane_box p a{width: 330px;} #access_method .access_other{} #access_method .access_other .access_other_box{width: 700px; margin: 0 auto; border: #D6D6D6 1px solid; padding: 30px;} #access_method .access_other .access_other_box p{ color: #4d7954; font-weight: bold;} #access_method .access_other .access_other_box dl{display: flex; flex-wrap: wrap; justify-content: space-between;} #access_method .access_other .access_other_box dl dd{padding-top: 20px;} #access_method .access_other .access_other_box dl dd:nth-of-type(5){padding-right: 100px;} #access_method .access_other .access_other_box dl dd a{font-size: 16px;} #access_method .access_other .access_other_box dl dd a span{display: inline-block; width: auto; padding-right: 1.5em; background: url(../../images/icon_arrow_r_green.svg) right center no-repeat;} } /* End @media (min-width:1001px) */ /* ---------------------------------------------------------------------- */ @media (min-width: 1001px) and (max-width:1500px) { } /* End @media (min-width: 1001px) and (max-width:1500px) */ /* ---------------------------------------------------------------------- */ @media (min-width: 751px) and (max-width:1300px) { } /* End @media (min-width: 1001px) and (max-width:1390px) */ /* ---------------------------------------------------------------------- */ @media (max-width:1000px) { /* mv ---------------------------------------------------------------------- */ #mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; } #mv:after { content: ""; position: absolute; top:0; left: 0; background: url(../../images/ttl_shadow.png) center center no-repeat; width: 100%; height: 50vw; background-size: 16vw auto; } #mv h2 { text-indent: -100000px; background: url(../images/ttl.png) center bottom -7vw no-repeat; background-size: 30vw;} /* telephone ---------------------------------------------------------------------- */ #access_map { padding: 12vw 0; } #access_map iframe { width: 100%; height: 80vw;} #access_map .access_map_box { display: flex; flex-wrap: wrap-reverse;} #access_map .access_map_box ul{padding-top: 15px;} #access_map .access_map_box ul li{ padding-bottom: 8px;} #access_map .access_map_box ul li span {color: #4d7954; display: block;} #access_map .access_map_box p{ padding-top: 10px; margin: 0 auto; width: 100%;} #access_map .access_map_box p a{line-height: 3; width: 100%;} #access_map a { display: inline-block; } /* access_method ---------------------------------------------------------------------- */ #access_method{padding: 70px 0 110px;} #access_method .access_car{margin-top: 60px;} #access_method .access_car .access_car_box p a{width: 100%;} #access_method .access_car .access_car_img img{display: block;} #access_method .access_car .access_car_img img:first-child{margin: 15px 0;} #access_method .access_car .car_note{padding-top: 5px;} #access_method .access_public{margin: 80px 0 80px;} #access_method .access_public .access_public_box p a{width: 100%;} #access_method .access_public .access_public_img img:first-child{margin: 15px 0;} #access_method .access_public .time_table{ margin: 20px auto;} #access_method .access_public .time_table a{width: 100%; margin-bottom: 10px;} #access_method .access_public .free_transfer{ margin: 0 auto; border: #D6D6D6 1px solid; padding: 7vw;} #access_method .access_public .free_transfer .free_transfer_box{ padding-bottom: 4vw;} #access_method .access_public .free_transfer .free_transfer_box p img{width: 100%;} #access_method .access_public .free_transfer .free_transfer_box .free_transfer_txt{margin-top: 5vw;} #access_method .access_public .free_transfer .free_transfer_box .free_transfer_txt h4{margin-bottom: 20px; font-size: 1.4em;} #access_method .access_public .free_transfer .lead{margin-bottom: 0;} #access_method .access_public .free_transfer .lead .bo_frame_radius{padding: 0.5em 0.9em;} #access_method .access_public .free_transfer .lead .bo_frame_radius a{font-size: 5vw; color: #4d7954;} #access_method .access_airplane{margin-bottom: 50px;} #access_method .access_airplane .access_airplane_box p a{width: 100%;} #access_method .access_airplane .access_airplane_img img{margin: 15px 0;} #access_method .access_other .access_other_box{ margin: 0 auto; border: #D6D6D6 1px solid; padding: 30px;} #access_method .access_other .access_other_box p{ color: #4d7954; font-weight: bold;} #access_method .access_other .access_other_box dl{display: flex; flex-wrap: wrap; justify-content: space-between;} #access_method .access_other .access_other_box dl dd{padding-top: 20px;} #access_method .access_other .access_other_box dl dd a{font-size: 16px;} #access_method .access_other .access_other_box dl dd a span{display: inline-block; width: auto; padding-right: 1.5em; background: url(../../images/icon_arrow_r_green.svg) right center no-repeat;} } /* End @media (max-width: 1000px) */