@charset "utf-8";
/* CSS Document */
/*-------------------------------------------*/
/*	初期設定
/*-------------------------------------------*/
:root {
--root-font-size: 16;
--color-main-text: #444;/*メインテキストカラー*/
--color-main: #86c5e0;/*メインカラー*/
--color-main80: #9ed0e6;/*メインカラー80%*/
--color-main60: #b6dcec;/*メインカラー60%*/
--color-main40: #cee7f2;/*メインカラー40%*/
--color-main20: #e6f3f8;/*メインカラー20%*/
--color-main10: #f2f9fb;/*メインカラー10%*/
--color-maintrans80: rgba(134,197,224,0.8);/*メインカラー80%*/
--color-maintrans60: rgba(134,197,224,0.6);/*メインカラー60%*/
--color-maintrans40: rgba(134,197,224,0.4);/*メインカラー40%*/
--color-maintrans20: rgba(134,197,224,0.2);/*メインカラー20%*/
--color-maintrans10: rgba(134,197,224,0.1);/*メインカラー10%*/
--color-blue: #49a8d0;
--color-kon: #00406c;
--color-green: #26b58f;
--color-green80: #51c3a5;/*ララグリーン80%*/
--color-green60: #7cd2bb;/*ララグリーン60%*/
--color-green40: #a8e1d2;/*ララグリーン40%*/
--color-green20: #d3f0e8;/*ララグリーン20%*/
--color-green10: #e9f7f3;/*ララグリーン10%*/
--color-greentrans80: rgba(38,181,143,0.8);/*ララグリーン80%*/
--color-greentrans60: rgba(38,181,143,0.6);/*ララグリーン60%*/
--color-greentrans40: rgba(38,181,143,0.4);/*ララグリーン40%*/
--color-greentrans30: rgba(38,181,143,0.3);/*ララグリーン30%*/
--color-greentrans20: rgba(38,181,143,0.2);/*ララグリーン20%*/
--color-greentrans10: rgba(38,181,143,0.1);/*ララグリーン10%*/
--color-darkgreen: #19765d;
--color-red: #D44A6B;/*レッド100%*/
--color-red80: #dc6e88;
--color-red60: #e592a6;
--color-red40: #edb6c3;
--color-red20: #f6dae1;
--color-red10: #faecf0;
--color-redtrans10: rgba(212,74,107,0.1);
--gradation-bluegreen: linear-gradient(to right, rgba(221, 238, 235,0.6) 0%, rgba(134,197,224,0.4) 100%);
}
html {
font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
}
body {
font-size: calc( 16 / var(--root-font-size) * 1rem );
line-height: 1.9;
color: var(--color-main-text);
font-feature-settings: "palt";
background-image: url(/images/common/bg-sky.jpg);
background-position: right top;
background-repeat: no-repeat;
background-size: 100%;
}
/*-------------------------------------------*/
/*	フォント
/*-------------------------------------------*/
.gfont-eng {
font-family: "Zen Maru Gothic", serif;
font-weight: 300;
font-style: normal;
}
h1, h2, h3, h4, h5, h6, strong {
-webkit-font-smoothing: antialiased;
}
i, em {
font-style: normal;
}
/*-------------------------------------------*/
/*	基本共通設定
/*-------------------------------------------*/
img {
width: 100%;
max-width: 100%;
height: auto;
}

a img {
transition: all .5s;
}

a {
color: var(--color-main-text);
text-decoration: none;
transition: all .5s;
}
ul {
margin: 0;
padding: 0;
}

li {
list-style-type: none;
}
/*--見出し基本設定--*/
p, h1, h2, h3, h4, h5, h6 {
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.3em;
}

/* サイズ */

section.space {
padding-top: 80px;
padding-bottom: 80px;
}
section.space-t {
padding-top: 80px;
}
section.space-b {
padding-bottom: 80px;
}

#content-wrap {
padding: 0px;
margin-bottom: 0px;
}

body.home #content-wrap {
margin-bottom: 0px;
}
#content {
padding: 20px 0 30px;
}
.page #content {
padding: 20px 0 0px;
}
body.home #content {
padding: 0;
}

/* margin */
.mt0 {
margin-top: 0px !important;
}

.mt10 {
margin-top: 10px;
}

.mt20 {
margin-top: 20px;
}

.mt30 {
margin-top: 30px;
}

.mt40 {
margin-top: 40px;
}

.mt50 {
margin-top: 50px;
}

.mt60 {
margin-top: 60px;
}

.mt70 {
margin-top: 70px;
}

.mt80 {
margin-top: 80px;
}

.mt90 {
margin-top: 90px;
}

.mt100 {
margin-top: 100px;
}
.mb0 {
margin-bottom: 0px !important;
}
/*-------------------------------------------*/
/*	共通設定
/*-------------------------------------------*/
/*　カラー　*/
.col-main {
color: var(--color-main);
}
.col-kon {
color: var(--color-kon);
}
.col-darkgreen {
color: var(--color-darkgreen);
}
.col-red {
color: var(--color-red);
}
/*　文字　*/
.adjust {
text-indent: -0.5em;
display: inline-block;
}

.text-c {
text-align: center;
}
.text-l {
text-align: left;
}
.text-r {
text-align: right;
}
.l-h-s {
line-height: 1.3em;
}
.l-s-0 {
letter-spacing: 0;
}
.font-13 {
font-size: 13px;
}
.font-14 {
font-size: 14px;
}
.font-18 {
font-size: 18px;
}
/*--文字揃え--*/
.text-cl-1199,
.text-cl-969,
.text-cl-800,
.text-cl-769,
.text-cl-660,
.text-cl-480,
.text-cl-370 {
text-align: center;
}

/*--表示、非表示--*/
.sp-display-1199,
.sp-display-969,
.sp-display-800,
.sp-display-769,
.sp-display-660,
.sp-display-480,
.sp-display-370 {
display: none;
}
.pc-display {
display: block;
}
/*--テーブル設定--*/
table {
margin-bottom: 13px;
}
table {
border-top: 1px solid var(--color-main60);
width: 100%;
}
table tr th.time-head {
width: 8em;
}
table tr th,
table tr td {
border-bottom: 1px solid var(--color-main60);
padding: 10px 3px;
text-align: center;
vertical-align: middle;
}
/*　reCAPTCHA設定　*/
.grecaptcha-badge { visibility: hidden; }

/*-------------------------------------------*/
/*	header
/*-------------------------------------------*/
header {
position: relative;
z-index: 9999;
left: 0;
right: 0;
}

header #header-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1800px !important;
padding: 10px 50px 0;
}

header #logo {
width: 300px;
align-self: center;
padding-top: 5px;
}

header #logo a,
header #logo a img {
display: block;
}

header nav#main-nav ul {
display: flex;
justify-content: center;
padding: 20px 0;
}

header nav#main-nav ul li a {
letter-spacing: 0.1em;
position: relative;
color: var(--color-main-text);
padding: 5px 45px;
transition: initial;
}

header nav#main-nav ul li.current a,
header nav#main-nav ul li a:hover {
color: var(--color-main-text);
}
.hamburger-menu {
display: none;
}
.header-r-wrap {
display: flex;
}
/*----header-tel---*/
.header-tel-block {
display: flex;
}
.header-tel {
width: 210px;
line-height: 1em;
align-self: center;
text-align: center;
}
#header-tel-arakawalala {
margin: 0 10px;
}
.header-tel p.clname a {
display: block;
padding: 10px 0;
font-size: 15px;
background-color: var(--color-main);
color: #fff;
border-radius: 9999px;
background-image: url(/images/common/arrow02-wh.png);
background-position: right 12px center;
background-repeat: no-repeat;
background-size: 0.5em;
margin-bottom: 3px;
}
#header-tel-lala.header-tel p.clname a {
background-color: var(--color-green);
}
.header-tel p.clname a:hover {
background-color: var(--color-main60);
}
#header-tel-lala.header-tel p.clname a:hover {
background-color: var(--color-green60);
}
a.telnum {
font-family: "Zen Maru Gothic", serif;
font-weight: 500;
font-style: normal;
font-size: 24px;
background-image: url(/images/icon/icon-tel.png);
background-position: left bottom 0.25em;
background-repeat: no-repeat;
background-size: 0.65em;
padding: 0 0 0 0.8em;
line-height: 1.3em;
}
a.telnum.telnum-green {
background-image: url(/images/icon/icon-tel-green.png);
}
/*----ヘッダー固定---*/
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
background-color: rgba(255, 255, 255, 0.9);
}

/*-------------------------------------------*/
/*	グローバルナビ
/*-------------------------------------------*/
header nav#main-nav ul li.menu-item {
font-size: 16px;
position: relative;
z-index: 1;
line-height: 1.3em;
}

header nav#main-nav ul li.menu-item a {
display: block;
position: relative;
}
header nav#main-nav > ul > li.menu-item > a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 86%;
height: 2px;
background: var(--color-main);
transition: all .3s;
transform: scale(0, 1);
transform-origin: center top;
border-radius: 5px;
}
header nav#main-nav > ul > li.menu-item > a:hover:after,
header nav#main-nav > ul > li.current-menu-item:not(.menu-item-type-custom.current-menu-item) > a:after {
transform: scale(0.3, 1);
}
/*マウスオーバー時等にメニューの色を変更*/
header nav#main-nav ul li.menu-item a:hover,
header nav#main-nav ul li.current-menu-item a,
header nav#main-nav ul li.current-menu-parent a,
header nav#main-nav ul li.current-post-ancestor a {
color: var(--color-main);
}
header nav#main-nav ul li ul.sub-menu {
display: none;
font-size: 0.9375rem;
box-shadow: 0 2px 4px rgba(0,0,0,.1);
transition: opacity .25s,visibility .25s;
}
header nav#main-nav ul li:hover ul.sub-menu {
display: block;
position: absolute;
z-index: 1000;
border-top: 1px solid #ccc;
width: 200px;
left: 50%;
transform: translateX(-50%);
box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
header nav#main-nav ul li ul.sub-menu li{
float: none;
padding: 0;
}
header nav#main-nav ul li ul.sub-menu li a {  
border: 1px solid #eee;
border-top: none;
padding: 10px 10px;
background-color: #FFF;
color: #666;
text-align: left;
letter-spacing: 0;
}
header nav#main-nav ul li ul.sub-menu li a:hover {
color: var(--color-main);
background-color: var(--color-main10);
}
/*サブメニューで現在表示されているページのリンクの色を変更する*/
header nav#main-nav ul li ul.sub-menu li.current-menu-item a {
display: block;
background-color: var(--color-main10); 
}
/*-------------------------------------------*/
/*	innerなど、サイズ設定
/*-------------------------------------------*/
/*--共通inner--*/
.wp-block-column.top-inner,
.common-inner-setting,
.common-inner {
width: 90%;
max-width: 1120px !important;
margin-left: auto;
margin-right: auto;
}
body.archive #content-inner,
body.single #content-inner {
width: 90%;
max-width: 1000px !important;
margin-left: auto;
margin-right: auto;
}
/*--投稿のアーカイブ、シングル--*/
body.single #content-inner main#main-content,
body.archive #content-inner main#main-content {
width: 100%;
}
/*--フルサイズ(幅100%)--*/
.full,
body .is-layout-constrained .full {
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
width: 100vw;
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
}

/*--100vwに対してwindowsスクロールバー対策--*/
#content-inner {
position: relative;
overflow: hidden;
}
/*--幅--*/
.w90, .w80, .w60 {
margin-left: auto !important;
margin-right: auto !important;
}
.w90 {
width: 90%;
max-width: 950px;
}

.w80 {
width: 80%;
max-width: 900px;
}
.w60 {
width: 60%;
max-width: 600px;
}

/*-------------------------------------------*/
/*	flex設定
/*-------------------------------------------*/
.flex,
.flex-sb,
.flex-sc,
.flex-sa {
display: flex;
flex-wrap: wrap;
}

.flex-sb {
justify-content: space-between;
}
.flex-sc {
justify-content: center;
}
.flex-sa {
justify-content: space-around;
}

.flex50 {
width: 50%;
}
.flex49 {
width: 49%;
margin-left: 0.5%;
margin-right: 0.5%;
}
.flex48 {
width: 48%;
margin-left: 1%;
margin-right: 1%;
}
.flex33 {
width: 33.333%;
}
.flex32 {
width: 32%;
margin-left: 0.666%;
margin-right: 0.666%;
}
.flex25 {
width: 25%;
}
.flex20 {
width: 20%;
}
/*-------------------------------------------*/
/*	装飾・レイアウト・デザイン
/*-------------------------------------------*/
/*	ボタン
/*-------------------------------------------*/
.btn a {
display: inline-block;
background-image:url(/images/common/arrow01-wh.png);
background-position: right 0.75em center;
background-repeat: no-repeat;
background-size: 0.9em;
background-color: var(--color-main);
padding: 17px 2.5em 17px 2em;
color: #fff;
border-radius: 9999px;
line-height: 1.3em;
min-width: 180px;
text-align: center;
}
.btn-blank a {
display: inline-block;
background-image:url(/images/common/arrow-blank-wh.png);
background-position: right 0.75em center;
background-repeat: no-repeat;
background-size: 0.9em;
background-color: var(--color-main);
padding: 17px 2.5em 17px 2em;
color: #fff;
border-radius: 9999px;
line-height: 1.3em;
min-width: 180px;
text-align: center;
}
.btn a:hover,
.btn-blank a:hover {
color: #fff;
background-color: var(--color-main60);
}
.btn.btn-green a,
.btn-blank.btn-blank-green a {
background-color: var(--color-green);
}
.btn.btn-kon a {
background-color: var(--color-kon);
}
.btn.btn-green a:hover,
.btn-blank.btn-blank-green a:hover {
background-color: var(--color-green60);
}
.btn.btn-kon a {
background-color: var(--color-blue);
}

/*----blankLink---*/
a .blank-link {
background-image: url(/images/common/arrow-blank-kon.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 0.65em;
padding: 0 0.8em 0 0;
color: var(--color-kon);
}
a:hover .blank-link {
background-image: url(/images/common/arrow-blank-blue.png);
color: var(--color-main);
}
/*デフォルトボタン*/
#content .wp-block-button__link {
background-color: var(--color-main);
}
#content .wp-block-button__link:hover {
background-color: var(--color-main60);
}
/*	見出し装飾
/*-------------------------------------------*/
/*--固定ページ共通---*/
.page:not(.home) h2 {
position: relative;
display: inline-block;
left: 50%;
right: 50%;
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
padding: 1rem 2rem;
text-align: center;
color: var(--color-kon);
margin-bottom: 25px;
}
.page:not(.home) h2:before,
.page:not(.home) h2:after { 
content:'';
width: 15px;
height: 15px;
position: absolute;
display: inline-block;
}
.page:not(.home) h2:before {
border-left: solid 2px var(--color-main);
border-top: solid 2px var(--color-main);
top:0;
left: 0;
}
.page:not(.home) h2:after {
border-right: solid 2px var(--color-main);
border-bottom: solid 2px var(--color-main);
bottom:0;
left: initial;
right: 0;
}
.page:not(.home) h2.h2ttl-green {
color: var(--color-darkgreen);
}
.page:not(.home) h2.h2ttl-green:before,
.page:not(.home) h2.h2ttl-green:after {
border-color: var(--color-green);
}
.page h3 {
position: relative;
border-bottom: 1px solid var(--color-maintrans40);
padding: 14px 0px 14px 30px;
font-size: 18px;
margin-bottom: 20px;
}
.page h3.h3ttl-green {
border-color: var(--color-greentrans40);
}
.page h3:before {
content: '';
position: absolute;
text-indent: -1.5em;
background-color: var(--color-main);
width: 0.9em;
height: 0.2em;
left: 4px;
top: calc(14px + 0.6em);
border-radius: 2px;
}
.page h3.h3ttl-green:before {
background-color: var(--color-green);
}
.page h4 {
position: relative;
padding: 0px 0px 14px 30px;
border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
font-size: 17px;
margin-bottom: 20px;
}
.page h4:before {
content: '⚫︎';
position: absolute;
color: var(--color-main);
width: 0.9em;
height: 0.2em;
left: 4px;
top: 0px;
}
.page:not(.home) h5 {
font-size: 16px;
border-bottom: 2px dotted var(--color-main40);
padding: 0 0 10px;
margin-bottom: 15px;
}
.page:not(.home) h6 {
font-size: 15px;
border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
padding: 0 0 10px;
margin-bottom: 15px;
}
/*--ttl-sand-border--*/
.ttl-sand-border,
.page .ttl-sand-border {
text-align: center;
-webkit-font-smoothing: initial;
padding: 0;
border: none;
}
.ttl-sand-border:before,
.page .ttl-sand-border:before {
content: none;
}
.ttl-sand-border:after,
.page .ttl-sand-border:after {
content: none;
}
.ttl-sand-border span,
.page .ttl-sand-border span {
position: relative;
padding: 0 3em;
display: inline-block;
}
.ttl-sand-border span:before,
.ttl-sand-border span:after,
.page .ttl-sand-border span:before,
.page .ttl-sand-border span:after {
content: '';
position: absolute;
border-bottom: 1px solid;
width: 2em;
height: 1px;
top: 50%;
}
.ttl-sand-border span:before,
.page .ttl-sand-border span:before {
left: 0;
}
.ttl-sand-border span:after,
.page .ttl-sand-border span:after {
right: 0;
}
/*--ttl-sand-border-arakawa,ttl-sand-border-lala--*/
.page .ttl-sand-border-arakawa,
.page .ttl-sand-border-lala,
#top-medical h3 {
position: relative;
font-size: 23px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
padding: 0;
text-align: center;
border: none;
}
.page .ttl-sand-border-arakawa:before,
.page .ttl-sand-border-arakawa:after,
.page .ttl-sand-border-lala:before,
.page .ttl-sand-border-lala:after,
#top-medical h3:before,
#top-medical h3:after {
content: '';
position: absolute;
border-bottom: 1px solid var(--color-main);
width: calc(50% - 6em);
height: 1px;
top: 50%;
}
#top-medical h3:before,
#top-medical h3:after {
width: calc(50% - 9em);
}
.page .ttl-sand-border-arakawa:before,
.page .ttl-sand-border-lala:before,
#top-medical h3:before {
left: 0;
}
.page .ttl-sand-border-arakawa:after,
.page .ttl-sand-border-lala:after,
#top-medical h3:after {
right: 0;
}

.page .ttl-sand-border-lala:before,
.page .ttl-sand-border-lala:after,
#top-medical #top-medical-lala h3:before,
#top-medical #top-medical-lala h3:after {
border-color: var(--color-green);
width: calc(50% - 6em);
}
/*-------------------------------------------*/
/*	投稿スタイル
/*-------------------------------------------*/
/*	共通投稿設定
/*-------------------------------------------*/
/*--投稿見出し設定--*/
/*--single(詳細ページ)の見出し--*/
body.single h1.single-ttl {
font-size: 20px;
text-align: left;
border-bottom: 1px solid;
padding: 20px 10px;
margin-bottom: 10px;
position: relative;
margin-bottom: 20px;
}
body.single h1.single-ttl:before {
content: '';
position: absolute;
border-bottom: 1px solid;
left: 0;
bottom: -1px;
width: 60px;
height: 1px;
}
body.single h2 {
text-align: left;
border-top: 2px solid var(--color-main);
border-bottom: 2px solid var(--color-main);
padding: 15px;
font-size: 1.25rem;
}
body.single h2:after {
content: none;
}
body.single h3 {
position: relative;
border-bottom: 2px solid var(--color-maintrans60);
padding: 10px 10px 10px 1.5em;
margin-bottom: 20px;
}
body.single h3:before {
content: '⚫︎';
position: absolute;
color: var(--color-main);
left: 0.25em;
top: 11px;
font-size: 1.25em;
}
body.single h4 {
position: relative;
border-bottom: 1px solid var(--color-maintrans60);
padding: 10px 0px 5px 30px;
font-size: 120%;
margin-bottom: 20px;
}
body.single h4:before {
content: '';
position: absolute;
text-indent: -1.5em;
background-color: var(--color-main);
width: 0.9em;
height: 0.2em;
left: 4px;
top: calc(10px + 0.65em);
border-radius: 2px;
}
body.single h5 {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
padding: 10px 0 5px 5px;
font-size: 115%;
margin-bottom: 20px;
}
body.single h6 {
border-bottom: 2px dotted rgba(0, 0, 0, 0.3);
padding: 10px 0 5px 5px;
font-size: 110%;
margin-bottom: 20px;
}
/*--single(詳細ページ)共通スタイル--*/
.posted-date .date,
.posted-date .modified-date {
background-position: left center;
background-repeat: no-repeat;
background-size: 1.3em;
padding-left: 1.5em;
font-size: 13px;
display: inline-block;
}

.posted-date .date {
background-image: url(/images/icon/icon-date.png);
}

.posted-date .modified-date {
background-image: url(/images/icon/icon-modified-date.png);
margin-left: 5px;
}
body.single .posted-date {
padding-left: 10px;
}
.posted-content {
margin: 2em 0;
padding: 0 10px;
overflow: hidden;
}
body.single #content a {
color: var(--color-main);
text-decoration: underline;
}
body.single #content a:hover {
text-decoration: none;
}
/*投稿アーカイブスタイル*/
.posted-list-simple ul.posted-list li a {
display: block;
padding: 30px 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
position: relative;
}

.posted-list-simple ul.posted-list li a:hover {
color: var(--color-main);
}

.posted-list-simple ul.posted-list li a:before {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid var(--color-main);
transition: all .3s;
transform: scale(0, 1);
transform-origin: left bottom;
}

.posted-list-simple ul.posted-list li a:hover:before {
transform: scale(1, 1);
}

.posted-list-simple ul.posted-list li:first-of-type {
border-top: 1px solid rgba(0, 0, 0, 0.2);
padding-top: 0;
}

.posted-list-simple ul.posted-list li h3,
.posted-list-simple ul.posted-list li .posted-date {
font-size: 16px;
line-height: 1.3em;
}

.posted-list-simple ul.posted-list li .posted-date {
width: 110px;
}

.posted-list-simple ul.posted-list li .posted-ttl {
width: calc(100% - 110px);
}

.posted-list-simple ul.posted-list li a .posted-a-wrap {
display: flex;
flex-wrap: wrap;
background-image: url(/images/common/arrow02-gray.png);
background-position: right top 0.25em;
background-repeat: no-repeat;
background-size: 10px;
padding: 0 1.5em 0 0;
}

.posted-list-simple ul.posted-list li a:hover .posted-a-wrap {
background-image: url(/images/common/arrow02-blue.png);
}

/*	文字装飾
/*-------------------------------------------*/
.point-text {
position: relative;
padding-left: 1em;
text-indent: -1em;
line-height: 1.5em;
}
.point-text:before {
content: '※';
}

/*	色背景・ボーダー共通
/*-------------------------------------------*/
.frame-bg-main,
.frame-bg-main40,
.frame-bg-orange,
.frame-bg-red,
.frame-bg-green,
.frame-bg-gray,
.frame-bg-white,
.frame-border-main,
.frame-border-green,
.frame-border-red,
.frame-border-green,
.frame-border-white,
.frame-border-gray,
.frame-square-gray,
.frame-dot-gray {
padding: calc(0.5em + 4.1%);
border-radius: 20px;
}
.flex-bg-main,
.flex-bg-main40,
.flex-bg-orange,
.flex-bg-red,
.flex-bg-green,
.flex-bg-gray,
.flex-bg-white,
.flex-border-main,
.flex-border-green,
.flex-border-red,
.flex-border-gray,
.flex-border-white,
.flex-square-gray,
.flex-dot-gray {
padding: calc(1.34% + 10px);
border-radius: 20px;
}

/*----色背景---*/
.full-bg-main,
.frame-bg-main,
.flex-bg-main {
background-color: var(--color-main10);
}
.frame-bg-main40,
.flex-bg-main40 {
background-color: var(--color-main40);
}
.full-bg-orange,
.frame-bg-orange,
.flex-bg-orange {
background-color: var(--color-orangetrans10);
}
.full-bg-red,
.frame-bg-red,
.flex-bg-red {
background-color: var(--color-redtrans10);
}
.full-bg-green,
.frame-bg-green,
.flex-bg-green {
background-color: var(--color-green10);
}
.full-bg-gray,
.frame-bg-gray,
.flex-bg-gray {
background-color: #f7f8f7;
}
.full-bg-white,
.frame-bg-white,
.flex-bg-white {
background-color: rgba(255,255,255,0.8);
}
/*----ボーダー---*/
.frame-border-main,
.flex-border-main {
border: 1px solid var(--color-main);
}
.frame-border-green,
.flex-border-green {
border: 1px solid var(--color-green);
}
.frame-border-red,
.flex-border-red {
border: 1px solid var(--color-red);
}
.frame-border-white,
.flex-border-white {
border: 1px solid rgba(255,255,255,0.8);
}
.frame-border-gray,
.flex-border-gray {
border: 1px solid #e0e0e0;
}
/*----ベーシックな柄背景---*/
.full-square-gray,
.frame-square-gray,
.flex-square-gray {
background-image:url(/images/common/bg-square-gray.png);
background-position: left top;
background-repeat: repeat;
background-size: 60px;
}
.full-dot-gray,
.frame-dot-gray,
.flex-dot-gray {
background-image:url(/images/common/bg-dot-gray.png);
background-position: left top;
background-repeat: repeat;
background-size: 8px;
}

/*-------------------------------------------*/
/*	リンク設定(ヘッダー追従の場合の高さ対策)
/*-------------------------------------------*/
.page-link {
margin-top: -100px;
padding-top: 100px;
}


/*-------------------------------------------*/
/*	リストメニュー
/*-------------------------------------------*/
/*---circle-menu---*/
dl.circle-menu {
margin-top: 0;
margin-bottom: 0;
letter-spacing: 0;
}
ul.circle-menu > li,
dl.circle-menu dt {
padding: 10px 10px 10px 1em;
line-height: 1.5em;
position: relative;
letter-spacing: 0;
}
ul.circle-menu > li.no-pd {
padding: 3px 10px 3px 1em;
}
ul.circle-menu.circle-menu-border > li,
dl.circle-menu.circle-menu-border > dt {
border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
}
dl.circle-menu.circle-menu-border > dt {
font-size: 17px;
}
ul.circle-menu > li:before,
dl.circle-menu > dt:before {
content: '●';
position: absolute;
font-size: 0.7em;
left: 0em;
color: var(--color-main);
}
ul.circle-menu.circle-menu-green > li:before,
dl.circle-menu.circle-menu-green > dt:before {
color: var(--color-green80);
}
dl.circle-menu > dt {
margin-bottom: 15px;
font-weight: bold;
color: var(--color-kon);
}
dl.circle-menu.circle-menu-green > dt {
color: var(--color-darkgreen);
}
dl.circle-menu > dd {
margin-left: 0;
margin-bottom: 15px;
}

/*---link-menu、link-menu02---*/
ul.link-menu,
ul.link-menu02 {
display: flex;
flex-wrap: wrap;
overflow:hidden;
letter-spacing: 0;
}
ul.link-menu > li,
ul.link-menu02 > li {
display: flex;
list-style-type: none;
flex-direction: column;
margin: 0;
line-height: 1.3em;
font-feature-settings: "palt";
}
ul.link-menu > li a,
ul.link-menu > li .listwrap,
ul.link-menu02 > li a,
ul.link-menu02 > li .listwrap {
display: block;
border: 2px solid var(--color-main60);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: calc(100% - 8px);
height: 100%;
padding: 18px 30px;
margin: 4px;
text-align: center;
text-decoration: none;
background-color: rgba(255,255,255,0.8);
border-radius: 15px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
}
ul.link-menu02 > li a,
ul.link-menu02 > li .listwrap {
color: #fff;
background-color: var(--color-main);
border: none;
}
ul.link-menu.link-menu-green > li a,
ul.link-menu.link-menu-green > li .listwrap,
ul.link-menu > li.menu-green a,
ul.link-menu > li.menu-green .listwrap {
border-color: var(--color-green40);
}
ul.link-menu02.link-menu-green > li a,
ul.link-menu02.link-menu-green > li .listwrap,
ul.link-menu02 > li.menu-green a,
ul.link-menu02 > li.menu-green .listwrap {
background-color: var(--color-green80);
color: #fff;
border: none;
}
ul.link-menu > li a {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" ><path fill="%23534741" d="M3.64,8.95c-.12,0-.25-.05-.34-.15-.18-.19-.17-.49.02-.67l3.28-3.13L3.31,1.87c-.19-.18-.2-.48-.02-.67.18-.19.48-.2.67-.02l3.64,3.48c.09.09.15.21.15.34s-.05.25-.15.34l-3.64,3.48c-.09.09-.21.13-.33.13Z" /></svg>');
background-position: right 5px center;
background-repeat: no-repeat;
background-size: 12px 12px;
}
ul.link-menu02 > li a {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" ><path fill="%23fff" d="M3.64,8.95c-.12,0-.25-.05-.34-.15-.18-.19-.17-.49.02-.67l3.28-3.13L3.31,1.87c-.19-.18-.2-.48-.02-.67.18-.19.48-.2.67-.02l3.64,3.48c.09.09.15.21.15.34s-.05.25-.15.34l-3.64,3.48c-.09.09-.21.13-.33.13Z" /></svg>');
background-position: right 5px center;
background-repeat: no-repeat;
background-size: 12px 12px;
}
ul.link-menu > li a:hover,
ul.link-menu02 > li a:hover {
background-color: var(--color-main);
color: #fff;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" ><path fill="%23fff" d="M3.64,8.95c-.12,0-.25-.05-.34-.15-.18-.19-.17-.49.02-.67l3.28-3.13L3.31,1.87c-.19-.18-.2-.48-.02-.67.18-.19.48-.2.67-.02l3.64,3.48c.09.09.15.21.15.34s-.05.25-.15.34l-3.64,3.48c-.09.09-.21.13-.33.13Z" /></svg>');
}
ul.link-menu02 > li a:hover {
background-color: var(--color-blue);
}
ul.link-menu.link-menu-green > li a:hover,
ul.link-menu > li.menu-green a:hover,
ul.link-menu02.link-menu-green > li a:hover,
ul.link-menu02 > li.menu-green a:hover {
background-color: var(--color-green);
}
ul.link-menu > li a:hover img,
ul.link-menu02 > li a:hover img {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity:1;
}
ul.link-menu > li h3,
ul.link-menu02 > li h3 {
padding: 0;
margin: 0;
}

/*-------------------------------------------*/
/*	フローリスト
/*-------------------------------------------*/
#content .flow-wrap {
position: relative;
}
#content .flow-wrap:after {
position: absolute;
content: '';
bottom: -35px;
left: 0;
right: 0;
border: 15px solid transparent;
border-top: 15px solid var(--color-main);
width: 0;
height: 0;
z-index: 1;
margin: 0 auto;
}
#content .flow-wrap dl {
border-radius: 15px;
background: var(--color-main20);
overflow: hidden;
padding: 30px;
}
#content .flow-wrap dl.flow-num dt {
margin-bottom: 0;
}
#content .flow-wrap dl.flow-num dt i {
width: 50px;
height: 50px;
float: left;
line-height: 48px;
overflow: hidden;
text-align: center;
font-size: 20px;
border-radius: 50%;
margin: 0;
color: #fff;
background-color: var(--color-main);
}
#content .flow-wrap dl.flow-num dt strong {
width: calc(100% - 60px);
display: inline-block;
padding: 12px 5px;
margin: 0 0 0 10px;
line-height: 1.3em;
color: var(--color-kon);
}
#content .flow-wrap dl.flow-num dd {
width: calc(100% - 65px);
float: right;
border-top: 1px solid var(--color-maintrans40);
padding-top: 15px;
}
#content .flow-wrap:last-of-type:after {
content: none;
}
/*-------------------------------------------*/
/*	住所
/*-------------------------------------------*/
/*--共通--*/
.add span {
padding-right: 0.5em;
}
/*-------------------------------------------*/
/*	スライド
/*-------------------------------------------*/
[class*=swiper]:focus {
outline: none;
}
/*---スライドテキスト---*/
#top-mv {
position: relative;
padding-bottom: 60px;
}
#top-mv:after {
content: '';
position:absolute;
width: 100%;
height: 50%;
bottom: 0;
left: 0;
background: var(--gradation-bluegreen);
z-index: -1;
}
#top-mv .slide-text {
font-weight: normal;
line-height: 1.6;
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
background-color: rgba(255, 255, 255, 0.8);
padding: 80px 50px;
border-radius: 0 9999px 9999px 0;
min-width: 30%;
text-align: center;
}

#top-mv .slide-text h2 {
font-size: 2.3rem;
line-height: 1.3em;
margin-bottom: 10px;
background-image: none;
padding: 0;
text-shadow: 0 0 5px #fff, 0 0 10px #fff;
color: var(--color-kon);
letter-spacing: 0.1em;
}
#top-mv .slide-text h2 span {
display: block;
background-image: url(/images/common/deco-dot-wid-brown.svg);
background-position: left bottom;
background-repeat: repeat-x;
background-size: 10px auto;
}
#top-mv .slide-text h2:before,
#top-mv .slide-text h2:after {
content: none;
}
#top-mv .slide-text p {
color: var(--color-main);
}
/*--スライドページネーション--*/
#top-mv .swiper-pagination {
width: 3px;
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: initial;
right: 3.2rem;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin: auto;
}
#top-mv .swiper-pagination-bullet {
background-color: rgba(255, 255, 255, 0.4);
outline:none;  
display: block;
width: 3px;
height: 4rem;
}
#top-mv .swiper-pagination-bullet-active {
background-color: var(--color-main);
}
#top-mv .swiper-pagination-bullet:not(:first-of-type) {
margin-top: 0.8rem;
}
/*--サイズ--*/
#top-mv .slide-media {
position: relative;
height: 50vw;
width: 90%;
overflow: hidden;
margin: 0 auto;
border-radius: 40px;
}
#top-mv .slide-media img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
/*--スライドアニメーション--*/
#top-mv .slide-media img {
-webkit-transition: 7s 1s ease-out;
transition: 7s 1s ease-out;
}
#top-mv .swiper-slide[class*=-active] .slide-media img {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
#top-mv .swiper-fade .swiper-slide {
-webkit-transition-property: opacity, -webkit-transform !important;
transition-property: opacity, -webkit-transform !important;
transition-property: opacity, transform !important;
transition-property: opacity, transform, -webkit-transform !important;
pointer-events: none;
}
#top-mv .swiper-fade .swiper-slide-active {
pointer-events: auto;
}
#top-mv .swiper-slide[class*=-active] .slide-media img {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
#top-mv .swiper-slide[class*=-active] .slide-title {
-webkit-animation: mv01-fadeIn 2s 0.5s var(--easing) both;
animation: mv01-fadeIn 2s 0.5s var(--easing) both;
}

@-webkit-keyframes mv01-fadeIn {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
-webkit-filter: blur(300px);
filter: blur(300px);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
}

@keyframes mv01-fadeIn {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
-webkit-filter: blur(300px);
filter: blur(300px);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
}
/*--MVエリア装飾--*/
#head-contents {
position: relative;
}
/*-------------------------------------------*/
/*	TOP(トップページ)
/*-------------------------------------------*/
/*--共通--*/
.sub-eng {
font-family: "Zen Maru Gothic", serif;
font-weight: 300;
font-style: normal;
font-size: 65px;
line-height: 1em;
padding: 0 0 17px;
margin: 0 auto 5px;
position: relative;
color: var(--color-main);
}
.home h2 {
font-size: 20px;
padding: 0;
background: none;
margin-bottom: 25px;
}
.home h3 {
padding: 0;
margin: 0;
border: none;
}
.home h3:before {
content: none;
}
.home h4,
.footer-r h4 {
position: relative;
padding: 0px 0px 0px 30px;
font-size: 18px;
margin-bottom: 10px;
border: none;
}
.home h4:before,
.footer-r h4:before {
content: '';
position: absolute;
text-indent: -1.5em;
background-color: var(--color-main);
width: 0.9em;
height: 0.2em;
left: 4px;
top: 0.6em;
border-radius: 2px;
}
.home h4.h4ttl-green:before {
background-color: var(--color-green80);
}
/*	#top-pr-menu
/*-------------------------------------------*/
#top-pr-menu {
position: relative;
width: 95%;
max-width: 1000px;
margin: -60px auto 0;
background-color: #fff;
padding: 18px 10px;
z-index: 1;
border-radius: 23px;
box-shadow: 0 0.5em 2em rgba(0, 0, 0, 0.1);
}
#top-pr-menu ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#top-pr-menu ul li {
width: 33.333%;
border-right: 1px solid var(--color-main40);
padding: 0 8px;
display: flex;
}
#top-pr-menu ul li:last-of-type {
border: none;
}
#top-pr-menu ul li a {
width: 100%;
font-size: 17px;
color: var(--color-kon);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 20px 2em 20px 70px;
border-radius: 8px;
line-height: 1.3em;
background-position: left 15px center, center right 10px;
background-repeat: no-repeat,no-repeat;
background-size: 50px, 1.3em;
}
#top-pr-menu ul li a:hover {
background-color: var(--color-maintrans20);
}
#top-pr-menu ul li.top-pr-menu-medical a {
background-image: url(/images/icon/icon-pr-menu01.png),url(/images/common/arrow01-blue.png);
}
#top-pr-menu ul li.top-pr-menu-introduction a {
background-image: url(/images/icon/icon-pr-menu02.png),url(/images/common/arrow01-blue.png);
}
#top-pr-menu ul li.top-pr-menu-first a {
background-image: url(/images/icon/icon-pr-menu03.png),url(/images/common/arrow01-blue.png);
}

#top-pr-menu ul li a p {
text-align: center;
}
#top-pr-menu ul li a p span {
display: block;
font-size: 14px;
}

/*	#top-posts
/*-------------------------------------------*/
#top-posts {
background: url(/images/common/bg-wave-white-bottom.png), var(--gradation-bluegreen);
background-position: left bottom -1px, left top;
background-repeat: no-repeat, no-repeat;
background-size: 150% 100px, cover;
padding-top: 15px;
padding-bottom: 180px;
}
#top-posts .common-inner {
max-width: 1800px !important;
background-color: rgba(255, 255, 255, 0.8);
padding: 80px 50px;
border-radius: 40px;
}
#top-news,
#top-topics {
width: 50%;
padding: 0 2.5%;
}
#top-news {
border-right: 2px dotted var(--color-maintrans60);
}
/*	#top-about
/*-------------------------------------------*/
#top-about {
background-image: url(/images/common/deco-leaf02.png), url(/images/common/deco-leaf01.png), url(/images/common/bg-wave-white-bottom.png), url(/images/common/bg-shine-green01.png);
background-position: right 50px top, 10% bottom, left bottom, left bottom;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-size: 200px, 200px, 150% 100px, cover;
}
/*--top-about-l--*/
#top-about .top-about-l {
width: 40%;
}
#top-about .top-about-text01 {
color: var(--color-kon);
font-weight: bold;
font-size: 20px;
margin-bottom: 30px;
letter-spacing: 0.05em;
line-height: 1.8em;
}
/*--top-about-r--*/
#top-about .top-about-r {
width: 55%;
}
#top-about .top-about-r-imgblock {
position: relative;
display: flex;
flex-direction: column;
}
#top-about .top-about-r-imgblock img {
display: block;
border-radius: 35px;
}
#top-about .top-about-r-imgblock img.top-about-illust01 {
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 300px;
}
#top-about .top-about-r-imgblock img.top-about-img01 {
position: relative;
width: 200px;
left: 0;
display: block;
z-index: 1;
}
#top-about .top-about-r-imgblock img.top-about-img02 {
position: relative;
width: 200px;
right: 0;
bottom: 0;
margin-left: auto;
display: block;
z-index: 1;
order: 4;
}
#top-about .top-about-r-imgblock img.top-about-img03 {
position: relative;
width: 90%;
display: block;
left: 0;
margin: -50px auto;
order: 3;
}
/*	#top-medical
/*-------------------------------------------*/
#top-medical {
text-align: center;
padding-top: 50px;
}
/*--#top-medical(荒川クリニック・樂樂クリニック)--*/
#top-medical-arakawa,
#top-medical #top-medical-lala {
width: 95%;
max-width: 1500px;
margin: 0 auto;
}
#top-medical-arakawa {
position: relative;
}
#top-medical-arakawa:after {
content: '';
position: absolute;
width: 100%;
height: calc(100% - 400px);
left: 0;
bottom: 100px;
background-color: var(--color-main20);
z-index: -1;
border-radius: 40px;
}
#top-medical .top-medical-menu01 {
margin-top: 60px;
}
#top-medical .top-medical-menu01 ul li {
width: 49%;
}
#top-medical .top-medical-menu01 ul li .medical-txt-box h3 {
background-color: var(--color-main);
color: #fff;
margin: -20px auto 30px;
padding: 15px 30px;
font-size: 20px;
border-radius: 9999px;
width: 250px;

}
#top-medical .top-medical-menu01 ul li a .medical-txt-box h3 {
transition: all .5s;
background-image: url(/images/common/arrow01-wh.png);
background-position: right 10px center;
background-repeat: no-repeat;
background-size: 1em;
}
#top-medical .top-medical-menu01 ul li a:hover .medical-txt-box h3 {
background-color: var(--color-blue);
}
#top-medical .top-medical-menu01 ul li a .medical-img-box {
background-color: var(--color-blue);
border-radius: 35px;
}
#top-medical .top-medical-menu01 ul li .medical-img-box img {
border-radius: 35px;
}
#top-medical .top-medical-menu01 ul li a:hover .medical-img-box img {
opacity: 0.7;
}
/*--#bnr-wheelchair--*/
#bnr-wheelchair a {
width: 100%;
max-width: 800px;
margin: 60px auto 0;
display: block;
color: #fff;
background: linear-gradient(165deg, #ddeeeb 40%, #a1cbed 80%);
transition: all 0.5s;
border-radius: 5px;
border: 1px solid var(--color-main40);
border-radius: 25px;
}
#bnr-wheelchair a:hover {
background: linear-gradient(165deg, #a1cbed 40%, #ddeeeb 80%);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-transform: translate(-5px, -5px);
transform: translate(-5px, -5px);
}
#bnr-wheelchair .bnr-wheelchair-l {
width: 400px;
}
#bnr-wheelchair .bnr-wheelchair-l img {
border-radius: 25px 0 0 25px;
object-fit: cover;
width: 100%;
height: 100%;
}
#bnr-wheelchair .bnr-wheelchair-r {
width: calc(100% - 400px);
align-self: center;
padding: 15px;
}
#bnr-wheelchair .bnr-wheelchair-r .bnr-wheelchair-r-text {
justify-content: center;
align-items: center;
margin-bottom: 12px;
padding: 0 20px;
}
#bnr-wheelchair .bnr-wheelchair-r .bnr-wheelchair-r-text01 {
width: 120px;
height: 120px;
color: var(--color-kon);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
background-color: rgba(255, 255, 255, 0.5);
padding-top: 5px;
}
#bnr-wheelchair .bnr-wheelchair-r .bnr-wheelchair-r-text02 {
color: var(--color-kon);
font-weight: bold;
line-height: 1.5em;
margin-left: 15px;
font-size: 18px;
}
#bnr-wheelchair .bnr-wheelchair-r .bnr-wheelchair-r-text03 {
background-color: var(--color-kon);
color: #fff;
max-width: 200px;
margin: 0 auto;
font-size: 15px;
padding: 10px;
border-radius: 9999px;
background-image: url(/images/common/arrow01-wh.png);
background-position: right 10px center;
background-repeat: no-repeat;
background-size: 1em;
transition: all 0.5s;
}
#bnr-wheelchair a:hover .bnr-wheelchair-r .bnr-wheelchair-r-text03 {
background-color: var(--color-blue);
}
/*--#top-medical(ララ心療クリニック)--*/
#top-medical #top-medical-lala {
background-color: var(--color-green10);
padding: 80px 0;
border-radius: 40px;
margin: 60px auto 0;
}
#top-medical .top-medical-lala-lr {
margin-top: 60px;
}
#top-medical .top-medical-lala-l {
width: 49%;
}
#top-medical .top-medical-lala-r {
width: 49%;
}
#top-medical .top-medical-lala-r img {
border-radius: 25px;
}
/*	#top-introduction
/*-------------------------------------------*/
#top-introduction {
position: relative;
}
#top-introduction:after {
content: '';
position: absolute;
width: 100%;
height: calc(100% + 200px);
top: -200px;
left: 0;
background-image: url(/images/common/bg-shine-blue01.jpg);
background-position: left top;
background-repeat: no-repeat;
background-size: auto 106%;
z-index: -6;
}
.introduction-wrap {
position: relative;
}
.introduction-wrap:after {
content: '';
position: absolute;
width: 97%;
height: calc(100% - 300px);
left: 0;
bottom: 0;
background-color: var(--color-maintrans20);
border-radius: 0 50px 50px 0;
z-index: -1;
}
#introduction-arakawa,
#introduction-arakawalala {
margin-top: 80px;
}

#introduction-arakawalala.introduction-wrap:after {
left: initial;
right: 0;
border-radius: 50px 0px 0px 50px;
}
#introduction-arakawalala .introduction-topblock {
flex-direction: row-reverse;
}
#top-introduction .introduction-topblock {
width: 95%;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}
#top-introduction .introduction-topblock-l {
width: 50%;
justify-content: center;
display: flex;
flex-direction: column;
position: relative;
z-index: 1;
text-align: left;
margin-right: -20%;
padding: 45px 40px;
background-color: rgba(255, 255, 255, 0.8);
box-shadow: 0 0.5em 2em rgba(0, 0, 0, 0.1);
border-radius: 35px;
}
#top-introduction .introduction-topblock-l:before {
content: '';
position: absolute;
width: 6px;
height: calc(100% - 80px);
top: 40px;
left: 0;
border-left: 6px solid var(--color-main);
}
#introduction-arakawalala .introduction-topblock-l {
margin-right: initial;
margin-left: -20%;
}
#top-introduction .introduction-ttl-l {
width: calc(100% - 170px);
text-align: center;
}
#top-introduction .introduction-ttl-r {
width: 155px;
}
#top-introduction .introduction-ttl h3 {
font-size: 26px;
}
#top-introduction .introduction-ttl h3 span {
display: block;
font-size: 16px;
}
#top-introduction .introduction-ttl-tel p {
border-top: 1px solid var(--color-main);
border-bottom: 1px solid var(--color-main);
margin: 10px auto;
padding: 5px 0;
}
#top-introduction .introduction-topblock-r {
width: 70%;
}
#top-introduction .introduction-topblock-r img {
border-radius: 35px;
}
/*--.mark-wheelchair--*/
#top-introduction .mark-wheelchair {
background: linear-gradient(to top, #aad5cd 15%, #86c5e0 90%);
border-radius: 10px;
padding: 15px;
line-height: 1.3em;
text-align: center;
font-weight: bold;
color: #fff;
}
#top-introduction .mark-wheelchair .mark-wheelchair-text01 {
background-color: rgba(255, 255, 255, 0.8);
border-radius: 9999px;
text-align: center;
color: var(--color-main);
padding: 3px;
}
#top-introduction .mark-wheelchair .mark-wheelchair-text02 {
margin: 5px auto;
}
#top-introduction .mark-wheelchair .mark-wheelchair-img img {
display: block;
width: 100px;
margin: 0 auto;
}
/*--.introduction-hd--*/
.introduction-hd {
align-items: center;
margin-top: 15px;
}
.introduction-hd .introduction-hd-text01 {
width: 100px;
height: 100px;
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 1.3em;
background-color: var(--color-main);
color: #fff;
}
.introduction-hd .introduction-hd-text01 span {
font-size: 25px;
padding-top: 3px;
}
.introduction-hd ul {
width: calc(100% - 110px);
border-top: 1px solid var(--color-main);
border-bottom: 1px solid var(--color-main);
padding: 10px;
}
.introduction-hd ul li {
line-height: 1.3em;
padding: 2px 0;
}
.introduction-ttl-tel a.telnum {
font-size: 30px;
}

/*--.introduction-bottomblock--*/
#top-introduction .introduction-bottomblock {
padding-bottom: 60px;
}
#top-introduction .introduction-bottomblock-l,
#top-introduction .introduction-bottomblock-r {
width: 49%;
}
#top-introduction .introduction-bottomblock-l ul.circle-menu > li {
padding: 3px 3px 3px 1em;
line-height: 1.3em;
}
#top-introduction .introduction-bottomblock-r {
margin-top: 30px;
}
.introduction-pcp-btn.btn a {
width: 100%;
text-align: center;
margin: 15px auto 0;
}
.access-train,
.access-bus {
width: calc(100% - 140px);
background-image: url(/images/icon/icon-train.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 40px;
padding: 18px 13px 18px 50px;
border-top: 2px solid var(--color-main);
border-bottom: 2px solid var(--color-main);
font-weight: bold;
align-self: center;
line-height: 1.3em;
}
.access-bus {
background-image: url(/images/icon/icon-bus.png);
}
.access-parking {
width: 130px;
background-image: url(/images/icon/icon-parking);
background-position: left 10px center;
background-repeat: no-repeat;
background-size: 1.5em;
background-color: var(--color-main);
color: #fff;
border-radius: 6px;
padding: 10px 15px 10px 2.8em;
line-height: 1.3em;
text-align: center;
align-self: center;
}
.access-parking span {
display: block;
}
/*--診療時間・診療時間テーブル設定--*/
.introduction-time-block02 {
padding: 20px 0;
border-top: 1px solid var(--color-kon);
border-bottom: 1px solid var(--color-kon);
margin: 20px 0;
}
#introduction-arakawalala .introduction-time-block02 {
padding: 20px 0 0;
border-bottom: 0px solid var(--color-kon);
margin: 20px 0 0;
}
.time-closed strong {
background-color: var(--color-main);
color: #fff;
padding: 3px 10px;
margin: 0 10px 0px 0px;
border-radius: 3px;
}
/*--ララ心療クリニックエリア--*/
#introduction-lala .introduction-wrap {
padding: 60px 0;
}
#introduction-lala .introduction-lala-lr {
width: 100%;
max-width: 1120px !important;
margin: 0 auto;
padding: 50px 50px 75px;
}
#introduction-lala .common-inner {
position: relative;
width: 95%;
max-width: 1300px !important;
}
#introduction-lala .common-inner:before,
#introduction-lala .common-inner:after {
content: '';
position: absolute;
z-index: -1;
}
#introduction-lala .common-inner:before {
width: 100%;
height: calc(100% - 25px);
bottom: 0;
left: 0;
border-left: 1px solid var(--color-green);
border-right: 1px solid var(--color-green);
border-bottom: 1px solid var(--color-green);
border-radius: 35px;
}
#introduction-lala .common-inner:after {
width: 100%;
height: 100%;
top: 25px;
left: 0;
background-image: url(/images/common/lala-bg-green01l), url(/images/common/lala-bg-green01r);
background-position: left top, right top;
background-repeat: no-repeat;
background-size: 350px, 350px;
border-radius: 35px;
}
#introduction-lala h3 {
position: relative;
margin: 0px auto;
}
#introduction-lala h3:before,
#introduction-lala h3:after {
content: '';
position: absolute;
width: calc(50% - 180px);
height: 35px;
top: 25px;
border-top: 1px solid var(--color-green);
background: none;
}
#introduction-lala h3:before {
left: 0;
border-left: 1px solid var(--color-green);
border-radius: 35px 0 0 0;
}
#introduction-lala h3:after {
right: 0;
border-right: 1px solid var(--color-green);
border-radius: 0 35px 0 0;
}
#introduction-lala .lala-logo {
display: block;
width: 300px;
margin: 0 auto;
}
#introduction-lala .introduction-wrap:after {
content: none;
}
#introduction-lala .introduction-lala-l,
#introduction-lala .introduction-lala-r {
width: 49%;
}
#introduction-lala table.timetable,
#introduction-lala table.timetable tr th,
#introduction-lala table.timetable tr td,
#top-introduction #introduction-lala .introduction-ttl-tel p {
border-color: var(--color-green60);
}
#introduction-lala .introduction-lala-r {
margin-top: 22px;
}
#introduction-lala .time-closed strong {
background-color: var(--color-green);
}
#introduction-lala .access-train {
width: 100%;
border-color: var(--color-green60);
}
#introduction-lala .btn-blank {
position: relative;
margin-top: -20px;
z-index: 1;
}

/*	診療対象となる主な症状
/*-------------------------------------------*/
#top-symptoms {
position: relative;
text-align: center;
background-image: url(/images/common/deco-leaf01.png), url(/images/common/bg-wave-lightgreen-bottom.png), url(/images/top/symptoms-bg-l.png), url(/images/top/symptoms-bg-r.png);
background-position: 10% top, 125% top, calc(50% - 600px) center, calc(50% + 600px) center;
background-repeat: no-repeat, repeat-x, no-repeat, no-repeat;
background-size: 200px, 200% 100px, auto 600px, auto 600px;
padding-top: 100px;
}
#top-symptoms:before {
content: '';
position: absolute;
width: 20%;
max-width: 400px;
height: 460px;
right: 0;
top: -220px;
background-image: url(/images/common/deco-green02-r.png);
background-position: right center;
background-repeat: no-repeat;
background-size: 100%;
z-index: 1;
}
.symptoms-illust {
width: 100%;
max-width: 800px;
margin: 60px auto;
}
.medical-symptomslist ul li {
width: 50%;
padding: 5px;
text-align: center;
display: flex;
flex-direction: column;
}
.medical-symptomslist ul li .medical-symptomslist-wrap {
background-color: var(--color-maintrans20);
padding: 30px 15px;
border-radius: 8px;
height: 100%;
display: flex;
flex-direction: column;
flex-basis: 100%;
max-height: 100%;
min-height: 100%;
}
.medical-symptomslist ul li:nth-of-type(4n) .medical-symptomslist-wrap,
.medical-symptomslist ul li:nth-of-type(4n + 1) .medical-symptomslist-wrap {
background-color: var(--color-beigetrans20);
}
.medical-text01 {
font-size: 20px;
margin: 40px auto 0;
}
/*	top-clinic-image
/*-------------------------------------------*/
.top-clinic-image {
height: 400px;
width: 100%;
max-width: 1800px;
margin: 0 auto;
}
.top-clinic-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

/*-------------------------------------------*/
/*	下層
/*-------------------------------------------*/
/*--下層タイトル周り--*/
#page-ttl {
position: relative;
padding: 87px 50px 95px;
text-align: center;
/*box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);*/
}
#page-ttl:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--color-maintrans20);
z-index: -2;
}
#page-ttl img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
left: 0;
top: 0;
z-index: -1;
}
.page-ttl-text {
font-size: 1.55rem;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: block;
line-height: 1.3em;
padding: 0;
}
.page-sub-ttl {
position: relative;
font-family: "Zen Maru Gothic", serif;
font-weight: 300;
font-style: normal;
font-size: 64px;
color: var(--color-main);
display: block;
line-height: 1em;
padding-bottom: 20px;
margin-bottom: 15px;
}
.page-sub-ttl:after {
content: '';
position: absolute;
width: 50px;
height: 2px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background-color: var(--color-main);
}

/*--ぱんくずリスト--*/
#breadcrumb {
padding: 10px 0;
}
#breadcrumb .fbc-page .fbc-wrap .fbc-items {
background-color: transparent;
line-height: 1.3em;
}
#breadcrumb .fbc-page .fbc-wrap .fbc-items li {
padding: 0px 2px;
}
#breadcrumb .fbc-page .fbc-wrap .fbc-items li:first-child {
padding-left: 0;
}
.fbc-page .fbc-wrap .fbc-items li.active span, .fbc-page .fbc-wrap .fbc-items li .fbc-end-text {
font-weight: normal;
}
/*--共通common-intro--*/
.common-intro {
position: relative;
}
.common-intro:after {
content: '';
position: absolute;
width: 100%;
height: 300px;
bottom: 0;
left: 0;
background-color: var(--color-main10);
z-index: -1;
}
.common-intro-text {
font-size: 22px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
}
.common-intro-img img {
border-radius: 25px;
object-fit: cover;
width: 100%;
height: 100%;
}
.common-intro-menu {
margin-top: -30px;
}
.common-intro-menu ul.link-menu > li a {
font-weight: bold;
color: var(--color-kon);
-webkit-font-smoothing: antialiased;
}
.common-intro-menu ul.link-menu > li a:hover {
color: #fff;
}
/*	診療のご案内
/*-------------------------------------------*/
/*--初診の方へ--*/
#medical-first ul li {
padding: 0 5px;
}
.list-img-icon {
width: 100%;
}
.list-img-icon img {
display: block;
width: 110px;
margin: 0 auto;
}
#medical-first ul li h3 {
padding: 0 0 10px;
font-size: 16px;
text-align: center;
color: var(--color-kon);
}
#medical-first ul li h3:before {
content: none;
}
/*--担当医表--*/
table.timetable.doc-timetable tr th,
table.timetable.doc-timetable tr td {
border: 1px solid var(--color-main60);
font-size: 15px;
line-height: 1.3em;
padding: 15px 3px;
}
table.timetable.doc-timetable tr th {
background-color: var(--color-kon);
color: #fff;
}
table.timetable.doc-timetable tr td.doc-timetable-time {
background-color: var(--color-maintrans20);
}
table.timetable.doc-timetable tr td.doc-timetable-close {
background-image: linear-gradient(to left top, transparent calc(50% - 0.5px), rgba(134,197,224,0.3) 50%, rgba(134,197,224,0.3) calc(50% + 0.5px), transparent calc(50% + 1px));
font-weight: bold;
}
table.timetable.doc-timetable tr td.doc-timetable-name {
color: var(--color-kon);
font-weight: bold;
}
#medical-timetable-lala .flex-bg-green {
padding-top: 45px;
padding-bottom: 60px;
}
#medical-timetable-lala .btn-blank {
margin-top: -25px;
}


/*	透析治療
/*-------------------------------------------*/
.dialysis-hd-wrap-l,
.dialysis-hd-wrap-r {
padding: 0 20px;
}
.dialysis-hd-wrap-r {
border-left: 2px dotted var(--color-main40);
}
.dialysis-hd-wrap img {
width: 100%;
max-width: 250px;
margin: 10px auto 0;
display: block;
}
.dialysis-time-l {
width: 300px;
}
.dialysis-time-r {
width: calc(100% - 330px);
padding-left: 50px;
border-left: 1px solid var(--color-main60);
}
.dialysis-img img {
border-radius: 20px;
}
.dialysis-car-area-l {
width: 47%;
}
.dialysis-car-area-l img {
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 20px;
}
.dialysis-car-area-r {
width: 50%;
}
.dialysis-car-area-r h3 {
background-color: var(--color-main);
display: inline-block;
padding: 12px 35px;
color: #fff;
border: none;
border-radius: 999px;
line-height: 1em;
}
.dialysis-car-area-r h3:before {
content: none;
}
.dialysis-car-areamap {
margin-top: 30px;
border-radius: 20px;
}
/*	医師紹介
/*-------------------------------------------*/
.staff-name {
font-size: 26px;
line-height: 1em;
margin-top: 10px;
align-self: center;
padding-bottom: 20px;
margin-bottom: 15px;
letter-spacing: 0.2em;
}
.staff-name span {
display: block;
font-size: 16px;
margin-right: 1em;
letter-spacing: 0.1em;
}
.staff-name em {
display: block;
font-size: 18px;
color: var(--color-main);
font-family: "Zen Maru Gothic", serif;
font-weight: 400;
font-style: normal;
width: 100%;
padding-top: 10px;
letter-spacing: 0;
}
.doc-license {
margin-top: 20px;
}
#doctor-01 {
margin-top: 30px;
}

/*--資格・学会等--*/
.doc-license ul.circle-menu li {
width: 50%;
padding: 3px 10px 3px 1em;
}
#doctor-04 .doc-license ul.circle-menu li {
width: auto;
}
/*--写真あり--*/
.common-doctor-pic .staff-name {
border-bottom: 1px solid var(--color-main60);
}
.common-doctor-pic .common-doctor-wrap-l {
width: calc(100% - 350px);
order: 2;
}
.common-doctor-pic .common-doctor-wrap-r {
width: 300px;
}
.common-doctor-pic .common-doctor-wrap-r img {
border-radius: 10px;
}
/*--写真なし--*/
.common-doctor-nopic .common-doctor-wrap-l {
width: 300px;
padding-left: 5%;
}
.common-doctor-nopic .common-doctor-wrap-r {
width: calc(100% - 300px);
border-left: 1px solid var(--color-main60);
padding-left: 8%;
}
.common-doctor-nopic .staff-name span {
margin: 0 0 10px;
width: 100%;
letter-spacing: 0;
}
/*--common-doctor-bottom--*/
.common-doctor-bottom-l {
width: 50%;
}
.common-doctor-bottom-l .common-intro-text {
font-size: 20px;
color: var(--color-kon);
margin-bottom: 25px;
}
.common-doctor-bottom-r {
width: 45%;
}
.common-doctor-bottom-pic img {
display: block;
border: 1px solid rgba(0,0,0,0.3);
}
.best-doctors ul.circle-menu {
border-top: 1px solid var(--color-maintrans60);
border-bottom: 1px solid var(--color-maintrans60);
padding: 30px 20px;
}
/*	採用情報
/*-------------------------------------------*/
#page-recruit #page-ttl {
padding: 0;
}
#page-recruit #page-ttl #page-ttl-inner {
width: 100%;
max-width: 100% !important;
}
#page-recruit #page-ttl #page-ttl-inner h1 {
position: absolute;
width: 90%;
max-width: 900px;
left: 50%;
right: 50%;
top: 37%;
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background: linear-gradient(to left, transparent 5%, rgba(0, 64, 108, 0.8) 20%, rgba(0, 64, 108, 0.8) 50%, rgba(0, 64, 108, 0.8) 80%, transparent 95%);
padding: 20px;
color: #fff;
}
#page-recruit .page-ttl-text {
font-size: 22px;
-webkit-font-smoothing: antialiased;
}
#page-recruit .page-sub-ttl {
color: #fff;
font-size: 53px;
padding: 0;
font-weight: 400;
}
#page-recruit .page-sub-ttl:after {
content: none;
}
#page-recruit #page-ttl picture {
}
#page-recruit #page-ttl img {
object-fit: initial;
position: relative;
}
/*--recruit-intro--*/
#recruit-intro {
position: relative;
box-shadow: 0px 9px 10px -3px rgba(0, 0, 0, 0.05);
}
#recruit-intro:before,
#recruit-intro:after {
content: '';
position: absolute;
width: 100%;
}
#recruit-intro:before {
height: 100%;
left: 0;
bottom: 0;
background: linear-gradient(to bottom, #fff 0%, transparent 15%), url(/images/recruit/recruit-bg.jpg);
background-position: center top, center top;
background-repeat: no-repeat,no-repeat;
background-size: cover,cover;
z-index: -1;
}
#recruit-intro:after {
height: 40%;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.5);
z-index: -1;
}
#recruit-intro .recruit-intro-message h2 {
font-size: 28px;
margin-bottom: 30px;
}
#recruit-intro .recruit-intro-message h2:before,
#recruit-intro .recruit-intro-message h2:after {
content: none;
}
.recruit-intro-menu {
position: relative;
margin-top: 60px;
}
.recruit-intro-menu .recruit-intro-img ul li:first-of-type img {
border-radius: 20px 0 0 20px;
}
.recruit-intro-menu .recruit-intro-img ul li:last-of-type img {
border-radius: 0 20px 20px 0;
}

.recruit-intro-menu .recruit-intro-menu-list {
width: 95%;
max-width: 1000px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 20px 20px 0 0;
padding: 30px 30px 0;
}
#recruit-intro-apply {
margin-top: 40px;
}
#recruit-intro-apply .recruit-intro-apply-l,
#recruit-intro-apply .recruit-intro-apply-r {
width: 50%;
padding: 10px 50px;
}
#recruit-intro-apply .recruit-intro-apply-l {
border-right: 1px solid var(--color-maintrans60);
}
.recruit-mark-red span {
background-color: var(--color-red);
color: #fff;
font-size: 14px;
display: inline-block;
padding: 5px 13px;
line-height: 1em;
margin: 0 3px;
border-radius: 9999px;
}
/*--common-recruit-map--*/
.common-recruit-map .common-recruit-map-l,
.common-recruit-map .common-recruit-map-r {
padding: 0 50px;
align-items: center;
}
.common-recruit-map .common-recruit-map-l {
border-left: 1px solid var(--color-main60);
border-right: 1px solid var(--color-main60);
}
.common-recruit-map .common-recruit-map-l h3 {
border: none;
align-self: center;
padding: 0;
margin-bottom: 0;
}
.common-recruit-map .common-recruit-map-l h3:before {
content: none;
}
.common-recruit-map .btn-blank a {
padding: 5px 2.5em 5px 2em;
font-size: 14px;
margin: 0 0 0 15px;
}
/*--グリーン--*/
.common-recruit-map.flex-bg-green .common-recruit-map-l {
border-color: var(--color-green60);
}
/*--common-recruit-table--*/
table.common-recruit-table,
table.common-recruit-table-green {
margin-bottom: 0;
}
table.common-recruit-table tr th,
table.common-recruit-table tr td,
table.common-recruit-table-green tr th,
table.common-recruit-table-green tr td {
border: 1px solid #fff;
padding: 20px;
}
table.common-recruit-table tr th,
table.common-recruit-table-green tr th {
width: 14em;
background-color: var(--color-main40);
}
table.common-recruit-table-green tr th {
background-color: var(--color-green20);
}
table.common-recruit-table tr td,
table.common-recruit-table-green tr td {
text-align: left;
background-color: var(--color-main20);
}
table.common-recruit-table-green tr td {
background-color: var(--color-green10);
}
table.common-recruit-table dl.circle-menu > dt,
table.common-recruit-table-green dl.circle-menu > dt {
padding: 0px 10px 0px 1em;
margin: 0 0 5px;
}
/*-------------------------------------------*/
/*	archiveページネーション
/*-------------------------------------------*/
.nav-links {
text-align: center;
margin-top: 40px;
}

.nav-links span,
.nav-links a:not(.next, .prev) {
width: 3em;
height: 3em;
border-radius: 50%;
line-height: 3em;
display: inline-block;
margin: 0 2px;
background-color: rgba(62, 58, 57, 0.3);
}

.nav-links a:not(.next, .prev):hover,
.nav-links .current {
background-color: var(--color-main);
color: #fff;
}

/*-------------------------------------------*/
/*	single
/*-------------------------------------------*/

/*-------------------------------------------*/
/*	singleページネーション
/*-------------------------------------------*/
.pager {
width: 100%;
}
.pager ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: rgba(0,0,0,0.05);
padding: 10px 0;
margin-top: 30px;
}

.pager ul li {
text-align: center;
padding: 0;
width: 33.333%;
}
.pager ul li:nth-of-type(2) {
border-left: 1px solid rgba(0,0,0,0.1);
border-right: 1px solid rgba(0,0,0,0.1);
}
#content .pager ul li a {
color: var(--color-main-text);
text-decoration: none;
}
#content .pager ul li a:hover {
opacity: 0.7;
}
/*-------------------------------------------*/
/*	ページトップ
/*-------------------------------------------*/
#page-top {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 100;
}

#page-top a {
text-decoration: none;
}

#page-top a:hover {
background-color: rgba(182, 100, 203, 0.8);
}

#page-top a img {
width: 50px;
padding: 20px;
display: block;
line-height: 40px;
background-color: rgba(62, 58, 57, 0.8);
border-radius: 50%;
}

#page-top a:hover img {
background-color: var(--color-maintrans80);
}
/*-------------------------------------------*/
/*	footer
/*-------------------------------------------*/
footer {
font-size: 0.9375rem;
background: url(/images/common/bg-shine-blue01.jpg), var(--gradation-bluegreen);
background-position: left top, left top;
background-repeat: no-repeat;
background-size: auto, cover;
}
footer a,
footer ul.footer-sub-list li a {

}
footer ul.footer-sub-list li a:hover,
#footer-bnr a:hover {
opacity: 0.7;
}
#footer-wrap {
padding: 80px 0 40px;
}

footer nav.foot-nav ul {
display: flex;
flex-wrap: wrap;
margin-top: 15px;
}
.footer-l {
width: 40%;
padding-right: 50px;
}

.footer-r {
width: 60%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
/*--.footer-l--*/
.footer-l ul {
margin-top: 10px;
letter-spacing: 0;
}

.footer-logo {
width: 100%;
max-width: 250px;
}
ul.footer-sub-list li {
margin-top: 20px;
}
ul.footer-sub-list li h3,
.footinfo-tel,
.footinfo-fax {
font-size: 16px;
}
.footinfo-fax img.img0 {
width: 0;
height: 0;
max-width: 0;
}
ul.footer-sub-list li h3 {
border: none;
padding: 0 0 0px 6px;
margin: 0;
border-left: 3px solid var(--color-kon);
color: var(--color-kon);
}
ul.footer-sub-list li h3:before {
content: none;
}
ul.footer-sub-list li h3 span {
font-size: 13px;
}
ul.footer-sub-list li a:hover {
opacity: 0.7;
}
.footinfo-tel,
.footinfo-fax {
font-weight: bold;
}
.footinfo-tel strong,
.footinfo-fax strong {
margin-right: 0.5em;
font-size: 13px;
}
.footinfo-fax strong {
margin-left: 0.5em;
}
/*--.footer-r--*/
.footer-r h4 {
font-size: 15px;
padding: 0px 0px 0px 24px;
}
.footer-r #footer-menu {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-r .foot-nav {
width: 49%;
}
.foot-nav ul li {
line-height: 1.3em;
padding: 5px 0;
}
.foot-nav ul li a {
position: relative;
padding-left: 1em;
display: block;
}
.foot-nav ul li a:hover {
color: var(--color-main);
}
.foot-nav ul li a:before {
content: '⚫︎';
position: absolute;
color: var(--color-main);
width: 1em;
height: 1em;
left: 0;
top: 0;
font-size: 13px;
}

.foot-nav ul.sub-menu li a {
background-image: url(/images/common/arrow02-blue.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 0.5em;
}
.foot-nav ul.sub-menu {
margin-top: 5px;
}
.foot-nav ul.sub-menu li a:before {
content: none;
}
/*--#footer-bnr--*/
#footer-bnr {
margin-top: 30px;
}
#footer-bnr a {
display: block;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 15px;
}
#footer-bnr a img {
border-radius: 15px;
}
#footer-bnr .footer-bnr-pickup {
width: 66.5%;
}
#footer-bnr .footer-bnr-pickup ul li {
width: 49%;
}
#footer-bnr .footer-bnr-link {
width: 32.25%;
}

/*--footer-bottom--*/
.footer-bottom {
margin-top: 50px;
padding-top: 35px;
font-size: 13px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}