@charset "UTF-8";
/*
Template: arkhe
Theme Name: Arkhe Child
Theme URI: https://arkhe-theme.com/ja/
Description: Arkhe用子テーマ
Version: 1.0.0
Text Domain: arkhe
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/
#sk-topbar {
  position: sticky; /* スクロールに追随させないなら static に */
  top: 0;
  z-index: 9999;
  font-size: 14px;
}
#sk-topbar .sk-topbar__in {
  max-width: min(1200px, 92vw);
  margin: 0 auto;
  padding: .35rem .5rem;
  display: flex;
  gap: .5rem;
  justify-content: flex-end;
  align-items: center;
}
#sk-topbar .sk-topbar__tel { white-space: nowrap; }
#sk-topbar .sk-topbar__btn {
  display: inline-block;
  padding: .35rem .8rem;
  border-radius: .5rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  #sk-topbar .sk-topbar__in { justify-content: space-between; }
}


#content h2{
color: var(--ark-color--link);
 position: relative;
  padding: 10px 20px;
 box-sizing:border-box;
  background: rgb(255 255 255 / 46%);
  line-height: 1.5;
  z-index:-1;
border-top:4px dashed var(--ark-color--link);
border-bottom:4px dashed var(--ark-color--link);
}
#main_content .p-postList h2{
	border:none;
	background:none;
	padding:0;
}

#content h3{
	position:relative;
	padding-left: 1.2em;
}
#content h3::before{
	position:absolute;
	content:"";
	background:var(--ark-color--link);
	width: 1em;
	height: 3px;
	display:inline-block;
	left: 0;
	top: 50%;
}
#content h4{
	border-bottom: 2px solid #3A8DFF;	
	padding-bottom:5px;
}
#content h5{
	color:#3A8DFF;	
}
body{
	background:url(img/bg.svg) no-repeat top left;
}
#top_title_area{
	background: linear-gradient(-43deg, rgba(228,239,250,1) 0%, rgba(25,118,210,1)100%);
	position: relative;
	z-index: 1;
}
#top_title_area::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 400px;
    height: 100%;
    background: #e4f1ff96;
    clip-path: polygon(0 1%, 100% 0%, 56% 100%, 0% 100%);
    z-index: -1;
    left: inherit;
}
#top_title_area::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 420px;
    height: 100%;
    background: #e4f1ff96;
    clip-path: polygon(52% 0, 100% 0%, 100% 100%, 0% 100%);
    z-index: -1;
    left: inherit;
}
.p-topArea{
	min-height: 20vh;
}
.p-topArea__body{
	color:var(--ark-color--link);
}
.c-gnav__li.-current, .c-gnav__li.focus,{
    color: #0d77d9
	text-decoration:border;
}
.c-gnav__li:hover {
	color:#fff;
	background:#0d77d9;
}
.c-gnav__li>.c-gnav__a:hover{
	background:#0d77d9;
}
/* gnPostList03 */
.arkp-gnPostList03.-catBdr .p-postList__category {
  border: 1px solid var(--ark-color_border);
  padding: 0.1em 0.5em;
  font-size: .625rem;
}
/* scFeatureList04 */
.arkp-scFeatureList04 {
    --arkp--icon--width: 128px;
    --arkp--icon--fz: 64px;
    --arkp--icon--bgc: #111;
}
.arkp-scFeatureList04 .ark-block-heading__main {
    font-size: 3rem;
}
.arkp-scFeatureList04 .arkp-scFeatureList04__itemIcon {
    display: flex;
    justify-content: center;
}
.arkp-scFeatureList04 .arkp-scFeatureList04__itemIcon .arkb-inline-icon {
    display: flex;
    align-items: center;
    background: var(--arkp--icon--bgc);
    width: var(--arkp--icon--width);
    height: var(--arkp--icon--width);
    font-size: var(--arkp--icon--fz);
    color: #fff;
    margin: 0 auto;
    border-radius: 50%;
}
.arkp-scFeatureList04 .arkp-scFeatureList04__itemIcon .arkb-inline-icon::after {
    inset: 0;
    margin: auto;
}
.arkp-scFeatureList04 .arkp-scFeatureList04__itemHead {
    font-size: 1.5rem;
    font-weight: bold;
}
.arkp-scFeatureList04 .arkp-scFeatureList04__itemTxt {
    font-size: .875rem;
}

/* gnRichClmn11 */
.arkp-gnRichClmn11 {
    --arkp--clmn-even--shift--y: 6rem;
    padding-bottom: var(--arkp--clmn-even--shift--y);
}
.arkp-gnRichClmn11 .ark-block-column:nth-of-type(2n) {
    transform: translateY(var(--arkp--clmn-even--shift--y));
}
.arkp-gnRichClmn11 .ark-block-column .wp-block-image {
    border-radius: 1rem;
    overflow: hidden;
}
.arkp-gnRichClmn11 .ark-block-column .wp-block-image img {
    width: 100%;
}
.arkp-gnRichClmn11 .arkp-gnRichClmn11__colHeading {
    font-size: 1.25rem;
    font-weight: bold;
}

.subnav__list{
	padding:0;
	margin:0;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	gap: 20px;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
@media (max-width: 781px) {
	.subnav__list{
		justify-content: flex-start;
		}
}
.subnav__item{
	list-style:none;
	padding:0;
	margin:0;
	display: inline-block;
	width: fit-content;
}
.subnav__link{
	    padding: .5em 1em;
	    background: #fff;
	    text-decoration: none;
	    border: 2px solid #a2c8ea;
	    box-sizing: border-box;
	    color: var(--ark-color--link);
	    width: fit-content;
}
.subnav__link:hover{
	background: #edf6ff;
	color: var(--ark-color--link);
}


.footer-nav{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 40px;
	position:relative;
	z-index: 0;
}
.footer-nav > * {
  position: relative;
  z-index: 1;
}
#footer{
	position:relative;
	padding-bottom:70px;
}
#footer::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40vw;
    height: 100%;
    background: #e4f1ff;
    clip-path: polygon(78% 0, 100% 0%, 100% 100%, 0% 100%);
    z-index: -1;
}
.footer-nav__list{
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
}
.footer-nav__item{
}
.footer-nav__sub-list{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;	
	list-style: none;
    padding: 0;
    margin: 0 0 0 1em;
}
.footer-nav__link{
	padding: 5px 10px;
	display: block;
	font-size:14px;
}
@media (max-width: 781px) {
	body{
	background-size: 200%;
	}
	.alignfull{
		width:100%;
		left:0;
	}
	
	#footer::after{
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 70vw;
		height: 100%;
		background: #e4f1ff;
		clip-path: polygon(78% 0, 100% 0%, 100% 100%, 0% 100%);
		z-index: -1;
	}
	.footer-nav__list{
		display: block;
		width: 100vw;
		margin: 0 -1em;
		padding: 0;
		box-sizing: border-box;
	}
	.footer-nav__item{
	margin: 0;
	}
	.footer-nav__sub-list{
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.footer-nav__link{
		padding: 15px 2em;
		text-decoration: none;
		border-bottom: 1px solid #e2e2e2;
	}
	.footer-nav__sub-list .footer-nav__link{
		padding-left: 3em;
	}
}

.footer-cta{
    background: var(--ark-color--link);
    color:#fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 70px;
    padding: 10px 0;
    box-sizing: border-box;
    z-index: 100;
}
.footer-cta__wrapper{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: fit-content;
    margin: 0 auto;
}
.footer-cta__title{
}
.footer-cta__title-text{
    font-size: 26px;
    font-weight: bold;
    padding-right: 1em;
}
.footer-cta__contact{

}
.footer-cta__tel-text{
    font-size: 32px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1;
}
.footer-cta__tel{
    text-decoration: none;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    display: block;
    pointer-events: none; 
    cursor: default;      

}
.footer-cta__tel::before{
    content:"";
    background: url(img/ic-tel.svg) no-repeat;
    width: 26px;
    height: 100%;
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
}
.footer-cta__text--s{
    font-size: 14px;
}
@media (max-width: 781px) {
    .footer-cta__title-text{
        font-size: 16px;
        padding-right: 1em;
    }
    .footer-cta__contact{

    }
    .footer-cta__tel-text{
        font-size: 20px;
        font-weight: bold;
    }
    .footer-cta__tel{
        text-decoration: none;
        position: relative;
        padding-left: 20px;
        margin-bottom: 5px;
        display: block;
        pointer-events: auto;
        cursor: pointer;
    }

    .footer-cta__tel::before{
        content:"";
        background: url(img/ic-tel.svg) no-repeat;
        width: 16px;
        height: 100%;
        display: block;
        position: absolute;
        top: 3px;
        left: 0;
    }
    .footer-cta__text--s{
        font-size: 14px;
    }
}