@font-face {
font-family: 'Zen Kaku Gothic New';
src: url(https://haisyanomikata.com/hp/font/ZenKakuGothicNew-Bold.ttf);
}
body{font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"BIZ UDPGothic",
"Meiryo",
sans-serif; font-weight: 500;}
.zen-kaku-gothic-new-medium {
font-family: "Zen Kaku Gothic New", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif!important;
font-weight: 500!important;
font-style: normal;
}
.zen-kaku-gothic-new-bold {
font-family: "Zen Kaku Gothic New", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif!important;
font-weight: 700!important;
font-style: normal;
}
.zen-kaku-gothic-new-black {
font-family: "Zen Kaku Gothic New", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif!important;
font-weight: 900!important;
font-style: normal;
}
a{text-decoration: none;}
.breadcrumb{font-size: 0.8rem; margin-bottom: 0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: 700!important;}
#logo a img{max-height: 38px!important; max-width: 100%;}
.img-link:hover{ opacity: 0.8!important; }
.nav-item a{color:#444;}
#header #logo img {
max-height: 40px;
width:auto;	}
.eiseishi{background-color: #FFF7FA!important;}
.imagelogo{padding-right: 50px;}
#menu-header li.nav-item{padding:8px 10px;}
.text-yellow{background:#fffcad;}
.time-kome{font-size: 11px;}
.img-w180{max-width: 180px;}
.footer-txt{padding: 20px 0; color: #00a8c9; font-size: 15px; line-height: 1.9;}
.footer-link{color: #7f8582; font-size: 13px;}
.footer-03 a.footer-btm{border:#00a8c9 solid 1px; padding: 10px 15px; color: #00a8c9!important; text-decoration: none; margin-bottom: 30px; display: inline-block;}
.footer-03 a.footer-btm:hover{border:#00a8c9 solid 1px; background:#00a8c9 ; color: #fff!important; text-decoration: none;}
.text-blue{color:#01A9C8;}
.text-blue-tag{background:#01A9C8; color:#fff; padding: 1px 6px; font-size:0.8em;}
.text-pink{color:#FF4E8D;}
.text-green{color:#57b519;}
.bg-blue{background: #EFF7F7!important;}
.bg-green{background: #EBF9F0!important;}
.bg-yellow{background: rgba(252,249,238,1);}
.bg-gray{background-color: #f8f8f8;}
.bd-callout-info {
color: #065160;
background-color:#EBF5FB;
border-left: 0.25rem solid #02A9C9
}
.bd-callout {
padding: 1.25rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.post-content p, .post-content ul, .post-content ol, .post-content dl, .post-content blockquote, .post-content pre{line-height: 1.7;}
#header {background:none; position: relative; border-top: 6px solid #00A8C9;}
.breadcrumbs{font-size: 0.8rem;}
#footer { border-top: none;}
.footer-01 {background: #d7eced; color: #333;}
.footer-02 {background: #00A8C9;}
#footer-brand-area {border-bottom: none;}
#content{background:#EDF5F7;}
#bg-white{background-color: #fff;}
.text-gray{color: #888;}
.link-none:hover{ text-decoration: none; opacity: 0.8;}
.point-img{
position: relative;
}
.point-img::after{
position: absolute;
background-image: url(https://haisyanomikata.com/hp/wp-content/uploads/2025/01/point1.png);
background-size: 80px;
content: "";
right: 0;
top:-40px;
width: 80px;
height: 80px;
}
.base-btn.pri-cv-btn:hover {
color: #f18f10;
background-color: #fff;
}
.base-btn.pri-cv-btn {
color: #fff;
background-color: #f18f10;
border:solid 3px #f18f10;
border-radius: 20px;
display: block;
text-align: center;
padding: 20px 30px;
font-weight: normal;
line-height: 1.7;
width: 100%;
}
.base-btn.pri-btn {
background-color: #03af7a;
border:solid 3px #03af7a;
}
.base-btn.pri-btn:hover {
color: #03af7a;
background-color: #fff;
}
.pagination > span{display: none;}
.pagination a{
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 8px 12px;
text-decoration: none;
width: auto;
color: #241913;
border: solid 1px #dcdcdc;
}
.pagination .current {
padding: 8px 12px;
background: #00A9C9;
color: #fff;
display: inline-block;
}
.section-border{position: relative; margin-bottom: 3rem;}
.section-border::after{
position: absolute;
content: "";
height: 6px;
bottom: -30px;
left:45%;
border-bottom:solid 6px #01A9C8;
width: 10%;
}
.button-green{background:#1e8e43; color:#fff;}
.top-search{background:#d7eced; padding: 2.5rem 1.5rem; text-align: center;}
.point-images{width: 200px;}
.map-area:hover{opacity: 0.8!important;}
.erea-search{background: #eff7f7; padding: 2.5rem 1.5rem; }
.erea-box{ padding: 30px 20px; border: 1px solid #ccc; border-radius: 0 0 5px 5px; background: #fff; border-top: #00A4C4 solid 5px;}
.erea-icon{font-size:36px; padding-right: 5px;}
.erea-sentence{border-bottom:solid 1px #dcdcdc; padding-bottom: 5px; font-size: 0.9rem; margin-top: 15px;}
.btn-erea{padding: .5rem 2rem; margin: 5px; position: relative;}
.btn-erea::after{
position: absolute;
top: 45%;
right: 10px;
transform: translateY(-50%);
width: 5px;
height: 5px;
border-top: 2px solid #0D6EFD;
border-right: 2px solid #0D6EFD;
transform: rotate(45deg);
content: "";}
.top-comp-list{
background: #74ebd5; background: -webkit-linear-gradient(to right, #ACB6E5, #74ebd5); background: linear-gradient(to right, #ACB6E5, #74ebd5); }
.assist{
padding: 4rem 0;
position: relative;
}
.assist h1{ font-size:3.5rem; letter-spacing: .3rem; }
.assist-text{margin-bottom: 3rem;}
.balloon {
margin: 10px auto;
background-color: #43B1C0;
color: #fff;
font-size: 22px;
font-weight: bold;
text-align: center;
padding: 10px;
border-radius: 100px;
width: 100%;
max-width: 360px;
position: relative;
}
.bg-success2, .bg-success3{
background-image: url(https://haisyanomikata.com/hp/wp-content/uploads/2025/01/bg-success1.jpg);
background-position: center center;
padding: 4rem 0 6rem;
position: relative;
z-index: 1;
}
.bg-success2 h2, .bg-success3 h2{ color: #fff;}
.bg-success2::after, .bg-success3::after{
position: absolute;
content: "";
left: 0;
top: 0;
background-color:rgba(0,0,0,.8);
z-index: -1;
height: 100%;
width: 100%;
}
.bg-success3{
background-image: url(https://haisyanomikata.com/hp/wp-content/uploads/2025/02/bg-success2.jpg);
}
.bg-success-blue{
background: #EBF5FB;
padding: 2rem 3rem;
border-radius: 50px;
}
.bg-success-blue p{margin: 0; padding: 0;} .notice_message{
background: #EFF7F7;
border: 1px solid #00A4C4;
font-size: 16px;
font-weight: bold;
color: #00A4C4;
text-align: center;
padding: 5px;}
.blk_kana dt {
font-size: 1.0625rem;
height: 40px;
line-height: 40px;
position: relative;
background: #efefef;
padding-left: 20px;
}
.blk_kana dd {margin: 0!important;}
.list_area {
border-bottom: 1px solid #fff;
display: flex;
flex-wrap: wrap;
margin-bottom: -2px;
padding: 0;
margin-left: 0!important;
}
.list_area li {
border-bottom: 1px solid #ccc;
border-top: none;
display: inline-flex;
font-size: 1.125rem;
height: 56px;
line-height: 56px;
width: 25%;
}
.list_area li a{
display: block;
font-weight: bold;
height: 100%;
padding-left: 20px;
width: 100%;}
.tag-clinic-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.tag-clinic-list__item {
margin: 0 10px 10px 0;
padding: 5px 10px;
border-radius: 4px;
background: #f3f3f3;
}
.post-list{position: relative;}
.post-list h3{color: #241913; font-weight: 400; font-size: 20px;}
.post-list .p_date{font-size: 12px; color: #333; margin-bottom: 0;}
.p_category {
background: #05A8C8;
color: #fff;
display: inline-block;
padding: 2px 16px;
font-size: 11px;
margin-bottom: 5px;
}
.sec-erea{margin: 5rem 0;}
.footer-list{padding: 3rem 0;}
.footer-list .l-footer{color: rgb(136, 136, 136); font-size: 12px;} .solution {
position: relative;
}
.solution .task-before {
width: 100%;
max-width: 1050px;
margin: 0 auto;
position: relative;
line-height: 1.4;
height: 300px;
}
.solution .task-before li {
font-size: 17px;
font-weight: 700;
text-align: center;
background-color: #fff;
padding:25px 20px 15px;
border-radius: 23px;
position: absolute;
width: 280px;
height: 95px;
filter: drop-shadow( 0 0 4px #d5e5da);
}
.solution .task-before li:before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: 40px;
top: 70px;
border-right: 30px solid #fff;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
transform: rotate(55deg);
}
.solution .task-before li:nth-child(1) {top: 0;left: 200px;}
.solution .task-before li:nth-child(2) { top: 0; right: 200px;}
.solution .task-before li:nth-child(3) { top: 80px; left: 0;}
.solution .task-before li:nth-child(4) { top: 80px; right: 0;}
.solution .task-before li:nth-child(5) { top: 170px; left: 100px;}
.solution .task-before li:nth-child(6) { top: 170px; right: 100px;}
.solution .task-before li:nth-child(1):before {left:inherit; right: 40px; transform: rotate(0deg); top: 74px;}
.solution .task-before li:nth-child(3):before{display: none;}
.solution .task-before li:nth-child(5):before {left:initial; right: 40px; transform: rotate(0deg); top: 74px;}
.solution .task-before:after {
content: "";
background: url(https://haisyanomikata.com/hp/wp-content/uploads/2025/03/img_task1.png) center center no-repeat;
position: absolute;
left: calc(50% - 130px);
bottom: -40px;
width: 260px;
height: 190px;
}
@media screen and (max-width: 940px) {
.solution .task-before {
max-width: 700px;
}
.solution .task-before li {
width: 240px;
font-size: 16px;
padding: 20px;
height: 50px;
border-radius: 18px;
line-height: 1.7;
}
.solution .task-before li:nth-child(1) {left: 0;}
.solution .task-before li:nth-child(2) {right: 0;}
.solution .task-before li:nth-child(3) {left: calc(50% - 140px); top: 70px;}
.solution .task-before li:nth-child(4) {left: 0; top: 140px;}
.solution .task-before li:nth-child(5) {right: 0; top: 140px; left: inherit;}
.solution .task-before li:nth-child(6) {right: calc(50% - 140px); top: 200px;}
.solution .task-before li:nth-child(1):before,
.solution .task-before li:nth-child(4):before {
transform: rotate(0deg);
left: 40px;
top: 68px;
}
.solution .task-before li:nth-child(2):before,
.solution .task-before li:nth-child(5):before {
left: inherit;
right: 40px;
top: 66px;
}
.solution .task-before li:nth-child(5):before {
transform: rotate(55deg);
}
.solution .task-before li:nth-child(6):before {
left: inherit;
right: 40px;
top: 66px;
}
.solution .task-before:after {
width: 160px;
height: 120px;
background-size: 160px;
bottom: -130px;
left: calc(50% - 80px);
}
} @media screen and (max-width: 640px) {
.solution .task-before {
max-width: 360px;
}
.solution .task-before li {
width: 170px;
font-size: 13px;
padding: 15px 10px 10px;
height: 80px;
border-radius: 18px;
}
.solution .task-before li:nth-child(3) {left: calc(50% - 85px);}
.solution .task-before li:nth-child(6) {right: calc(50% - 85px);}
.solution .task-before:after {
width: 150px;
height: 100px;
background-size: 140px;
bottom: -110px;
}
.solution .task-before li:nth-child(1):before,
.solution .task-before li:nth-child(4):before {
top: 57px;
}
.solution .task-before li:nth-child(2):before,
.solution .task-before li:nth-child(5):before {
top: 53px;
}
.solution .task-before li:nth-child(6):before {
top: 53px;
}
} .widget_search button{width: 60px; background: #1e8e43; color: #fff; padding: 12px 5px; border-radius: 0; border: solid 1px #1e8e43;}
.widget_search{background: none; border: none;}
.clinic-nav-list {margin: 0; padding: 0; list-style: none;}
.clinic-nav-list__list:not(:last-child) {border-bottom: 1px solid #ccc;}
.clinic-nav-list__item {
display: flex;
position: relative;
align-items: center;
padding: 15px 25px;
}
.clinic-nav-list__item::before {
display: block;
position: absolute;
top: 42%;
right: 20px;
transform: translateY(-50%);
width: 15px;
height: 15px;
border-top: 2px solid #333;
border-right: 2px solid #333;
transform: rotate(45deg);
content: "";
}
.clinic-nav-list__image { width: 50px; height: 50px; margin-right: 15px; border-radius: 50%; overflow: hidden;}
.clinic-nav-list__image img {position: relative; left: 50%; width: auto; height: 100%;transform: translateX(-50%); object-fit: cover;}
.clinic-nav-list__text {padding: 15px 0;font-size: 14px; color: #333;}
.box-column__hospital_wrap { border: 1px solid #ccc;border-radius: 5px;background: #fff;box-sizing: border-box;}
.clinic-nav-list__text{padding: 15px 30px; font-weight:bold;}
.clinic-nav-list__item--disabled{background: #f5f5f5;}
.material-symbols-outlined{ color: #00a9c9; vertical-align: middle;}
.shika-info{font-size: 0.85rem; margin: 0; padding: 0 0 0 35px; list-style: none; position: relative; min-height: 22px;}
.shika-info li:first-child {position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.shika-info li:not(:first-child) { margin-top: 5px;}
.kansen-tag{margin: 0; padding: 0; clear: both; padding-top: 15px; border-top: dashed 1px #ccc;}
ul.kansen-tag{list-style-type: none; display: flex; flex-wrap: wrap;}
ul.kansen-tag li{padding: 5px 5px 5px 0;}
.kansen-tag li .kansen-tag-list{font-size: 0.85rem; background-color: #F0F8FF; border: 1px solid #bfd9fd; background: #f0f8ff; padding: 5px 10px; border-radius: 4px;}
.btn-outline-sidebutton{background-color: #fff; border:solid 1px #59B677; color:#333;}
.btn-outline-sidebutton:hover{border:solid 1px #888; color:#888; text-decoration: none;}
.side_recommend{margin: 0; padding: 0;}
.side_recommend li{padding: 2px 0; text-align: center; list-style: none; font-size: .9rem; }
.side_recommend li a{ display:block; padding: 15px; width: 100%; background-color: #fff; border:solid 1px #59B677; color:#333;}
.youtube-ratio iframe {
width: 100%;
aspect-ratio: 16 / 9;
} .shikatag1 ul,.shikatag2 ul,.dentistry1 ul, .orthodontics1 ul, .inspection1 ul{ margin: 0; padding: 0; display: flex; flex-wrap: wrap; list-style-type: none;}
.shikatag1{margin: 20px 0; clear: both;}
.shikatag1 li, .dentistry1 li, .orthodontics1 li, .inspection1 li{ list-style-type: none; padding: 5px 5px 5px 0;}
.shikatag2 li{ list-style-type: none; padding: 10px 10px 10px 0;}
.shikatag2 li .shikatag1-list{ font-size: 16px; background: #F7f7f7; border:solid 1px #dcdcdc; padding: 5px 8px; border-radius: 4px;}
.shikatag1 li .shikatag1-list,
.dentistry1 li .dentistry1-list,
.orthodontics1 li .orthodontics1-list,
.inspection1 li .inspection1-list{ font-size: 0.85rem; background: #F7f7f7; border:solid 1px #dcdcdc; padding: 2px 8px; border-radius: 4px;}
.tag-style{margin: 2rem 0; display: block;}
.shikatag1, .dentistry1, .orthodontics1, .inspection1{margin-bottom: 2rem;}
.shikatag1 li .shikatag1-list a{color: #333;}
.kansyu{border: solid #dcdcdc 1px; padding: 1rem 1.5rem; position: relative:}
.kansyu h3, .kansyu h4, .kansyu h5{ margin:0; }
.post-content p.naze-ques{margin-bottom: 10px; font-size: 1.1rem; font-weight: bold;}
.post-content .link-black{color: #333;}
.text-kenkai{background:#B97904!important; font-weight:400;}
.box-link{position: relative; display: block;}
.box-link::before {
content: '';
position:absolute!important;
top: 45%;
right: 15px;
width: 15px;
height: 15px;
border-top: 2px solid #333;
border-right: 2px solid #333;
transform: rotate(45deg);
}
.mw-130px{width: 130px;}
.mw-80px {width: 120px;}
.interv{background: #333333; color: #fff; font-size: .7rem; padding: 1px 7px; border-radius: 3px; }
.qa_section {
background: #f1f8fe;
padding: 30px 0 40px;
}
.qa_section .inner { padding: 0 44px; }
.editorWrap .iconItem .img img, .doctorWrap .iconItem .img img {
margin: 0 0 0 10px;
width: 60px !important;
border-radius: 50%;
border: solid 2px #6b9dbd;
}
.editorWrap p.iconItem span {
float: right;
}
.editorWrap .iconItem {
text-align: right;
margin-bottom: 6px;
}
.qa_area .iconItem span.txt {
margin-bottom: 0 !important;
font-size: 14px !important;
line-height: 1.6;
letter-spacing: .05em;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.editorWrap .titWrap{
background: #fff;
border-radius: 10px;
padding: 20px;
font-size: 16px;
line-height: 1.6;
font-weight: bold;
color: #367ca5;
box-shadow: 0 2px 5px rgba(0,0,0,.1);
position: relative;
}
.editorWrap .titWrap:before {
content: "";
background: #ffffff;
height: calc(tan(60deg) * 30px / 2);
width: 30px;
clip-path: polygon(50% 0, 100% 100%, 0 100%);
position: absolute;
right: 45px;
top: -18px;
}
.doctorWrap .iconItem {
font-size: 14px;
margin-bottom: 6px;
}
.doctorWrap p.iconItem span {
float: left;
}
.doctorWrap .txtWrap {
background: #fff;
border-radius: 10px;
padding: 20px;
font-size: 16px;
line-height: 1.6;
color: #000;
box-shadow: 0 2px 5px rgba(0,0,0,.1);
position: relative;
}
.doctorWrap .txtWrap:before {
content: "";
background: #ffffff;
height: calc(tan(60deg) * 30px / 2);
width: 30px;
clip-path: polygon(50% 0, 100% 100%, 0 100%);
position: absolute;
left: 50px;
top: -18px;
}
.txtWrap strong.main {
color: #dd385f;
background: linear-gradient(transparent 80%, #ffe4e5 80%);
padding: 0;
}
.doctorWrap .iconItem .img img {
margin: 0 10px 0 0;
}
.page_head13{
background: #00A8C9;
color: #fff;
font-size: 1.2rem;
font-weight: bold;
line-height: 1;
padding: .8rem;
margin-bottom: 20px!important;
}
.card-border{
background-color: #fff;
box-shadow:0 1rem 2rem rgba(0,0,0,.2)!important;
border-radius: 0.1875rem;
padding: 2rem;
color: #333;
} .post-loop-wrap{background: #fff; border: 1px #e5e5e5 solid; padding: 56px 64px; position: relative;}
.post-loop-wrap article.post{border: none;}
.search-title{font-size: 22px;}
.post-search{border-top: solid 3px #01A9C8; margin: 3rem 0 0 0; padding: 2rem 0 0 0; display: block; color: #333;}
.post-search:hover{text-decoration: none;}
.search-title2{ border-bottom: solid 1px #dcdcdc; padding-bottom: 10px; }
.box-column__side{border: 1px #e5e5e5 solid; background: #fff;}
.box-column__side .box-column__side_inner{ padding: 20px; }
.refine__heading{
padding: 10px 15px;
border-top: 1px solid #58b677;
border-bottom: 1px dashed #58b677;
font-size: 16px;
font-weight: 600!important;} .map1{margin-top: 20px; border: 1px solid #ccc; padding: 0;}
.map1 iframe{ width:100%; height: 300px;}
.clinic__box{margin: 3.5rem 0;}
.post-content .title-h2 {
margin: 0 0 35px;
background: #e7f1f8;
color: #187ac3;
border-bottom: solid 2px #abd2eb;
font-size: 24px;
padding: 1.6rem;
font-weight: 700;
}
.post-content .title-h3 {
margin: 0 0 25px;
padding-bottom: 8px;
border-bottom: 1px dashed #00A9C9;
font-size: 20px;
font-weight: 700;
padding-left: 15px;
border-left: solid 6px #00A9C9;
padding-top: 8px;
}
.post-content .title-h4 {
margin: 0 0 15px;
padding: 0 0 0 15px;
border-left: 5px solid #00A9C9;
font-size: 18px;
font-weight: 700;
}
.post-content .title-h5 {
color: #00A9C9;
font-weight: 700;
}
.time-table thead tr th, .time-table thead tr td{
padding: 5px 3px;
background: #f4f4f5;
font-size: 12px;
color: #333;
text-align: center;
}
.time-table tbody tr th, .time-table tbody tr td{
padding: 8px 3px;
font-size: 13px;
text-align: center;
background-color: #fff;
color: #333;
}
.clinic_info tr th{ background:#F4F4F5!important; text-align: center; color:#333;}
.clinic_info tr th, .clinic_info tr td{ padding: 12px 15px;}
.subtext{color: #333; font-size: 0.9rem;} .footer-01{padding:0;}
#footer .footer-03 a{color:#333;}
.eiseishi .post-title{ border-bottom: 1px dashed #E75685;}
.eiseishi .post-content .title-h2{
background: #fff1f3;
color: #E75685;
border-bottom: solid 2px #E75685;
}
.eiseishi .post-content .title-h3{
border-bottom: 1px dashed #E75685;
border-left: solid 6px #E75685;
}
.br-pc{display: block;}
.br-sp{display: none;}
@media screen and (max-width: 767px) {
#content {padding: 32px 0;}
.post-content h1, .title-h1 { font-size: 24px; line-height: 34px;}
.post-content h2, .title-h2 { font-size: 22px; line-height: 30px;}
.post-content h3, .title-h3 { font-size: 20px; line-height: 26px;}
.post-content h4, .title-h4 { font-size: 18px; line-height: 24px;}
.post-content h5, .title-h5 { font-size: 16px; line-height: 24px;}
.post-content h6, .title-h6 { font-size: 14px; line-height: 22px;}
.mw-110px{width: 120px; }
.mw-130px{width: 120px;}
.mw-80px {width: 120px;}
.post-loop-wrap{padding: 20px;}
.post-title { font-size: 22px;}
.list_area li {display: block; width: 100%; position: relative;}
.list_area li::after{  position: absolute;
top: 45%;
right: 10px;
transform: translateY(-50%);
width: 5px;
height: 5px;
border-top: 2px solid #0D6EFD;
border-right: 2px solid #0D6EFD;
transform: rotate(45deg);
content: "";}
.top-search, .erea-search{padding-left:0; padding-right: 0;}
article.page .post-header{margin-bottom: 0;}
.qa_section .inner { padding: 0 20px; }
.clinic_info tr th, .clinic_info tr td {padding: 10px 5px; font-size: 14px; line-height: 1.2;}
.pagetop { bottom: 15px; right: 15px;}
#menu-header li.nav-item{border-bottom:solid 1px #dcdcdc;}
#menu-header li.nav-item a{padding: 20px 10px;}
body{font-size:16px; line-height: 1.7;}
.card-border{
padding: 1.8rem 1.2rem;}
.zen-kaku-gothic-new-bold,.zen-kaku-gothic-new-medium{font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif!important;}
.br-pc{display:none;}
.br-sp{display:block;}
.assist h1{ font-size:2.5rem; letter-spacing: .1rem; }
}
@media (min-width: 992px){
.navbar-expand-lg .offcanvas {
flex-grow: 0;
}
}
.scrolldown4{ position:absolute;
bottom:1%;
right:50%; animation: arrowmove 5s ease-in-out infinite;
z-index: 999;
} @keyframes arrowmove{
0%{bottom:1%;}
50%{bottom:2%;}
100%{bottom:1%;}
} .scrolldown4 span{ position: absolute;
left:-20px;
bottom:10px; color: #fff;
font-size: 0.7rem;
letter-spacing: 0.05em; -ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
} .scrolldown4:before {
content: ""; position: absolute;
bottom: 0;
right: -6px; width: 1px;
height: 20px;
background: #fff;
transform: skewX(-31deg);
}
.scrolldown4:after{
content:""; position: absolute;
bottom:0;
right:0; width:1px;
height: 50px;
background:#fff;
} .slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
margin-bottom: 0;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}