@charset "utf-8";

/*=================================

common

=================================*/
.sp { display:none; }
.pc { display:flex; }

/*------------------------------------------------------------
container
------------------------------------------------------------*/
#container {
 padding-top:148px;
}

/*------------------------------------------------------------
main
------------------------------------------------------------*/
main {
 background-color: #97c3ed;
 align-items:center;
 display: flex;
 flex-direction:column;
 flex: 0 1 1080px;
 justify-content:start;
 row-gap:50px;
}

#main {
 background-color:#97c3ed;
 padding:0 70px 50px;
}

#main a { color:var(--link-color); text-decoration:none; }
#main a:hover { color:var(--orange); cursor:pointer; text-decoration:none; }
#main a.link:hover { color:var(--link-color); cursor:pointer; text-decoration:none; }

section {
 align-items: center;
 display: flex;
 flex-direction:column;
 justify-content:center;
 flex:0 0 100%;
 width:100%;
}

.content {
 align-items:center;
 max-width:var(--max-width);
 display: flex;
 flex-direction:column;
 justify-content:center;
 width:100%;
}

/*------------------------------------------------------------
header
------------------------------------------------------------*/
#header {
 background-color:var(--white);
 display:flex;
 justify-content:space-between;
 width:100%;
 height:83px;
 top:0;
 position:fixed;
 z-index:101;
}

#header #header_cont {
 column-gap: 10px;
 display:flex;
 justify-content:space-between;
 flex:0 0 100%;
 padding:15px 15px 15px 30px;
 position:relative;
}

#header #header_cont:after {
 background-color:var(--orange);
 content:" ";
 height:3px;
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
}

#header #header_cont #header_left_area {
 align-items:center;
 column-gap:10px;
 display:flex;
 flex-wrap:nowrap;
 justify-content:start;
}

#header #header_cont #header_left_area h1 {
 align-items:center;
 display:flex;
 flex:0 0 auto;
}

#header #header_cont #header_left_area h1 img {
 width:250px;
 height:auto;
}

#header #header_cont #header_left_area .sns_link {
 align-items:center;
 column-gap:15px;
 display:flex;
 justify-content:start;
}

#header #header_cont #header_left_area .sns_link a {
 display:block;
 width:34px;
 aspect-ratio: 1 / 1;
}

#header #header_cont #header_left_area .sns_link a img {
 width:100%;
 height:auto;
}

#header #header_cont #header_right_area {
 align-items:center;
 column-gap:10px;
 display:flex;
 flex:1;
 flex-wrap:nowrap;
 justify-content:flex-end;
}

#header #header_cont #header_right_area > dl {
 min-width: 234px;
 text-align:center;
}

#header #header_cont #header_right_area > dl dt {
 background-color:#fce4cc;
 border-radius:2px;
 display:flex;
 flex:0 1 auto;
 justify-content:center;
 text-align:center;
}

#header #header_cont #header_right_area > dl dt span {
 display:block;
 font-size:1.2rem;
 line-height: 1;
 padding:2px;
}

#header #header_cont #header_right_area > dl dd {
 flex:0 0 100%;
 margin-top:7px;
 text-align:center;
}

#header #header_cont #header_right_area > dl dd a {
 column-gap:5px;
 text-decoration:none;
 display:flex;
 align-items:center;
}

#header #header_cont #header_right_area > dl dd a img {
 height:22px;
 width:auto;
}

#header #header_cont #header_right_area > dl dd a span {
 color:var(--orange);
 font-size:2.6rem;
 font-weight:600;
 white-space: nowrap;
 line-height: 1;
}

#header .open_hour {
 flex: 0 1 170px;
}

#header .open_hour p {
 align-items:center;
 display:flex;
 flex:0 1 auto;
 justify-content:center;
 text-align:center;
}

#header .open_hour p:nth-child(2) {
 margin-top:8px;
}

#header .open_hour p span {
 display:block;
 font-size:1.3rem;
 line-height:1.6;
}

#header .open_hour p span:first-child {
 align-items:center;
 display:flex;
 flex:1 1 100px;
 justify-content:center;
 text-align:center;
}

#header .open_hour p span:nth-child(2) {
 flex:1 1 100px;
 padding-left:5px;
 text-align:left;
}

#header .open_hour p:first-child span:first-child {
 background-color:#e9f2fb;
}

#header .open_hour p:nth-child(2) span:first-child {
 background-color:#ffefef;
}

#header .inquiry_area {
 display:flex;
 flex: 0 1 300px;
 justify-content: flex-end;
}

#header .inquiry_area ul {
 column-gap:15px;
 display:flex;
 justify-content: flex-end;
 flex: 0 0 100%;
}

#header .inquiry_area ul li {
 display:flex;
 flex:1 1 40%;
}

#header .inquiry_area ul li:first-child {
 flex:0 1 60%;
}

#header .inquiry_area ul li a {
 border-radius:5px;
 color:var(--white);
 display:block;
 flex:1 1 auto;
 padding:15px 15px;
 text-decoration:none;
}

#header .inquiry_area ul li a dl {
 align-items: center;
 display:flex;
 justify-content:center;
}

#header .inquiry_area ul li a dl dt {
 flex:0 0 auto;
 text-align:center;
}

#header .inquiry_area ul li a dl dt i {
 color:var(--white);
 font-size:1.4rem;
 line-height:1;
}

#header .inquiry_area ul li a dl dd {
 flex:0 0 auto;
 padding-left:5px;
} 

#header .inquiry_area ul li a dl dd span {
 display:block;
 font-size:1.4rem;
 font-weight:600;
}

#header .inquiry_area ul li a dl dd span br {
 display:none;
}

#header .inquiry_area ul li:first-child a {
 background-color:#0092D6;
 box-shadow:0 2px 0 #166d95;
}

#header .inquiry_area ul li:nth-child(2) a {
 background-color:#269b64;
 box-shadow:0 2px 0 #18723f;
}

#header .inquiry_area ul li:first-child a:hover {
 text-decoration:none;
}

#header .inquiry_area ul li a:hover {
 opacity:0.7;
}

#header #header_cont .sns {
 display:none;
}

#header #header_cont #menuBtn {
 display:none;
}

/*--- fixed ---*/

#header.fixed {
 background-color:var(--white);
 opacity: 1;
 transition: opacity 0.5s;
 position:fixed;
}

/*------------------------------------------------------------
nav
------------------------------------------------------------*/
#nav {
 background-color:var(--white);
 border-bottom:1px solid var(--gray_ee);
 display:flex;
 justify-content:center;
 padding:0;
 position:fixed;
 width:100%;
 top:83px;
 z-index:101;
 opacity: 1;
}

#nav.fixed {
 opacity: 0;
 transition: opacity 0.5s;
 position:fixed;
 top:83px;
}

/*------------------------------------------------------------
main_visual
------------------------------------------------------------*/
#main_visual {
 display:flex;
}

#main_visual #main_visual_cont {
 align-items:center;
 background-color:var(--gray_ee);
 text-shadow: none;
 text-align:center;
 flex:1 1 1080px;
 display:flex;
 justify-content:center;
 margin:0 auto;
 position:relative;
}

#main_visual #main_visual_cont:after {
 background: rgb(0,0,0);
 background: linear-gradient(90deg, rgba(0,0,0,1) 25%, rgba(0,0,0,0.9) 35%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 60%);
 content:" ";
 position:absolute;
 left:0;
 top:0;
 height:360px;
 width:100%;
 z-index:1;
}

#main_visual #main_visual_cont .page_title {
 column-gap:15px;
 display:flex;
 flex:0 1 1080px;
 justify-content:start;
 padding:0 50px;
}

#main_visual #main_visual_cont h2 {
 align-items:center;
 display:flex;
 height:360px;
 /*flex:0 1 1080px;*/
 justify-content:start;
 z-index:100;
 padding:0 0 90px;
}

#main_visual #main_visual_cont h2 img {
 height:27px;
 width:auto;
}

#main_visual #main_visual_cont h2 i {
 color:var(--white);
 font-size:3.0rem;
 font-weight:600;
 line-height:1;
 margin-bottom:-2px;
}

#main_visual #main_visual_cont h2 span {
 color:var(--white);
 font-size:2.4rem;
 font-weight:600;
 line-height:1;
 padding:0 0 0 13px;
 position:relative;
 z-index:11;
}

#main_visual #main_visual_cont .page_title ul {
 align-items: center;
 display: flex;
 height: auto;
 justify-content: start;
 padding:0 0 90px;
 position: relative;
 z-index: 90;
}

#main_visual #main_visual_cont .page_title ul li {
 align-items: center;
 border-radius: 3px;
 display: flex;
 justify-content: start;
 margin-left: 10px;
 padding: 0 0 0 10px;
}

#main_visual #main_visual_cont .page_title ul li i {
 font-size:1.3rem;
}

#main_visual #main_visual_cont .page_title ul li span {
 display: block;
 font-size:1.3rem;
 font-weight: 600;
 line-height: 1.6;
 padding: 5px 10px 5px 5px;
}

#main_visual #main_visual_cont > img {
 height:360px;
 object-fit:cover;
 object-position:left 25%;
 right:0;
 width:70%;
 position:absolute;
}

/*--- color-pattern ---*/

#main_visual #main_visual_cont.white:after {
 background: rgb(255,255,255);
 background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,0.2) 45%, rgba(255,255,255,0) 100%);
 opacity:0.7;
}

#main_visual #main_visual_cont.light_yellow:after {
 background: rgb(253,242,209);
 background: linear-gradient(90deg, rgba(253,242,209,1) 0%, rgba(253,242,209,1) 35%, rgba(253,242,209,0.2) 45%, rgba(253,242,209,0) 100%);
}

#main_visual #main_visual_cont.yellow:after {
background: rgb(248,245,110);
background: linear-gradient(90deg, rgba(248,245,110,1) 0%, rgba(248,245,110,1) 35%, rgba(248,245,110,0.2) 45%, rgba(248,245,110,0) 100%);
}

#main_visual #main_visual_cont.orange:after {
 background: rgb(240,120,0);
 background: linear-gradient(90deg, rgba(240,120,0,1) 0%, rgba(240,120,0,1) 35%, rgba(240,120,0,0.2) 45%, rgba(240,120,0,0) 100%);
}

#main_visual #main_visual_cont.light_orange:after {
 background: rgb(252,228,204);
 background: linear-gradient(90deg, rgba(252,228,204,1) 0%, rgba(252,228,204,1) 35%, rgba(252,228,204,0.2) 45%, rgba(252,228,204,0) 100%);
}

#main_visual #main_visual_cont.blue:after {
 background: rgb(179,215,251);
 background: linear-gradient(90deg, rgba(179,215,251,1) 0%, rgba(179,215,251,1) 35%, rgba(179,215,251,0.2) 45%, rgba(179,215,251,0) 100%);
}

#main_visual #main_visual_cont.turquoise:after {
 background: rgb(57,163,172);
 background: linear-gradient(90deg, rgba(57,163,172,1) 0%, rgba(57,163,172,1) 35%, rgba(57,163,172,0.2) 45%, rgba(57,163,172,0) 100%);
}

#main_visual #main_visual_cont.pale_gray:after {
 background: rgb(228,228,228);
 background: linear-gradient(90deg, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 30%, rgba(228,228,228,0.2) 45%, rgba(228,228,228,0) 100%);
}

#main_visual #main_visual_cont.light_blue:after {
 background: rgb(222,234,246);
 background: linear-gradient(90deg, rgba(222,234,246,1) 0%, rgba(222,234,246,1) 35%, rgba(222,234,246,0.2) 45%, rgba(222,234,246,0) 100%);
}

#main_visual #main_visual_cont.light_blue h2 span {
 color:var(--gray_33);
}

/*--- second ---*/
#main_visual #main_visual_cont.second { align-items:center; background-color:#fef7ed; text-shadow: none; text-align:center; flex:1 1 1080px; display:flex; justify-content:center; margin:0 auto; position:relative;}
#main_visual #main_visual_cont.second:after { height:240px;}
#main_visual #main_visual_cont.second h2 { height:240px; padding:60px 0 0;}

/*------------------------------------------------------------
banner
------------------------------------------------------------*/
.banner_inquiy {
 position:fixed;
 right:0;
 bottom:240px;
 z-index:101;
}

.banner_inquiy .banner_inquiy_cont {
 display:flex;
 flex-wrap:wrap;
 justify-content:flex-end;
}

.banner_inquiy .banner_inquiy_cont a {
 background-color:#e7231b;
 border-radius:8px 0 0 8px;
 box-shadow:0 3px 0 #b9211b;
 display:flex;
 flex:0 0 96px;
 flex-wrap:wrap;
 justify-content:start;
 padding:15px 10px 0;
}

.banner_inquiy .banner_inquiy_cont a dl {
 display:flex;
 flex-wrap:wrap;
 flex:0 0 100%;
 justify-content:center;
}

.banner_inquiy .banner_inquiy_cont a dl dt {
 background-color:var(--white);
 border-radius:50%;
 display:flex;
 flex:0 0 45px;
 justify-content:center;
}

.banner_inquiy .banner_inquiy_cont a dl dt span {
 align-items:center;
 color:var(--gray_33);
 display:flex;
 flex:0 0 20px;
 justify-content:center; 
 padding:15px 0;
}

.banner_inquiy .banner_inquiy_cont a dl dt span i {
 font-size:1.2rem;
}

.banner_inquiy .banner_inquiy_cont a dl dd {
 display:flex;
 flex:0 0 100%;
 justify-content:center;
 padding:10px 0 5px;
 text-align:left;
}

.banner_inquiy .banner_inquiy_cont a dl dd span {
 color:var(--white);
 font-size:1.3rem;
 font-weight:600;
 writing-mode: vertical-rl;
 line-height:1.4;
 text-align:left;
}

.banner_inquiy .banner_inquiy_cont a .pic {
 flex:0 0 100%;
 justify-content:center;
 margin-top:10px;
 text-align:center; 
}

.banner_inquiy .banner_inquiy_cont a .pic img {
 width:76px;
 height:auto;
}

.banner_inquiy .banner_inquiy_cont a:hover {
 background-color:#0092D6;
 box-shadow:0 3px 0 #035F8B;
 text-decoration:none;
}

banner_inquiy .banner_inquiy_cont a:hover dl dt span {
 color:var(--gray_33);
}

.banner_instagram {
 display:block;
 position:fixed;
 right:0;
 bottom:10px;
 z-index:101;
}

.banner_instagram a {
 border-radius:8px 0 0 8px;
 display:block;
 box-shadow: 0px 5px 5px -6px rgba(0, 0, 0, 0.3);
 width:96px;
 height:200px;
}

.banner_instagram a img {
 border-radius:8px 0 0 8px;
}

/*------------------------------------------------------------
bread_crumb_list
------------------------------------------------------------*/
#bread_crumb_list {
 background-color:var(--white);
 border-top:1px solid var(--gray_ee);
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 flex:0 0 100%;
 margin:0;
 padding:0 30px;
}

#bread_crumb_list #bread_crumb_list_cont {
 display:flex;
 flex-wrap:wrap;
 justify-content:start;
 flex:0 1 1080px;
 position:relative;
}

#bread_crumb_list #bread_crumb_list_cont ol {
 column-gap: 5px;
 display:flex;
 justify-content:start;
 padding:15px 0;
}

#bread_crumb_list #bread_crumb_list_cont ol li {
 align-items:center;
 display:flex;
 justify-content:start;
 column-gap:5px;
}

#bread_crumb_list #bread_crumb_list_cont ol li i {
 color:var(--gray_99);
 font-size:1.1rem;
}

#bread_crumb_list #bread_crumb_list_cont ol li > span {
 font-size:1.3rem;
}

#bread_crumb_list #bread_crumb_list_cont ol li a {
 align-items:center;
 display:flex;
 justify-content:start;
}

#bread_crumb_list #bread_crumb_list_cont ol li a span {
 font-size:1.3rem;
}

#bread_crumb_list #bread_crumb_list_cont ol li a i {
 color :var(--gray_99);
 font-size:1.1rem;
}

#bread_crumb_list #bread_crumb_list_cont ol li a:hover span {
 color:var(--link-color);
}

/*------------------------------------------------------------
conversion
------------------------------------------------------------*/
.conversion {
 background: rgb(228,236,239);
 background: linear-gradient(90deg, rgba(228,236,239,1) 0%, rgba(228,236,239,1) 50%, rgba(255,206,210,1) 50%);
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 flex:0 0 100%;
 margin:0;
 padding:0;
}

.conversion .conversion_wrap {
 background-image:url(/wp-content/themes/kohnan-dvs/images/common/p_inquiry.webp);
 background-repeat:no-repeat;
 background-position:-2% bottom;
 background-size:250px auto;
 display:flex;
 flex:0 0 100%; 
 justify-content:center;
 position:relative;
 margin:0;
 padding:0;
}

.conversion .conversion_wrap .conversion_cont {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 flex:0 1 1080px;
 padding:0 80px 45px;
 position:relative;
 z-index:10;
}

.conversion .conversion_wrap .conversion_cont:after {
 background-image: url(/wp-content/themes/kohnan-dvs/images/common/p_info_motor.webp);
 background-repeat: no-repeat;
 content: " ";
 background-size: 180px 171px;
 position: absolute;
 right: -45px;
 bottom: 10px;
 height:171px;
 width: 180px;
 z-index:10;
}

.conversion .conversion_wrap .conversion_cont h4 {
 display: flex;
 justify-content: center;
 flex:0 1 auto;
 position:relative;
 margin-top:-20px;
}

.conversion .conversion_wrap .conversion_cont h4:after {
 content:" "; 
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 20px 15px 0 15px;
 border-color: #e7231b transparent transparent transparent;
 position:absolute;
 bottom:-10px;
 left:50%;
 margin-left:-15px;
}

.conversion .conversion_wrap .conversion_cont h4 span {
 background-color:#e7231b;
 border-radius:3px;
 color:var(--white);
 display:inline-block;
 font-size:1.4rem;
 font-weight:600;
 padding:22px 30px 24px;
 text-align:center;
}

.conversion .conversion_wrap .conversion_cont ul {
 align-items:center;
 display:flex;
 flex:0 1 1080px;
 justify-content:center;
 gap:30px;
 margin-top:40px;
 flex-wrap:wrap;
}

.conversion .conversion_wrap .conversion_cont ul li {
 display:flex;
 justify-content:center;
}

.conversion .conversion_wrap .conversion_cont ul li a {
 align-items:center;
 background-color:var(--white);
 border-radius:6px;
 box-shadow:0 3px 0 var(--gray_cc);
 display:flex;
 flex:0 0 100%;
 flex-wrap:wrap;
 justify-content:center;
 padding:25px 20px;
 position:relative;
}

.conversion .conversion_wrap .conversion_cont ul li a dl {
 align-items:center;
 display:flex;
 gap:10px;
 justify-content:center;
}

.conversion .conversion_wrap .conversion_cont ul li a dl dd {
 align-items:center;
 gap:10px;
 display:flex;
 flex:1 1 auto;
 justify-content:center;
}

.conversion .conversion_wrap .conversion_cont ul li a dl dd img {
 height:20px;
 width:auto;
}

.conversion .conversion_wrap .conversion_cont ul li a:after {
 content:"\f054";
 color:var(--white);
 font-family: var(--icon);
 right:16px;
 top:50%;
 margin-top:-6px;
 position:absolute;
}

.conversion .conversion_wrap .conversion_cont ul li:first-child {
 flex: 0 1 240px;
}

.conversion .conversion_wrap .conversion_cont ul li:first-child a {
 background-color:#0092D6;
 box-shadow:0 3px 0 #166d95;
 padding:25px 35px 25px 15px;
}

.conversion .conversion_wrap .conversion_cont ul li:first-child a dl {
 align-items:center;
 gap:10px;
 display:flex;
 justify-content:start;
}

.conversion .conversion_wrap .conversion_cont ul li:first-child a dl dt i {
 color:var(--white);
 font-size:1.3rem;
}

.conversion .conversion_wrap .conversion_cont ul li:first-child a dl dd span {
 color:var(--white);
 font-size:1.4rem;
 font-weight:600;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(2) {
 flex: 0 1 210px;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(2) a {
 background-color:#269b64;
 box-shadow:0 3px 0 #18723f;
 padding:25px 25px 25px 15px;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(2) a dl dt i {
 color:var(--white);
 font-size:1.3rem;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(2) a dl dd span {
 color:var(--white);
 font-size:1.4rem;
 font-weight:600;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(3) {
 position:relative;
 flex: 0 1 320px;
 justify-self: center;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(3) a {
 box-shadow:none;
 justify-content:center;
 padding:20px 0;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(3) a:after {
 content:none;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(3) a dl {
 flex-wrap:wrap;
 gap:5px;
 justify-content:center;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(3) a dl dt {
 color:var(--gray_33);
 flex:0 0 100%;
 font-size:1.4rem;
 text-align:center;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(3) a dl dd {
 align-items:center;
 display:flex;
 gap:5px;
 justify-content:center;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(3) a dl dd span {
 color:var(--orange);
 font-size:2.3rem;
 font-weight:600;
 padding-left:5px;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(3) a .open_hour {
 display:flex;
 justify-content:center;
 margin-top:10px;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(3) a .open_hour p {
 display:flex;
 justify-content:center;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(3) a .open_hour p span {
 color:var(--gray_33);
 font-size:1.1rem;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(3) a:hover {
 text-decoration:none;
}
 .conversion .conversion_wrap .conversion_cont ul li:nth-child(3) a:hover dl dt {
 color:var(--gray_33);
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(3) a:hover .open_hour p span {
 color:var(--gray_33);
}

.conversion .conversion_wrap .conversion_cont .logo {
 align-items:center;
 display:flex;
 flex:0 0 100%;
 justify-content:center;
 margin-top:10px;
}

.conversion .conversion_wrap .conversion_cont .logo img {
 flex:0 0 200px;
 width:200px;
 height:auto;
}

.conversion .conversion_wrap:after {
 background-image: url(/wp-content/themes/kohnan-dvs/images/common/p_info_motor.webp);
 background-repeat: no-repeat;
 content:none;
 background-size: 180px 171px;
 position: absolute;
 right: 2%;
 bottom: 10px;
 height:171px;
 width: 180px;
 z-index:100;
}

.conversion .conversion_wrap .conversion_cont ul li a:hover {
 opacity:0.7;
}

/*------------------------------------------------------------
banner_area
------------------------------------------------------------*/
.banner_area {
 display:flex;
 justify-content:center;
}

.banner_area .banner_area_cont {
display:flex;
flex-wrap:wrap;
flex:0 1 1080px;
justify-content:center;
padding:50px 30px;
}

.banner_area .banner_area_cont ul {
 display:grid;
 flex:0 0 100%;
 flex-wrap:wrap;
 gap:20px;
 justify-content:space-between;
 grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
 width: min(100%, 1080px);
}

.banner_area .banner_area_cont ul li {
 width:100%;
}

.banner_area .banner_area_cont ul li a {
 align-items:center;
 display:flex;
 flex:0 0 100%;
 justify-content:center;
}

.banner_area .banner_area_cont ul li a img {
 height:auto;
 width:100%;
 min-width:300px;
 max-width:460px;
}

/*------------------------------------------------------------
image_banner
------------------------------------------------------------*/
.image_banner {
 display:flex;
 flex-direction:column;
 padding:0;
 row-gap:25px;
}

.image_banner .image_banner_cont {
 display:flex;
 justify-content:space-between;
}

.image_banner .image_banner_cont a {
 align-items:center;
 display:flex;
 flex:0 0 100%;
 justify-content:space-between;
 position:relative;
}

.image_banner .image_banner_cont a:after {
 color:var(--white);
 content:"\f054";
 font-family:var(--icon);
 position:absolute;
 margin-top:-4px;
 right:15px;
 top:50%;
}

.image_banner .image_banner_cont a dl {
 align-items: center;
 display: flex;
 flex: 1 1 auto;
 flex-wrap: wrap;
 justify-content: space-between;
 padding: 30px 20px 30px 40px;
 row-gap:15px;
}

.image_banner .image_banner_cont a dl dt {
 align-items: center;
 column-gap:10px;
 display: flex;
 flex: 0 0 100%;
 justify-content: start;
 position: relative;
}

.image_banner .image_banner_cont a dl dt > i {
 font-size:2rem;
 line-height: 1.6;
}

.image_banner .image_banner_cont a dl dt > span {
 font-weight: 600;
 line-height: 1.6;
}

.image_banner .image_banner_cont a dl dt span.pdf {
 align-items: center;
 background-color: var(--white);
 border-radius: 3px;
 display: flex;
 justify-content: center;
 margin-left: 10px;
 padding: 3px 5px;
}

.image_banner .image_banner_cont a dl dt span.pdf i {
 color: #c00;
 font-size:1.3rem;
 line-height: 1;
}

.image_banner .image_banner_cont a dl dt span.pdf u {
 color: #c00;
 font-size:1.1rem;
 font-weight: 400;
 line-height: 1;
 text-decoration: none;
 padding-left: 3px;
}

.image_banner .image_banner_cont a dl dd {
 flex: 0 0 100%;
}

.image_banner .image_banner_cont a .pic {
 flex: 0 0 300px;
}

.image_banner .image_banner_cont a .pic img {
 height: 100%;
 object-fit: cover;
 width: 300px;
}

.image_banner .image_banner_cont a dl dt .banner {
 height: 48px;
 position: absolute;
 right: 0;
 top: -35px;
 width: auto;
}

.image_banner .image_banner_cont a:hover {
 opacity: 0.7;
 text-decoration: none;
}

.image_banner .image_banner_cont a:hover dl dt i {
 color:var(--gray_33);
}

.image_banner .image_banner_cont a:hover dl dt span {
 color:var(--gray_33);
}

.image_banner .image_banner_cont a:hover dl dd span {
 color:var(--gray_33);
}

.image_banner .image_banner_cont.light_green a dl dt > i {
 color: #93BA51;
}

.image_banner .image_banner_cont.light_blue a dl dt > i {
 color: #5386a0;
}

/*------------------------------------------------------------
license_info_area
------------------------------------------------------------*/
#license_info_area {
 background-color:var(--beige);
 display:flex;
 flex:0 0 100%;
 justify-content:center;
} 

#license_info_area #license_info_area_cont {
 display:flex;
 flex:0 1 1080px;
 justify-content:center;
 padding:30px 30px;
}

#license_info_area #license_info_area_cont ul {
 gap:20px;
 display:flex;
 flex:0 0 100%;
 flex-wrap:wrap;
 justify-content:space-evenly;
 width:100%;
}

#license_info_area #license_info_area_cont ul li {
 min-width: 400px;
 max-width: 480px;
}

#license_info_area #license_info_area_cont ul li a {
 background-color:var(--white);
 border-radius:6px;
 box-shadow:0 3px 0 var(--gray_cc);
 display:flex;
 flex:0 0 100%;
 justify-content:center;
 padding:20px;
 width:100%;
}

#license_info_area #license_info_area_cont ul li a dl {
 display:flex;
 flex:0 0 100%;
 justify-content:space-between;
}

#license_info_area #license_info_area_cont ul li a dl dt {
 flex:0 1 130px;
}

#license_info_area #license_info_area_cont ul li a dl dt img {
 object-fit:cover;
 height:auto;
 max-width:130px;
 width:100%;
}

#license_info_area #license_info_area_cont ul li a dl dd {
 align-items:center;
 display:flex;
 flex:1 1 auto;
 justify-content:center;
 padding-left:20px;
}

#license_info_area #license_info_area_cont ul li a dl dd span {
 color:var(--gray_33);
 flex:1;
 font-size:1.8rem;
 font-weight:600;
 line-height:1.6;
 padding-right:10px;
}

#license_info_area #license_info_area_cont ul li a dl dd i {
 color:var(--orange);
 flex:0 1 15%;
 font-size:1.3rem;
}

#license_info_area #license_info_area_cont ul li a:hover {
 background-color:#FAE97D;
 text-decoration:none;
}

#license_info_area #license_info_area_cont ul li:nth-child(3) {
 display:none;
}

/*------------------------------------------------------------
flow
------------------------------------------------------------*/
#flow {
 flex: 0 0 100%;
 position: relative;
 overflow-x:hidden;
 margin: 0 -50px;
}

#flow > img {
 display:none;
}

#flow #flow_cont {
 display: flex;
 justify-content: center;
 height: 1020px;
 padding: 50px 50px 0;
 position: relative;
 width: 100%;
 min-width:980px;
}

#flow:before {
 background-image: url(/wp-content/themes/kohnan-dvs/images/common/i_license_car.webp);
 background-repeat: no-repeat;
 content: " ";
 background-size: 124px 54px;
 position: absolute;
 left: 645px;
 top: 260px;
 height: 54px;
 width: 124px;
 z-index: 13;
}

#flow:after {
 background-image: url(/wp-content/themes/kohnan-dvs/images/common/i_license_car.webp);
 background-repeat: no-repeat;
 content: " ";
 background-size: 210px 92px;
 position: absolute;
 right: 225px;
 bottom: 30px;
 height: 92px;
 width: 210px;
 z-index: 1;
}

#flow #flow_cont:before {
 background-image: url(/wp-content/themes/kohnan-dvs/images/license/car/p_pencil02.webp);
 background-repeat: no-repeat;
 content: " ";
 background-size: 99px 159px;
 position: absolute;
 left: 0;
 top: 730px;
 height: 159px;
 width: 99px;
 z-index: 1;
}

#flow #flow_cont:after {
 background-image: url(/wp-content/themes/kohnan-dvs/images/license/car/p_pencil03.webp);
 background-repeat: no-repeat;
 content: " ";
 background-size: 91px 124px;
 position: absolute;
 right:0;
 top: 290px;
 height: 124px;
 width: 91px;
 z-index: 1;
}

#flow_map {
 height: 950px;
 width: 100%;
}

#flow_map:before {
 background-image: url(/wp-content/themes/kohnan-dvs/images/license/car/p_pencil01.webp);
 background-repeat: no-repeat;
 content: " ";
 background-size: 180px 118px;
 position: absolute;
 left: 60px;
 top: 0;
 height: 118px;
 width: 180px;
 z-index: 1;
}

#flow_map:after {
 background-image: url(/wp-content/themes/kohnan-dvs/images/common/footer/p_charactor_bag.webp);
 background-repeat: no-repeat;
 content: " ";
 background-size: 150px 310px;
 position: absolute;
 right: 100px;
 bottom: 0;
 height: 310px;
 width: 150px;
 z-index: 1;
} 

#flow_map ol.step {
 position: relative;
}

#flow_map ol.step li {
 align-items: center;
 display: flex;
 justify-content: center;
 position: absolute;
 text-align: center;
}

#flow_map ol.step li span {
 font-size:1.6rem;
 font-weight: 600;
 line-height: 1.6;
 position: relative;
 z-index: 12;
}

#flow_map ol.step li:first-child {
 border-radius: 0;
 height: 150px;
 width: 150px;
 left: 200px;
 top: 0;
}

#flow_map ol.step li:nth-child(2) {
 background-color:var(--white);
 border: 10px solid var(--light-orange);
 border-radius: 50%;
 height: 150px;
 width: 150px;
 left: 425px;
 top: 125px;
}

#flow_map ol.step li:nth-child(3) {
 background-color:var(--white);
 border: 10px solid var(--light-orange);
 border-radius: 50%;
 height: 150px;
 width: 150px;
 left: 600px;
 top: 225px;
}

#flow_map ol.step li:nth-child(4) {
 background-color: var(--light-orange);
 border: 10px solid var(--light-orange);
 border-radius: 50%;
 height: 150px;
 width: 150px;
 left: 425px;
 top: 325px;
}

#flow_map ol.step li:nth-child(5) {
 background-color:var(--white);
 border: 10px solid var(--light-orange);
 border-radius: 50%;
 height: 150px;
 width: 150px;
 left: 250px;
 top: 425px;
}

#flow_map ol.step li:nth-child(6) {
 background-color: var(--white);
 border: 10px solid var(--light-orange);
 border-radius: 50%;
 height: 150px;
 width: 150px;
 left: 425px;
 top: 525px;
}

#flow_map ol.step li:nth-child(7) {
 border: none;
 border-radius: 50%;
 height: 150px;
 width: 150px;
 left: 600px;
 top: 615px;
}

#flow_map ol.step li:nth-child(8) {
 background-color:var(--white);
 border: 10px solid var(--light-orange);
 border-radius: 50%;
 height: 150px;
 width: 150px;
 left: 425px;
 top: 700px;
}

#flow_map ol.step li:nth-child(9) {
 border: none;
 border-radius: 50%;
 height: 150px;
 width: 150px;
 left: 250px;
 top: 800px;
}

#flow_map ol.step li:nth-child(2):before {
 background-color: var(--light-orange);
 content: " ";
 height: 13px;
 left: -100px;
 top: 0;
 position: absolute;
 transform: rotate(30deg);
 width: 110px;
 z-index: 9;
}

#flow_map ol.step li:nth-child(3):before {
 background-color: var(--light-orange);
 content: " ";
 height: 13px;
 left: -50px;
 top: 10px;
 position: absolute;
 transform: rotate(30deg);
 width: 60px;
 z-index: 9;
}

#flow_map ol.step li:nth-child(4):before {
 background-color: var(--light-orange);
 content: " ";
 height: 13px;
 right: -50px;
 top: 10px;
 position: absolute;
 transform: rotate(-30deg);
 width: 60px;
 z-index: 9;
}

#flow_map ol.step li:nth-child(5):before {
 background-color: var(--light-orange);
 content: " ";
 height: 13px;
 right: -50px;
 top: 10px;
 position: absolute;
 transform: rotate(-30deg);
 width: 60px;
 z-index: 9;
}

#flow_map ol.step li:nth-child(6):before {
 background-color: var(--light-orange);
 content: " ";
 height: 13px;
 left: -60px;
 top: 10px;
 position: absolute;
 transform: rotate(30deg);
 width: 70px;
 z-index: 9;
}

#flow_map ol.step li:nth-child(7):before {
 background-color: var(--light-orange);
 content: " ";
 height: 13px;
 left: -40px;
 top: 10px;
 position: absolute;
 transform: rotate(30deg);
 width: 60px;
 z-index: 9;
}

#flow_map ol.step li:nth-child(8):before {
 background-color: var(--light-orange);
 content: " ";
 height: 13px;
 right: -50px;
 top: 10px;
 position: absolute;
 transform: rotate(-30deg);
 width: 55px;
 z-index: 9;
}

#flow_map ol.step li:nth-child(9):before {
 background-color: var(--light-orange);
 content: " ";
 height: 13px;
 right: -35px;
 top: 10px;
 position: absolute;
 transform: rotate(-30deg);
 width: 65px;
 z-index: 9;
}

#flow_map ol.step li:first-child:after {
 background-color: #F07800;
 content: " ";
 height: 150px;
 position: absolute;
 left: 0;
 top: 0;
 width: 150px;
 z-index: 11;
}

#flow_map ol.step li:nth-child(7):after {
 background-color: #F07800;
 content: " ";
 border-radius: 50%;
 height: 150px;
 position: absolute;
 left: 0;
 top: 0;
 width: 150px;
 z-index: 11;
}

#flow_map ol.step li:nth-child(9):after {
 background-color: #F07800;
 content: " ";
 border-radius: 50%;
 height: 150px;
 position: absolute;
 left: 0;
 top: 0;
 width: 150px;
 z-index: 11;
}

#flow_map ol.step li:first-child span {
 color: var(--white);
}

#flow_map ol.step li:nth-child(4) span {
 color: #333;
}

#flow_map ol.step li:nth-child(7) span {
 color: var(--white);
}

#flow_map ol.step li:nth-child(9) span {
 color: var(--white);
}

#flow_map ol.image {
 position: relative;
 z-index: 12;
}

#flow_map ol.image li {
 align-items: center;
 display: flex;
 justify-content: center;
 position: absolute;
 text-align: center;
 z-index: 10;
}

#flow_map ol.image li img {
 border-radius: 50%;
 object-fit: cover;
 height: 150px;
 width: 150px;
}

#flow_map ol.image li:first-child {
 left: 80px;
 top: 90px;
}

#flow_map ol.image li:nth-child(2) {
 left: 575px;
 top: 20px;
}

#flow_map ol.image li:nth-child(3) {
 left: 755px;
 top: 95px;
}

#flow_map ol.image li:nth-child(4) {
 left: 25px;
 top: 275px;
}

#flow_map ol.image li:nth-child(5) {
 left: 260px;
 top: 255px;
}

#flow_map ol.image li:nth-child(6) {
 left: 600px;
 top: 420px;
}

#flow_map ol.image li:nth-child(7) {
 left: 775px;
 top: 325px;
}

#flow_map ol.image li:nth-child(8) {
 left: 65px;
 top: 495px;
}

#flow_map ol.image li:nth-child(9) {
 left: 250px;
 top: 605px;
}

#flow_map ol.image li:nth-child(10) {
 left: 125px;
 top: 750px;
}

#flow_map ol.image li:nth-child(11) {
 left: 800px;
 top: 505px;
}

#flow_map ol.image li:nth-child(11) img {
 border-radius: 0;
 width: 160px;
 height: 116px;
 transform: rotate(0deg);
}

#flow_map ol.image li:nth-child(10):before {
 background-image: url(/wp-content/themes/kohnan-dvs/images/license/car/p_title_get.png);
 background-repeat: no-repeat;
 content: " ";
 background-size: 95px 74px;
 position: absolute;
 left: -30px;
 top: -60px;
 height: 74px;
 width: 95px;
 z-index: 12;
}

#flow_map ol.image .comment {
 align-items: center;
 background-color: var(--white);
 border: 4px solid var(--light-orange);
 border-radius: 6px;
 display: flex;
 justify-content: center;
 position: absolute;
 top: -35px;
}

#flow_map ol.image .comment span {
 font-size:1.1rem;
 line-height: 1.6;
 padding: 10px 15px;
 text-align: center;
}

#flow_map ol.image .comment:after {
 content: " ";
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 10px 7px 0 7px;
 border-color: var(--light-orange) transparent transparent transparent;
 position: absolute;
 bottom: -13px;
 left: 50%;
 margin-left: -7px;
}

#flow_map ol.image li:nth-child(3) .comment {
 top: -50px;
}

#flow_map ol.image li:nth-child(7) .comment {
 top: -50px;
}

/*------------------------------------------------------------
footer
------------------------------------------------------------*/
#footer {
 background-color:var(--white);
 display:flex;
 justify-content:center;
 flex-wrap:wrap;
}

#footer #footer_cont {
 display:flex;
 justify-content:space-between;
 flex:1 1 1080px;
 flex-wrap:wrap;
 column-gap:50px;
 padding:35px 120px 15px 50px;
 position:relative;
 row-gap:30px;
 z-index:2;
}

#footer #footer_cont #footer_cont_left {
 align-content: start;
 justify-content: start;
 gap:20px;
 flex:0 0 252px;
 position:relative;
 display:flex;
 flex-wrap:wrap;
}

#footer #footer_cont #footer_cont_left .pic {
 display:flex;
 flex-basis:252px;
 flex-direction:column;
 position:relative;
}

#footer #footer_cont #footer_cont_left .pic:after {
 background-image: url(/wp-content/themes/kohnan-dvs/images/common/footer/p_charactor_bag.webp);
 background-repeat: no-repeat;
 content: " ";
 background-size: 75px 155px;
 position: absolute;
 left: 185px;
 top:70px;
 height: 155px;
 width: 75px;
}

#footer #footer_cont #footer_cont_left .pic > img {
 object-fit:cover;
 height:148px;
 width:252px;
}

#footer #footer_cont #footer_cont_left .pic .logo {
 margin-top:10px;
}

#footer #footer_cont #footer_cont_left .pic .logo img {
 height:35px;
 width:auto;
}

#footer #footer_cont #footer_cont_left .address {
 display:flex;
 flex-direction:column;
 row-gap:10px;
 width:100%;
}

#footer #footer_cont #footer_cont_left .address p span {
 font-size:1.3rem;
 line-height:1.6;
}

#footer #footer_cont #footer_cont_left .contact {
 align-items:center;
 display:flex;
 flex:auto;
 flex-wrap:nowrap;
 justify-content:start;
}

#footer #footer_cont #footer_cont_left .contact dl {
 display:flex;
 flex:0 1 auto;
 row-gap:5px;
 flex-direction:column;
 justify-content:start;
 text-align:center;
 width:100%;
}

#footer #footer_cont #footer_cont_left .contact dl dt {
 background-color:#fce4cc;
 border-radius:2px;
 display:flex;
 flex:0 1 auto;
 justify-content:center;
 text-align:center;
}

#footer #footer_cont #footer_cont_left .contact dl dt span {
 display:block;
 font-size:1.3rem;
 padding:3px;
}

#footer #footer_cont #footer_cont_left .contact dl dd {
 flex:0 0 100%;
 text-align:center;
}

#footer #footer_cont #footer_cont_left .contact dl dd a {
 align-items:center;
 column-gap:5px;
 display:flex;
 justify-content:center;
 text-decoration:none;
}

#footer #footer_cont #footer_cont_left .contact dl dd a img {
 height:22px;
 width:auto;
 padding-bottom:2px;
}

#footer #footer_cont #footer_cont_left .contact dl dd a span {
 color:var(--orange);
 font-size:2.4rem;
 font-weight:600;
}

#footer #footer_cont #footer_cont_right {
 flex:1;
}

#footer #footer_cont #footer_cont_right .footer_cont_right_cont {
 align-items:start;
 display:flex;
 justify-content:start;
}

#footer #footer_cont #footer_cont_right .footer_cont_right_cont .contents {
 align-items:start;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
}

/*------------------------------------------------------------
footer_bottom
------------------------------------------------------------*/
#footer #footer_bottom {
 background-color:var(--pale-orange);
 flex:0 0 100%;
 display:flex;
 justify-content:center;
}

#footer #footer_bottom #footer_bottom_cont {
 align-items:start;
 display:flex;
 justify-content:space-between;
 flex-wrap:wrap;
 flex:1 1 1080px;
 padding:30px 120px 30px 50px;
 row-gap:30px;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left {
 flex:1 1 auto;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left ul.banner {
 display:flex;
 flex-wrap:wrap;
 justify-content:start;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left ul.banner li a:hover {
 opacity:0.7;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left ul.banner li a img {
 height:80px;
 width:auto;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left ul.banner li:nth-child(2) {
 margin-left:30px;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left p {
 margin-top:20px;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left p span {
 color:#A05B19;
 font-size:1.3rem;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left ul.other_link {
 column-gap:20px;
 display:flex;
 justify-content:start;
 margin-top:30px;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left ul.other_link li a {
align-items:center;
 column-gap:10px;
 display:flex;
 justify-content:start;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left ul.other_link li a span {
 color:var(--gray_33);
 font-size:1.3rem;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left ul.other_link li a:hover span {
 color:var(--link-color);
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left ul.other_link li a i {
 color:var(--gray_66);
 font-size:0.8rem;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left ul.other_link li a:hover span {
 color:var(--gray_33);
 text-decoration:underline;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_right {
 flex:1 1 200px;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_right ul {
 display:flex;
 gap:15px;
 justify-content:start;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_right ul li a:hover {
 opacity:0.7;
}

/*------------------------------------------------------------
page_top 
------------------------------------------------------------*/
#page_top {
 display:flex;
 justify-content:center;
 flex:0 0 100%;
 margin-top:-20px;
 position:relative;
 z-index:100;
}

#page_top #page_top_cont {
 display:flex;
 flex-wrap:wrap;
 justify-content:flex-end;
 flex: 1 1 1080px;
 padding: 0 120px;
}

#page_top #page_top_cont a {
 background-color:var(--orange);
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 padding:15px 20px 20px;
 text-align:center;
 text-decoration:none;
}

#page_top #page_top_cont a i { 
color:var(--white);
flex:0 0 100%;
}

#page_top #page_top_cont a span {
 color:var(--white);
 flex:0 0 100%;
 font-size:1.2rem;
 font-weight:600;
 padding-top:5px;
}

/*------------------------------------------------------------
copyright
------------------------------------------------------------*/
#copyright {
 background-color:var(--orange);
 display:flex;
 justify-content:center;
 position:relative;
}

#copyright p {
 display:flex;
 justify-content:center;
 flex:0 1 1080px;
 padding:15px;
}

#copyright p span {
 color:var(--white);
 font-size:1.0rem;
}


/*------------------------------------------------------------
title
------------------------------------------------------------*/
h2.section_title {
 align-items:center;
 column-gap:10px;
 display:flex;
 justify-content:start;
 position:relative;
 width:100%;
}

h3.section_title {
 align-items:center;
 column-gap:10px;
 display:flex;
 flex-direction:unset;
 justify-content:start;
 position:relative;
 width:100%;
}

.h3_title {
 align-items:center;
 display:flex;
 justify-content:start;
 padding:0 0 0 20px;
 position:relative;
}

.h3_title.full {
 width: calc(100% - 100px);
 margin: 0 auto;
}

.h3_title span {
 align-items:center;
 display:flex;
 font-size:1.8rem;
 font-weight:600;
 line-height:1.6;
 justify-content:start;
 padding:20px;
 position:relative;
 width:100%;
}

.h3_title span:before {
 background-color:var(--white);
 content:" ";
 height:20px;
 position:absolute;
 left:0;
 margin-top:-10px;
 top:50%;
 opacity:0.7;
 width:6px;
}

.h3_title .note {
 padding-right:15px;
 white-space:nowrap;
}

/*-- color-pattern ---*/
.h3_title.bg-pale-blue span:before {
 background-color:var(--blue);
}

.h3_title.bg-pale-orange span:before {
 background-color:var(--orange);
}

.h3_title.bg-orange span:before {
 background-color:var(--white);
 opacity:0.7;
}

/*------------------------------------------------------------
post-list
------------------------------------------------------------*/
.post-list {
 background-color:var(--white);
 border-top:1px solid var(--gray_dd);
 display:flex;
 flex-direction:column;
 width:100%;
}

.post-list li {
 border-bottom:1px solid var(--gray_dd);
}

.post-list li > a {
 column-gap:30px;
 display:flex;
 flex-wrap:wrap;
 padding:20px 30px;
 position:relative;
 row-gap:10px;
 width:100%;
}

.post-list li > a:after {
 content: "\f054";
 color: var(--gray_99);
 font-family:var(--icon);
 right: 16px;
 top: 50%;
 margin-top: -7px;
 position: absolute;
 font-size:1.1rem;
}

.post-list li a .pic {
 align-items:center;
 background-color:var(--gray_f0);
 display:flex;
 height:150px;
 min-width:300px;
 width:300px;
 justify-content:center;
 flex-basis: 300px;
}

.post-list li a .pic img {
 display:block;
 height:auto;
 /*min-height:300px;*/
 width:100%;
 object-fit:cover;
 object-position:center top;
}

.post-list li a .news_content {
 align-content:center;
 display:flex;
 flex-wrap:wrap;
 flex-grow:1;
 justify-content:center;
 min-height: 100%;
 row-gap:10px;
 padding-right:80px;
 overflow-x:hidden;
 min-width: 300px;
 width: calc(100% - 330px);
}

.post-list li a .news_content .post_text {
 align-items: center;
 display:flex;
 flex-direction:column;
 flex-grow: 1;
 justify-content: center;
 row-gap:5px;
 width:100%;
}

.post-list li a .news_content .post_text h3 {
 color:var(--gray_33);
 font-size:2.0rem;
 font-weight:600;
 width:100%;
}

.post-list li a .news_content .post_text p {
 color:var(--gray_66);
 font-size:1.4rem;
 /*white-space: nowrap;*/
 line-height:1.8;
 display: -webkit-box; 
 text-overflow: ellipsis;
 overflow: hidden;
 width: 100%;
}

.post-list li a .news_content .post_info {
 align-items:center;
 column-gap:10px;
 display:flex; 
 flex-shrink: 0;
 justify-content:start;
 width:100%;
}

.post-list li a .news_content .post_info .date {
 color:var(--gray_33);
 font-size:1.3rem;
}

.post-list li a .news_content .post_info .post_category {
 align-items:center;
 column-gap:3px;
 display:flex;
}

.post-list li a .news_content .post_info .post_category span {
 border-radius:3px;
 background-color:var(--gray_dd);
 font-weight:600; 
 line-height:1;
 padding:3px 4px;
}

.post-list li a .news_content .post_info .post_category span.category-news {
 background-color:var(--green);
 color:var(--white);
}

.post-list li a .news_content .post_info .post_category span.category-campaign {
 background-color:var(--yellow);
} 

.post-list li > a:hover {
 background-color:var(--light-yellow);
}

/*------------------------------------------------------------
js-tab-box
------------------------------------------------------------*/
.js-tab-content {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 flex:0 1 1080px;
 row-gap:20px;
}

.js-tab-content > ul {
 align-items: start;
 display:flex;
 gap:10px;
 justify-content:center;
 flex:0 1 1080px;
 justify-content:space-between;
 padding:0 25px;
}

.js-tab-content > ul > li {
 background-color:var(--white);
 border-radius:6px;
 display:flex;
}

.js-tab-content > ul > li > dl {
 align-items:center;
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 padding:15px;
 row-gap:15px;
}

.js-tab-content > ul > li > dl > dd {
 width:100%;
}

.js-tab-content > ul > li > dl > dd > a {
 align-items:center;
 column-gap:10px;
 display:flex;
 justify-content:space-between;
 border: 1px solid var(--gray_ee);
 border-radius: 3px;
 line-height: 1.6;
 padding: 15px;
 position: relative;
 width:100%;
}

.js-tab-content > ul > li > dl > dd > a:after {
content: "\f054";
color: var(--gray_99);
font-family:var(--icon);
right: 16px;
top: 50%;
margin-top: -7px;
position: absolute;
font-size:1.1rem;
}

.js-tab-content > ul > li > dl > dd > a img {
 position:absolute;
 left:15px;
 top:50%;
 margin-top:-8px;
}

.js-tab-content > ul > li.motor > dl > dd > a img {
 margin-top:-20px;
}

.js-tab-content > ul > li > dl > dd > a span {
 display: block;
 font-size: 1.5rem;
 font-weight: 600;
 line-height: 1.6;
}

.js-tab-content > ul > li > dl > dd > a:hover {
 background-color:var(--bg-hover-color);
}

.js-tab-content > ul > li > dl > dd.has-image > a {
 justify-content: start;
 padding: 15px 15px 15px 80px;
}

.js-tab-content > ul > li > dl > dd > ul > li > a {
 justify-content: start;
}

.js-tab-content > ul > li > dl > dd ul li a span {
 font-size: 1.5rem;
}

.js-tab-content > ul > li > dl > dd ul li a span br {
 display:none;
}

.js-tab-content > ul > li > a {
 align-items: center;
 background-color: var(--white);
 display: flex;
 justify-content: space-between;
 box-shadow: 0 3px 0 var(--gray_cc);
 border-radius: 6px;
 padding: 25px 25px;
 position:relative;
 width:100%;
}

.js-tab-content > ul > li > a:after {
 content: "\f054";
 color: var(--gray_99);
 font-family:var(--icon);
 right: 16px;
 top: 50%;
 margin-top: -7px;
 position: absolute;
 font-size:1.1rem;
}

.js-tab-content > ul > li > a:hover {
 background-color:var(--bg-hover-color);
}

.js-tab-content > ul > li > a:after {
 color:var(--orange);
}

.js-tab-content > ul > li > a div {
 align-items: center;
 column-gap:10px;
 display: flex;
 justify-content: start;
}

.js-tab-content > ul > li > a div span {
 font-size: 1.5rem;
 font-weight: 600;
 line-height: 1.6;
}

.js-tab-content > ul > li > dl > dd ul {
 align-items: start;
 display:flex;
 gap:10px;
 justify-content:space-between;
}

.js-tab-content > ul > li > dl > dd ul li {
 background-color:var(--white);
 border-radius:6px;
 display:flex;
 width:100%;
}

.js-tab-content > ul > li > dl > dd ul li a {
 align-items:center;
 column-gap:10px;
 display:flex;
 justify-content:start;
 border: 1px solid var(--gray_ee);
 border-radius: 3px;
 line-height: 1.6;
 padding: 15px;
 position: relative;
 width:100%;
}

.js-tab-content > ul > li > dl > dd ul li a:hover {
 background-color:var(--bg-hover-color);
}

.js-tab-content > ul > li > dl > dd ul li a:after {
 content: "\f054";
 color: var(--gray_99);
 font-family:var(--icon);
 right: 16px;
 top: 50%;
 margin-top: -7px;
 position: absolute;
 font-size:1.1rem;
}

.js-tab-content > ul.col-2 > li {
 width:calc(100% / 2 - 10px);
}

.js-tab-content > ul.col-3 > li {
 width:calc(100% / 3 - 10px);
}

.js-tab-content > ul > li.col-1-3 {
 width:calc(100% / 3 - 10px);
}

.js-tab-content > ul > li.col-2-3 {
 width:calc(100% / 3 * 2 - 10px);
}

/*------------------------------------------------------------
alert
------------------------------------------------------------*/
.alert {
 display:flex;
 padding: 15px 20px;
 gap:5px;
 flex-wrap:wrap;
 margin:0;
 border: 1px solid transparent;
 border-radius: 4px;
 line-height:1.6;
 min-width:200px;
 position:relative;
 width:100%;
}

.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847;}
.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad;}
.alert-warning { background-color: #fcf8e3; border-color: #fbeed5; color: #c09853;}
.alert-danger { background-color: #f2dede; border-color: #eed3d7; color: #b94a48;}
.alert-link { font-weight:700;}
.alert-link:hover { text-decoration:underline;}
.alert-success .alert-link { color: #356635;}
.alert-info .alert-link { color: #2d6987;}
.alert-warning .alert-link { color: #a47e3c;}
.alert-danger .alert-link { color: #953b39;}

.alert.ait_center {
 align-items:center;
}

.alert > dl {
 align-items:center;
 display:flex;
 flex:1 1 100%;
 justify-content:center;
}

.alert > dl dt {
 flex:0 0 16px;
 line-height: 1.6;
}

.alert > dl dt i {
 line-height: 1.6;
}

.alert > dl dt > img {
 height:auto;
 width:16px;
}

.alert > dl dd {
 flex:0 1 auto;
 padding-left:10px;
}

.alert > dl dd span {
 line-height:1.6;
}

.alert_box {
 display:flex;
 flex:0 0 100%;
 justify-content:center;
 margin:0;
 padding:0;
}

.alert_box > .alert {
 display:flex;
 flex:0 0 100%;
 gap:10px;
 justify-content:space-between;
}

.alert_box > .alert.ait-center {
 align-items:center;
}

.alert_box > .alert > dl {
 align-items:center;
 gap:10px;
 display:flex;
 flex:1 1 70%;
 justify-content:start;
}

.alert_box > .alert > dl > dt {
 align-items:center;
 display:flex;
 flex:0 1 auto;
 justify-content:start;
 padding:0;
}

.alert_box > .alert > dl > dt i {
 flex:0 0 30px;
}

.alert_box > .alert > dl > dt img {
 height:auto;
 width:20px;
}

.alert_box > .alert > dl > dd {
 align-items:center;
 display:flex;
 flex:1 1 auto;
 flex-wrap:wrap;
 justify-content:start;
}

.alert_box > .alert > dl > dd span {
 display:block;
 flex:0 0 100%;
 line-height:1.6;
 text-align:left;
}

.alert_box > .alert .btn {
 /*flex:1 1 200px;*/
}

.alert_box_b {
 display:flex;
 flex:0 0 100%;
 justify-content:center;
 margin:0;
 padding:0;
}

.alert_box_b > .alert {
 display: flex;
 flex: 0 0 100%;
 justify-content: space-between;
}

.alert_box_b > .alert.ait-center {
 align-items:center;
}

.alert_box_b > .alert > dl {
 align-items:center;
 display:flex;
 flex:1 1 70%;
 flex-wrap:wrap;
 justify-content:start;
}

.alert_box_b > .alert > dl > dt {
 align-items:center;
 display:flex;
 flex:0 0 100%;
 justify-content:start;
}

.alert_box_b > .alert > dl > dt span {
 font-size:1.2rem;
 line-height:1.6;
}

.alert_box_b > .alert > dl > dd {
 align-items:center;
 display:flex;
 flex:0 0 100%;
 flex-wrap:wrap;
 justify-content:start;
 margin-top:10px;
}

.alert_box_b > .alert > dl > dd span {
 display:block;
 flex:0 0 100%;
 line-height:1.6;
 text-align:left;
}

.alert_box_b > .alert p {
 align-items:center;
 column-gap:5px;
 display:flex;
 justify-content:start;
}

.alert_box_b > .alert p i {
font-size: 139%;
}

.alert_box_b > .alert p span {
font-size: 116%;
}

.alert_box.has-button .alert > dl {
 /*max-width: calc(100% - 210px);*/
}

.alert_box.has-button .btn {
 /*max-width:200px;*/
}
 
/*------------------------------------------------------------
stop
------------------------------------------------------------*/
.stop {
 display:flex;
 border:2px solid var(--deep-red);
 border-radius:6px;
 padding:20px;
 justify-content:center;
}

.stop p {
 color:var(--deep-red);
 font-size:1.5rem;
 font-weight:600;
}

/*------------------------------------------------------------
table_list
------------------------------------------------------------*/
.table_list {
 display:flex;
 flex:0 0 100%;
 justify-content:center;
 margin:0;
 padding:0;
 width: 100%;
}

.table_list .table_list_cont {
 border-radius:6px;
 display:flex;
 flex:0 1 1080px;
 justify-content:center;
 width: 100%;
 max-width:var(--max-width);
}

.table_list .table_list_cont > dl {
 border-radius:6px;
 display:flex;
 flex-direction:column;
 flex:1 1 100%;
 justify-content:center;
 width: 100%;
}

.table_list .table_list_cont > dl > dt {
 align-items:center;
 background-color:var(--gray_cc);
 /*border-radius:6px 6px 0 0;*/
 column-gap:5px;
 display:flex;
 flex:0 1 auto;
 font-size:1.8rem;
 justify-content:start;
 padding:20px;
}

.table_list .table_list_cont > dl > dt span {
 color:var(--white);
 font-size: 1.8rem;
 font-weight: 600;
 line-height: 1.3;
}

.table_list .table_list_cont > dl > dt i {
 color:var(--white);
 font-size: 1.8rem;
 line-height: 1.3;
}

.table_list .table_list_cont > dl > dd {
 background-color:var(--white);
 border-top:none;
 display:flex;
 flex:1 0 auto;
 justify-content:center;
}

.table_list .table_list_cont > dl > dd.head_line {
 border-top:4px solid var(--gray_cc);
}

.table_list .table_list_cont > dl > dd:last-child {
 border-radius:0 0 6px 6px;
}

.table_list .table_list_cont > dl > dd > ul {
 display:flex;
 width:100%;
}

.table_list .table_list_cont > dl > dd > ul.di-grid {
 display:grid;
}

.table_list .table_list_cont > dl > dd > ul > li {
 border-left:1px solid var(--gray_cc);
 display:flex;
 font-size:1.2rem;
 flex-direction:column;
 row-gap:25px;
}

.table_list .table_list_cont > dl > dd.head_line > ul {
 background-color:var(--gray_ee);
}

.table_list .table_list_cont > dl > dd.head_line > ul > li {
 border-bottom:1px solid var(--gray_cc);
}

.table_list .table_list_cont > dl > dd ul.col-2 > li,
.table_list .table_list_cont > dl > dd ul.col-2 > li {
 border-left:1px solid var(--gray_cc);
 width:calc(100% / 2);
}

/*
.table_list .table_list_cont > dl > dd > ul > li:first-child,
.table_list .table_list_cont > dl > dd ul.col-2 > li:first-child {
 border-left:none;
}
*/

.table_list .table_list_cont > dl > dd ul.col-3 > li,
.table_list .table_list_cont > dl > dd ul.col-3 > li {
 border-right:1px solid var(--gray_cc);
 width:calc(100% / 3);
}

.table_list .table_list_cont > dl > dd ul.col-3 > li:last-child {
 border-right:none;
}

.table_list .table_list_cont > dl > dd > ul > li h3 {
 column-gap:10px;
 display:flex;
 font-size:1.6rem;
 padding:20px;
 width:100%;
}

.table_list .table_list_cont > dl > dd > ul > li h3 span {
 display:block;
}

.table_list .table_list_cont > dl > dd > ul > li .item-list {
 display:flex;
 flex-direction:column;
 row-gap:20px;
 padding:0 30px 30px;
}

.table_list .table_list_cont > dl > dd > ul > li .item-list .item {
 border-bottom:1px dotted var(--gray_cc);
 display:flex;
 flex-direction:column;
 row-gap:5px;
 padding-bottom:20px;
}

.table_list .table_list_cont > dl > dd > ul > li .item-list .item h4 {
 align-items:center;
 column-gap:10px;
 justify-content:space-between;
 display:flex;
}

.table_list .table_list_cont > dl > dd > ul > li .item-list .item h4 span:first-child {
 font-weight:600;
 font-size:1.9rem;
}

.table_list .table_list_cont > dl > dd > ul > li .item-list .item h4 span.condition {
 background-color:var(--white);
 border-radius: 15px;
 border:1px solid var(--blue);
 color:var(--blue);
 font-size:1.2rem;
 letter-spacing: -0.01em;
 line-height:1;
 padding: 5px 10px;
}

.table_list .table_list_cont > dl > dd > ul > li .item-list .item h4 span.both {
 border:1px solid var(--green);
 color:var(--green);
}

.table_list .table_list_cont > dl > dd > ul > li .item-list .item p {
 color:var(--gray_66);
 font-size:1.5rem;
}

.table_list .table_list_cont > dl > dd > ul > li .item-list .item table {
 border-top:1px solid var(--gray_dd);
 border-left:1px solid var(--gray_dd);
}

.table_list .table_list_cont > dl > dd > ul > li .item-list .item table th,
.table_list .table_list_cont > dl > dd > ul > li .item-list .item table td {
 border-right:1px solid var(--gray_dd);
 border-bottom:1px solid var(--gray_dd);
 font-size:1.5rem;
 padding:5px 10px;
}

.table_list .table_list_cont > dl > dd > ul > li ul {
 align-items:center;
 display:flex;
 justify-content:center;
 width:100%;
}

.table_list .table_list_cont > dl > dd > ul > li ul li {
 align-items:center;
 display:flex;
 flex-wrap:wrap;
 gap:10px;
 justify-content:center;
 width:100%;
}

/*--- color-pattern ---*/

/*--- blue ---*/
.table_list.blue .table_list_cont > h4 {
 background-color:#0092D6;
}

.table_list.blue .table_list_cont > dl {
 border-right:4px solid var(--blue);
 border-bottom:4px solid var(--blue);
 border-left:4px solid var(--blue);
}

.table_list.blue .table_list_cont > dl > dt {
 background-color:var(--blue);
}

.table_list.blue .table_list_cont > dl > dt.condition {
 background-color:var(--blue);
}

.table_list.blue .table_list_cont > dl > dd > ul > li:first-child h3 {
 border-bottom:4px solid var(--blue);
}

.table_list.blue .table_list_cont > dl > dd > ul > li:last-child h3 {
 border-bottom:4px solid var(--pink);
}


/*=================================

2nd_page_template

=================================*/
#contents {
 background-color:var(--white);
 border-radius:10px;
 display:flex;
 flex:0 1 auto;
 flex-direction:column;
 justify-content:start;
 margin-top:-100px;
 max-width:var(--max-width);
 padding:50px;
 position:relative;
 row-gap:40px;
 width:100%;
 z-index:100;
}

/*------------------------------------------------------------
contents_title
------------------------------------------------------------*/
.contents_title {
 border-radius:6px 6px 0 0;
 flex:0 1 auto;
 display:flex;
 flex-direction:column;
 justify-content:start;
 padding:0 20px ;
 position:relative;
 row-gap:30px;
 width:100%;
}

.contents_title .symbol {
 height:100px;
 left:50%;
 margin-left:-50px;
 margin-top:-90px;
 position:absolute;
 width:100px;
}

.contents_title .symbol figure {
 align-items:center;
 background-color:var(--white);
 border-radius:50%;
 display:flex;
 height:100px;
 justify-content:center;
 width:100px;
}

.contents_title .symbol figure i {
 font-size:2.7rem;
}

.contents_title .symbol figure img { 
 height:28px;
 width:auto;
}

.contents_title h2 {
 padding:0;
 text-align:center;
 position:relative;
 z-index:101;
}

.contents_title h2 span {
 font-size:2.7rem;
 font-weight:600;
}

.contents_title p {
 text-align:center;
 position:relative;
 z-index:101;
}

.contents_title p span {
 font-size:1.5rem;
 line-height:1.6;
}

/*------------------------------------------------------------
table-head-title
------------------------------------------------------------*/
.table-head-title {
 align-items: center;
 border-radius: 6px 6px 0 0;
 column-gap:10px;
 display: flex;
 justify-content: start;
 padding: 20px;
 position:relative;
 overflow:hidden;
}

.table-head-title i {
 color:var(--white);
 font-size:1.8rem;
 line-height: 1.3;
}

.table-head-title span {
 color:var(--white);
 flex:1;
 font-size:1.8rem;
 font-weight: 600;
 line-height: 1.6;
}

.table-head-title figure {
 height: 150px;
 width: 300px;
 margin: -20px;
 overflow: hidden;
 position: relative;
}

.table-head-title figure img {
 border-radius:0 6px 0 0;
 position:absolute;
 right:0;
 top:0;
 object-fit:cover;
 width:100%;;
 height:100%;
} 

/*------------------------------------------------------------
image_title
------------------------------------------------------------*/
.image_title {
 align-items:center;
 display:flex;
 justify-content:flex-end;
 flex:0 1 auto;
 margin:0 -20px;
 position:relative;
}

.image_title .image_title_cont {
 align-items:center;
 display:flex;
 justify-content:start;
 position:absolute;
 left:0;
}

.image_title .image_title_cont .title {
 display:flex;
 justify-content:start;
 margin-left:-30px;
 position:relative;
 z-index:1;
}

.image_title .image_title_cont .title h3 {
 align-items:center;
 display:flex;
 justify-content:start;
 padding:20px 80px 20px 80px;
 position:relative;
 z-index:1;
}

.image_title .image_title_cont .title h3 img {
 width:auto;
}

.image_title .image_title_cont .title h3 span {
 /*color:var(--gray_33);*/
 flex:1 0 auto;
 font-size:1.8rem;
 font-weight:600;
 padding-left:25px;
}

.image_title .image_title_cont .title h3:after {
 content:" ";
 width: 0;
 height: 0;
 border-style: solid; border-width: 0 30px 30px 0;
 border-color: transparent #715320 transparent transparent;
 left:0;
 bottom:-30px;
 position:absolute;
}

.image_title > img {
 height:200px;
 width:60%;
 object-fit:cover;
 object-position:center 30%;
}

.image_title .image_title_cont ul {
 align-items:center;
 gap:10px;
 display:flex;
 justify-content:center;
 padding:0 15px 0 15px;
}

.image_title .image_title_cont ul li {
 align-items:center;
 border-radius:3px;
 display:flex;
 justify-content:start;
 padding:0 0 0 10px;
}

.image_title .image_title_cont ul li i {
 font-size:1.3rem;
}

.image_title .image_title_cont ul li span {
 color:var(--white);
 display:block;
 font-weight:600;
 line-height:1.6;
 padding:5px 15px 5px 5px;
}

.image_title .image_title_cont ul li span.color-gray-cc {
 color:var(--gray_cc);
}

.image_title:before {
background: rgb(249,216,109);
background: linear-gradient(90deg, rgba(249,216,109,1) 0%, rgba(249,216,109,1) 45%, rgba(249,216,109,0.7) 55%, rgba(249,216,109,0.1) 60%, rgba(249,216,109,0) 100%);
content:" ";
position:absolute;
left:0;
top:0;
height:200px;
width:100%;
z-index:1;
}

/*--- color-patern ---*/
.image_title.purple:before {
 background: rgb(117,81,154);
 background: linear-gradient(90deg, rgba(117,81,154,1) 0%, rgba(117,81,154,1) 40%, rgba(117,81,154,0.7) 45%, rgba(117,81,154,0.1) 50%, rgba(117,81,154,0) 100%);
}

.image_title.purple .image_title_cont .title h3:after {
 border-color: transparent #3f245b transparent transparent;
}

.image_title.mos-green:before {
 background: rgb(114,142,74);
 background: linear-gradient(90deg, rgba(114,142,74,1) 0%, rgba(114,142,74,1) 40%, rgba(114,142,74,0.7) 45%, rgba(114,142,74,0.1) 50%, rgba(114,142,74,0) 100%);
}

.image_title.mos-green .image_title_cont .title h3:after {
 border-color: transparent #496423 transparent transparent;
}

.image_title.wine-red:before {
 background: rgb(196,98,98);
 background: linear-gradient(90deg, rgba(196,98,98,1) 0%, rgba(196,98,98,1) 40%, rgba(196,98,98,0.7) 45%, rgba(196,98,98,0.1) 50%, rgba(196,98,98,0) 100%);
}

.image_title.chamois .image_title_cont .title h3:after {
 border-color: transparent #7e3535 transparent transparent;
}

.image_title.chamois:before {
 background: rgb(211,148,31);
 background: linear-gradient(90deg, rgba(211,148,31,1) 0%, rgba(211,148,31,1) 40%, rgba(211,148,31,0.7) 45%, rgba(211,148,31,0.1) 50%, rgba(216,139,62,0) 100%);
}

.image_title.chamois .image_title_cont .title h3:after {
 border-color: transparent #7C654E transparent transparent;
}

.image_title.nile-blue .image_title_cont .title h3:after {
 border-color: transparent #3C5C59 transparent transparent;
}

.image_title.nile-blue:before {
 background: rgb(77,141,135);
 background: linear-gradient(90deg, rgba(77,141,135,1) 0%, rgba(77,141,135,1) 40%, rgba(77,141,135,0.7) 45%, rgba(77,141,135,0.1) 50%, rgba(77,141,135,0) 100%);
}

.image_title.nile-blue .image_title_cont .title h3:after {
 border-color: transparent #3C5C59 transparent transparent;
}

.image_title.light_blue .image_title_cont .title h3:after {
 border-color: transparent #0073A8 transparent transparent;
}

.image_title.light_blue:before {
 background: rgb(229,244,251);
 background: linear-gradient(90deg, rgba(229,244,251,1) 0%, rgba(229,244,251,1) 40%, rgba(229,244,251,0.7) 45%, rgba(229,244,251,0.1) 50%, rgba(229,244,251,0) 100%);
}

.image_title.light_blue .image_title_cont .title h3:after {
 border-color: transparent #0073A8 transparent transparent;
}

.image_title.light_green .image_title_cont .title h3:after {
 border-color: transparent #238053 transparent transparent;
}

.image_title.light_green:before {
 background: rgb(223,239,232);
 background: linear-gradient(90deg, rgba(223,239,232,1) 0%, rgba(223,239,232,1) 40%, rgba(223,239,232,0.7) 45%, rgba(223,239,232,0.1) 50%, rgba(223,239,232,0) 100%);
}

.image_title.light_green .image_title_cont .title h3:after {
 border-color: transparent #238053 transparent transparent;
}

.image_title.light_purple:before {
 background: rgb(230,227,237);
 background: linear-gradient(90deg, rgba(230,227,237,1) 0%, rgba(230,227,237,1) 40%, rgba(230,227,237,0.7) 45%, rgba(230,227,237,0.1) 50%, rgba(230,227,237,0) 100%);
}

.image_title.light_purple .image_title_cont .title h3:after {
 border-color: transparent #3f245b transparent transparent;
}

/*------------------------------------------------------------
flex_list
------------------------------------------------------------*/
.flex_list {
 column-gap:20px;
 display:flex;
 flex-wrap:wrap;
 flex:0 0 100%;
 justify-content:center;
 padding:30px 50px;
 row-gap:20px;
}

.flex_list.p-0 {
 padding:0;
}

.flex_list > ul {
 display:flex;
 flex-wrap:wrap;
 flex:0 0 100%;
 gap:20px;
 justify-content:space-between;
}

.flex_list .col-1-1 {
 column-gap:20px;
 display:flex;
 flex-wrap:wrap;
 flex:0 0 100%;
 justify-content:space-between;
 row-gap:20px;
}

.flex_list .col-1-1 li {
 width:calc(100% / 2 - 10px);
}

/*------------------------------------------------------------
grid_list
------------------------------------------------------------*/
.grid-list {
 align-items:start;
 display:flex;
 flex:0 1 auto;
 justify-content:center;
 padding:30px 50px;
}

.grid-list.p-0 {
 padding:0;
}

.grid-list.pb-0 {
 padding-bottom:0;
}

.grid-list.p-15 {
 padding:15px;
}

.grid-list.p-30 {
 padding:30px;
}

.grid-list > ul {
 align-items:start;
 display:grid;
 flex-wrap:wrap;
 flex:0 1 100%;
 column-gap: 20px;
 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
 justify-content:space-between;
 row-gap: 20px;
 width:100%; 
}

.grid-list > ul li {
 align-items: center;
 display: flex;
 flex:0 1 100%;
 gap:10px;
 height:100%;
 justify-content:space-between;
 width:100%; 
}

.grid-list > ul li > a {
 align-items: start;
 display: flex;
 height:100%;
 justify-content:center;
 width:100%;
}

.grid-list > ul li a:hover i {
 color:var(--orange);
}

.grid-list > ul li img {
 height:auto;
 width:100%;
 object-fit:cover;
}

.grid-list > ul li .btn {
 width:100%;
}

.grid-list > ul li dl {
 display: flex;
 height: 100%;
 justify-content:space-between;
 position:relative;
 width:100%;
}

.grid-list > ul > li > dl > dt {
 position:relative;
 width:100%;
}

.grid-list > ul > li > dl > dt img {
object-fit: cover;
width: 100%;
height: auto;
}

.grid-list > ul li dl dt label {
 font-size:1.3rem;
 position:absolute;
 left:0;
 padding:5px 7px;
 top:0;
}

.grid-list > ul li dl dd {
 flex:1;
 overflow:hidden;
 width:100%;
}

.grid-list > ul li dl dd span {
 color:var(--gray_33);
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 width: 100%;
}

/*--- 2column ---*/
.grid-list > .col-2 {
 grid-template-columns: 1fr 1fr;
}

.grid-list.col-2 {
 display:grid;
 grid-template-columns: 1fr 1fr;
 gap:15px;
 padding:0;
}

/*--- 3column ---*/
.grid-list > .col-3 {
 grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
}

/*--- 4column ---*/
.grid-list > .col-4 {
 grid-template-columns: repeat(auto-fit, minmax(23%, 1fr)); 
}

/*--- 5column ---*/
.grid-list > .col-5 {
 grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 
}

/*--- 1-3 column ---*/
.grid-list.col-1-3 {
 display:grid;
 grid-template-columns: 33.3% 1fr;
 grid-gap: 30px;
}

.grid-list.col-1-3 > ul.col-1 {
 /*grid-template-columns: repeat(1, 320px);*/
 height:100%;
 width:100%;
}

.grid-list.col-1-3 > ul.col-1 li {
 height:100%;
}

.grid-list.col-1-3 > ul.col-1 li a {
 height:100%;
}

.grid-list.col-1-3 > ul.col-1 li a dl {
 /*height:100%;*/
}

.grid-list.col-1-3 > ul.col-1 li a dl dt {
 flex: 1 1 auto;
}

.grid-list.col-1-3 > ul.col-1 li a dl dt img {
 height: 100%;
 width: 100%;
 object-fit: cover;
}

.grid-list.col-1-3 > ul.col-1 li a dl dd {
 flex:0 0 28px;
}

.grid-list.col-1-3 > ul.col-3 {
 grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

/*------------------------------------------------------------
noheader_table_list
------------------------------------------------------------*/ 
.noheader_table_list {
 display:flex;
 flex:0 1 auto;
 justify-content:center;
 width:100%;
}

.noheader_table_list .table_list_cont {
 border-top:1px solid var(--gray_cc);
 display:flex;
 flex:0 1 1080px;
 flex-wrap:wrap;
 justify-content:center;
}

.noheader_table_list .table_list_cont > dl {
 border-right:1px solid var(--gray_cc);
 border-bottom:1px solid var(--gray_cc);
 border-left:1px solid var(--gray_cc);
 display:flex;
 flex:0 0 100%;
 flex-wrap:wrap;
 justify-content:space-between;
 width:100%;
}

.noheader_table_list .table_list_cont > dl > dt {
 align-content:center;
 display:flex;
 flex: 1 1 25%;
 justify-content:center;
 padding:20px;
 min-width: 200px;
}


.noheader_table_list .table_list_cont > dl > dd {
 align-content:center;
 display:flex;
 justify-content:start;
 flex: 1 0 75%;
 padding:20px;
}

.noheader_table_list .table_list_cont > dl > dd > div {
 display:grid;
 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
 width:100%;
}

/*------------------------------------------------------------
btn
------------------------------------------------------------*/
.btn {
 min-width:200px;
 /*max-width:420px;*/
}

.btn > a {
 align-items:center;
 background-color:var(--white);
 border-radius:6px;
 box-shadow:0 3px 0 var(--gray_cc); 
 column-gap:5px;
 display:flex;
 justify-content:center;
 padding:10px 15px;
 position:relative;
}

.btn > a.justify-between {
 justify-content:space-between;
}

.btn.large > a {
 padding:15px 20px;
}

.btn a:hover {
 background-color:var(--light-yellow);
 box-shadow:none;
}

.btn a i.arrow {
 font-size:1.1rem;
 margin-top:-5px;
 position:absolute;
 right:15px;
 top:50%;
}

.btn a > span {
 font-size:1.5rem;
 text-overflow: ellipsis;
 overflow: hidden;
 padding-right:15px;
 white-space: nowrap;
}

.btn > a > dl {
 align-items:center;
 column-gap:10px;
 display:flex;
 flex-wrap:wrap;
 overflow: hidden;
 justify-content:start;
 width:100%;
}

.btn > a > dl > dt {
 align-items:center;
 display:flex;
 flex:0 1 auto;
 justify-content:center;
 max-width:60px;
}

.btn > a > dl > dt.image img {
 /*position:absolute;*/
 /*left:12px;*/
 /*bottom:11px;*/
 width:auto;
}

.btn > a > dl > dt i {
 font-size:1.3rem;
}

.btn > a > dl > dd {
 align-items:center;
 column-gap:10px;
 display:flex;
 flex:1;
 justify-content:space-between;
 overflow: hidden;
}

.btn > a > dl > dd.fl_end {
 justify-content:flex-end;
}

.btn > a > dl > dd span {
 display:block;
 font-size:1.5rem;
 line-height:1.6;
 padding:0;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 width: 100%;
}

/*--- color-pattern ---*/
.btn.blue a {
 background-color:#0092D6;
 box-shadow:0 3px 0 #0073A8;
}

.btn.blue a dl dt i {
 color:var(--white);
}

.btn.blue a dl dt span {
 color:var(--white);
}

.btn.blue a dl dd span {
 color:var(--white);
}

.btn.blue a dl dd i,
.btn.blue a dl dd p span i {
 color:var(--white);
}

.btn.blue a:hover {
 background-color:#C7E9FA;
 box-shadow:var(--white);
}

.btn.blue a:hover dl dt i {
 color:var(--blue);
}

.btn.blue a:hover dd span {
 color:var(--blue);
}

.btn.blue a:hover dd i {
 color:var(--blue);
}

.btn.blue a > i,
.btn.blue a > span {
 color:var(--white);
}

.btn.blue a:hover > i,
.btn.blue a:hover > span {
 color:var(--blue);
}

.btn.orange a {
 background-color:var(--orange);
 box-shadow:0 3px 0 #b76411;
}

.btn.orange a dl dt i { color:var(--white);}
.btn.orange a dl dt span { color:var(--white);}
.btn.orange a dl dd p span { color:var(--white);}
.btn.orange a dl dd i,
.btn.w a dl dd span i { color:var(--white);}

.btn.orange a > i,
.btn.orange a > span {
 color:var(--white);
}

.btn.orange a:hover {
 background-color:var(--light-orange);
 box-shadow:var(--white);
}

.btn.orange a:hover > i,
.btn.orange a:hover > span {
 color:var(--orange);
}

.btn.yellow a {
 background-color:var(--yellow);
 box-shadow:0 3px 0 #B9A526;
}

.btn.yellow a span { color:var(--gray_33);}
.btn.yellow a i {}
.btn.yellow a dl dt i { color:#B9A526;}
.btn.yellow a dl dd i,
.btn.yellow a dl dd span i { color:#B9A526;}

.btn.yellow a:hover {
 background-color:var(--light-yellow);
 box-shadow:var(--white);
}

.btn.yellow a:hover span { color:var(--blue);}

.btn.pink a {
 background-color:var(--pink);
 box-shadow:0 3px 0 #C4415A;
}

.btn.pink a dl dt i {
 color:var(--white);
}

.btn.pink a dl dt span {
 color:var(--white);
}

.btn.pink a dl dd p span {
 color:var(--white);
}

.btn.pink a dl dd i,
.btn.pink a dl dd p span i {
 color:var(--white);
}

.btn.pink a:hover {
 background-color:var(--light-pink);
 box-shadow:var(--white);
}

.btn.pink a:hover dl dt i {
 color:var(--pink);
}

.btn.pink a:hover dd p span {
 color:var(--gray_33);
}

.btn.pink a:hover dd i {
 color:var(--orange);
}

.btn.pink a > i,
.btn.pink a > span {
 color:var(--white);
}

.btn.pink a:hover > i,
.btn.pink a:hover > span {
 color:var(--pink);
}

.btn.green a {
 background-color:var(--green);
 box-shadow:0 3px 0 var(--deep-green);
}

.btn.green a dl dt i {
 color:var(--white);
}

.btn.green a dl dt span {
 color:var(--white);
}

.btn.green a dl dd span {
 color:var(--white);
}

.btn.green a dl dd i,
.btn.green a dl dd p span i {
 color:var(--white);
}

.btn.green a:hover {
 background-color:var(--pale-green);
 box-shadow:var(--white);
}

.btn.green a:hover dl dt i {
 color:var(--green);
}

.btn.green a:hover dd span {
 color:var(--green);
}

.btn.green a:hover dd i {
 color:var(--green);
}

.btn.green a > i,
.btn.green a > span {
 color:var(--white);
}

.btn.green a:hover > i,
.btn.green a:hover > span {
 color:var(--green);
}

.btn.light_pink a {
 background-color:var(--light-pink);
 box-shadow:0 3px 0 var(--light-pink-shadow);
}

.btn.light_pink a dl dt i {
 color:#D88888;
}

.btn.light_pink a dl dd i,
.btn.light_pink a dl dd p span i {
 color:var(--brown-shadow);
}

.btn.light_pink a:hover {
 box-shadow:var(--white);
 background-color:var(--pale-pink); 
}

.btn.brown a {
 background-color:var(--brown);
 box-shadow:0 3px 0 var(--brown-shadow);
}

.btn.brown a dl dt i {
 color:var(--brown-shadow);
}

.btn.brown a dl dd i,
.btn.brown a dl dd p span i {
 color:var(--brown-shadow);
}

.btn.brown a:hover {
 box-shadow:var(--white);
 background-color:var(--pale-brown);
}

/*--- introduction ---*/
.btn.introduction > a {
 padding: 20px 15px 20px 80px;
}

.btn.introduction > a > dl > dt {
 width: 80px;
 position: absolute;
 left: 10px;
 bottom: 0;
 height: auto;
 aspect-ratio: 80 / 90;
}

.btn.introduction > a > dl > dt.image {
 aspect-ratio: 179 / 200;
 height:auto;
}

.btn.introduction > a > dl > dt.image img {
 height: 100%;
 width: 100%;
 left: 0;
 bottom: 0;
}

.btn.introduction > a > dl > dd {

}

/*--- kbus ---*/
.btn.kbus {
 display:flex;
 justify-content:center;
}

.btn.kbus a {
 border-radius:6px;
 display:flex;
 justify-content:center;
 padding:15px 40px;
 position:relative;
}

.btn.kbus a:after {
 color:#EE657F;
 content:"\f054";
 font-family: var(--icon);
 position:absolute;
 margin-top:-4px;
 right:15px;
 top:50%;
}

.btn.kbus a dl {
 align-items:center;
 display:flex;
 justify-content:space-between;
}

.btn.kbus a dl dt {
 max-width:220px;
}

.btn.kbus a dl dt img.title {
 height: auto;
 max-height:32px;
 width: 100%;
 object-fit: cover;
}

.btn.kbus a dl dt img.comment {
 position:absolute;
 height:46px;
 left:50%;
 margin-left:-50%;
 top:-15px;
}

.btn.kbus a dl dd {
 padding-left:20px;
}

.btn.kbus a dl dd img {
 height:80px;
 width:auto;
}

.btn.kbus a.chractor:before {
content:" ";
background-image:url(/wp-content/themes/kohnan-dvs/images/common/i_guide.png);
background-repeat:no-repeat;
background-position:center center;
background-size:150px 136px;
height:136px;
position: absolute;
width:150px;
left: 50px;
bottom: 0;
z-index: 101;
}

.btn.kbus a:hover { opacity:0.7;}

/*------------------------------------------------------------
btn_link
------------------------------------------------------------*/
.btn_link {
 flex:1 1 auto;
}

.btn_link a {
 background-color:var(--light-yellow);
 border-radius:6px;
 box-shadow:0 3px 0 #b9ab53;
 display:flex;
 flex:0 1 auto;
 justify-content:center;
 padding:50px 40px 50px;
 position:relative;
}

.btn_link a:hover {
 background-color:#FAE97D;
 text-decoration:none;
}

/*--- color-pattern ---*/
.btn_link.light_blue a {
 background-color:#C7E9FA;
 box-shadow:0 3px 0 #80B5CE;
}

.btn_link.light_blue a:hover {
 background-color:#FAE97D;
 box-shadow: 0 3px 0 #b9ab53;
}

.btn_link a.double {
 padding:50px 40px 40px;
}

.btn_link a:after {
 color:#F07800;
 content:"\f054";
 font-family:var(--icon);
 position:absolute;
 margin-top:-4px;
 right:15px;
 top:50%;
}

.btn_link a dl {
 align-items:center;
 display:flex;
 flex-direction:column;
 justify-content:center;
 row-gap:15px;
}

.btn_link a dl dt {
 flex:0 1 auto;
 text-align:center;
}

.btn_link a dl dt i {
 font-size:3.0rem;
}
 .btn_link a dl dd {
 text-align:center;
}

.btn_link a dl dd span {
 color:var(--gray_33);
 font-size:1.6rem;
 font-weight:600;
}

.btn_link a label {
 align-items:center;
 background-color:var(--white);
 column-gap:3px;
 display:flex;
 justify-content:start;
 border-radius:3px;
 position:absolute;
 top:10px;
 left:10px;
 padding:2px 5px;
}

.btn_link a label i {
 font-size:0.9rem; 
 line-height:1.6;
}

.btn_link a label span {
 font-size:0.9rem; 
 line-height:1.6;
}

.btn_link a:hover,
.btn_link a:hover {
 background-color:#FAE97D;
 text-decoration:none;
}

.btn_link a:hover:after {
 color:var(--orange);
}

.btn_link a:hover dl dt i {
 color:var(--orange);
}

.btn_link a:hover dl dd {
}

.btn_link a:hover dl dd span {
 color:var(--gray_33);
}

.btn_link a:hover .option i {
 color:var(--orange);
}

.btn_link a:hover .option span {
 color:var(--gray_33);
}

/*------------------------------------------------------------
information_box
------------------------------------------------------------*/
.info_box {
 display:flex;
 flex:0 1 100%;
 justify-content:center;
 position:relative;
}

.info_box .info_box_cont {
 align-items:center;
 border-radius:6px;
 column-gap:15px;
 display:flex;
 flex:0 1 100%;
 justify-content:space-between;
 padding:30px 30px 30px 160px;
 position:relative;
 width:100%;
}

.info_box .info_box_cont > figure {
 aspect-ratio: 179 / 200;
 height:auto;
 flex:0 0 120px;
 width:120px;
 position:absolute;
 bottom:0;
 left:25px;
}

.info_box .info_box_cont > figure img {
 position:absolute;
 width:100%;
 bottom:0;
 left:0;

}

.info_box .info_box_cont > dl {
 align-items:center;
 column-gap:10px;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 position:relative;
 row-gap:15px;
 width:100%;
}

.info_box .info_box_cont > dl > dt {
 flex:1;
}

.info_box .info_box_cont > dl > dd {
 align-items:center;
 display:flex;
 flex:0 1 auto;
 justify-content:center;
}

.info_box .info_box_cont > dl > dd a {
 width:100%;
}

.info_box .info_box_cont > figure {
 height:auto;
 flex:0 0 120px;
 width:120px;
 position:absolute;
 bottom:0;
 left:15px;
}

.info_box .info_box_cont > figure img {
 width:100%;
}

/*--- b_type ---*/
.info_box_b {
 display:flex;
 flex:0 1 100%;
 justify-content:center;
 position:relative;
}

.info_box_b .info_box_b_cont {
 align-items:center;
 border-radius:6px;
 display:flex;
 flex:0 1 100%;
 justify-content:space-between;
 padding:30px 30px 30px 80px;
 position:relative;
}

.info_box_b .info_box_b_cont:after {
background-image: url(/wp-content/themes/kohnan-dvs/images/common/p_introduction.webp);
background-repeat: no-repeat;
 content: " ";
 background-size: contain;
 position: absolute;
 left: 25px;
 bottom: 0;
 height:134px;
 width: 120px;
 z-index:100;
 aspect-ratio: 179 / 200;
}

.info_box_b .info_box_b_cont > .image {
 height:auto;
 flex:0 0 120px;
 width:120px;
 position:relative;
}

.info_box_b .info_box_b_cont > .image img {
 position:absolute;
 width:100%;
 bottom:-30px;
 left:0;
}

.info_box_b .info_box_b_cont > dl {
 align-items:center;
 display:flex;
 flex:1 1 auto;
 flex-wrap:wrap;
 text-align:center;
 position:relative;
 z-index:101;
}

.info_box_b .info_box_b_cont > dl dt {
 flex:0 0 100%;
}

.info_box_b .info_box_b_cont > dl dd {
 align-items:center;
 display:flex;
 flex:0 0 100%;
 justify-content:center;
}

.info_box_b .info_box_b_cont > dl dd a {
 align-items:center;
 column-gap:5px;
 display:flex;
}

.info_box_b .info_box_b_cont p {
 align-items:start;
 display:flex;
 flex-direction:column;
 justify-content:start;
 gap:2px;
}

/*------------------------------------------------------------
color_box
------------------------------------------------------------*/
.color_box {
 display:flex;
 flex:0 1 100%;
 flex-wrap:wrap;
 justify-content:center;
 padding:0;
 width:100%;
}

.color_box > h3 {
 align-items:center;
 background-color:var(--gray_99);
 column-gap:10px;
 flex:0 1 100%;
 font-size:2.0rem;
 font-weight:600;
 display:flex;
 justify-content:space-between;
 border-radius:6px 6px 0 0;
 padding:20px 25px;
 position:relative;
}

.color_box > h3.justify-start {
 justify-content:start;
}

.color_box > h3 figure {
 position:absolute;
 right:20px;
 bottom:0;
 z-index:2;
}

.color_box > h3 figure img {
 max-height:140px;
 height:10vw;
 width:auto;
}

.color_box .color_box_cont {
 border:1px solid var(--gray_99);
 display:flex;
 flex:0 1 100%;
 flex-wrap:wrap;
 row-gap:20px;
 width:100%;
}

.color_box .color_box_cont .grid-list.col-1-3 {
 grid-template-columns: 220px 1fr;
}

.color_box .color_box_cont .box {
 display:flex;
 flex-direction:column;
 row-gap:15px;
}

.color_box .color_box_cont > .grid-list {
 padding: 30px;
}

.color_box .color_box_cont > .grid-list.p-0 {
 padding:0;
}


/*--- color-pattern ---*/
.color_box.turquoise > h3 {
 background-color:var(--turquoise);
}

.color_box.turquoise .color_box_cont {
 border:1px solid var(--turquoise);
}

.color_box.pink > h3 {
 background-color:var(--pink);
}

.color_box.pink .color_box_cont {
 border:1px solid var(--pink);
}

.color_box.blue > h3 {
 background-color:var(--blue);
}

.color_box.blue .color_box_cont {
 border:1px solid var(--blue);
}

.color_box.orange > h3 {
 background-color:var(--orange);
}

.color_box.orange .color_box_cont {
 border:1px solid var(--orange);
}

.color_box .color_box_cont .grid-list.pb-0 {
 padding-bottom:0;
}

.color_box.purple > h3 {
 background-color:var(--purple);
}

.color_box.purple .color_box_cont {
 border:1px solid var(--purple);
}

.color_box.mos-green > h3 {
 background-color:var(--mos-green);
}

.color_box.mos-green .color_box_cont {
 border:1px solid var(--mos-green);
}

.color_box.wine-red > h3 {
 background-color:var(--wine-red);
}

.color_box.wine-red .color_box_cont {
 border:1px solid var(--wine-red);
}

.color_box.nile-blue > h3 {
 background-color:var(--nile-blue);
}

.color_box.nile-blue .color_box_cont {
 border:1px solid var(--nile-blue);
}

.color_box.chamois > h3 {
 background-color:var(--chamois);
}

.color_box.chamois .color_box_cont {
 border:1px solid var(--chamois);
}
 
.color_box.gold > h3 {
 background-color:var(--gold);
}

.color_box.gold .color_box_cont {
 border:1px solid var(--gold);
}


.color_box.gray > h3 {
 background-color:var(--gray_ee);
}

.color_box.gray .color_box_cont {
 border:1px solid var(--gray_ee);
}
 
 .color_box#method > h3 figure  {
 max-width:120px;
 bottom:auto;
 margin-top:-6px;
}

.color_box#method > h3 figure img {
 height:100%;
 width:100%;
}

/*------------------------------------------------------------
dl-list
------------------------------------------------------------*/
.dl-list {
 display: flex;
 flex-direction: column;
 row-gap: 15px;
 align-items: start;
 justify-content: start;
 height: 100%;
}

.dl-list > dt {
width:100%;
}

.dl-list > dd {
 display:flex;
 flex-direction:column;
 row-gap:20px;
 width:100%;
}

.dl-list.has-figure {
 padding-right:200px;
 position:relative;
}

.dl-list.has-figure:after {
 background-image: url(/wp-content/themes/kohnan-dvs/images/common/i_guide.webp);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-size: contain;
 content: " ";
 position: absolute;
 right: 20px;
 bottom: -40px;
 height: auto;
 max-width: 200px;
 width:20vw;
 z-index:1;
 aspect-ratio: 181 / 200;
}

/*------------------------------------------------------------
ul-list
------------------------------------------------------------*/
.ul-list {
 display:flex;
 flex-direction:column;
 row-gap:5px;
}

.ul-list > li {
 align-items:start;
 gap:5px;
 display:flex;
 justify-content:start;
 font-size:1.4rem;
 flex:0 1 auto;
 flex-direction:column;
 padding-left:20px;
 position:relative;
}

.ul-list > li:before {
 content:"\f111";
 font-family: var(--icon);
 font-size:1.4rem;
 font-weight:700;
 left:0;
 top:1px;
 position:absolute;
}

.ul-list.purple > li:before {
 color:var(--light-purple);
}

.ul-list.mos-green > li:before {
 color:var(--light-mos-green);
}

.ul-list.wine-red > li:before {
 color:var(--wine-red );
}

.ul-list.pink > li:before {
 color:var(--pink);
}

.ul-list.blue > li:before {
 color:var(--blue);
}

.ul-list.orange > li:before {
 color:var(--pale-orange);
}

.ul-list.turquoise > li:before {
 color:var(--light-turquoise);
} 

/*------------------------------------------------------------
flow
------------------------------------------------------------*/
ol.flow {
 display:flex;
 flex-direction:column;
 row-gap:35px;
}

ol.flow li {
 align-items:center;
 column-gap:15px;
 row-gap:35px;
 display:flex;
 justify-content:start;
 position:relative;
}

ol.flow li:after {
 content: " ";
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 12px 8px 0 8px;
 border-color: #f05f6c transparent transparent transparent;
 position: absolute;
 top:-25px;
 left: 50%;
 margin-left:-4px;
}

ol.flow li:first-child:after {
 content:none;
}

ol.flow li figure img {
 object-fit:cover;
 max-width:80px;
}

ol.flow li span.num {
 align-items:center;
 border-radius:50%;
 display:flex;
 justify-content:center;
 height:30px;
 width:30px;
 flex: 0 0 30px;
}

ol.flow li span.num u {
 color:#fff;
 font-weight:600;
 text-decoration:none;
}

/*------------------------------------------------------------
pagination
------------------------------------------------------------*/
.pagination {
 align-items:center;
 column-gap:15px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 padding:20px 0;
 row-gap:20px;
 width:100%;
}

.pagination-nav {
 align-items:center;
 column-gap:15px;
 display:flex;
 justify-content:center;
 width:100%;
}

.pagination-nav li a {
 border:1px solid var(--gray_dd);
 color:var(--gray_33);
 font-size:1.5rem;
 padding:5px 10px;
 display:block;
}

.pagination-pages {
 align-items:center;
 column-gap:15px;
 display:flex;
 justify-content:center;
 width:100%;
}

.pagination-pages li.current {
 background-color:var(--blue);
 border:1px solid var(--blue);
 color:var(--white);
 font-size:1.5rem;
 padding:5px 10px;
}

.pagination-pages li a {
 border:1px solid var(--gray_dd);
 color:var(--gray_33);
 font-size:1.5rem;
 padding:5px 10px;
 display:block;
}

.pagination-pages a:hover {
 color:var(--blue);
}

/*------------------------------------------------------------
head-mark-list
------------------------------------------------------------*/
.head-mark-list {
 display:flex;
 flex:0 0 100%;
 flex-wrap:wrap;
 justify-content:center;
 padding:0;
 row-gap:5px;
}

.head-mark-list li {
 align-items:start;
 gap:5px;
 display:flex;
 justify-content:start;
 flex:0 0 100%;
 flex-direction:column;
 padding-left:20px;
 position:relative;
}

.head-mark-list li i {
 font-size:1.3rem;
 left:0;
 top:1px;
 position:absolute;
}

.head-mark-list li.ait_center {
 align-items:center;
}

.head-mark-list li i {
 line-height:1.6;
}

.head-mark-list li span {
 line-height:1.6;
}

.head-mark-list .note {
 align-items:center;
 display:flex;
 flex:0 0 100%;
 justify-content:start;
 padding:0;
 text-align:left;
}

.head-mark-list.pink li i { color:#e8a3c3; line-height: 1.6; } 
.head-mark-list.purple li i { color:#ECE4F3; line-height:1.6; }
.head-mark-list.orange li i { color:#FCE4CC; line-height:1.6; }
.head-mark-list.blue li i { color:#a9daf1; line-height:1.6; }
.head-mark-list.red li i { color:#f7d9e0; line-height:1.6 ;}
.head-mark-list.turquoise li i { color:#90cacf; line-height:1.6; }
.head-mark-list.teal li i { color:#B2DFDB; line-height:1.6; }

/*------------------------------------------------------------
kbus_title
------------------------------------------------------------*/
.kbus_title {
 align-items:center;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between; 
}

.kbus_title h3 {
 background-color:#FFCED2;
 border-radius:6px 6px 0 0;
 display:flex;
 justify-content:center;
 flex:0 0 100%;
 padding:35px 50px;
 position:relative;
}

.kbus_title h3:before {
 content: " ";
 background-image: url(/wp-content/themes/kohnan-dvs/images/common/i_guide.webp);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 150px 136px;
 height: 136px;
 position: absolute;
 width: 150px;
 left: 50px;
 bottom: 0;
 z-index: 11;
}

.kbus_title h3 img.title {
 height:36px;
 width:auto;
}

.kbus_title h3 img.comment {
 position:absolute;
 height:46px;
 left:15px;
 margin-left:0;
 top:-35px;
}

.kbus_title h3 img.illust {
 position:absolute;
 height:107px;
 margin-top:-65px;
 right:20px;
 top:50%;
}

/*------------------------------------------------------------
address
------------------------------------------------------------*/
.address {
 align-content: start;
 justify-content: start;
 row-gap: 10px;
 position: relative;
 display: flex;
 flex-wrap: wrap
}

.address .pic {
 display: flex;
 flex-basis: 252px;
 flex-direction: column;
 position: relative
}

.address .pic:after {
 background-image: url(/wp-content/themes/kohnan-dvs/images/common/footer/p_charactor_bag.webp);
 background-repeat: no-repeat;
 content: " ";
 background-size: 75px 155px;
 position: absolute;
 left: 185px;
 top: 70px;
 height: 155px;
 width: 75px
}

.address .pic > img {
 object-fit: cover;
 height: 148px;
 width: 252px
}

.address .pic .logo {
 margin-top: 10px
}

.address .pic .logo img {
 height: 35px;
 width: auto
}

.address .contact {
 align-items: center;
 display: flex;
 flex: 1 1 100%;
 flex-wrap: nowrap;
 justify-content: start
}

.address .contact dl {
 display: flex;
 flex: 0 1 auto;
 row-gap: 5px;
 flex-direction: column;
 justify-content: start;
 text-align: center;
 width: 100%
}

.address .contact dl dt {
 background-color: #fce4cc;
 border-radius: 2px;
 display: flex;
 flex: 0 1 auto;
 justify-content: center;
 text-align: center
}

.address .contact dl dt span {
 display: block;
 font-size: 1.2rem;
 padding: 3px
}

.address .contact dl dd {
 flex: 0 0 100%;
 text-align: center
}

.address .contact dl dd a {
 align-items: center;
 column-gap: 5px;
 display: flex;
 justify-content: center;
 text-decoration: none
}

.address .contact dl dd a img {
 height: 22px;
 width: auto;
 padding-bottom: 2px
}

.address .contact dl dd a span {
 color: var(--orange);
 font-size: 2.4rem;
 font-weight: 600
}

/*------------------------------------------------------------
footer_widgets
------------------------------------------------------------*/
.footer-widgets {
column-gap:10px;
display:flex;
flex-wrap:wrap;
width: 100%;
}

.footer_cont_right_cont .footer-widgets {
 row-gap:30px;
}

.footer-widgets .footer-widget {
 display:flex;
 flex-direction:column;
 flex:1 0 auto;
 gap:15px;
 min-width:calc(100% / 3 - 10px);
}

.footer-widgets .footer-widget:nth-child(2) {
 width:calc(100% / 3 * 2 - 10px);
}

.footer-widgets .footer-widget h4 {
 background-color:var(--orange);
 padding:10px 20px;
}

.footer-widgets .footer-widget h4 span {
 color:var(--white);
 font-size:1.4rem;
 font-weight:600;
}

.footer-widgets .footer-widget > ul.list_type_a {
 display:flex;
 flex-direction:column;
 gap:10px;
 justify-content:start;
}

.footer-widgets .footer-widget > ul.list_type_a > li {
 display:flex;
 flex-direction:column;
 row-gap:10px;
}

.footer-widgets .footer-widget > ul.list_type_a > li a {
 align-items:center;
 display:flex;
 column-gap:5px;
}

.footer-widgets .footer-widget > ul.list_type_a > li > a > i {
 line-height:1.3;
 font-size:1.3rem;
 color:var(--orange);
}

.footer-widgets .footer-widget > ul.list_type_a > li a span {
 color:var(--gray_33);
 font-size:1.4rem;
 line-height:1.4;
}

.footer-widgets .footer-widget > ul.list_type_a > li a:hover span {
 color:var(--link-color);
}

.footer-widgets .footer-widget > ul.list_type_a > li > ul {
 display:flex;
 flex-direction:column;
 row-gap:10px;
 padding-left:10px;
}

.footer-widgets .footer-widget > ul.list_type_a > li > ul li a i {
 line-height:1;
 font-size:1.3rem;
 color:var(--gray_cc);
}

.footer-widgets .footer-widget > ul.list_type_a > li > ul li a span {
 color:var(--gray_33);
 font-size:1.4rem;
}

.footer-widgets .footer-widget > ul.list_type_b {
 column-gap:30px;
 display:flex;
 justify-content:start;
 row-gap:10px;
}

.footer-widgets .footer-widget > ul.list_type_b > li {
 display:flex;
 flex-direction:column;
 row-gap:10px;
}

.footer-widgets .footer-widget > ul.list_type_b > li > a {
 align-items:center;
 display:flex;
 column-gap:5px;
 flex-shrink:0;
}

.footer-widgets .footer-widget > ul.list_type_b > li > a i {
 color:var(--orange);
 font-size:1.3rem;
}

.footer-widgets .footer-widget > ul.list_type_b > li > a span {
 color:var(--gray_33);
 font-size:1.4rem;
 font-weight:600;
}

.footer-widgets .footer-widget > ul.list_type_b > li > a:hover span {
 color:var(--link-color);
}

.footer-widgets .footer-widget > ul.list_type_b > li > ul {
 flex-grow:1;
 display:flex;
 flex-direction:column;
 row-gap:10px;
}

.footer-widgets .footer-widget > ul.list_type_b > li > ul li {
 align-items:center;
 display:flex;
 column-gap:5px;
}

.footer-widgets .footer-widget > ul.list_type_b > li > ul li a {
 align-items:center;
 display:flex;
 column-gap:5px;
 padding-left:10px;
}

.footer-widgets .footer-widget > ul.list_type_b > li > ul li a i {
 line-height:1;
 font-size:1.3rem;
 color:var(--gray_cc);
}

.footer-widgets .footer-widget > ul.list_type_b > li > ul li a span {
 color:var(--gray_33);
 font-size:1.4rem;
}

.footer-widgets .footer-widget > ul.list_type_b > li > ul li a:hover span {
 color:var(--link-color);
}

.footer-widgets .footer-bottom-banner-widget h3 {
 display:none;
}

#footer_bottom_right .footer-widgets {
 row-gap:15px;
}

/*------------------------------------------------------------
guide
------------------------------------------------------------*/
.guide {
 border:3px solid var(--blue);
 border-radius:10px;
}

.guide .wp-block-columns {
 gap:0;
}

.guide h4 {
 align-items:center;
 background-color:var(--pale-blue);
 border-bottom:3px solid var(--blue);
 display:flex;
 font-size:1.6rem;
 font-weight:600;
 justify-content:center;
 padding:15px;
 row-gap:15px;
}

.guide .guide_cont {
 display:grid;
 gap:0;
 grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
}

.guide .wp-block-separator {
 border:1px dotted #ddd;
}

.guide .guide_cont .wp-block-table {
 border:none;
 min-width:100%;
 overflow-x: auto;
}

.guide .guide_cont .wp-block-table table {
 border-top:1px solid var(--gray_dd);
 border-left:1px solid var(--gray_dd);
}

.guide .guide_cont h5 {
 align-items:center;
 column-gap:10px;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 line-height:1;
}

.guide .guide_cont label {
 background-color:var(--gray_66);
 padding:3px 10px;
 border-radius:25px;
 color:var(--white);
 font-size:1.0rem;
 font-weight:600;
}

.guide .guide_cont label.condition {
 background-color:var(--blue);
}

.guide .guide_cont label.condition.both {
 background-color:var(--orange);
}

.guide .guide_cont p {
 font-size:1.4rem;
}

/*------------------------------------------------------------
slider_area
------------------------------------------------------------*/
.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);
}

.slider_area ul {
 background-color: var(--white);
 border-radius: 6px;
 padding: 20px;
 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;
}

.slider_area ul > li > img {
 height: auto;
 width: 460px;
}

.slider_area ul li dl {
 margin-top: 15px;
}

.slider_area ul li dl dt {
 align-items:center;
 column-gap:10px;
 display:flex;
 justify-content:start;
}

.slider_area ul li dl dt span {
 font-size: 1.8rem;
 font-weight: 600;
}

.slider_area ul li dl dt span.num {
 border-radius: 50%;
 background-color: var(--blue);
 color:var(--white);
 display: inline-block;
 font-size:1.3rem;
 font-weight: 600;
 line-height: 29px;
 height: 29px;
 text-align: center;
 width: 29px;
}

.slider_area ul li dl dd {
 margin-top: 10px;
}

.slider_area ul li dl dd span {
 color: var(--gray_33);
 font-size:1.4rem;
 font-weight: 400;
 line-height: 1.6;
}

.slider_area .slick-list {
 position: relative;
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
}

.slider_area .slick-slide {
 display: block;
 float: left;
 height: 100%;
 min-height: 1px;
 width:460px;
}

.slider_area .slick-slide img {
 height: auto;
 object-fit:cover;
 width: 460px;
}

.slider_area .slick-slide img.lazyloaded {
 opacity: 1;
}

.slider_area .slick-prev,
.slider_area .slick-next {
 font-size: 0;
 line-height: 0;
 position: absolute;
 top: 50%;
 display: block;
 width: 43px;
 height: 43px;
 padding: 0;
 margin-top:-21px;
 -webkit-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 transform: translate(0, -50%);
 cursor: pointer;
 color: transparent;
 border: none;
 background-color: var(--blue);
 border-radius:50%;
 z-index:100;
}

.slider_area .slick-prev {
 left:-10px;
}

.slider_area .slick-prev:after {
 content:"\f053";
 color:var(--white);
 font-family: var(--icon);
 font-size: 1.2rem;
 left:16px;
 top:50%;
 position:absolute;
}

.slider_area .slick-next {
 right:-10px;
}

.slider_area .slick-next:after {
 content:"\f054";
 color:var(--white);
 font-family: var(--icon);
 font-size: 1.2rem;
 right:16px;
 top:50%;
 position:absolute;
}

.slider_area#first_floor .slick-prev,
.slider_area#first_floor .slick-next {
 background-color:var(--orange);
}
       
.slider_area#first_floor  ul li dl dt span.num {
 background-color:var(--orange);
}

/*------------------------------------------------------------
grecaptcha-badge
------------------------------------------------------------*/
.grecaptcha-badge {
 z-index:101;
}

/*------------------------------------------------------------
single-page
------------------------------------------------------------*/
.content-wrap {
 display: flex;
 flex-direction: column;
 row-gap: 20px;
 font-size: 1.5rem;
 line-height: 2.0;
 padding:0 0 30px;
}

.content-wrap img {
 max-width:100%;
 height:auto;
}