/*widget:187d444a-3167-4171-82ed-7aaaa6dc4b2d*/[data-lib="331"] a{color:inherit; text-decoration:none;}[data-lib="331"] a:hover{color:inherit; text-decoration:underline;}[data-lib="331"] .fv_cont{background-color:#e47e7e; color:#ffffff;}[data-lib="331"] .fv_cont .fv_wrapper{width: 100%; margin: 0 auto; position: relative; height:100vh;}[data-lib="331"] #fv_slider{overflow: hidden; position: relative; max-width:80vw;}[data-lib="331"] #fv_slider:before{animation: img-wrap 1s cubic-bezier(.4, 0, .2, 1) forwards; background: #fff; bottom: 0; content: ''; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 1;}[data-lib="331"] .fv_img{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; background-size:cover; background-position:left top; background-repeat:no-repeat; width:100%; height:90vh; position: absolute; top: 0; text-shadow: 1px 1px 1px #362e2b, -1px 1px 1px #362e2b, 1px -1px 1px #362e2b, -1px -1px 1px #362e2b, 1px 0px 1px #362e2b, 0px 1px 1px #362e2b, -1px 0px 1px #362e2b, 0px -1px 1px #362e2b;}[data-lib="331"] .fv_img .fv_text{position: relative; right: 0; top:0; width: 50vw;}[data-lib="331"] .fv_img .fv_text .fv_border{position: relative; width: 10px; height:100%; right: 0; top: 0; min-height:146px; display:inline-block; padding-right: 30px; display: table-header-group; overflow: hidden;}[data-lib="331"] .fv_img .fv_text .fv_border span{width: 10px; height: 100%; position:absolute; -moz-animation:fv_border 1.5s ease-in-out; -webkit-animation:fv_border 1.5s ease-in-out; border: 1px solid #000; background:#ffffff;}[data-lib="331"] .fv_img .fv_text .fv_text_in{display:inline-block; margin-left: 30px; overflow-x:hidden;}[data-lib="331"] .fv_scroll{width: 400px; height: 10vh; background: #ffffff; color: #e47e7e; font-size: 24px; position: relative;}[data-lib="331"] .fv_scroll a{color: inherit; text-decoration: none; width: 320px; display: block; padding: 4.5vh 0 0 80px; height: calc(100% - 4.5vh);}[data-lib="331"] .fv_scroll:before{content: ""; width: 2px; height: 100px; display: block; background: #e47e7e; position: absolute; top: -60px; left: 105px;}[data-lib="331"] .fv_text_L{font-size: 3.7vw;}[data-lib="331"] .fv_text_M{font-size: 1.4vw;}[data-lib="331"] .sp-slide{overflow: hidden;}[data-lib="331"] .sp-slide img{max-width: 100%; width: 100%; height: 100%;}@media (max-width: 768px){[data-lib="331"] #fv_slider{max-width: 100vw; height: 90vw;}[data-lib="331"] .fv_cont .fv_wrapper{height: calc(90vw + 10vh);}[data-lib="331"] .fv_img{height: 90vw;}[data-lib="331"] .fv_img .fv_text{width: 90vw;}[data-lib="331"] .fv_img .fv_text .fv_text_L{font-size: 5vw;}[data-lib="331"] .fv_img .fv_text .fv_text_M{font-size: 2.5vw;}[data-lib="331"] .fv_scroll{width: 100%; height: 10vh;}[data-lib="331"] .fv_scroll a{width: 100%; padding: 4.5vh 0 0 20px; box-sizing: border-box;}[data-lib="331"] .fv_scroll:before{left: 55px; top:-70px;}[data-lib="331"] .sp-mask{height: 90vw !important;}[data-lib="331"] .sp-slide{overflow: hidden; height: 90vw !important;}}[data-instance="43397"] .sp-slide.id_43400 img{object-position:center 100%; object-fit: cover;}[data-instance="43397"] .sp-slide.id_43403 img{object-position:center 100%; object-fit: cover;}[data-instance="43397"] .sp-slide.id_43406 img{object-position:center 100%; object-fit: cover;}/*instance mediea*/@media (max-width: 768px){[data-instance="43397"]{background:#ff0000;}[data-instance="43397"] .sp-slide.id_43400 img{object-position:center 100%;}[data-instance="43397"] .sp-slide.id_43403 img{object-position:center 100%;}[data-instance="43397"] .sp-slide.id_43406 img{object-position:center 100%;}}/*widget:a893bfca-c3ff-47b9-869f-796a624800a0*/[data-lib="72"] a{color:inherit; text-decoration:none;}[data-lib="72"] a:hover{color:inherit; text-decoration:underline;}[data-lib="72"] li{list-style: none;}[data-lib="72"] .menu_cont{position:relative; z-index: 0;}[data-lib="72"] .menu_cont:before{content: ""; background-color: rgba(255,255,255,0.7); width: 100%; height: 100%; display: block; position: absolute; z-index: -1;}[data-lib="72"] .wrapper{padding:110px 0;}[data-lib="72"] .common_ttl{text-align:center;}[data-lib="72"] .common_ttl h2,[data-lib="72"] .common_ttl h3,[data-lib="72"] .common_ttl .ttl_l{font-size:24px; margin-bottom:30px; color:#e47e7e;}[data-lib="72"] .common_ttl span{font-size:90px; margin-bottom:20px; color:#362e2b; text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, -1px 0px 1px #ffffff, 0px -1px 1px #ffffff;}[data-lib="72"] .menu_cont_in{display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom:50px;}[data-lib="72"] .menu_cont_in .menu_left{width:670px; margin-right: 30px;}[data-lib="72"] .menu_cont_in .menu_left ul{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}[data-lib="72"] .menu_cont_in .menu_left ul li:first-child{width: 100%; height:400px; margin-bottom: 10px;}[data-lib="72"] .menu_cont_in .menu_left ul li:nth-child(2),[data-lib="72"] .menu_cont_in .menu_left ul li:nth-child(3){width: 50%; height:220px;}[data-lib="72"] .menu_cont_in .menu_left ul li .img_in{background-size:cover; height: inherit;}[data-lib="72"] .menu_cont_in .menu_left ul li .img_in:before{content: ""; height: inherit; display: block; width: 100%;}[data-lib="72"] .menu_cont_in .menu_left ul li:nth-child(2) .img_in,[data-lib="72"] .menu_cont_in .menu_left ul li:nth-child(3) .img_in{-webkit-transform: skewX(25deg); -ms-transform: skewX(25deg); transform: skewX(25deg); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: bottom right; overflow: hidden; position:relative; left: 0px; width: calc(100% + 43px);}[data-lib="72"] .menu_cont_in .menu_left ul li:nth-child(2) .img_in:before,[data-lib="72"] .menu_cont_in .menu_left ul li:nth-child(3) .img_in:before{-webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: bottom right;}[data-lib="72"] .menu_cont_in .menu_left ul li:nth-child(3) .img_in{left: 60px;}[data-lib="72"] .menu_cont_in .menu_left ul li:nth-child(3) .img_in:before{content:""; position: absolute; left: -103px;}[data-lib="72"] .menu_cont_in .menu_right{width:470px;}[data-lib="72"] .menu_cont_in .menu_right table.menu_table{margin:25px 0 50px;}[data-lib="72"] .menu_cont_in .menu_right table.menu_table th{width:350px; padding:35px 10px 35px 0; text-align:left; font-size:18px; border-bottom:2px solid #362e2b;}[data-lib="72"] .menu_cont_in .menu_right table.menu_table td{width:120px; padding:35px 0; text-align:right; font-size:16px; border-bottom:2px solid #e47e7e;}[data-lib="72"] .textArea{text-align:left;}@media (max-width: 1280px){[data-lib="72"] .wrapper{padding:110px 0; box-sizing:border-box;}[data-lib="72"] .common_ttl span{font-size: 9vw;}[data-lib="72"] .common_ttl h2,[data-lib="72"] .common_ttl h3,[data-lib="72"] .common_ttl .ttl_l{font-size: 2vw;}}@media (max-width: 768px){[data-lib="72"] .wrapper{padding:85px 5%; box-sizing: border-box;}[data-lib="72"] .common_ttl{text-align:center;}[data-lib="72"] .common_ttl h2,[data-lib="72"] .common_ttl h3,[data-lib="72"] .common_ttl .ttl_l{text-align:left; font-size: 4vw;}[data-lib="72"] .menu_cont{background:none !important;}[data-lib="72"] .menu_cont_in{flex-direction: column; margin-bottom:50px;}[data-lib="72"] .menu_cont_in .menu_left{width:100%; margin-right: 0; margin-bottom: 0px;}[data-lib="72"] .menu_cont_in .menu_left ul{overflow:hidden;}[data-lib="72"] .menu_cont_in .menu_left ul li:first-child{margin-bottom:0; max-height: 33vmax;}[data-lib="72"] .menu_cont_in .menu_left ul li:nth-child(2),[data-lib="72"] .menu_cont_in .menu_left ul li:nth-child(3){display:none;}[data-lib="72"] .menu_cont_in .menu_right{width:100%;}[data-lib="72"] .menu_cont_in .menu_right table.menu_table{width:100%; margin:25px 0 50px;}[data-lib="72"] .menu_cont_in .menu_right table.menu_table th{width:100%; display: block; box-sizing: border-box; padding:15px 10px 15px 0; font-size:16px; border:none;}[data-lib="72"] .menu_cont_in .menu_right table.menu_table td{width:100%; display: block; box-sizing: border-box; padding:15px 0; font-size:16px;}[data-lib="72"] .textArea{font-size:16px;}[data-lib="72"] .top.menu_cont .menu_cont_in{margin-bottom: 0px;}[data-lib="72"] .top.menu_cont .textArea{display:none;}}[data-instance="43409"] .menu_cont.id_43409{background:url(/_img/ja/cms/43409/bg_img/___/session/) no-repeat center center / cover;}[data-instance="43409"] li.menu_img43412 .img_in:before{background:url(/_img/ja/cms/43412/image/___/session//) no-repeat center;}[data-instance="43409"] li.menu_img43415 .img_in:before{background:url(/_img/ja/cms/43415/image/___/session//) no-repeat center;}[data-instance="43409"] li.menu_img43418 .img_in:before{background:url(/_img/ja/cms/43418/image/___/session//) no-repeat center;}/*widget:3cd6e02f-32db-4330-a73b-c0e1e394f130*/[data-lib="5126"] h4.-w-general{font-size: 24px; margin-bottom: 20px; border-bottom: solid 3px rgba(228,126,126,0.5); position: relative;}[data-lib="5126"] h4.-w-general:after{position: absolute; content: " "; display: block; border-bottom: solid 3px rgba(228,126,126,1); bottom: -3px; width: 20%;}[data-lib="5126"] a{color:inherit; text-decoration:none;}[data-lib="5126"] a:hover{color:inherit; text-decoration:underline;}[data-lib="5126"] .news_wrapper{padding:120px 0;}[data-lib="5126"] .news_wrapper ul.article_list{box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; box-sizing: border-box; margin-bottom:40px;}[data-lib="5126"] .news_wrapper ul.article_list li{width: calc(50% - 15px); margin:0;}[data-lib="5126"] .news_wrapper ul.article_list li > a{position: relative; display: block; width: 100%; overflow: hidden;}[data-lib="5126"] .news_wrapper ul.article_list li > a img{position: relative; display: block; width: 100%; height: auto; transition: all .5s ease-in-out; z-index: 1;}[data-lib="5126"] .news_wrapper ul.article_list li > a .text{top: 50%; left: 0; width: calc(100% - 60px); transform: translateY(-50%); font-size: 3rem; font-weight: 300; text-shadow: 0 1px 5px rgba(0,0,0,.3); display:none;}[data-lib="5126"] .news_wrapper ul.article_list li > a:hover img{background: rgba(0,0,0,0.4); transform: scale(1.1);}[data-lib="5126"] .news_wrapper ul.article_list li > a:hover .text{position: absolute; z-index: 10; color: #fff; font-size: 14px; text-align: left; margin: 0 30px; display: block;}[data-lib="5126"] .news_wrapper ul.article_list li > a:before{position: absolute; content: ""; top: 100%; width: 100%; height: 100%; opacity: 0; transition: all .5s ease-in-out; z-index: 2;}[data-lib="5126"] .news_wrapper ul.article_list li > a:hover:before{transform: translateY(-100%); opacity: 1; background: rgba(0,0,0,0.4);}[data-lib="5126"] .news_wrapper ul.article_list li .box{position:relative; height: inherit;}[data-lib="5126"] .news_wrapper ul.article_list li .news_data{min-height: 40px; position: absolute; bottom: 0; display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center; padding: 20px 0px;}[data-lib="5126"] .news_wrapper ul.article_list li .news_data .date{z-index: 10; color: #fff; text-align: right; width: 100%; font-size: 14px; margin-bottom: 10px; padding: 0 30px;}[data-lib="5126"] .news_wrapper ul.article_list li .news_data .title{z-index: 10; color: #fff; text-align: right; width: 100%; font-size: 14px; padding: 0 30px;}[data-lib="5126"] .news_wrapper ul.article_list li .news_data:before{content: ""; background: rgba(0,0,0,0.4); width: 100%; min-height: 100%; position: absolute; z-index: 1;}[data-lib="5126"] .news_wrapper ul.article_list li:nth-child(odd){margin-right:30px;}[data-lib="5126"] .news_wrapper ul.article_list li:nth-child(n+3){margin-top:30px;}[data-lib="5126"] .more_btn{margin-top:30px;}@media (max-width: 1280px){[data-lib="5126"] .news_wrapper{padding:60px 5%; box-sizing:border-box;}}@media (max-width: 768px){[data-lib="5126"] img{max-width:100%; height:auto;}[data-lib="5126"] .news_wrapper{padding:60px 5%; box-sizing: border-box;}[data-lib="5126"] .news_wrapper ul.article_list{flex-direction:column;}[data-lib="5126"] .news_wrapper ul.article_list li{width: 100%;}[data-lib="5126"] .news_wrapper ul.article_list li a:hover .text{display: none;}[data-lib="5126"] .news_wrapper ul.article_list li:nth-child(odd){margin-right:0px;}[data-lib="5126"] .news_wrapper ul.article_list li:nth-child(n + 2){margin-top: 30px;}[data-lib="5126"] .news_wrapper.top ul.article_list li{width: 100%;}[data-lib="5126"] .news_wrapper.top ul.article_list li:nth-child(n+3){margin-top:0px;}[data-lib="5126"] .news_wrapper.top ul.article_list li:nth-child(n + 2){display:none;}}/*widget:906d9047-d6fd-43e2-a0f9-625cb6909217*/[data-lib="419"] a{color:inherit; text-decoration:none;}[data-lib="419"] a:hover{color:inherit; text-decoration:underline;}[data-lib="419"] .staff_wrap{background:#f3f3f3;}[data-lib="419"] .wrapper{padding:90px 0 80px;}[data-lib="419"] .h2_wrap{margin-bottom:40px; text-align:center;}[data-lib="419"] .h2_wrap .ttl_en{font-size:90px; margin-bottom:30px; line-height: 1; color:#362e2b;}[data-lib="419"] .h2_wrap .ttl_jp{font-size:24px; color:#e47e7e;}[data-lib="419"] .textArea{margin-bottom:30px;}[data-lib="419"] .LR_box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: space-between; -ms-flex-align: space-between; align-items: space-between; margin-bottom: 60px;}[data-lib="419"] .LR_box .left{width:490px; margin-right: 30px;}[data-lib="419"] .LR_box .left img{margin-bottom:0%; max-width: 100%;}[data-lib="419"] .LR_box .right{width:650px;}[data-lib="419"] .LR_box .right .staff_data{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; margin-bottom: 40px;}[data-lib="419"] .LR_box .right .staff_data h3{font-size: 30px;}[data-lib="419"] .LR_box .right img{margin-bottom:0%; max-width: 100%;}[data-lib="419"] .googlemap{margin-bottom: 0px; height: 500px;}[data-lib="419"] .googlemap iframe{width: 100%; height: 100%;}[data-lib="419"] table.staff_table{margin: 0; width: 100%; border-collapse: separate; border-spacing: 1px;}[data-lib="419"] table.staff_table tr th{width: 25%; vertical-align: middle; min-height: 80px; padding: 25px 5px 20px; color: #362e2b; border-top: 2px solid #6a6b75;}[data-lib="419"] table.staff_table tr td{width: 75%; vertical-align: middle; min-height: 80px; padding: 25px 5px 20px; color: #362e2b; border-top: 2px solid #e47e7e;}[data-lib="419"] table.staff_table tr:last-child th{border-bottom: 2px solid #6a6b75;}[data-lib="419"] table.staff_table tr:last-child td{border-bottom: 2px solid #e47e7e;}[data-lib="419"] .staff_text{background-size:cover;}[data-lib="419"] .staff_text .staff_text_in{width: 50%; background-color: rgba(255,255,255,0.5); padding:150px 0px 120px;}[data-lib="419"] .staff_text .staff_text_in .ttl{text-align:center; margin-bottom:40px; padding:0 60px; font-size:36px; color:#362e2b;}[data-lib="419"] .staff_text .staff_text_in .textArea{padding:0 60px; font-size:18px;}[data-lib="419"] .staff_text .staff_text_in .keyword{font-size:48px; color:#e47e7e;}@media (max-width: 1280px){[data-lib="419"] .wrapper{padding:90px 0 80px; box-sizing:border-box;}}@media (max-width: 768px){[data-lib="419"] .wrapper{padding: 60px 5% 60px;}[data-lib="419"] .textArea{margin-bottom:0; font-size:16px;}[data-lib="419"] .LR_box{margin-top:30px; flex-direction: column; margin-bottom:0;}[data-lib="419"] .LR_box .left{width:100%; margin-right: 0px; box-sizing: border-box;}[data-lib="419"] .LR_box .right{width: 100%; padding: 4% 0 0; float: none; box-sizing: border-box;}[data-lib="419"] .LR_box .right .staff_data{margin-bottom:30px;}[data-lib="419"] .LR_box .right .staff_data h3{font-size: 6vw;}[data-lib="419"] .LR_box + .more_btn{margin-top:20px;}[data-lib="419"] .h2_wrap{margin-bottom:30px; text-align:center;}[data-lib="419"] .h2_wrap .ttl_en{font-size:9vw; margin-bottom:0; line-height: 1.5; color:#362e2b;}[data-lib="419"] .h2_wrap .ttl_jp{text-align:left; font-size:4vw; color:#e47e7e;}[data-lib="419"] table.staff_table{margin: 60px 0 0;}[data-lib="419"] table.staff_table:empty{margin:0;}}/*widget:20104a17-c239-4ec2-8d9b-bcd4d6079b58*/[data-lib="130"] a{color:inherit; text-decoration:none;}[data-lib="130"] a:hover{color:inherit; text-decoration:underline;}[data-lib="130"] .contact_cont{min-width: auto; margin: 0 auto; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; z-index: 100; background-image: url(/_img/ja/resource/3/contact_bg/); color: #fff; text-align: center;}[data-lib="130"] .contact_cont::before{content: ""; background-color: rgba(0,0,0,0.4); width: 100%; height: 100%; display: block; position: absolute; z-index: -1;}[data-lib="130"] .contact_cont_in{padding:120px 0; line-height:1;}[data-lib="130"] .contact_cont_in .contact_catch{font-size:24px; margin-bottom:20px;}[data-lib="130"] .contact_cont_in .tel{font-size:72px; line-height:1; margin-bottom:20px;}[data-lib="130"] .contact_cont_in .contact_time,[data-lib="130"] .contact_cont_in .contact_text{margin-bottom:20px;}[data-lib="130"] .contact_cont_in .contact_time,[data-lib="130"] .contact_cont_in .contact_text,[data-lib="130"] .contact_cont_in .contact_address{font-size:18px;}[data-lib="130"] .contact_cont_in .more_btn{width:325px; margin: 0 auto 20px;}[data-lib="130"] .contact_cont_in .more_btn a{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 10px; font-size: 1.25rem;}[data-lib="130"] .contact_cont_in .more_btn a svg .st0{fill: #ffffff;}[data-lib="130"] .contact_cont_in .more_btn a span[class^="icon-"]{margin-right: 10px; font-size: 1.8rem;}[data-lib="130"] .contact_cont_in .more_btn a:hover svg .st0{fill: #961d13;}@media (max-width1280px){[data-lib="130"] .form-wrapper{width:90%; margin:0 auto;}}@media (max-width: 768px){[data-lib="130"] .contact_cont_in{padding:85px 5%; box-sizing: border-box;}[data-lib="130"] .contact_cont_in .contact_catch,[data-lib="130"] .contact_cont_in .contact_time,[data-lib="130"] .contact_cont_in .contact_text,[data-lib="130"] .contact_cont_in .contact_address{font-size: 4vw;}[data-lib="130"] .contact_cont_in .contact_text{text-align:left;}[data-lib="130"] .contact_cont_in .tel{font-size:40px;}[data-lib="130"] .contact_cont_in .more_btn{width:100%;}[data-lib="130"] .contact_cont_in .more_btn a{margin-left: 0;}}/*widget:90dfeb78-19cd-4bed-acdd-79f562570804*/[data-lib="297"] a{color:inherit; text-decoration:none;}[data-lib="297"] a:hover{color:inherit; text-decoration:underline;}[data-lib="297"] .common_ttl{text-align:center;}[data-lib="297"] .common_ttl span{font-size:90px; margin-bottom:20px; color:#362e2b;}[data-lib="297"] .common_ttl h2,[data-lib="297"] .common_ttl h3,[data-lib="297"] .common_ttl .ttl_l{font-size:24px; margin-bottom:30px; color:#e47e7e;}[data-lib="297"] .faq_wrapper{padding: 110px 0 130px;}[data-lib="297"] .faq_wrapper .textArea{margin-bottom:30px;}[data-lib="297"] ul.faq_list{margin-bottom: 40px;}[data-lib="297"] ul.faq_list li{margin-bottom:50px; border-bottom:1px solid #b2b2b2; position: relative;}[data-lib="297"] ul.faq_list li .faq_q{position:relative; left: 0; font-size:30px; margin-bottom:30px; min-height:100px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}[data-lib="297"] ul.faq_list li .faq_q .faq_q_in{font-weight:bold; margin-left:130px;}[data-lib="297"] ul.faq_list li .faq_q:before{content:"Q"; position: absolute; top:0; left:0; width:100px; height:100px; font-size:72px; background-color:#e47e7e; color:#ffffff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}[data-lib="297"] ul.faq_list li .faq_a{position:relative; left: 0; font-size:20px; margin-bottom:50px; min-height:100px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}[data-lib="297"] ul.faq_list li .faq_a .faq_a_in{margin-left:130px;}[data-lib="297"] ul.faq_list li .faq_a:before{content:"A"; position: absolute; top:0; left:0; width:100px; height:100px; font-size:72px; background-color:#ffffff; color:#e47e7e; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}[data-lib="297"] ul.faq_list li:last-child{margin-bottom:0px; border-bottom:none;}[data-lib="297"] ul.faq_list li:last-child .faq_a{margin-bottom:0px;}@media (max-width: 1280px){[data-lib="297"] .faq_wrapper{box-sizing:border-box;}[data-lib="297"] .common_ttl span{font-size: 9vw;}[data-lib="297"] .common_ttl h2,[data-lib="297"] .common_ttl h3,[data-lib="297"] .common_ttl .ttl_l{font-size: 2vw;}[data-lib="297"] ul.faq_list li .faq_q{font-size:20px;}[data-lib="297"] ul.faq_list li .faq_a{font-size:18px;}}@media (max-width: 768px){[data-lib="297"] .faq_wrapper{padding: 60px 5%; box-sizing: border-box;}[data-lib="297"] .faq_wrapper .textArea{font-size:16px;}[data-lib="297"] .common_ttl{text-align:center;}[data-lib="297"] .common_ttl h2,[data-lib="297"] .common_ttl h3,[data-lib="297"] .common_ttl .ttl_l{font-size: 4vw; text-align:left;}[data-lib="297"] ul.faq_list li{margin-bottom:30px;}[data-lib="297"] ul.faq_list li .faq_q{margin-bottom: 25px; font-size:3.5vw; min-height:64px;}[data-lib="297"] ul.faq_list li .faq_q .faq_q_in{margin-left: 70px; font-size:20px;}[data-lib="297"] ul.faq_list li .faq_q:before{width: 60px; height: 60px; font-size: 6vw;}[data-lib="297"] ul.faq_list li .faq_a{font-size:3.5vw; min-height:64px; margin-bottom:30px;}[data-lib="297"] ul.faq_list li .faq_a .faq_a_in{margin-left: 70px; font-size:16px;}[data-lib="297"] ul.faq_list li .faq_a:before{width: 60px; height: 60px; font-size: 6vw;}[data-lib="297"] ul.faq_list li:last-child{border-bottom:none;}[data-lib="297"] ul.faq_list li:last-child .faq_a{margin-bottom:0px;}}/*widget:7a21cf5b-5478-4973-af09-ef8f67b8163d*/[data-lib="151"] a{color:inherit; text-decoration:none;}[data-lib="151"] a:hover{color:inherit; text-decoration:underline;}[data-lib="151"] .textArea{margin-bottom:60px;}[data-lib="151"] .news_wrapper{padding:120px 0;}[data-lib="151"] .news_wrapper ul.article_list{box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; box-sizing: border-box; margin-bottom:40px;}[data-lib="151"] .news_wrapper ul.article_list li{width: calc(50% - 15px); margin:0;}[data-lib="151"] .news_wrapper ul.article_list li a{position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}[data-lib="151"] .news_wrapper ul.article_list li a img{position: relative; display: block; width: 100%; height: auto; transition: all .5s ease-in-out; z-index: 1;}[data-lib="151"] .news_wrapper ul.article_list li a .text{top: 50%; left: 0; width: calc(100% - 60px); transform: translateY(-50%); font-size: 3rem; font-weight: 300; text-shadow: 0 1px 5px rgba(0,0,0,.3); display:none;}[data-lib="151"] .news_wrapper ul.article_list li a:hover img{background: rgba(0,0,0,0.4); transform: scale(1.1);}[data-lib="151"] .news_wrapper ul.article_list li a:hover .text{position: absolute; z-index: 10; color: #fff; font-size: 14px; text-align: left; margin: 0 30px; display: block;}[data-lib="151"] .news_wrapper ul.article_list li a:before{position: absolute; content: ""; top: 100%; width: 100%; height: 100%; opacity: 0; transition: all .5s ease-in-out; z-index: 2;}[data-lib="151"] .news_wrapper ul.article_list li a:hover:before{transform: translateY(-100%); opacity: 1; background: rgba(0,0,0,0.4);}[data-lib="151"] .news_wrapper ul.article_list li .box{position:relative; height: inherit;}[data-lib="151"] .news_wrapper ul.article_list li .news_data{min-height: 40px; position: absolute; bottom: 0; display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center; padding: 20px 0px;}[data-lib="151"] .news_wrapper ul.article_list li .news_data .date{z-index: 10; color: #fff; text-align: right; width: 100%; font-size: 14px; margin-bottom: 10px; padding: 0 30px;}[data-lib="151"] .news_wrapper ul.article_list li .news_data .title{z-index: 10; color: #fff; text-align: right; width: 100%; font-size: 14px; padding: 0 30px;}[data-lib="151"] .news_wrapper ul.article_list li .news_data:before{content: ""; background: rgba(0,0,0,0.4); width: 100%; min-height: 100%; position: absolute; z-index: 1;}[data-lib="151"] .news_wrapper ul.article_list li:nth-child(odd){margin-right:30px;}[data-lib="151"] .news_wrapper ul.article_list li:nth-child(n+3){margin-top:30px;}@media (max-width: 1280px){[data-lib="151"] .news_wrapper{padding:60px 5%; box-sizing:border-box;}}@media (max-width: 768px){[data-lib="151"] img{max-width:100%; height:auto;}[data-lib="151"] .news_wrapper{padding:60px 5%; box-sizing: border-box;}[data-lib="151"] .news_wrapper ul.article_list{flex-direction:column;}[data-lib="151"] .news_wrapper ul.article_list li{width: 100%;}[data-lib="151"] .news_wrapper ul.article_list li a:hover .text{display: none;}[data-lib="151"] .news_wrapper ul.article_list li:nth-child(odd){margin-right:0px;}[data-lib="151"] .news_wrapper ul.article_list li:nth-child(n + 2){margin-top: 30px;}[data-lib="151"] .news_wrapper.top ul.article_list li{width: 100%;}[data-lib="151"] .news_wrapper.top ul.article_list li:nth-child(n+3){margin-top:0px;}[data-lib="151"] .news_wrapper.top ul.article_list li:nth-child(n + 2){display:none;}}/*widget:dec86a9b-e3a5-4cf2-acb0-29b58a0af8c4*/[data-lib="179"] a{color:inherit; text-decoration:none;}[data-lib="179"] a:hover{color:inherit; text-decoration:underline;}[data-lib="179"] .access_wrap{background:#f3f3f3;}[data-lib="179"] .wrapper{padding:90px 0 80px;}[data-lib="179"] .common_ttl{text-align:center;}[data-lib="179"] .common_ttl span{font-size:90px; margin-bottom:20px; color:#362e2b;}[data-lib="179"] .common_ttl h2,[data-lib="179"] .common_ttl h3,[data-lib="179"] .common_ttl .ttl_l{font-size:24px; margin-bottom:30px; color:#e47e7e;}[data-lib="179"] .textArea{margin-bottom:30px;}[data-lib="179"] .LR_box{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: justify; align-content: space-between;}[data-lib="179"] .LR_box .left{width:670px; margin-right: 30px;}[data-lib="179"] .LR_box .left img{margin-bottom:0%; max-width: 100%;}[data-lib="179"] .LR_box .right{width:470px;}[data-lib="179"] .LR_box .right img{margin-bottom:0%; max-width: 100%;}[data-lib="179"] .googlemap{margin-bottom: 0px; height: 500px;}[data-lib="179"] .googlemap iframe{width: 100%; height: 100%;}[data-lib="179"] table.access_table{margin: 0; width: 100%; border-collapse: separate; border-spacing: 1px;}[data-lib="179"] table.access_table tr th{width: 25%; vertical-align: middle; min-height: 80px; padding: 25px 5px 20px; color: #362e2b; border-top: 1px solid #6a6b75;}[data-lib="179"] table.access_table tr td{width: 75%; vertical-align: middle; min-height: 80px; padding: 25px 5px 20px; color: #362e2b; border-top: 2px solid #e47e7e;}[data-lib="179"] .access_text{background-size:cover;}[data-lib="179"] .access_text .access_text_in{width: 50%; background-color: rgba(255,255,255,0.5); padding:150px 0px 120px;}[data-lib="179"] .access_text .access_text_in .ttl{text-align:left; margin-bottom:40px; padding:0 60px; font-size:36px; color:#362e2b;}[data-lib="179"] .access_text .access_text_in .ttl a{color:#e47e7e; text-decoration:none;}[data-lib="179"] .access_text .access_text_in .textArea{padding:0 60px; font-size:18px;}[data-lib="179"] .access_text .access_text_in .keyword{font-size:48px; color:#e47e7e;}@media (max-width: 1280px){[data-lib="179"] .wrapper{box-sizing:border-box;}[data-lib="179"] .common_ttl span{font-size: 9vw;}[data-lib="179"] .common_ttl h2,[data-lib="179"] .common_ttl h3,[data-lib="179"] .common_ttl .ttl_l{font-size: 2vw;}[data-lib="179"] .googlemap{height: 400px;}[data-lib="179"] .access_text .access_text_in{padding:75px 0px 60px;}[data-lib="179"] .access_text .access_text_in .ttl{padding:0 30px; font-size:2.2vw;}[data-lib="179"] .access_text .access_text_in .textArea{padding:0 30px; font-size:14px;}}@media (max-width: 768px){[data-lib="179"] .wrapper{padding:85px 5% 30px; box-sizing: border-box;}[data-lib="179"] .common_ttl{text-align:center;}[data-lib="179"] .common_ttl h2,[data-lib="179"] .common_ttl h3,[data-lib="179"] .common_ttl .ttl_l{font-size: 4vw; text-align:left;}[data-lib="179"] .textArea{font-size:16px;}[data-lib="179"] .LR_box{flex-direction:column; margin-bottom: 15px;}[data-lib="179"] .LR_box .left{float:none; margin-right: 0; margin-bottom: 30px; text-align: center; width: 100%; padding: 0; float: none;}[data-lib="179"] .LR_box .right{float:none; width: 100%; padding: 0; float: none;}[data-lib="179"] .LR_box .left img{margin: 0;}[data-lib="179"] .LR_box .right table{width:100%;}[data-lib="179"] .LR_box .right table th{width: 100%; display: block; box-sizing: border-box; vertical-align: middle; padding:10px; min-height: inherit; font-weight: bold; border-top: 2px solid #e47e7e;}[data-lib="179"] .LR_box .right table td{width: 100%; display: block; box-sizing: border-box; vertical-align: middle; padding:10px; min-height: inherit; border-top:none;}[data-lib="179"] table.access_table{margin: 0 auto; width: 100%;}[data-lib="179"] table.access_table tr th{width: 100%; display: inline-block; box-sizing: border-box; padding:10px; min-height: auto;}[data-lib="179"] table.access_table tr td{width: 100%; display: inline-block; box-sizing: border-box; padding:10px; min-height: auto;}[data-lib="179"] .googlemap{margin-bottom: 0px; height: 270px;}[data-lib="179"] .access_text .access_text_in{width: 100%; padding:30px 20px; box-sizing: border-box;}[data-lib="179"] .access_text .access_text_in .ttl{padding:0; font-size:4vw; margin-bottom:30px;}[data-lib="179"] .access_text .access_text_in .textArea{padding:0; font-size:16px;}[data-lib="179"] .access_text .access_text_in .keyword{font-size:24px;}[data-lib="179"] .top.access_wrap .access_text{display:none;}}/*widget:7ac8e850-74c7-4333-a127-39fa6320ace6*/[data-lib="55"] a{color:inherit; text-decoration:none;}[data-lib="55"] a:hover{color:inherit; text-decoration:underline;}[data-lib="55"] .concept_cont{display: -webkit-box; display: -ms-flexbox; display: flex;}[data-lib="55"] .concept_cont .concept_text,[data-lib="55"] .concept_cont .concept_img{width:50%;}[data-lib="55"] .concept_cont .cl_top{position:relative; min-height:12vh; padding:12vh 4vw 3vw;}[data-lib="55"] .concept_cont .cl_top span,[data-lib="55"] .concept_cont .cl_top .ttl_l{color:#ffffff; position:relative; z-index:1;}[data-lib="55"] .concept_cont .cl_top span{font-size:36px;}[data-lib="55"] .concept_cont .cl_top span:before{content: ""; height: 1px; width: 70px; position: absolute; left: -80px; bottom: 50%; background-color:#ffffff;}[data-lib="55"] .concept_cont .cl_top .ttl_l{font-size:1.9vw;}[data-lib="55"] .concept_cont .cl_top:before{content:""; background-color: rgba(228,126,126,0.7); width: 100%; height: 100%; display: block; position: absolute; z-index: 0; left: 0; top: 0;}[data-lib="55"] .concept_cont .cl_btm{padding:4vmax; background-color: #ffffff; color:#362e2b;}[data-lib="55"] .concept_cont .cl_btm .ttl_M{font-size: 1.1vw; margin-bottom:30px; color:#e47e7e;}[data-lib="55"] .concept_cont .cl_btm .more_btn{margin-top:65px; font-size:20px;}[data-lib="55"] .concept_cont .concept_img{position:relative;}[data-lib="55"] .concept_cont .concept_img a{display:block; height:100%;}[data-lib="55"] .concept_cont:nth-child(2n){-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}@media (max-width: 1280px){[data-lib="55"] .concept_cont .cl_btm{font-size:14px;}}@media (max-width: 768px){[data-lib="55"] .concept_cont{flex-direction:column;}[data-lib="55"] .concept_cont .concept_text,[data-lib="55"] .concept_cont .concept_img{width:100%;}[data-lib="55"] .concept_cont .concept_img{display:none;}[data-lib="55"] .concept_cont .cl_top{padding:4vh 4vw 3vw 7vw; font-size:4vw; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}[data-lib="55"] .concept_cont .cl_top span{font-size: 9vw;}[data-lib="55"] .concept_cont .cl_top .ttl_l{font-size: 4.0vw;}[data-lib="55"] .concept_cont .cl_btm{padding:4vw 3vw; font-size:16px;}[data-lib="55"] .concept_cont .cl_btm .ttl_M{font-size:4vw;}[data-lib="55"] .concept_cont .cl_btm .more_btn{margin-top:30px;}[data-lib="55"] .concept_cont:nth-child(2n){-webkit-box-direction: column; -ms-flex-direction: column; flex-direction: column;}[data-lib="55"] .top.concept_cont:nth-child(n + 2){display:none;}[data-lib="55"] .top.concept_cont .cl_btm_txt{height: 225px; overflow-y: scroll; margin-bottom: 4vw;}}[data-instance="43436"] .concept_43439 .cl_top{background:url(/_img/ja/cms/43439/ttl_img/___/session//) no-repeat center center; background-size:cover;}[data-instance="43436"] .concept_43439 .concept_img{background:url(/_img/ja/cms/43439/image/___/session//) no-repeat center center; background-size:cover;}[data-instance="43436"] .concept_43442 .cl_top{background:url(/_img/ja/cms/43442/ttl_img/___/session//) no-repeat center center; background-size:cover;}[data-instance="43436"] .concept_43442 .concept_img{background:url(/_img/ja/cms/43442/image/___/session//) no-repeat center center; background-size:cover;}/*********************************** LP色合い1 ************************************/ /*背景色*/ body .lp_color1-bgcolor{ background-color:#e47e7e; background-color:; } /*テキスト色*/ body .lp_color1-txtcolor{ color:#e47e7e; color:; } /*背景色1、テキスト色2*/ body .lp_color1-bgtxtcolor{ color:#ffffff; color:; background-color:#e47e7e; background-color:; } /*背景色2、テキスト色1*/ body .lp_color2-bgtxtcolor{ color:#e47e7e; color:; background-color:#ffffff; background-color:; } /*字書リンク色*/ body .lp_color1-a-color a{ color:#e47e7e; color:; text-decoration:none; } /*字書リンク色2*/ body .lp_color2-a-color a{ color:#ffffff; color:; text-decoration:none; } /*テキスト色、ボーダー色*/ body .lp_color1-txtbdr-color{ color:#e47e7e; color:; border-color:#e47e7e; border-color:; } /*ボーダー色*/ body .lp_color1-bdrcolor{ border-color:#e47e7e; border-color:; } /*背景グラデーション*/ body .lp_gradcolor-bgtxtcolor{ color:#e47e7e; background: rgba(228,126,126,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(228,126,126,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(228,126,126,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(228,126,126,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e47e7e',GradientType=1 ); color:; background: ; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='',GradientType=1 ); } /*背景グラデーション2*/ body .lp_gradcolor2-bgtxtcolor{ color:#e47e7e; color:; background: rgba(228,126,126,1); background: -moz-linear-gradient(left, rgba(228,126,126,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(228,126,126,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(228,126,126,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e47e7e', endColorstr='#ffffff',GradientType=1 ); background: ; background: -moz-linear-gradient(left, 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='', endColorstr='#ffffff',GradientType=1 ); } /*アイスン色合い*/ [class^="icon-"].lp_color1-txtcolor{ border-color:#e47e7e; color:; } /*リンクボタン*/ body .link_btn.lp_color1-bgtxtcolor{ color:#ffffff; color:; background-color:#e47e7e; background-color:; } .off_text > span.lp_color1-txtcolor { color:#e47e7e; color:; } .owlet-form table tr td{ border-top-color: #e47e7e; border-top-color: ; } .owlet-form table tr:last-child td{ border-bottom-color: #e47e7e; border-bottom-color: ; } /*********************************** LP色合い2 ************************************/ /*背景色*/ body .lp_color2-bgcolor{ background-color:#ffffff; background-color:; } /*テキスト色*/ body .lp_color2-txtcolor{ color:#ffffff; color:; } /*ボーダー色*/ body .lp_color2-bdrcolor{ border-color:#ffffff; border-color:; } /*下ボーダー色*/ body .lp_color2-bdrB-color{ border-bottom-color:#ffffff; border-bottom-color:; } /*アイスン色合い*/ [class^="icon-"].lp_color2-txtcolor{ color:#ffffff; color:; } /*********************************** before要素、after要素 ************************************/ body .lp_color1-babg:before, body .lp_color1-babg:after{ background-color:#ffffff; background-color:; } body .lp_color2-babg:before, body .lp_color2-babg:after{ background-color:#ffffff; background-color:; } /*********************************** before要素 ************************************/ body .lp_color1-beforebg:before{ background-color:rgba(228,126,126,0.8); background-color:; } body .lp_color1-beforebdrT:before{ border-color: transparent; border-top-color:#e47e7e; border-top-color: ; } body .lp_color1-beforebdrL:before{ border-color: transparent; border-left-color:#e47e7e; border-left-color: ; } /*********************************** after要素 ************************************/ body .lp_color1-afterbg:after{ background-color:#e47e7e; background-color:; } body .lp_color1-afterbdrT:after{ border-color: transparent; border-top-color:#e47e7e; border-top-color: ; } body .lp_color1-afterbdrB:after{ border-color: transparent; border-bottom-color:#e47e7e; border-bottom-color: ; } body .lp_color1-afterbdrL:after{ border-color: transparent; border-left-color:#e47e7e; border-left-color: ; } body .lp_color1-afterbdrR:after{ border-color: transparent; border-right-color:#e47e7e; border-right-color: ; } body .lp_color1-afterbdr:nth-child(even):after{ border-color: transparent; border-bottom-color:#e47e7e; border-bottom-color: ; } body .lp_color1-afterbdr:nth-child(odd):after{ border-color: transparent; border-left-color:#e47e7e; border-left-color: ; } /*********************************** お問い組合わせボタン ************************************/ .nav_footer td .contact_btn a.lp_color1-contactcolor, .more_btn.accent_clr a.lp_color1-contactcolor, .ft_mdl .footer_contact a.lp_color1-contactcolor{ color:#ffffff; background-color:#e47e7e; border-color:#e47e7e; color:; background-color:; border-width: 1px; border-style: solid; border-color: ; } .nav_footer td .contact_btn a.lp_color1-contactcolor:hover, .more_btn.accent_clr a.lp_color1-contactcolor:hover, .ft_mdl .footer_contact a.lp_color1-contactcolor:hover{ color:#e47e7e; background-color:#ffffff; border-color:#e47e7e; color:; background-color:; border-width: 1px; border-style: solid; border-color: ; } .form_button input[type="submit"], .form_button input[type="button"]{ color:; background-color:; border-width: 1px; border-style: solid; border-color: ; } .form_button input[type="submit"]:hover, .form_button input[type="button"]:hover{ color:; background-color:; border-width: 1px; border-style: solid; border-color: ; } /* 初期併設 ****************************************/ body,div,dl,dt,dd,ul,ol,li, h1,h2,h3,h4,h5,h6, pre,code,form,fieldset,legend, p,blockquote,table,th,td {margin: 0; padding: 0;} html,body {background: #FFF; color: #000;} * html body {font-size: small;} *:first-child+html body {font-size: small;} img {border: 0; vertical-align: top;} h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;} ul,dl,ol {text-indent: 0;} li {list-style: none;} address,caption,cite,code,dfn,th,var {font-style: normal; font-weight: normal;} sup {vertical-align: text-top;} sub {vertical-align: text-bottom;} input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;} * html input,* html textarea,* html select {font-size: 100%;} *:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;} table {border-collapse: collapse; border-spacing: 0; font-size: inherit;} th,td {text-align: left; vertical-align: top;} caption {text-align: left;} pre,code,kbd,samp,tt {font-family: monospace;} * html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;} *:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;} input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;} @media (max-width: 768px) { html,body{ overflow-x:hidden; } } /* フォントアイスン ****************************************/ @font-face { font-family: 'svg_icon'; src: url('/fonts/svg_icon.ttf?zhd8ff') format('truetype'), url('/fonts/svg_icon.woff?zhd8ff') format('woff'), url('/fonts/svg_icon.svg?zhd8ff#svg_icon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'svg_icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*メ宿舎ビジュアル背景*/ .icon-SVG01:before { content: "\e900"; } /*下矢印*/ .icon-SVG02:before { content: "\e901"; } /*キャッチコピーアイスン*/ .icon-SVG03:before { content: "\e902"; } /*キャッチコピーアイスン*/ .icon-SVG04:before { content: "\e903"; } /*キャッチコピーアイスン*/ .icon-SVG05:before { content: "\e904"; } /*キャッチコピーアイスン*/ .icon-SVG06:before { content: "\e905"; } /*キャッチコピーアイスン*/ .icon-SVG07:before { content: "\e906"; } /*キャッチコピーアイスン*/ .icon-SVG08:before { content: "\e907"; } /*吹き出し*/ .icon-SVG09:before { content: "\e908"; } /*吹き出し*/ .icon-SVG10:before { content: "\e909"; } /*下線*/ .icon-SVG11:before { content: "\e90a"; } /*ギャラリー背景*/ .icon-SVG12:before { content: "\e90b"; } /*括弧*/ .icon-SVG13:before { content: "\e90c"; } /*括弧*/ .icon-SVG14:before { content: "\e90d"; } /*メールアイスン*/ .icon-SVG15:before { content: "\e90e"; } /*バーガーメニュ*/ .icon-SVG16:before { content: "\e90f"; } /*バーガーメニュ 節*/ .icon-cross:before { content: "\ea0f"; } /************************************************************************************ ベースス瓦併設 1.clearfix,clear 2.font 3.float 4.text-align 5.margin 6.padding ************************************************************************************/ /*1. clearfix,clear */ /* For modern browsers */ .clearfix:before, .clearfix:after { content:""; display:block; overflow:hidden; } .clearfix:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .clearfix { zoom:1; } .clear { clear:both; } /*2. font */ .fw_b { font-weight: bold; } /*3. float */ .f_L { display: inline; float: left; } .f_R { display: inline; float: right; } /*4. text-align */ .t_R { text-align: right; } .t_L { text-align: left; } .t_C { text-align: center; } /*5. margin */ .mt5 { margin: 5px 0 0px; } .mt10 { margin: 10px 0 0px; } .mt15 { margin: 15px 0 0px; } .mt20 { margin: 20px 0 0px; } .mt30 { margin: 30px 0 0px; } .ml5 { margin: 0 0 0 5px; } .ml10 { margin: 0 0 0 10px; } .ml15 { margin: 0 0 0 15px; } .ml20 { margin: 0 0 0 20px; } .ml30 { margin: 0 0 0 30px; } .mr5 { margin: 0 5px 0 0; } .mr10 { margin: 0 10px 0 0; } .mr15 { margin: 0 15px 0 0; } .mr20 { margin: 0 20px 0 0; } .mr30 { margin: 0 30px 0 0; } /*6. padding */ .p0 { padding: 0; } .plr5 { padding: 0 5px; } .plr10 { padding: 0 10px; } .plr15 { padding: 0 15px; } .plr20 { padding: 0 20px; } .ptb10 { padding: 10px 0; } .ptb20 { padding: 20px 0; } .pall10 { padding: 10px; } .pall20 { padding: 20px; } .pb0 { padding-bottom: 0; } .pb5 { padding-bottom: 5px; } .pb10{ padding-bottom: 10px; } .pb15{ padding-bottom: 15px; } .pb20{ padding-bottom: 20px; } .pb30{ padding-bottom: 30px; } .pb40{ padding-bottom: 40px; } .pb50{ padding-bottom: 50px; } .pb60{ padding-bottom: 60px; } /*6. margin-bottom */ .m0{ margin: 0 !important; } .mb0 { margin-bottom: 0 !important; } .mb5 { margin-bottom: 5px !important; } .mb10{ margin-bottom: 10px !important; } .mb15{ margin-bottom: 15px !important; } .mb20{ margin-bottom: 20px !important; } .mb30{ margin-bottom: 30px !important; } .mb40{ margin-bottom: 40px !important; } .mb50{ margin-bottom: 50px !important; } .mb60{ margin-bottom: 60px !important; } .mb70{ margin-bottom: 70px !important; } .mb80{ margin-bottom: 80px !important; } .mb90{ margin-bottom: 90px !important; } .mb100{ margin-bottom: 100px !important; } /*7. width % */ .w10p{ width:10%; } .w20p{ width:20%; } .w30p{ width:30%; } .w40p{ width:40%; } .w50p{ width:50%; } .w60p{ width:60%; } .w70p{ width:70%; } .w80p{ width:80%; } .w90p{ width:90%; } .w100p{ width:100%; } .w5p{ width:5%; } .w15p{ width:15%; } .w25p{ width:25%; } .w35p{ width:35%; } .w45p{ width:45%; } .w55p{ width:55%; } .w64p{ width:64%; } .w65p{ width:65%; } .w75p{ width:75%; } .w85p{ width:85%; } .w95p{ width:95%; } @media (max-width: 768px) { .w10p{ width:100%; } .w20p{ width:100%; } .w30p{ width:100%; } .w40p{ width:100%; } .w50p{ width:100%; } .w60p{ width:100%; } .w70p{ width:100%; } .w80p{ width:100%; } .w90p{ width:100%; } .w100p{ width:1000%; } .w5p{ width:100; } .w15p{ width:100%; } .w25p{ width:100%; } .w35p{ width:100%; } .w45p{ width:100%; } .w55p{ width:100%; } .w65p{ width:100%; } .w75p{ width:100%; } .w85p{ width:100%; } .w95p{ width:100%; } } .areaL {float: left;} .areaR {float: right;} .tx-left{text-align: left !important;} .tx-right{text-align: right !important;} .tx-center{text-align: center !important;} @media screen and (max-width: 768px){ .rwd-float-none .areaL, .rwd-float-none .areaR{ float:none; width:100%; margin: 0 auto 10px; } } /*8. width % */ .col_1{ width:70px; } .col_2{ width:170px; } .col_3{ width:270px; } .col_4{ width:370px; } .col_5{ width:470px; } .col_6{ width:570px; } .col_7{ width:670px; } .col_8{ width:770px; } .col_9{ width:870px; } .col_10{ width:970px; } .col_11{ width:1070px; } .col_12{ width:1170px; } @media (max-width: 1169px) { .col_12, .col_11, .col_10, .col_9, .col_8, .col_7, .col_6, .col_5, .col_4, .col_3, .col_2, .col_1{ width:100%; } } @media (max-width: 1169px) { .LR_box .col_12{ width:100%; } .LR_box .col_11{ width:100%; } .LR_box .col_10{ width:100%; } .LR_box .col_9{ width:87%; } .LR_box .col_8{ width:77%; } .LR_box .col_7{ width:67%; } .LR_box .col_6{ width:49%; } .LR_box .col_5{ width:30%; } .LR_box .col_4{ width:20%; } .LR_box .col_3{ width:10%; } .LR_box .col_2{ width:20%; } .LR_box .col_1{ width:10%; } } @media (max-width: 768px) { .LR_box .col_12, .LR_box .col_11, .LR_box .col_10, .LR_box .col_9, .LR_box .col_8, .LR_box .col_7, .LR_box .col_6, .LR_box .col_5, .LR_box .col_4, .LR_box .col_3, .LR_box .col_2, .LR_box .col_1{ width:100%; } } /***************************************** ◆基本機能 Default Style テーブル 犀トマップ パンくず 問合せ四分子ム 条款ページャー タブ *****************************************/ /*CMSジーメンスドの編集ボタン拡大解除*/ .cms_edit_caption img, .cms_move_caption img { width: initial!important; } .cms_edit_caption a:hover, .cms_move_caption a:hover { text-decoration: underline; } .cms_edit_caption a:before, .cms_edit_caption a:after, .cms_move_caption a:before, .cms_move_caption a:after { display: none; } /***************************************** 国法日ング *****************************************/ .pace-running #container{ display:none; } .pace { width: 140px; height: 300px; position: fixed; top: -90px; right: -20px; z-index: 2000; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 2s linear 0s; -moz-transition: all 2s linear 0s; transition: all 2s linear 0s; } .pace.pace-active { -webkit-transform: scale(.25); -moz-transform: scale(.25); -ms-transform: scale(.25); -o-transform: scale(.25); transform: scale(.25); opacity: 1; } .pace .pace-activity { width: 140px; height: 140px; border-radius: 70px; background: #e47e7e; background: ; position: absolute; top: 0; z-index: 1911; -webkit-animation: pace-bounce 1s infinite; -moz-animation: pace-bounce 1s infinite; -o-animation: pace-bounce 1s infinite; -ms-animation: pace-bounce 1s infinite; animation: pace-bounce 1s infinite; } .pace .pace-progress { position: absolute; display: block; left: 50%; bottom: 0; z-index: 1910; margin-left: -30px; width: 60px; height: 75px; background: rgba(20, 20, 20, .1); box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); border-radius: 30px / 40px; -webkit-transform: scaleY(.3); -moz-transform: scaleY(.3); -ms-transform: scaleY(.3); -o-transform: scaleY(.3); transform: scaleY(.3); -webkit-animation: pace-compress .5s infinite alternate; -moz-animation: pace-compress .5s infinite alternate; -o-animation: pace-compress .5s infinite alternate; -ms-animation: pace-compress .5s infinite alternate; animation: pace-compress .5s infinite alternate; } .now-loading{ position: fixed; z-index:1000; width: 100vw; height: 100vh; top: 0; left: 0; font-size:50px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .now-loading{ } .nl-txt{ width: 90vw; margin: 0 auto; } } @-webkit-keyframes pace-bounce { 0% { top: 0; -webkit-animation-timing-function: ease-in; } 40% {} 50% { top: 140px; height: 140px; -webkit-animation-timing-function: ease-out; } 55% { top: 160px; height: 120px; border-radius: 70px / 60px; -webkit-animation-timing-function: ease-in; } 65% { top: 120px; height: 140px; border-radius: 70px; -webkit-animation-timing-function: ease-out; } 95% { top: 0; -webkit-animation-timing-function: ease-in; } 100% { top: 0; -webkit-animation-timing-function: ease-in; } } @-moz-keyframes pace-bounce { 0% { top: 0; -moz-animation-timing-function: ease-in; } 40% {} 50% { top: 140px; height: 140px; -moz-animation-timing-function: ease-out; } 55% { top: 160px; height: 120px; border-radius: 70px / 60px; -moz-animation-timing-function: ease-in; } 65% { top: 120px; height: 140px; border-radius: 70px; -moz-animation-timing-function: ease-out;} 95% { top: 0; -moz-animation-timing-function: ease-in; } 100% {top: 0; -moz-animation-timing-function: ease-in; } } @keyframes pace-bounce { 0% { top: 0; animation-timing-function: ease-in; } 50% { top: 140px; height: 140px; animation-timing-function: ease-out; } 55% { top: 160px; height: 120px; border-radius: 70px / 60px; animation-timing-function: ease-in; } 65% { top: 120px; height: 140px; border-radius: 70px; animation-timing-function: ease-out; } 95% { top: 0; animation-timing-function: ease-in; } 100% { top: 0; animation-timing-function: ease-in; } } @-webkit-keyframes pace-compress { 0% { bottom: 0; margin-left: -30px; width: 60px; height: 75px; background: rgba(20, 20, 20, .1); box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); border-radius: 30px / 40px; -webkit-animation-timing-function: ease-in; } 100% { bottom: 30px; margin-left: -10px; width: 20px; height: 5px; background: rgba(20, 20, 20, .3); box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); border-radius: 20px / 20px; -webkit-animation-timing-function: ease-out; } } @-moz-keyframes pace-compress { 0% { bottom: 0; margin-left: -30px; width: 60px; height: 75px; background: rgba(20, 20, 20, .1); box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); border-radius: 30px / 40px; -moz-animation-timing-function: ease-in; } 100% { bottom: 30px; margin-left: -10px; width: 20px; height: 5px; background: rgba(20, 20, 20, .3); box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); border-radius: 20px / 20px; -moz-animation-timing-function: ease-out; } } @keyframes pace-compress { 0% { bottom: 0; margin-left: -30px; width: 60px; height: 75px; background: rgba(20, 20, 20, .1); box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1); border-radius: 30px / 40px; animation-timing-function: ease-in; } 100% { bottom: 30px; margin-left: -10px; width: 20px; height: 5px; background: rgba(20, 20, 20, .3); box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3); border-radius: 20px / 20px; animation-timing-function: ease-out; } } /***************************************** object-fit *****************************************/ .obj_fit img{ }/*no make_cache*//* 犀ト共通 ****************************************/ body { font:18px/1.5 "メイリオ","Meiryo","MS Pゴいなせ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; word-wrap: break-word; -webkit-text-size-adjust: 100%; letter-spacing: 0; font-size: inherit; overflow-x: hidden; background:#ffffff; color:#362e2b; font-family: 'source-han-sans-japanese', sans-serif; font-weight: 400; font-style: normal; font-family:,sans-serif; font-style:; font-weight:; } a{ cursor:pointer; } .clearfix { zoom: 1; } .clearfix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .sp { display: none; } .tb { display: none; } @media (min-width: 769px) { .pc.tb { display: block; } } @media (max-width: 768px) { .sp { display: block; } .tb { display: block; } .pc { display: none; } body { font-family:inherit; font-family: 'Droid Sans',-apple-system-body, BlinkMacSystemFont, "Helvetica Neue",sans-serif; } } .wrapper{ width:1170px; margin:0 auto; } /*RWD時 縮小なし*/ .wrapper2{ width:1170px; margin:0 auto; } @media (min-width: 769px) and (max-width: 1280px) { .wrapper, .tb_wrap, .tb_txt{ transform:scale(0.8); } .tr_orgn_t{ transform-origin: top; } [class^="wrapper"], [class*="wrapper"],.news_two-column { padding-top: 0!important; padding-bottom: 0!important; } } @media (max-width: 1169px) { .wrapper, .wrapper2{ width:100%; margin:0 auto; } } .full_wrapper{ width:100%; margin:0 auto; } .min-wrapper{ width: 770px; margin: 0 auto; } @media (max-width: 768px) { .min-wrapper{ width:100%; margin:0 auto; } } .more_btn { text-align: center; } .more_btn a{ display: inline-block; position: relative; text-decoration: none; border: 2px solid; -webkit-transition: all .3s; transition: all .3s; padding: 20px 5px; box-sizing: border-box; line-height: 1; text-align: center; min-width: 325px; font-size:20px; } .more_btn a:hover{ opacity: 1; } @media (max-width: 768px) { .more_btn a{ min-width: 100%; } } /*共通見出し*/ .common_ttl{ text-align:center; } .common_ttl span{ font-size:90px; margin-bottom:20px; color:#362e2b; } .common_ttl h2, .common_ttl h3, .common_ttl .ttl_l{ font-size:24px; margin-bottom:30px; color:#e47e7e; } @media (max-width:1280px) { .common_ttl span{ font-size: 9vw; } .common_ttl h2, .common_ttl h3, .common_ttl .ttl_l{ font-size: 2vw; } } @media (max-width: 768px) { .common_ttl{ text-align:center; } .common_ttl h2, .common_ttl h3, .common_ttl .ttl_l{ font-size: 4vw; text-align:left; } } /*メ宿舎色合い*/ .more_btn.main_clr a{ text-decoration:none; color: #362e2b; background-color: #f3f3f3; border-width:2px; border-style:solid; border-color: #f3f3f3; } .more_btn.main_clr a:hover{ text-decoration:none; color: #f3f3f3; background-color: #362e2b; border-color: #f3f3f3; } /*アク仙色合い*/ .more_btn.accent_clr a{ text-decoration:none; color: #ffffff; background-color: #e47e7e; border-width:2px; border-style:solid; border: 2px solid #e47e7e; } .more_btn.accent_clr a:hover{ text-decoration:none; color: #e47e7e; background-color: #ffffff; border-color: #e47e7e; } /* Material icons ****************************************/ .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; width: 1em; height: 1em; line-height: 1; text-transform: none; /* WebKitウェブブラウザーサポート */ -webkit-font-smoothing: antialiased; /* Chrome、Safariサポート */ text-rendering: optimizeLegibility; /* Firefoxサポート */ -moz-osx-font-smoothing: grayscale; /* IEサポート */ font-feature-settings: 'liga'; } /* Header ****************************************/ header { width: 100%; height: 110px; position: absolute; left: 0; top: 0; box-sizing: border-box; z-index: 101; } /* Header navigation ****************************************/ .nav_wrapper { position: relative; } .header_wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; left: 0; right: 0; min-height: 120px; align-items: center; justify-content: center; z-index: 100; } .header_wrapper .header_wrapper_in{ display: flex; justify-content: space-between; align-items: center; padding: 30px; } .logo a { padding: 0; display: inline-block; } .logo img { max-height: 80px; max-width: 300px; padding:0; background:none; box-sizing: border-box; object-fit: contain; font-family: 'object-fit: contain;' } h1{ display:none; } @media (max-width: 768px) { .header_wrapper .header_wrapper_in{ padding: 15px; box-sizing: border-box; } } /*menu*/ .navigation{ height: 42px; width: 42px; padding:17px; } .header_wrapper .navigation{ font-size:30px; text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color:#ffffff; } .icon-SVG16{ color:#e47e7e; } .header_wrapper .navigation svg.menu_off{ display:block; } /*gnav バーガーメニュー*/ .gnav{ background: rgba(0,0,0,0.8); display: none; height: 100%; position: fixed; width: 100%; z-index: 98; } .gnav__wrap{ height: calc(100% - 340px); max-height: calc(100vh - 340px); position: absolute; top:140px; width: 100%; overflow-y: auto; padding: 20px 0; box-sizing: border-box; } .gnav__menu{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; flex-direction: column; height: 100%; } .gnav__menu__item{ list-style: none; text-align: center; margin-left:100px; opacity:0; } .gnav__menu__item a{ color: #fff; font-size: 2.2vh; font-weight: bold; text-decoration: none; transition: .5s; } .gnav__menu__item a:hover{ color: #fff; } .nav_footer{ display:none; } .nav_footer td .contact_btn{ margin: 0 0 0 30px; } .nav_footer td .contact_btn a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 0px; text-decoration: none; text-align: center; min-width: 270px; background-color: #e47e7e; border-width:1px; border-style:solid; border-color: #e47e7e; color: #ffffff; } .nav_footer td .contact_btn a:hover { background-color: #fff; border-width:1px; border-style:solid; border-color: #e47e7e; color: #e47e7e; transition: all .4s; } .nav_footer td .contact_btn a span{ margin-left: 10px; font-size: 20px; } .nav_footer td .contact_btn a span[class^="icon-"]{ font-size:1.8rem; margin-left:0; } .header_wrapper .navigation span.icon-cross{ display:none; } @media (max-width: 768px) { .gnav__wrap{ top:111px; height: calc(100% - 256px); } .gnav__menu { justify-content: inherit; } .gnav__menu__item a { display: block; padding: 12px 0; } .logo img { max-height: 60px; max-width: 200px; } /*menu*/ .navigation{ height: 30px; width: 30px; padding: 15px; } } /*gnav2 メニュー表示*/ /* Header navigation ****************************************/ @media (min-width: 1024px) { .nav_wrapper.gnav_fixed { position: fixed; width: 100%; background-color: rgba(255,255,255,0.7); } .nav_wrapper.gnav_fixed .header_wrapper.fixed .header_wrapper_in { -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; } .nav_wrapper.gnav_fixed .header_wrapper.fixed .logo { display: block; } .nav_wrapper.gnav_fixed .header_wrapper .navigation{ display:none; } .nav_wrapper.gnav_fixed .gnav{ position: fixed; width: 100%; padding-left: 350px; padding-right: 50px; z-index: 101; top: 0; right: 0; box-sizing: border-box; display: block; height: auto; background:none; } .nav_wrapper.gnav_fixed .gnav__wrap{ width: 100%; height: auto; max-height: none; position: initial; top: initial; overflow-y: initial; padding: 0; } .nav_wrapper.gnav_fixed .gnav__menu{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 132px; height: auto; -ms-flex-direction:row; -webkit-flex-direction:row; flex-direction: row; } .nav_wrapper.gnav_fixed .gnav__menu__item{ list-style: none; text-align: center; padding-left:15px; opacity: 1; margin: 0; } .nav_wrapper.gnav_fixed .gnav__menu__item:nth-child(n + 7){ display: none; } .nav_wrapper.gnav_fixed .gnav__menu__item a{ font-size: 16px; font-weight: bold; text-decoration: none; transition: .5s; color: #362e2b; } .nav_wrapper.gnav_fixed .gnav__menu__item a:hover{ color: #362e2b; } .nav_wrapper.gnav_fixed .header_wrapper .navigation span.icon-cross{ display:none; } } @media (max-width: 768px) { .nav_wrapper.gnav_fixed .gnav__wrap{ top:111px; height: calc(100% - 256px); } .nav_wrapper.gnav_fixed .gnav__menu { justify-content: inherit; } .nav_wrapper.gnav_fixed .gnav__menu__item a { display: block; padding: 12px 0; } } /* 見出恭順 ****************************************/ .header_wrapper.fixed .navigation { position: fixed; top: 22px; right: 30px; } .header_wrapper.fixed .header_wrapper_in{ -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .header_wrapper.fixed .logo{ display:none; } @media (max-width: 768px) { .header_wrapper.fixed .navigation { position: fixed; top: 15px; right: 15px; } } /* クリック時 ****************************************/ body.active, html.active{ overflow-y:hidden; } body.pace-done{ overflow-x:hidden; width:100%; } .nav_wrapper.active { height: 100%; position:absolute; top:0; bottom:0; left:0; right:0; } .header_wrapper.active{ position:fixed; } .header_wrapper.active.fixed .navigation { position: relative; top: auto; right: auto; } .header_wrapper.active .logo { display: block; } .header_wrapper.active .header_wrapper_in{ border-bottom: 1px solid #ffffff; } .header_wrapper.active h1{ display: block; margin: 0 auto; text-align: center; font-size: 1vw; color:#fff; } .header_wrapper.active .navigation{ background-color:transparent; } .header_wrapper.active .navigation svg.menu_off{ display:none; } .header_wrapper .navigation svg.menu_on{ display:none; } .header_wrapper.active .navigation svg.menu_on{ display:block; } .header_wrapper.active .navigation span.icon-SVG16{ display:none; } .header_wrapper.active .navigation span.icon-cross{ display:block; color:#fff; } .gnav.active{ display: block; } .nav_footer.active{ border-top: 1px solid #ffffff; display:block; position:fixed; bottom:0; min-height:200px; width: 100%; z-index: 100; } .nav_footer.active table{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 200px; } .nav_footer.active table .catch{ color: #fff; font-weight: bold; font-size: 18px; text-align: center; } .nav_footer.active table .tel{ color: #fff; font-size: 48px; text-align: center; line-height: 1.3; } .nav_footer.active table .tel a{ color:inherit; text-decoration:none; } .nav_footer.active table .time{ color: #fff; font-size: 16px; text-align: center; line-height: 1; } @media (max-width: 768px) { .header_wrapper { min-height: 110px; height: 110px; } .header_wrapper.active h1{ display:none; } .nav_wrapper.active { z-index: 999; } .nav_footer.active { padding: 10px 0; height:125px; min-height:125px; } .nav_footer.active table{ flex-direction:column; min-height:125px; } .nav_footer.active table tr td { width:100%; display: block; box-sizing: border-box; } .nav_footer.active table .catch{ display:none; } .nav_footer.active table .tel{ font-size: 8vw; } .nav_footer.active table .time{ font-size: 3vw; } .nav_footer td .contact_btn { margin:10px 0 0 0; } .nav_footer td .contact_btn a { min-width:100%; padding: 10px 0px; } } /*  国法日ング後 ****************************************/ /*初期併設 ロゴ用、左からスライド*/ header .logo, .tr_left{ -webkit-transform: translate3d(-100.1%,0,0); transform: translate3d(-100.1%,0,0); } /*初期併設 共通 */ .pace-done header .logo, .pace-done .fv_cont .fv_text_L, .pace-done .fv_cont .fv_text_M, .tr_left, .tr_right{ -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1); transition-timing-function: cubic-bezier(.075,.82,.165,1); } /*国法日ング後 ロゴ用、左からスライド*/ .pace-done header .logo, .pace-done .tr_left{ -webkit-transition-duration: 1.2s; transition-duration: 1.2s; -webkit-transition-delay: .2s; transition-delay: .2s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*初期併設 MVテキスト用、右からスライド*/ .fv_cont .fv_text_L, .fv_cont .fv_text_M{ -webkit-transform: translate3d(100.1%,0,0); transform: translate3d(100.1%,0,0); } .tr_right{ -webkit-transform: translate3d(200.1%,0,0); transform: translate3d(200.1%,0,0); } /*国法日ング後 MVテキスト用、右からスライド*/ .pace-done .fv_cont .fv_text_L, .pace-done .fv_cont .fv_text_M, .pace-done .tr_right{ -webkit-transition-duration: 1.2s; transition-duration: 1.2s; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .pace-done .fv_cont .fv_text_L, .pace-done .fv_cont .fv_text_M{ -webkit-animation-delay:3s; -moz-animation-delay:3s; -o-animation-delay:3s; animation-delay:3s; } @-moz-keyframes fv_border { 0% { height:0px; transform: translateY(-100%); } 100%{ height:100%; transform: translateY(0%); } } @-webkit-keyframes fv_border { 0% { height:0px; transform: translateY(-100%); } 100%{ height:100%; transform: translateY(0%); } } @keyframes img-wrap { 100% { transform: translateX(-100%); } } /*初期併設 MVスク国法ル、フェード*/ .fv_scroll, .tr_fade{ opacity: 0; } .pace-done .fv_scroll, .pace-done .tr_fade{ opacity: 1; -webkit-transition-duration: 1.2s; transition-duration: 1.2s; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-transition-property: opacity; transition-property: opacity; } /*初期併設 バーガーメニュー、フェード*/ .navigation, .tr_fade2{ opacity: 0; } .pace-done header .navigation, .pace-done .tr_fade2{ opacity: 1; -webkit-transition-duration: 1.2s; /* transition-duration: 1.2s; */ -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-transition-timing-function: cubic-bezier(0,.56,.44,1); transition-timing-function: cubic-bezier(0,.56,.44,1); -webkit-transition-property: opacity; transition-property: opacity; } /* パンくず ****************************************/ .pankuzu{ width: calc(100% - 400px); margin: 0 0 0 auto; background-color: #e47e7e; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; height:10vh; } .pankuzu nav#breadcrumb{ margin:0 70px; } .pankuzu nav#breadcrumb ul{ display: -webkit-box; display: -ms-flexbox; display: flex; } .pankuzu nav#breadcrumb ul li{ position:relative; } .pankuzu nav#breadcrumb ul li:after{ content:"/"; margin: 0 20px; } .pankuzu nav#breadcrumb ul li:last-child:after{ content:""; margin:0; } .pankuzu nav#breadcrumb ul li, .pankuzu nav#breadcrumb ul li a{ color: #ffffff; } @media (max-width:1280px) { .pankuzu nav#breadcrumb ul li:first-child{ display:none; } } @media (max-width: 768px) { .pankuzu{ width: calc(100% - 30%); display:none; } .pankuzu nav#breadcrumb{ margin:0 auto; } } /* main ****************************************/ @media (max-width: 768px) { main{ position:relative; z-index:0; overflow-x:hidden; } } /* SEO ****************************************/ .layout_seo_wrap{ background-color:#f3f3f3; color:#362e2b; } .layout_seo_wrap{ padding:95px 0; } @media (max-width: 1169px) { .layout_seo_wrap{ padding:50px 5%; box-sizing: border-box; } } @media (max-width: 768px) { .layout_seo_wrap{ padding:50px 5%; } } /* footer ****************************************/ #footer{ min-width: auto; margin: 0 auto; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; z-index: 100; background-image: url(/_img/ja/resource/3/footer_bg/); color: #fff; } #footer::before { content: ""; background-color: rgba(0,0,0,0.4); width: 100%; height: 100%; display: block; position: absolute; z-index: -1; } .ft_mdl a, .ft_btm a{ color:#fff; text-decoration:none; } .ft_mdl a:hover, .ft_btm a:hover{ color:inherit; text-decoration:underline; } .ft_top{ padding:60px 0 40px; text-align: center; } .ft_top img{ max-height: 150px; max-width: 400px; padding: 0; background: none; box-sizing: border-box; object-fit: contain; font-family: 'object-fit: contain;'; } .ft_mdl{ padding:0 0 60px; } .ft_mdl ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ft_mdl ul > li, .ft_btm ul > li{ margin-left:30px; } .ft_mdl ul > li:first-child, .ft_btm ul > li:first-child{ margin-left:0px; } .ft_mdl ul > li a, .ft_btm ul > li a{ font-size:15px; } .ft_mdl .footer_text{ padding: 55px 0 25px; } .ft_mdl .footer_contact{ text-align:center; } .ft_mdl .footer_contact a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 0px 14px; text-decoration: none; text-align: center; width: 370px; margin: 0 auto; font-size:1.25rem; border-width:1px; border-style:solid; border-color: #e47e7e; color: #ffffff; background-color: #e47e7e; } .ft_mdl .footer_contact a:hover { border-width:1px; border-style:solid; border-color: #e47e7e; color: #e47e7e; background-color: #ffffff; transition: all .4s; } .ft_mdl .footer_contact a span{ margin-left: 10px; } .ft_btm{ min-height:155px; } .ft_btm:before{ content: ""; background-color: rgba(0,0,0,0.4); width: 100%; min-height: inherit; display: block; position: absolute; z-index: -1; } .ft_btm ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top:45px; } .ft_btm #copyright{ padding: 30px 0; text-align: center; color: #fff; } @media (max-width: 768px) { .ft_mdl > ul { display: none; } .ft_mdl .footer_text{ padding: 0 5% 25px; box-sizing: border-box; } .ft_mdl .footer_contact a { width: 90%; } .ft_btm{ min-height:48px; } .ft_btm ul{ display: none; } .ft_btm #copyright{ padding: 15px 0; font-size: 12px; } } /* footer fix ****************************************/ #pagetop{ width: 50px; height: 50px; position:absolute; top:-60px; right:0; text-align: center; background-color: rgba(0,0,0,0.5); } #pagetop a { padding: 13px 0; display: inline-block; width: 24px; height: 24px; background: url("/_img/ja/layout/26/image//") no-repeat center center; background-size:contain; } /* footer fix ****************************************/ #foot_fixed{ opacity: 1; padding:20px 0 30px; position: fixed; text-align: center; transition: .4s linear; z-index: 11; right: 0; width: 250px; background-color: rgba(255,255,255,1); color:#362e2b; } #foot_fixed[data-key="footer_fix"]{ display:none; } body.active #foot_fixed{ display:none !important; } @media (max-width: 768px) { #foot_fixed{ padding:20px 15px; width: auto; transform: scale(0.7); transform-origin: bottom right; background-color: rgba(255,255,255,0.7); } } /*恭順OFF*/ #foot_fixed.off{ opacity: 0; } /*恭順ON 初期併設*/ #foot_fixed.on{ opacity: 0; } /*初回アクセス時*/ #foot_fixed.popup.popup_on.on{ display:block; bottom: 0px; opacity: 1; transition: .4s linear; } /*フッターポップアップOFF 初期併設*/ #foot_fixed.popup_off{ bottom: 0px; opacity: 0; display:none; } /*フッターポップアップOFF 恭順開始*/ #foot_fixed.popup_off.fixed{ bottom: 0px; opacity: 1; transition: .4s linear; } /*フッターポップアップON 初期併設*/ #foot_fixed.popup_on{ bottom: -250px; opacity: 0; } #foot_fixed.popup_on.appear{ bottom: 0px; opacity: 1; } #foot_fixed.on.popup_on svg path{ width: 15px; height:15px; fill: #fff; } #foot_fixed .contact_catch{ font-size:14px; font-weight:bold; margin-bottom:10px; } #foot_fixed .tel{ font-size:36px; line-height:1; margin-bottom: 10px; letter-spacing: -4px; color:#362e2b; } #foot_fixed .tel a{ color:inherit; text-decoration:none; } #foot_fixed .contact_time{ margin-bottom:20px; font-size:16px; line-height: 1; font-weight: bold; } #foot_fixed .more_btn{ width:200px; margin: 0 auto; } #foot_fixed .more_btn a{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1rem; min-width: auto; } #foot_fixed .more_btn a svg .st0{ fill: #ffffff; } #foot_fixed .more_btn a span{ margin-left: 10px; font-size: 1.25rem; } #foot_fixed .more_btn a:hover svg .st0{ fill: #961d13; } @media (max-width: 768px) { #foot_fixed .more_btn{ width:100%; } } /*CMS時*/ #cms_main #foot_fixed{ bottom: 0 !important; } /* ◆条款 ページャー *****************************************/ .pagenation { display: table; text-align: center; margin: 60px auto; line-height: 1.0; font-size: 0.938rem; } .pagenation span { display: inline-block; margin-right: 5px; } .pagenation span a { display: block; border: 1px solid ; padding: 12px 14px; text-decoration: none; box-sizing: border-box; color: #ffffff; background-color: #e47e7e; border-color: #e47e7e; } .pagenation span a:hover { color: #e47e7e; background-color: #ffffff; border-color: #e47e7e; } .pagenation span.prev, .pagenation span.next {} .pagenation span.prev a, .pagenation span.next a { padding: 12px 14px; border: 1px solid; text-decoration: none; box-sizing: border-box; color: #ffffff; background-color: #e47e7e; border-color: #e47e7e; } .pagenation span.prev a:hover, .pagenation span.next a:hover { display: block; border: 1px solid; text-decoration: none; color: #e47e7e; background-color: #ffffff; border-color: #e47e7e; } .pagenation span.prev.current, .pagenation span.next.current { display: none; } .pagenation span.current { display: inline-block; border: 1px solid; padding: 12px 14px; text-decoration: none; color: #e47e7e; background-color: #ffffff; border-color: #e47e7e; } .pagenation span.scope_limit { text-decoration: none; color: #e47e7e; } /* ◆プライバシー建前 *****************************************/ @media (max-width: 1169px) { .privacy_content { padding:0 5%; box-sizing: border-box; } } @media (max-width: 768px) { .privacy_content { padding:0 5%; box-sizing: border-box; } } /* ◆犀トマップ *****************************************/ .sitemap { margin: 0 auto 20px; padding: 0 15px 15px; box-sizing: border-box; } .sitemap ul {} .sitemap ul li { padding: 0 0 0 21px; position: relative; } .sitemap ul li:before { position: absolute; left: 0px; content: "▶"; font-size: 10px; top: 4px; } .sitemap ul li a { display: inline-block; margin-bottom: 15px; } .sitemap ul li ul {} .sitemap ul li ul li {} .sitemap ul li ul li a {} .sitemap a{ color:inherit; text-decoration:none; } .sitemap a:hover{ color:inherit; text-decoration:underline; } @media (max-width: 1280px) { .sitemap_content { padding:0 5%; margin:0 auto; box-sizing: border-box; } } @media (max-width: 768px) { .sitemap_content { padding:0 5%; margin: 0 auto 20px; box-sizing: border-box; } } /* ◆四分子ム *****************************************/ @media (max-width: 1169px) { .inquiry_contents { padding:0 5%; box-sizing: border-box; } } @media (max-width: 768px) { .inquiry_contents { padding:0 5%; box-sizing: border-box; } }/*no make_cache*//*no make_cache*/