@charset "UTF-8";

/*** reset ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
    background: #fff;
	font-size: 62.5%;
}
body {
    background: #fff;
    position: relative;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
    text-decoration: none;
}
.wc-webchat-ctn{display:none;}
/*** ワッパー内共通 ***/
.sekuhara-wrapper {
	line-height: 1.5;
	letter-spacing: .08em;
    width: 100%;
	/* overflow: hidden; */
    background: #fff;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
}
.sekuhara-wrapper img{
	vertical-align:bottom;
	border:none;
	-ms-interpolation-mode: bicubic;
	-webkit-user-drag: none;
	border:0;
	width: 100%;
	height: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
.kazokushintaku * {
	box-sizing: border-box;
}
.wrapper{
    width: 100%;
    overflow: hidden;
}
a {  
	overflow:hidden;
	outline: none; 
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	text-decoration:none;
	margin:0;padding:0;border:0;
    vertical-align:baseline;
}
a:hover{
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}
.sekuhara-wrapper * h1, h2, h3, h4, h5, h6, p, pre,img,dl, dt, dd, ol, ul, li{
	margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;
}
.br{display: block;}
.in-bk{display: inline-block;}
a{transition: all 0.5s ease 0s;}
a:hover{opacity: 0.6;}
.sp-img{display: none;}
@media (max-width:767px) {
    .pc-img{display: none;}
    .sp-img{display: block;}
}

/* header */
.header{
    padding: 20px 0 30px;
}
.header .nav_box{
    max-width: 1760px;
    width: 95%;
    height: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header .nav_box .logo_box{
    width: 340px;
    display: flex;
    align-items: center;
}
.header .nav_box .logo_box h1{
    font-weight: normal;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
.header .nav_box .logo_box h1 a{
    color: #000;
    font-size: 30px;
    letter-spacing: -0.03em;
    display: block;
	font-weight: 600;
}
.header .nav_box .logo_box h1 .subtitle{
    display: block;
    font-size: 18px;
    letter-spacing: -0.01em;
}
.header .nav_box .r-box{
    max-width: 1250px;
    width: 82%;
    display: flex;
    justify-content: space-between;
}
.header .nav_box nav{
    display: flex;
    align-items: center;
    margin-left: auto;
}

@media screen and (max-width:1300px){
	.header .nav_box nav{
		/*max-width: 500px;*/
		margin: 0 auto;
	}
}

.header .nav_box nav ul{
    display: flex;
	flex-wrap: wrap;
}
.header .nav_box nav ul li{
    margin-right: 30px;
}
.header .nav_box nav ul li a{
    color: #000;
    font-size: 20px;
    font-family: 'Shippori Mincho','Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
	font-weight: 500;
}
.header .nav_box .nav_mail{
    max-width: 260px;
    width: 26%;
    height: 60px;
    background-color: #062239;
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
	border-radius: 100px;
    font-family: 'Cormorant','Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
.header .nav_box .nav_mail::before{
    content: "";
    background: url(images/mail_icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    width: 0.8em;
    height: 0.8em;
    display: inline-block;
    margin-right: 0.1em;
}
.header .mv{
    padding-top: 5vw;
    max-width: 1840px;
    width: 95%;
    margin: 0 auto;
}
.header .sp-menu-btn{
    display: none;
}
.header .nav_box .sp-menu{
    display: none;
}
.sekuhara-wrapper .info-h1{
    font-size: 14px;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
    position:absolute;
    bottom: 11rem;
    text-align: center;
    width: 100%;
    font-weight: normal;
}


@media(max-width:1650px) and (min-width:1025px){
    .header .nav_box nav ul li a{
        font-size: 18px;
    }
    .header .nav_box nav ul li {
        margin-right: 30px;
    }
}
@media(max-width:1600px) and (min-width:1025px){
    .header .mv .img_box{
        margin-left: -50px;
    }
}
@media(max-width:1550px) and (min-width:1025px){
    .header .nav_box .logo_box{
        width: 260px;
    }
    .header .nav_box .logo_box h1 a{
        font-size: 24px;
    }
}
@media(max-width:1450px) and (min-width:1025px){
    .header .nav_box nav ul li{
        margin-right: 20px;
    }
    .header .nav_box nav ul li a{
        font-size: 18px;
    }
	.header .nav_box .nav_mail{
		max-width: 240px;
	}
.header .nav_box .logo_box h1 a {
    font-size: 24px;
}
}
@media(max-width:1450px) and (min-width:1025px){
    .header .nav_box .logo_box {
        width: 280px;
    }
	.header .nav_box .r-box{
		width:700px;
	}
	.header .nav_box .nav_mail{
		width: 300px!important;
		max-width: 300px;
		margin-left:10px;
	}
    /*
    .header .nav_box .logo_box h1 a{
        font-size: 22px;
    }
    */
    .header .nav_box .logo_box h1 .subtitle{
        font-size: 18px;
    }
    .header .nav_box nav ul li{
        margin-right: 20px;
    }
    .header .nav_box nav ul li a{
        font-size: 18px;
    }


	.header .nav_box nav ul{
		justify-content: flex-end;
	}

}

@media(max-width:1024px) and (min-width:768px){
    .header{

    }
    .header .nav_box{
        max-width: 1840px;
        width: 90%;
        height: 40px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    .header .nav_box .logo_box{
        width: 250px;
    }
    .header .nav_box .logo_box h1 a{
        font-size: 22px;
        letter-spacing: -0.08em;
    }
    .header .nav_box .logo_box h1 .subtitle{
        font-size: 10px;
        letter-spacing: -0.02em;
    }

    /*
    .header .nav_box .r-box{
        max-width: 1250px;
        width: 82%;
    }
    .header .nav_box nav ul li{
        margin-right: 15px;
    }
    .header .nav_box nav ul li a{
        font-size: 12px;
        letter-spacing: 0;
        white-space: nowrap;
    }
    .header .nav_box .nav_mail{
        max-width: 380px;
        width: 26%;
        height: 40px;
        font-size: 12px;
    }
    */

    .header .nav_box .r-box{
        display: none;
    }
    .header .sp-menu-btn {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 999;
    }
      
    .btn-line {
        width: 40px;
        height: 4px;
        margin: 5px 0;
        background-color: #062239;
        border-radius: 10px;
        transition: all 0.2s ease-out;
    }
      
    .sp-menu-btn.close .btn-line:nth-child(1) {
        transform: rotate(-45deg) translate(-10px, 10px);
    }
      
    .sp-menu-btn.close .btn-line:nth-child(2) {
        opacity: 0;
    }
      
    .sp-menu-btn.close .btn-line:nth-child(3) {
        transform: rotate(45deg) translate(-9px, -9px);
    }
      
    .header .nav_box .sp-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 998;
        transform: translateY(-100%);
        transition: transform 0.2s ease-out;
        display: block;
        height: auto;
        padding-bottom: 30px;
    }
      
    .header .nav_box .sp-menu.active {
        transform: translateY(0%);
      }
      
    .header .nav_box .sp-menu ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0;
        list-style: none;
      }
      
    .header .nav_box .sp-menu li {
        margin: 20px 0;
    }

    .header .nav_box .sp-menu .logo_box{
        margin: 45px auto 0;
        font-weight: bold;
        text-align: center;
        line-height: 1.2;
        display: block;
        font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    }
    .header .nav_box .sp-menu .logo_box a {
        font-size: 22px;
        /*letter-spacing: 0.04em;*/
        color: #000;
    }
    .header .nav_box .sp-menu .logo_box .subtitle {
        font-size: 14px;
        letter-spacing: -0.01em;
        display: block;
    }
    .header .nav_box .sp-menu .nav_mail{
        max-width: none;
        width: 60%;
        min-width: 300px;
        height: 50px;
        font-size: 20px;
        margin: 0 auto;
    }
    .header .nav_box .sp-menu ul{
        width: 90%;
        margin: 30px auto;
        align-items: baseline;
    }
    .header .nav_box .sp-menu ul li{
        margin: 10px 0;
    }
    .header .nav_box .sp-menu ul li a{
        font-size: 18px;
        position: relative;
    }
    .header .sp-menu-btn.close{
        position: fixed;
        top: 4vw;
        right: 4vw;
    }
    .sekuhara-wrapper .info-h1{
        font-size: 12px;
        bottom: 9rem;
    }
}
@media (max-width:767px) {
    .header{
padding: 10px 0 ;
    }
    .header .nav_box{
        width: 90%;
        height: 50px;
    }
    .header .nav_box .logo_box{
        width: 240px;
    }
    .header .nav_box .logo_box h1 a{
        font-size: 20px;
        letter-spacing: 0.04em;
		font-weight: 500;
    }
    .header .nav_box .logo_box h1 .subtitle{
        font-size: 14px;
        letter-spacing: 0.01em;
    }
    .header .nav_box .r-box{
        display: none;
    }
    .header .sp-menu-btn {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 999;
    }
      
    .btn-line {
        width: 40px;
        height: 4px;
        margin: 5px 0;
        background-color: #062239;
        border-radius: 10px;
        transition: all 0.2s ease-out;
    }
      
    .sp-menu-btn.close .btn-line:nth-child(1) {
        transform: rotate(-45deg) translate(-10px, 10px);
    }
      
    .sp-menu-btn.close .btn-line:nth-child(2) {
        opacity: 0;
    }
      
    .sp-menu-btn.close .btn-line:nth-child(3) {
        transform: rotate(45deg) translate(-9px, -9px);
    }
      
    .header .nav_box .sp-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 998;
        transform: translateY(-100%);
        transition: transform 0.2s ease-out;
        display: block;
        height: auto;
        padding-bottom: 6%;
    }
      
    .header .nav_box .sp-menu.active {
        transform: translateY(0%);
      }
      
    .header .nav_box .sp-menu ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0;
        list-style: none;
      }
      
    .header .nav_box .sp-menu li {
        margin: 20px 0;
    }

    .header .nav_box .sp-menu .logo_box{
        margin: 25px auto 0;
        font-weight: bold;
        text-align: center;
        line-height: 1.2;
        display: block;
        font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    }
    .header .nav_box .sp-menu .logo_box a {
        font-size: 16px;
        letter-spacing: 0.04em;
        color: #000;
    }
    .header .nav_box .sp-menu .logo_box .subtitle {
        font-size: 14px;
        letter-spacing: -0.01em;
        display: block;
    }
    .header .nav_box .sp-menu .nav_mail{
        max-width: none;
        width: 60%;
        min-width: 300px;
        height: 46px;
        font-size: 18px;
        margin: 0 auto;
    }
    .header .nav_box .sp-menu ul{
        width: 90%;
        margin: 5% auto;
        align-items: baseline;
    }
    .header .nav_box .sp-menu ul li{
        margin: 10px 0;
    }
    .header .nav_box .sp-menu ul li a{
        font-size: 16px;
        position: relative;
    }
    .header .sp-menu-btn.close{
        position: fixed;
        top: 4vw;
        right: 4vw;
    }
    .sekuhara-wrapper .info-h1{
        font-size: 10px;
        bottom: 11rem;
    }

}

/* FOOTER */
.footer{
    background-color: #fff;
    padding: 70px 0 7rem;
}
.footer .content{
    max-width: 1500px;
    width: 95%;
    margin: 0 auto;
}
.footer .content .footer_flex{
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #dadde2;
    padding-bottom: 40px;
    margin-bottom: 50px;
}
.footer .content .footer_flex .logo_box{
    width: 350px;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
.footer .content .footer_flex .logo_box a{
    color: #000;
    font-size: 29px;
    letter-spacing: 0;
    display: block;
	font-weight:600!important;
}
.footer .content .footer_flex .logo_box .subtitle{
    display: block;
    font-size: 24px;
    letter-spacing: 0.04em;
}
.footer .content .footer_flex .footer_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    width: 530px;
}
.footer .content .footer_flex .footer_list li{
    margin-left: 30px;
    padding: 8px 0;
}
.footer .content .footer_flex .footer_list li a{
    color: #000;
    font-size: 20px;
    position: relative;
    font-family: 'Shippori Mincho','Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}

.footer ul.privacy-policy-list{
	display: flex;
	justify-content: center;
	gap: 24px;
	margin: 0 0 5rem;
}
.footer ul.privacy-policy-list li{
	position: relative;
	padding: 0 1rem 0 0;
	font-size: 12px;
}
.footer ul.privacy-policy-list li::before {
	content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(-45deg);
    position: absolute;
		top: 50%; right: 0;
    margin: -3px auto 0;
}
.footer ul.privacy-policy-list li a{
	color:#333;
}

.footer .content .copyright{
    font-size: 20px;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: 'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
.footer .content .copyright a{
    color: #000;
}


@media(max-width:1024px) and (min-width:768px){
    .footer{
        padding: 40px 0 6rem;
    }
    .footer .content{
        width: 90%;
    }
    .footer .content .footer_flex{
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .footer .content .footer_flex .logo_box{
        width: 280px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .footer .content .footer_flex .logo_box a{
        font-size: 20px;
        letter-spacing: .1em;
    }
    .footer .content .footer_flex .logo_box .subtitle{
        font-size: 19px;
        letter-spacing: 0;
    }
    .footer .content .footer_flex .footer_list{
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
        width: 500px;
    }
    .footer .content .footer_flex .footer_list li{
        margin-left: 25px;
        padding: 3px 0;
    }
    .footer .content .footer_flex .footer_list li a{
        font-size: 18px;
    }
    .footer .content .copyright{
        font-size: 16px;
    }
}
@media (max-width:1024px) {
	.footer ul.privacy-policy-list{
		    flex-direction: column;
	}
	.footer ul.privacy-policy-list li::before{
		display: none;
	}	
	.footer ul.privacy-policy-list{
		gap: 10px;
	}
}
@media (max-width:767px) {

    .footer{
        padding: 10% 0 7rem;
    }
    .footer .content{
        width: 90%;
    }
    .footer .content .footer_flex{
        display: flex;
        justify-content: space-between;
        display: block;
        padding-bottom: 5%;
        margin-bottom: 5%;
    }
    .footer .content .footer_flex .logo_box{
        width:300px;
        margin: 0 auto;
        text-align: center;
    }
    .footer .content .footer_flex .logo_box a{
        font-size: 18px;
        letter-spacing: 0.04em;

    }
    .footer .content .footer_flex .logo_box .subtitle{
        font-size: 16px;
        letter-spacing: -0.01em;
    }
    .footer .content .footer_flex .footer_list{
        display: block;
        width: 100%;
        margin-top: 5%;
    }
    .footer .content .footer_flex .footer_list li{
        margin-left: 0;
        padding: 5px 0;
    }
    .footer .content .footer_flex .footer_list li a{
        font-size: 16px;
    }
    .footer .content .copyright{
        font-size: 14px;
    }
    .footer ul.privacy-policy-list{
        margin-bottom: 7rem;
    }
}


/* MV */
.sekuhara-wrapper .mv{
    background: url(images/mv_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 1760px;
    width: 95%;
    height: 840px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    margin-bottom: 80px;
}
.webp .sekuhara-wrapper .mv{
    background-image: url(images/mv_bg.jpg.webp);
}
.sekuhara-wrapper .mv .title{
    font-size: 62px;
    font-weight: 500;
    text-align: center;
    /*margin-left: 2vw;*/
    display: inline-block;
    letter-spacing: 0.06em;
    position: relative;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
	padding-top:20px;
    line-height: 1;
    /* margin-bottom: 9vw; */
    margin-bottom: 80px;
}
.sekuhara-wrapper .mv .img-box{
    max-width: 1360px;
    width: 90%;
}
.sekuhara-wrapper .mv .title .mv-note{
    font-size: 20px;
    color: #989aa1;
    letter-spacing: 0.06em;
    margin-top: 20px;
    display: block;
    font-weight: normal;
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    display: none;
}
.sekuhara-wrapper .mv .title .br{
    text-shadow: 0 0 10px #fff,0 0 15px #fff,0 0 20px #fff,0 0 25px #fff,0 0 30px #fff,0 0 40px #fff,0 0 45px #fff,0 0 50px #fff,0 0 55px #fff,0 0 60px #fff;
}
.sekuhara-wrapper .mv .scroll{
    height: 75px;
    position: absolute;
    bottom: 130px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: flex;
    align-items: center;
    display: none;
}
.sekuhara-wrapper .mv .scroll::after{
    content: "";
    width: 1px;
    height: 75px;
    background-color: #000;
    position: absolute;
    top:0;
    left: 50%;
    transform: translateX(-50%);
}
.sekuhara-wrapper .mv .scroll::before{
    content: '';
    width: 9px;
    height: 9px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #000;
    border-radius: 50%;
    opacity: 1;
    animation: wheel 2s infinite;
    -webkit-animation: wheel 2s infinite;
}
@keyframes wheel {
    to {
      opacity: 0;
      top: 75px;
    }
}
@-webkit-keyframes wheel {
    to {
      opacity: 0;
      top: 75px;
    }
}
.sekuhara-wrapper .mv .scroll .text{
    color: #000;
    font-size: 16px;
    letter-spacing: 0;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    display: block;
    margin-left: 35px;
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
.sekuhara-wrapper .dot{
    position: relative;
}
.sekuhara-wrapper .dot::before{
    content: "";
    width: 0.1em;
    height: 0.1em;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    top:0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.sekuhara-wrapper .mv .logo{
    display: inline-block;
    max-width: 400px;
    width: 40%;
    /*
    position: absolute;
    top:-45px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    */
}
.sekuhara-wrapper .mv .logo img{
    vertical-align: top;
}
@media(max-width:1500px) and (min-width:1025px){
    .sekuhara-wrapper .mv{
        height: 52vw;
    }
    .sekuhara-wrapper .mv .title{
        margin-bottom: 4vw;
        font-size:4vw;
        padding-top: 1vw;
    }

}
@media(max-width:1300px) and (min-width:1025px){
    /*
    .sekuhara-wrapper .mv{
        height: 65vw;
    }
    */

}
@media(max-width:1024px) and (min-width:768px){
    .sekuhara-wrapper .mv{
        width: 90%;
        height: 50vw;
        margin-bottom: 50px;
    }
    .sekuhara-wrapper .mv .title{
        font-size: 4vw;
        font-weight: 500;
        /*margin-left: 2vw;*/
        letter-spacing: 0.06em;
        margin-bottom: 4vw;
        padding-top: 0;
    }
    .sekuhara-wrapper .mv .title .mv-note{
        font-size: 2vw;
        letter-spacing: 0.06em;
        margin-top: 1vw;
        display: none;
    }
    .sekuhara-wrapper .mv .scroll{
        height: 75px;
        bottom: 7vw;
    }
    .sekuhara-wrapper .mv .scroll::after{
        height: 75px;
    }
}
@media (max-width:767px) {
    .sekuhara-wrapper .mv{
        background: url(images/mv_bg_sp-02.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 90%;
        height: 135vw;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-bottom: 10vw;
    }
    .webp .sekuhara-wrapper .mv{
        background-image: url(images/mv_bg_sp-02.webp);
    }
    .sekuhara-wrapper .mv .title{
        display: none;
    }
    .sekuhara-wrapper .mv .scroll{
        height: 75px;
        position: absolute;
        bottom: 18vw;
    }
    .sekuhara-wrapper .mv .scroll::after{
        content: "";
        width: 1px;
        height: 75px;
        background-color: #000;
        position: absolute;
        top:0;
        left: 50%;
        transform: translateX(-50%);
    }
    @keyframes wheel {
        to {
          opacity: 0;
          top: 75px;
        }
    }
    @-webkit-keyframes wheel {
        to {
          opacity: 0;
          top: 75px;
        }
    }
    .sekuhara-wrapper .mv .img-box{
        display: none;
    }
}

/* CV */
.sekuhara-wrapper .cv{
    padding: 60px 0;
    background-color: #062238;
}
.sekuhara-wrapper .cv .cv_whbox{
    max-width: 1200px;
    width: 95%;
    margin: 0 auto;
    background-color: #fff;
    padding: 35px 0;
    text-align: center;
}
.sekuhara-wrapper .cv .cv_whbox .cv_contact{
    max-width: 1020px;
    width: 95%;
    margin: 0 auto;
}
.sekuhara-wrapper .cv .cv_whbox .cv_title{
    font-size: 62px;
    color: #114269;
    font-weight: 500;
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
.sekuhara-wrapper .cv .cv_whbox .sub_title{
    font-size: 18px;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
.sekuhara-wrapper .cv .cv_whbox .cv_flex{
    display: flex;
    justify-content: space-between;
    margin: 25px 0 30px;
}
.sekuhara-wrapper .cv .cv_whbox .cv_flex .l-box{
    max-width: 520px;
    width: 51%;
    text-align: left;
    border-right: 2px solid #b6bcc6;
}
.sekuhara-wrapper .cv .cv_whbox .cv_flex .r-box{
    max-width: 500px;
    width: 49%;
}
.sekuhara-wrapper .cv .cv_whbox .tel{
    color: #000;
    font-size: 63px;
    font-family: 'Shippori Mincho','Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    position: relative;
    letter-spacing: 0.07em;
    line-height: 0;
}
.sekuhara-wrapper .cv .cv_whbox .tel::before{
    content: "";
    background: url(images/tel_icon.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 0.75em;
    height: 0.75em;
    display: inline-block;
    margin-right: 5px;
}
.sekuhara-wrapper .cv .cv_whbox .cv_info{
    max-width: 460px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.sekuhara-wrapper .cv .cv_whbox .cv_info li{
    max-width: 145px;
    width: 32%;
    text-align: center;
    letter-spacing: 0;
    background-color: #e7eff3;
    font-size: 14px;
    padding: 3px 0;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
}
.sekuhara-wrapper .cv .cv_whbox .mail{
    min-width: 450px;
    width: 80%;
    height: 90px;
    border-radius: 100px;
    background: linear-gradient(to right,  rgba(126,190,222,1) 0%,rgba(140,248,194,1) 100%);
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
.sekuhara-wrapper .cv .cv_whbox .mail::before{
    content: "";
    background: url(images/mail_icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    width: 0.9em;
    height: 0.9em;
    display: inline-block;
    margin-right: 0.1em;
}
.sekuhara-wrapper .cv .cv_whbox .cv_note{
    font-size: 12px;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
}
@media screen and (min-width:768px) {
	.sekuhara-wrapper .tel{
		pointer-events: none;
	}
}
@media(max-width:1024px) and (min-width:768px){
    .sekuhara-wrapper .cv{
        padding: 40px 0;
    }
    .sekuhara-wrapper .cv .cv_whbox{
        width: 90%;
        padding: 25px 0;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_contact{
        width: 94%;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_title{
        font-size: 6.2vw;
    }
    .sekuhara-wrapper .cv .cv_whbox .sub_title{
        font-size: 1.8vw;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_flex{
        margin: 20px 0 25px;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_flex .l-box{
        max-width: 520px;
        width: 55%;
        text-align: left;
        border-right: 2px solid #b6bcc6;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_flex .r-box{
        max-width: 500px;
        width: 45%;
    }
    .sekuhara-wrapper .cv .cv_whbox .tel{
        font-size: 6.3vw;
        letter-spacing: 0;
        line-height: 0;
    }
    .sekuhara-wrapper .cv .cv_whbox .tel::before{
        margin-right: 0.5vw;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_info{
        max-width: 460px;
        width: 90%;
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_info li{
        max-width: 145px;
        width: 32%;
        font-size: 1.4vw;
        padding: 3px 0;
    }
    .sekuhara-wrapper .cv .cv_whbox .mail{
        min-width: unset;
        width: 90%;
        height: 9vw;
        font-size: 2.2vw;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_note{
        font-size: 11px;
    }
}
@media (max-width:767px) {
    .sekuhara-wrapper .cv{
        padding: 5% 0;
    }
    .sekuhara-wrapper .cv .cv_whbox{
        width: 90%;
        padding: 5% 0;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_contact{
        width: 90%;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_title{
        font-size: 9vw;
    }
    .sekuhara-wrapper .cv .cv_whbox .sub_title{
        font-size: 4.5vw;
        line-height: 1.3;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_flex{
        display: block;
        margin: 5% 0;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_flex .l-box{
        max-width: none;
        width: 100%;
        text-align: center;
        border-right: unset;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_flex .r-box{
        max-width: none;
        width: 100%;
    }
    .sekuhara-wrapper .cv .cv_whbox .tel{
        font-size: 10vw;
        letter-spacing: 0.07em;
        line-height: 1;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_info{
        max-width: none;
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_info li{
        max-width: none;
        width: 32%;
        font-size: 3vw;
    }
    .sekuhara-wrapper .cv .cv_whbox .mail{
        max-width: none;
        min-width: unset;
        width: 100%;
        height: 12vw;
        font-size: 5vw;
        margin-top: 5vw;
    }
    .sekuhara-wrapper .cv .cv_whbox .cv_note{
        font-size: 10px;
        text-align: left;
    }

}

/* section01 */
.sekuhara-wrapper .section01{

}
.sekuhara-wrapper .section01_bg{
    background: url(images/section01_bg01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center right;
    padding: 220px 0;
}
.webp .sekuhara-wrapper .section01_bg{
    background-image: url(images/section01_bg01.jpg.webp);
}
.sekuhara-wrapper .section01_bg .section01_content{
    max-width: 1200px;
    width: 95%;
    margin: 0 auto;
    display: flex;
}
.sekuhara-wrapper .section01_bg .section01_content .l-box{
    max-width: 800px;
    width: 66%;
}
.sekuhara-wrapper .section01_bg .section01_content .r-box{
    max-width: 400px;
    width: 34%;
}
.sekuhara-wrapper h2{
    font-size: 50px;
    font-weight: normal;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
.sekuhara-wrapper .text-box{
    font-size: 18px;
    text-align: justify;
    line-height: 1.8;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
}
.sekuhara-wrapper .text-box p + p{
    margin-top: 30px;
}
.sekuhara-wrapper .text-box .kome{
    font-size: 14px;
}
.sekuhara-wrapper .section01_bg .section01_content h2{
    margin-bottom: 50px;
}
.sekuhara-wrapper .section01_bg02{
    background: url(images/section01_bg02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    padding: 190px 0;
}
.webp .sekuhara-wrapper .section01_bg02{
    background-image: url(images/section01_bg02.jpg.webp);
}
.sekuhara-wrapper .section01_bg02 .whbox{
    max-width: 1500px;
    width: 95%;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0 15px 5px rgb(0, 0, 0, 10%);
    padding: 130px 0 110px;
}
.sekuhara-wrapper .section01_bg02 .img-box{
    max-width: 710px;
    width: 80%;
    margin: 0 auto;
}
.sekuhara-wrapper .section01_bg02 .section01_flex{
    max-width: 1200px;
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 90px auto 0;
}
.sekuhara-wrapper .section01_bg02 .section01_flex .l-box{
    max-width: 580px;
    width: 49%;
}
.sekuhara-wrapper .section01_bg02 .section01_flex .r-box{
    max-width: 560px;
    width: 48%;
}
.sekuhara-wrapper .section01_bg02 h3{
    font-size: 42px;
    color: #228dbe;
    font-weight: normal;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
.sekuhara-wrapper .section01_bg02 .section01_info{
    font-size: 16px;
    color: #989aa1;
    letter-spacing: 0.05em;
    margin-top: 20px;
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
.sekuhara-wrapper .section01_bg02 .text-box{
    line-height: 2;
}

.sekuhara-wrapper .section01_bg02 .section01_infobox{
    background: url(images/bg03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:bottom left;
    max-width: 1200px;
    width: 95%;
    margin: 80px auto 0;
    padding: 100px 0;
}
.webp .sekuhara-wrapper .section01_bg02 .section01_infobox{
    background-image: url(images/bg03.jpg.webp);
}
.sekuhara-wrapper .section01_bg02 .section01_infobox .content{
    max-width: 1000px;
    width: 95%;
    margin: 0 auto;
}
.sekuhara-wrapper .section01_bg02 .section01_infobox .content h3{
    color: #000;
    text-align: center;
    font-size: 52px;
}
.sekuhara-wrapper .section01_bg02 .section01_infobox .content h3 .small{
    font-size: 36px;
}
.sekuhara-wrapper .section01_bg02 .section01_infobox .content h3 .text-bg{
    display: inline-block;
    line-height: 1;
    background: linear-gradient(to right, rgba(126,190,222,1) 0%,rgba(140,248,194,1) 100%);
    color: #fff;
    padding: 10px 30px;
}
.sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex .l-box{
    max-width: 530px;
    width: 53%;
}
.sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex .r-box{
    max-width: 400px;
    width: 40%;
}
.sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex .r-box .img-box{
    width: 100%;
}
.sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex .l-box .text-box{
    line-height: 2.2;
}

.sekuhara-wrapper .section01 .section01_bg02 h2{
    text-align: center;
    font-size: 50px;
    margin-bottom: 100px;
    position: relative;
}
.sekuhara-wrapper .section01 .section01_bg02 h2::after{
    content: "EXAMPLE";
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    background: linear-gradient(to right, #d8ebf5, #dcfded);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 1;
    margin-top: -115px;
    display: inline-block;
    font-size: 200px;
}
.sekuhara-wrapper h2 .br{
    position: relative;
    z-index: 1;
}

@media(max-width:1200px) and (min-width:1025px){
    .sekuhara-wrapper .section01_bg02 h3{
        font-size: 36px;
    }
    .sekuhara-wrapper .section01_bg02 .section01_flex{
        display: block;
    }
    .sekuhara-wrapper .section01_bg02 .section01_flex .l-box{
        max-width: none;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .sekuhara-wrapper .section01_bg02 .section01_flex .r-box{
        max-width: none;
        width: 100%;
    }
}
@media(max-width:1024px) and (min-width:768px){
    .sekuhara-wrapper .section01_bg{
        padding: 100px 0;
    }
    .sekuhara-wrapper .section01_bg .section01_content{
        width: 90%;
    }
    .sekuhara-wrapper .section01_bg .section01_content .l-box{
        max-width: 800px;
        width: 100%;
    }
    .sekuhara-wrapper .section01_bg .section01_content .r-box{
        max-width: 400px;
        width: 40%;
    }
    .sekuhara-wrapper h2{
        font-size: 5.2vw;
    }
    .sekuhara-wrapper .text-box{
        font-size: 16px;
    }
    .sekuhara-wrapper .text-box p + p{
        margin-top: 20px;
    }
    .sekuhara-wrapper .section01_bg .section01_content h2{
        margin-bottom: 30px;
    }
    .sekuhara-wrapper .section01_bg02{
        padding: 100px 0;
    }
    .sekuhara-wrapper .section01_bg02 .whbox{
        width: 90%;
        box-shadow: 0 0 15px 5px rgb(0, 0, 0, 10%);
        padding: 100px 0 80px;
    }
    .sekuhara-wrapper .section01_bg02 .img-box{
        max-width: none;
        width: 80%;
    }
    .sekuhara-wrapper .section01_bg02 .section01_flex{
        width: 90%;
        margin: 60px auto 0;
        display: block;
    }
    .sekuhara-wrapper .section01_bg02 .section01_flex .l-box{
        max-width: none;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .sekuhara-wrapper .section01_bg02 .section01_flex .r-box{
        max-width: none;
        width: 100%;
    }
    .sekuhara-wrapper .section01_bg02 h3{
        font-size: 3.2vw;
    }
    .sekuhara-wrapper .section01_bg02 .section01_info{
        font-size: 14px;
        margin-top: 15px;
        line-height: 1.3;
    }
    .sekuhara-wrapper .section01_bg02 .text-box{
        line-height: 2;
    }

    .sekuhara-wrapper .section01_bg02 .section01_infobox{
        width: 90%;
        margin: 230px auto 0;
        padding: 70px 0;
        position: relative;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content{
        width: 94%;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content h3{
        font-size: 5.2vw;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content h3 .small{
        font-size: 3.6vw;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content h3 .text-bg{
        padding: 8px 20px;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex{
        margin-top: 40px;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex .l-box{
        max-width: none;
        width: 100%;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex .r-box{
        max-width: none;
        width: 100%;
        margin: auto;
        position: absolute;
        top:-20vw;
        left: 0;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex .r-box .pc-img{
        display: none;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex .r-box .sp-img{
        display: block;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex .l-box .text-box{
        line-height: 2.2;
    }

    .sekuhara-wrapper .section01 .section01_bg02 h2{
        font-size: 5vw;
        margin-bottom: 30px;
    }
    .sekuhara-wrapper .section01 .section01_bg02 h2 .text-dec {
        font-size: 12vw;
        margin-top: -5vw;
    }
    .sekuhara-wrapper .section01 .section01_bg02 h2::after{
        font-size: 12vw;
        margin-top: -5vw;
    }
}
@media (max-width:767px) {
    .sekuhara-wrapper .section01_bg{
        background: url(images/section01_bg01.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom right -10vw;
        padding: 10% 0;
    }
    .webp .sekuhara-wrapper .section01_bg{
        background-image: url(images/section01_bg01.jpg.webp);
    }
    .sekuhara-wrapper .section01_bg .section01_content{
        width: 90%;
    }
    .sekuhara-wrapper .section01_bg .section01_content .l-box{
        max-width: none;
        width: 80%;
    }
    .sekuhara-wrapper .section01_bg .section01_content .r-box{
        max-width: none;
        width: 0;
    }
    .sekuhara-wrapper h2{
        font-size: 7.5vw;
        text-align: center;
    }
    .sekuhara-wrapper .text-box{
        font-size: 14px;
    }
    .sekuhara-wrapper .text-box .kome{
        font-size: 12px;
    }
    .sekuhara-wrapper .text-box p + p{
        margin-top: 15px;
    }
    .sekuhara-wrapper .section01_bg .section01_content h2{
        margin-bottom: 10%;
        text-align: left;
        font-size: 5.8vw;
        text-shadow: 0 0 5px #fff,0 0 10px #fff,0 0 13px #fff, 0 0 15px #fff, 0 0 18px #fff,0 0 20px #fff, 0 0 25px #fff, 0 0 30px #fff, 0 0 35px #fff;
    }
    .sekuhara-wrapper .section01_bg .section01_content .text-box{
        text-shadow: 0 0 5px #fff,0 0 10px #fff,0 0 13px #fff, 0 0 15px #fff, 0 0 18px #fff,0 0 20px #fff, 0 0 25px #fff, 0 0 30px #fff, 0 0 35px #fff;
    }
    .sekuhara-wrapper .section01_bg02{
        padding: 15% 0;
        background: none;
    }
    .webp .sekuhara-wrapper .section01_bg02{
        background-image: none;
    }
    .sekuhara-wrapper .section01_bg02 .whbox{
        width: 100%;
        margin: 0 auto;
        box-shadow: none;
        padding: 10% 0;
    }
    .sekuhara-wrapper .section01_bg02 .img-box{
        max-width: none;
        width: 90%;
        margin: 0 auto;
    }
    .sekuhara-wrapper .section01_bg02 .section01_flex{
        width: 90%;
        display: block;
        margin: 10% auto 0;
    }
    .sekuhara-wrapper .section01_bg02 .section01_flex .l-box{
        max-width: none;
        width: 100%;
    }
    .sekuhara-wrapper .section01_bg02 .section01_flex .r-box{
        max-width: none;
        width: 100%;
    }
    .sekuhara-wrapper .section01_bg02 h3{
        font-size: 5.6vw;
        text-align: center;
    }
    .sekuhara-wrapper .section01_bg02 .section01_info{
        font-size: 14px;
        letter-spacing: 0.05em;
        margin-top: 10px;
        line-height: 1.3;
        display: none;
    }
    .sekuhara-wrapper .section01_bg02 .text-box{
        line-height: 1.8;
        margin-top: 15px;
    }

    .sekuhara-wrapper .section01_bg02 .section01_infobox{
        background: url(images/bg03-sp.jpg),#eaeaeb;
        background-size: contain;
        background-repeat: no-repeat;
        background-position:bottom center;
        width: 100%;
        margin: 10% auto 0;
        padding: 35% 0 10%;
        position: relative;
    }
    .webp .sekuhara-wrapper .section01_bg02 .section01_infobox{
        background-image: url(images/bg03-sp.jpg.webp);
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content{
        width: 90%;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content h3{
        font-size: 6.2vw;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content h3 .small{
        font-size: 5vw;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content h3 .text-bg{
        padding: 6px 3vw;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex{
        justify-content: space-between;
        flex-direction: column-reverse;
        margin-top: 5%;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex .l-box{
        max-width: none;
        width: 100%;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex .r-box{
        max-width: none;
        width: 100%;
        margin: auto;
        position: absolute;
        top:0;
        left: 0;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex .r-box .img-box{
        width: 100%;
    }
    .sekuhara-wrapper .section01_bg02 .section01_infobox .content .infobox_flex .l-box .text-box{
        line-height: 2;
    }

    .sekuhara-wrapper .section01 .section01_bg02 h2{
        font-size: 7vw;
        line-height: 1.3;
        margin-bottom: 5%;
    }
    .sekuhara-wrapper .section01 .section01_bg02 h2 .text-dec {
        font-size: 15vw;
        line-height: 1;
        margin-top: -7vw;
    }
    .sekuhara-wrapper .section01 .section01_bg02 h2::after{
        font-size: 15vw;
        line-height: 1;
        margin-top: -7vw;
    }
}
@media (max-width:480px) {
    .sekuhara-wrapper .section01_bg{
        background-position: bottom right -15vw;
    }
	.sekuhara-wrapper .section01_bg .section01_content .l-box{
        width: 70%;
    }
	.sekuhara-wrapper .section01_bg .section01_content h2{
		font-size:5vw;
	}

}
@media (max-width:430px) {
    .sekuhara-wrapper .section01_bg{
        background-position: bottom right -20vw;
    }
}
@media (max-width:390px) {
    .sekuhara-wrapper .section01_bg .text-box{
        letter-spacing: 0;
    }
}
@media (max-width:360px) {
    .sekuhara-wrapper .section01_bg .text-box{
        font-size: 12px;
    }
    .sekuhara-wrapper .text-box .kome{
        font-size: 10px;
    }
}

/*
    section02
*/
.sekuhara-wrapper .section02{
    padding-top: 200px;
}
.sekuhara-wrapper .section02 h2{
    text-align: center;
    font-size: 50px;
    position: relative;
}
.sekuhara-wrapper h2 .text-dec{
    font-size: 200px;
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    background: linear-gradient(to right, #d8ebf5, #dcfded);
    -webkit-background-clip: text; 
    -moz-background-clip: text; 
    background-clip: text;
    color: transparent;
    line-height: 1;
    margin-top: -115px;
    display: block;
}
.sekuhara-wrapper .section02 h2::after{
    content: "SOLATIUM";
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    background: linear-gradient(to right, #d8ebf5, #dcfded);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 1;
    margin-top: -115px;
    display: inline-block;
    font-size: 200px;
}
.sekuhara-wrapper .section02_flex{
    max-width: 1200px;
    width: 95%;
    margin: 100px auto 0;
    display: flex;
    justify-content: space-between;
}
.sekuhara-wrapper .section02_flex .l-box{
    max-width: 500px;
    width: 42%;
}
.sekuhara-wrapper .section02_flex .r-box{
    max-width: 640px;
    width: 53%;
    margin-top: -10px;
}
.sekuhara-wrapper .section02_flex .r-box .text-box{
    line-height: 2.2;
}
.sekuhara-wrapper .section02-center{
    margin-top: 150px;
    padding: 100px 0 50px;
    background: url(images/bg01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
}
.webp .sekuhara-wrapper .section02-center{
    background-image: url(images/bg01.jpg.webp);
}
.sekuhara-wrapper .section02-center .section02-center-flex{
    max-width: 1200px;
    width: 95%;
    margin: 0 auto 50px;
    display: flex;
    background-color: #fff;
}
.sekuhara-wrapper .section02-center .section02-center-flex .l-box{
    max-width: 300px;
    width: 25%;
}
.sekuhara-wrapper .section02-center .section02-center-flex .l-box img{
    height: 100%;
}
.sekuhara-wrapper .section02-center .section02-center-flex .r-box{
    max-width: 900px;
    width: 75%;
    padding: 70px 0;
}
.sekuhara-wrapper .section02-center .section02-center-flex .r-box .content{
    max-width: 750px;
    width: 95%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.sekuhara-wrapper .section02-center .section02-center-flex .r-box .content .count{
    color: #d9dadc;
    font-size: 250px;
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 0.7;
}
.sekuhara-wrapper .section02-center .section02-center-flex .r-box .content h3{
    font-size: 34px;
    color: #114269;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    margin-bottom: 30px;
}
.sekuhara-wrapper .section02-center .section02-center-flex .r-box .content .text-box{
    position: relative;
    line-height: 2;
}
.sekuhara-wrapper .section02-bottom{
    padding: 180px 0 200px;
}
.sekuhara-wrapper .section02-bottom .section02-bottom-bg{
    display: flex;
    justify-content: space-between;
}
.sekuhara-wrapper .section02-bottom .section02-bottom-bg .l-box{
    max-width: 1040px;
    width: 54%;
}
.sekuhara-wrapper .section02-bottom .section02-bottom-bg .r-box{
    max-width: 820px;
    width: 43%;
}
.sekuhara-wrapper .section02-bottom .section02-bottom-bg .r-box .img-box{
    position: relative;
}
.sekuhara-wrapper .section02-bottom .section02-bottom-bg .r-box .img-box::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,  rgba(216,235,245,1) 0%,rgba(220,253,237,1) 100%);
    position: absolute;
    top: 14px;
    left: -14px;
}
.sekuhara-wrapper .section02-bottom .section02-bottom-bg .r-box .img-box img{
    position: relative;
    z-index: 1;
}
.sekuhara-wrapper .section02-bottom .section02-bottom-bg .l-box .content{
    max-width: 660px;
    width: 95%;
    margin-left: auto;
}
.sekuhara-wrapper .section02-bottom .section02-bottom-bg .l-box h3{
    font-size: 42px;
    color: #228dbe;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
.sekuhara-wrapper .section02-bottom .section02-bottom-bg .l-box .section01_info{
    font-size: 16px;
    color: #989aa1;
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    letter-spacing: 0.05em;
    margin-top: 20px;
    margin-bottom: 50px;
}
@media(max-width:1400px) and (min-width:1025px){
    .sekuhara-wrapper h2 .text-dec {
        font-size: 140px;
        margin-top: -100px;
    }
    .sekuhara-wrapper h2::after{
        font-size: 140px !important;
        margin-top: -100px !important;
    }
}
@media(max-width:1024px) and (min-width:768px){
    .sekuhara-wrapper .section02{
        padding-top: 100px;
    }
    .sekuhara-wrapper .section02 h2{
        font-size: 5vw;
    }
    .sekuhara-wrapper h2 .text-dec{
        font-size: 16vw;
        line-height: 1;
        margin-top: -10vw;
    }
    .sekuhara-wrapper .section02_flex{
        width: 90%;
        margin: 50px auto 0;
    }
    .sekuhara-wrapper .section02_flex .l-box{
        max-width: 500px;
        width: 40%;
    }
    .sekuhara-wrapper .section02_flex .r-box{
        max-width: 640px;
        width: 55%;
        margin-top: -10px;
    }
    .sekuhara-wrapper .section02-center{
        margin-top: 100px;
        padding: 70px 0 40px;
    }
    .sekuhara-wrapper .section02-center .section02-center-flex{
        width: 90%;
        margin: 0 auto 30px;
    }
    .sekuhara-wrapper .section02-center .section02-center-flex .l-box{
        max-width: 300px;
        width: 40%;
    }
    .sekuhara-wrapper .section02-center .section02-center-flex .r-box{
        max-width: 900px;
        width: 60%;
        padding: 30px 0;
    }
    .sekuhara-wrapper .section02-center .section02-center-flex .r-box .content{
        max-width: 750px;
        width: 95%;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }
    .sekuhara-wrapper .section02-center .section02-center-flex .r-box .content .count{
        font-size: 25vw;
        line-height: 0.7;
    }
    .sekuhara-wrapper .section02-center .section02-center-flex .r-box .content h3{
        font-size: 3.4vw;
        margin-bottom: 20px;
    }
    .sekuhara-wrapper .section02-center .section02-center-flex .r-box .content .text-box{
        line-height: 2;
    }
    .sekuhara-wrapper .section02-bottom{
        padding: 100px 0;
    }
    .sekuhara-wrapper .section02-bottom .section02-bottom-bg .l-box{
        max-width: 1040px;
        width: 54%;
    }
    .sekuhara-wrapper .section02-bottom .section02-bottom-bg .r-box{
        max-width: 820px;
        width: 43%;
    }
    .sekuhara-wrapper .section02-bottom .section02-bottom-bg .r-box .img-box::after{
        top: 12px;
        left: -12px;
    }
    .sekuhara-wrapper .section02-bottom .section02-bottom-bg .l-box .content{
        max-width: 660px;
        width: 90%;
        margin-left: auto;
    }
    .sekuhara-wrapper .section02-bottom .section02-bottom-bg .l-box h3{
        font-size: 3.6vw;
    }
    .sekuhara-wrapper .section02-bottom .section02-bottom-bg .l-box .section01_info{
        font-size: 14px;
        margin-top: 15px;
        line-height: 1.3;
        margin-bottom: 30px;
    }
    .sekuhara-wrapper .section02 h2::after{
        font-size: 12vw;
        margin-top: -5vw;
    }
}
@media (max-width:767px) {
    .sekuhara-wrapper .section02{
        padding-top: 15%;
    }
    .sekuhara-wrapper .section02 h2{
        font-size: 7vw;
        line-height: 1.3;
    }
    .sekuhara-wrapper h2 .text-dec{
        font-size: 15vw;
        line-height: 1;
        margin-top: -7vw;
    }
    .sekuhara-wrapper .section02_flex{
        width: 90%;
        margin: 10% auto 0;
        display: block;
    }
    .sekuhara-wrapper .section02_flex .l-box{
        width: 100%;
        margin: 0 auto;
    }
    .sekuhara-wrapper .section02_flex .r-box{
        max-width: none;
        width: 100%;
        margin-top: 5%;
    }
    .sekuhara-wrapper .section02_flex .r-box .text-box{
        line-height: 2;
    }
    .sekuhara-wrapper .section02-center{
        margin-top: 15%;
        padding: 15% 0 5%;
        background: url(images/bg01.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position:left top;
    }
    .webp .sekuhara-wrapper .section02-center{
        background-image: url(images/bg01.jpg.webp);
    }
    .sekuhara-wrapper .section02-center .section02-center-flex{
        width: 90%;
        margin: 0 auto 10%;
        display: block;
    }
    .sekuhara-wrapper .section02-center .section02-center-flex .l-box{
        max-width: none;
        width: 100%;

    }
    .sekuhara-wrapper .section02-center .section02-center-flex .r-box{
        width: 100%;
        padding: 5vw 0;
    }
    .sekuhara-wrapper .section02-center .section02-center-flex .r-box .content{
        max-width: none;
        width: 92%;
        padding-bottom: 5vw;
    }
    .sekuhara-wrapper .section02-center .section02-center-flex .r-box .content .count{
        font-size: 30vw;
        line-height: 0.7;
    }
    .sekuhara-wrapper .section02-center .section02-center-flex .r-box .content h3{
        font-size: 5.5vw;
        margin-bottom: 5%;
    }
    .sekuhara-wrapper .section02-bottom{
        padding: 0 0 15%;
    }
    .sekuhara-wrapper .section02-bottom .section02-bottom-bg{
        flex-direction: column-reverse;
    }
    .sekuhara-wrapper .section02-bottom .section02-bottom-bg .l-box{
        width: 90%;
        margin: 0 auto;
    }
    .sekuhara-wrapper .section02-bottom .section02-bottom-bg .r-box{
        width: 100%;
        margin: 0 auto 5%;
    }
    .sekuhara-wrapper .section02-bottom .section02-bottom-bg .r-box .img-box::after{
        top: 0;
        left: 0;
    }
    .sekuhara-wrapper .section02-bottom .section02-bottom-bg .l-box .content{
        max-width: none;
        width: 100%;
        margin-left: 0;
    }
    .sekuhara-wrapper .section02-bottom .section02-bottom-bg .l-box h3{
        font-size: 5.6vw;
        text-align: center;
        margin-bottom: 5%;
    }
    .sekuhara-wrapper .section02-bottom .section02-bottom-bg .l-box .section01_info{
        font-size: 14px;
        letter-spacing: 0.05em;
        margin-top: 10px;
        line-height: 1.3;
        margin-bottom: 5%;
        display: none;
    }
    .sekuhara-wrapper .section02 h2::after{
        font-size: 15vw;
        line-height: 1;
        margin-top: -7vw;
    }
}

/*
    section03
*/
.sekuhara-wrapper .section03{
    padding: 200px 0 160px;
}
.sekuhara-wrapper .section03 h2{
    text-align: center;
    font-size: 50px;
    position: relative;
}
.sekuhara-wrapper .section03 h2::after{
    content: "FLOW & MERIT";
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    background: linear-gradient(to right, #d8ebf5, #dcfded);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 1;
    margin-top: -115px;
    display: inline-block;
    font-size: 200px;
}
.sekuhara-wrapper .section03-list{
    max-width: 1200px;
    width: 95%;
    margin: 100px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sekuhara-wrapper .section03-list .arrow{
    padding-top: 20px;
}
.sekuhara-wrapper .section03-boxlist{
    max-width: 1200px;
    width: 95%;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sekuhara-wrapper .section03-boxlist .box{
    max-width: 580px;
    width: 48%;
    margin-bottom: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:right bottom;
    padding: 100px 0 80px;
    position: relative;
    box-shadow: 0 0 20px 10px rgb(0, 0, 0, 10%);
    text-align: center;
}
.sekuhara-wrapper .section03-boxlist .box.box01{
    background-image: url(images/list_bg01.jpg);
}
.sekuhara-wrapper .section03-boxlist .box.box02{
    background-image: url(images/list_bg02.jpg);
}
.sekuhara-wrapper .section03-boxlist .box.box03{
    background-image: url(images/list_bg03.jpg);
}
.sekuhara-wrapper .section03-boxlist .box.box04{
    background-image: url(images/list_bg04.jpg);
}
.webp .sekuhara-wrapper .section03-boxlist .box.box01{
    background-image: url(images/list_bg01.jpg.webp);
}
.webp .sekuhara-wrapper .section03-boxlist .box.box02{
    background-image: url(images/list_bg02.jpg.webp);
}
.webp .sekuhara-wrapper .section03-boxlist .box.box03{
    background-image: url(images/list_bg03.jpg.webp);
}
.webp .sekuhara-wrapper .section03-boxlist .box.box04{
    background-image: url(images/list_bg04.jpg.webp);
}
.sekuhara-wrapper .section03-boxlist .box .content{
    max-width: 440px;
    width: 95%;
    margin: 0 auto;
}
.sekuhara-wrapper .section03-boxlist .box .count{
    color: #d9dadc;
    font-size: 150px;
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    line-height: 0.7;
    position: absolute;
    top:0;
    left: 30px;
}
.sekuhara-wrapper .section03-boxlist .box h3{
    font-size: 40px;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    background-color: #062238;
    color: #fff;
    display: inline-block;
    position: relative;
    line-height: 1;
    padding: 5px 25px 8px;
}
.sekuhara-wrapper .section03-boxlist .box .text-box{
    margin-top: 30px;
}

.sekuhara-wrapper .section03-list .sp {
		display: none;
	}
@media(max-width:1024px) and (min-width:768px){
    .sekuhara-wrapper .section03{
        padding: 100px 0 100px;
    }
    .sekuhara-wrapper .section03 h2{
        font-size: 5vw;
    }
    .sekuhara-wrapper .section03 h2 .text-dec{
        font-size: 12vw;
        margin-top:-5vw;
    }
    .sekuhara-wrapper .section03-list{
        width: 90%;
        margin: 70px auto;
    }
    .sekuhara-wrapper .section03-list .arrow{
        padding-top: 10px;
    }
    .sekuhara-wrapper .section03-boxlist{
        width: 90%;
    }
    .sekuhara-wrapper .section03-boxlist .box{
        width: 49%;
        margin-bottom: 25px;
        padding: 90px 0 50px;
        box-shadow: 0 0 15px 8px rgb(0, 0, 0, 10%);
    }
    .sekuhara-wrapper .section03-boxlist .box .content{
        width: 90%;
    }
    .sekuhara-wrapper .section03-boxlist .box .count{
        font-size: 15vw;
        left: 3vw;
    }
    .sekuhara-wrapper .section03-boxlist .box h3{
        font-size: 4vw;
        padding: 5px 20px 8px;
    }
    .sekuhara-wrapper .section03-boxlist .box .text-box{
        margin-top: 20px;
    }
    .sekuhara-wrapper .section03 h2::after{
        font-size: 12vw;
        margin-top: -5vw;
    }
}
@media (max-width:767px) {
    .sekuhara-wrapper .section03{
        padding: 15% 0 10%;
    }
    .sekuhara-wrapper .section03 h2{
        font-size: 7vw;
        line-height: 1.3;
    }
    .sekuhara-wrapper .section03 h2 .text-dec{
        font-size: 12vw;
        margin-top:-5vw;
    }
    .sekuhara-wrapper .section03-list{
        width: 90%;
        margin: 10% auto;
        display: block;
    }
	.sekuhara-wrapper .section03-list .sp {
		display: block;
	}
	.sekuhara-wrapper .section03-list .pc {
		display: none;
	}
    .sekuhara-wrapper .section03-list .arrow{
        padding: 5vw 0;
        width: 7%;
        margin: 0 auto;
        transform: rotate(90deg);
    }
    .sekuhara-wrapper .section03-boxlist{
        width: 90%;
        display: block;
    }
    .sekuhara-wrapper .section03-boxlist .box{
        max-width: none;
        width: 100%;
        margin-bottom: 5%;
        padding: 15vw 0 10vw;
        box-shadow: 0 0 12px 6px rgb(0, 0, 0, 10%);
    }
    .sekuhara-wrapper .section03-boxlist .box .content{
        max-width: none;
        width: 90%;
    }
    .sekuhara-wrapper .section03-boxlist .box .count{
        font-size: 25vw;
        left: 5vw;
    }
    .sekuhara-wrapper .section03-boxlist .box h3{
        font-size: 6vw;
        padding: 5px 15px 5px;
    }
    .sekuhara-wrapper .section03-boxlist .box .text-box{
        margin-top: 5%;
    }
    .sekuhara-wrapper .section03 h2::after{
        font-size: 12vw;
        line-height: 1;
        margin-top: -5vw;
    }
}

/*
    section04
*/
.sekuhara-wrapper .section04{
    background: url(images/bg02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center top;
    padding: 200px 0 60px;
}
.webp .sekuhara-wrapper .section04{
    background-image: url(images/bg02.jpg.webp);
}
.sekuhara-wrapper .section04 h2{
    text-align: center;
    font-size: 50px;
    position: relative;
}
.sekuhara-wrapper .section04 h2::after{
    content: "REASON";
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    background: linear-gradient(to right, #d8ebf5, #dcfded);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 1;
    margin-top: -115px;
    display: inline-block;
    font-size: 200px;
}
.sekuhara-wrapper .section04-box{
    margin-top: 100px;
}
.sekuhara-wrapper .section04-box .section04-flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 140px;
}
.sekuhara-wrapper .section04-box .section04-flex .l-box{
    max-width: 800px;
    width: 42%;
}
.sekuhara-wrapper .section04-box .section04-flex .r-box{
    max-width: 1050px;
    width: 55%;
}
.sekuhara-wrapper .section04-box .section04-flex .l-box .img-box{
    position: relative;
}
.sekuhara-wrapper .section04-box .section04-flex .r-box .content{
    max-width: 660px;
    width: 95%;
    margin-right: auto;
}
.sekuhara-wrapper .section04-box .section04-flex .r-box .content h3{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.sekuhara-wrapper .section04-box .section04-flex .r-box .content h3 .img{
    width: 140px;
}
.sekuhara-wrapper .section04-box .section04-flex .r-box .content h3 .text{
    width: 75%;
    font-size: 42px;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sekuhara-wrapper .section04-box .section04-flex .r-box .content h3 .text .text-bg{
    background-color: #062238;
    color: #fff;
    line-height: 1;
    padding: 1px 15px 3px;
}
.sekuhara-wrapper .section04-box .section04-flex:nth-child(2){
    flex-direction: row-reverse;
}
.sekuhara-wrapper .section04-box .section04-flex:nth-child(2) .r-box .content{
    margin-right: 0;
    margin-left: auto;
}
@media(max-width:1200px) and (min-width:1025px){
    .sekuhara-wrapper .section04-box .section04-flex .r-box .content h3 .text{
        font-size: 34px;
        justify-content: space-evenly;
    }
}
@media(max-width:1024px) and (min-width:768px){
    .sekuhara-wrapper .section04{
        padding: 100px 0 20px;
    }
    .sekuhara-wrapper .section04 h2{
        font-size: 5vw;
    }
    .sekuhara-wrapper .section04-box{
        margin-top: 50px;
    }
    .sekuhara-wrapper .section04-box .section04-flex{
        margin-bottom: 80px;
    }
    .sekuhara-wrapper .section04-box .section04-flex .l-box{
        width: 35%;
    }
    .sekuhara-wrapper .section04-box .section04-flex .r-box{
        width: 62%;
    }
    .sekuhara-wrapper .section04-box .section04-flex .r-box .content{
        width: 90%;
    }
    .sekuhara-wrapper .section04-box .section04-flex .r-box .content h3{
        margin-bottom: 30px;
    }
    .sekuhara-wrapper .section04-box .section04-flex .r-box .content h3 .img{
        width: 20%;
    }
    .sekuhara-wrapper .section04-box .section04-flex .r-box .content h3 .text{
        width: 78%;
        font-size: 3.2vw;
    }
    .sekuhara-wrapper .section04-box .section04-flex .r-box .content h3 .text .text-bg{
        padding: 1px 10px 3px;
    }
    .sekuhara-wrapper .section04 h2::after{
        font-size: 12vw;
        margin-top: -5vw;
    }
}
@media (max-width:767px) {
    .sekuhara-wrapper .section04{
        padding: 15% 0 5%;
    }
    .sekuhara-wrapper .section04 h2{
        font-size: 7vw;
        line-height: 1.3;
    }
    .sekuhara-wrapper .section04 h2 .text-dec{
        font-size: 15vw;
        margin-top:-5vw;
    }
    .sekuhara-wrapper .section04-box{
        margin-top: 10%;
    }
    .sekuhara-wrapper .section04-box .section04-flex{
        display: block;
        margin-bottom: 10%;
    }
    .sekuhara-wrapper .section04-box .section04-flex .l-box{
        width: 100%;
    }
    .sekuhara-wrapper .section04-box .section04-flex .r-box{
        width: 100%;
    }
    .sekuhara-wrapper .section04-box .section04-flex .l-box .img-box{
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
        height: 45vw;
    }
    .sekuhara-wrapper .section04-box .section04-flex .r-box .content{
        max-width: none;
        width: 90%;
        margin:5% auto 0;
    }
    .sekuhara-wrapper .section04-box .section04-flex .r-box .content h3{
        margin-bottom: 5%;
        align-items: center;
    }
    .sekuhara-wrapper .section04-box .section04-flex .r-box .content h3 .img{
        width: 22%;
    }
    .sekuhara-wrapper .section04-box .section04-flex .r-box .content h3 .text{
        width: 75%;
        font-size: 6vw;
        justify-content: space-evenly;
    }
    .sekuhara-wrapper .section04-box .section04-flex .r-box .content h3 .text .text-bg{
        padding: 1px 1vw 3px;
    }
    .sekuhara-wrapper .section04-box .section04-flex:nth-child(2) .r-box .content{
        margin-right: auto;
        margin-left: auto;
    }
    .sekuhara-wrapper .section04 h2::after{
        font-size: 15vw;
        line-height: 1;
        margin-top: -7vw;
    }
}

/*トップコラム*/
.top-column{
    padding: 200px 0 190px;
    background-color: #edf1f4;
}
.top-column h2{
    text-align: center;
    font-size: 50px;
    position: relative;
}
.top-column h2::after{
    content: "COLUMN";
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    background: linear-gradient(to right, #d8ebf5, #dcfded);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 1;
    margin-top: -115px;
    display: inline-block;
    font-size: 200px;
}
.top-column .inner{
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
}
.top-column__posts{
    margin-bottom: 60px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 145px  110px 100px;
    margin-top: 60px;
}

.top-column__post{
    display: flex;
    background-color: #fff;
    color: #000;
}

.top-column__post:first-of-type{
    flex-basis: 100%;
    flex-direction: row-reverse;
    margin-bottom: 70px;
}

.top-column__post:not(:nth-of-type(-n + 2)){
    margin-left: 70px;
}

.top-column__post:not(:first-of-type){
    flex-basis: calc((100% - 140px) / 3);
    flex-direction: column-reverse;
}

.top-column__post-img{
    position: relative;
}

.top-column__post-img img{
    object-fit: cover;
    height: 100%;
}

.top-column__post:first-of-type .top-column__post-img{
    flex-basis: 51%;
}

.top-column__post:first-of-type .top-column__post-img img{
    aspect-ratio: 500/280;
}

.top-column__post:not(:first-of-type) .top-column__post-img img{
    aspect-ratio: 250/158;
}

.top-column__post:first-of-type .top-column__post-text{
    flex-basis: 49%;
    padding-left: 50px;
    margin-top: -0.8em;
}

.top-column__post:not(:first-of-type) .top-column__post-text{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-top: 1.5em;
}

.top-column__post:not(:first-of-type) .top-column__post-title{
    margin-bottom: auto;
}

.top-column__post-text time{
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    font-weight: 500;
    letter-spacing: 0.15em;
    font-size: 14px;
    line-height: 2;
}

.top-column__post:first-of-type .top-column__post-text time{
    font-size: 18px;
}

.top-column__post-title{
    font-weight: bold;
    line-height: 1.6;
    margin-top: 0.5em;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
}

.top-column__post:first-of-type .top-column__post-title{
    font-size: 24px;
    letter-spacing: 0.195em;
}

.top-column__post:not(:first-of-type) .top-column__post-title{
    font-size: 24px;
    letter-spacing: 0.16em;
}

.top-column__post-category{
    display: flex;
    margin-bottom: 6px;
    margin-top: 30px;
}
.top-column__post-category li{
    margin-right: 0.5em;
    padding: 6px 15px;
    background: linear-gradient(to right, rgba(126, 190, 222, 1) 0%, rgba(140, 248, 194, 1) 100%);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 100px;
    line-height: 1;
}

.top-column__post-tags{
    font-size: 14px;
    margin-top: 1.0em;
}

.top-column__post-tag{
    display: inline-block;
    color: var(--tag-green);
    font-weight: bold;
    margin-right: 1.5em;
}

.top-column__post-img-cat{
    display: inline-block;
    color: #fff;
    text-align: center;
    width: 115px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.top-column .inner .link-btn-wrap a{
    max-width: 300px;
    width: 80%;
    height: 70px;
    border-radius: 100px;
    background: linear-gradient(to right,  rgba(126,190,222,1) 0%,rgba(140,248,194,1) 100%);
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
.sekuhara-wrapper .cv .cv_whbox .mail::before{
    content: "";
    background: url(images/mail_icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    width: 0.9em;
    height: 0.9em;
    display: inline-block;
    margin-right: 0.1em;
}

@media screen and (max-width: 1250px){
    .top-column__posts {
        /* gap: 5.6vw; */
        border-radius: 4vw;
        padding: 11.6vw 8.8vw 8vw;
        margin-top: 8vw;
    }

    .top-column__post:first-of-type{
        margin-bottom: 5.6vw;
    }
    
    .top-column__post:not(:nth-of-type(-n + 2)){
        margin-left: 5.6vw;
    }

    .top-column__post:first-of-type .top-column__post-text {
        padding-left: 4vw;
    }

    .top-column__post:first-of-type .top-column__post-text time {
        font-size: 1.44vw;
    }

    .top-column__post:first-of-type .top-column__post-title {
        font-size: 1.92vw;
    }

    .top-column__post-tags {
        font-size: 1.12vw;
    }

    .top-column__post-img-cat {
        font-size: 1.28vw;
        width: 9.2vw;
        height: 2.8vw;
        line-height: 2.8vw;
    }

    .top-column__post:not(:first-of-type) .top-column__post-title {
        font-size: 1.6vw;
    }

    .top-column__post:not(:first-of-type) {
        flex-basis: calc((100% - 11.2vw) / 3);
    }
}

@media screen and (max-width: 999px){
    .top-column{
        padding: 100px 0 90px;
    }
    .top-column__posts {
        /* gap: 40px 30px; */
        padding: 10vw 6vw 7vw;
        margin-top: 5vw;
    }

    .top-column__post:first-of-type{
        margin-bottom: 40px;
    }
    
    .top-column__post:not(:nth-of-type(-n + 2)){
        margin-left: 30px;
    }

    .top-column__post:not(:first-of-type) {
        flex-basis: calc((100% - 60px) / 3);
    }

    .top-column__post:first-of-type .top-column__post-text time {
        font-size: 14px;
    }

    .top-column__post:first-of-type .top-column__post-title {
        font-size: 20px;
        letter-spacing: 0.05em;
        margin-top: 0;
    }

    .top-column__post:not(:first-of-type) .top-column__post-title {
        font-size: 17px;
        letter-spacing: 0.1em;
    }

    .top-column__post-tags {
        font-size: 12px;
    }

    .top-column__post-img-cat {
        font-size: 11px;
        width: 70px;
        height: 20px;
        line-height: 20px;
    }

    .top-column__post:not(:first-of-type) .top-column__post-text {
        margin-top: 0.5em;
    }

    .top-column__post:not(:first-of-type) .top-column__post-text time {
        font-size: 14px;
    }
    .top-column h2{
        font-size: 5vw;
    }
    .top-column h2::after {
        font-size: 12vw;
        margin-top: -5vw;
    }
}

@media screen and (max-width: 767px){
    .top-column__posts {
        padding: 0;
        background-color: transparent;
        margin-top: 60px;
    }

    .top-column__posts > *+*{
        margin-top: 40px;
    }

    .top-column__post{
        border-radius: 1em;
        padding: 4%;
    }

    .top-column__post-text{
        margin-top: 0;
        padding: 1em 1.5em;
        margin-top: 0 !important;
    }

    .top-column__post:first-of-type{
        margin-bottom: 0;
    }
    
    .top-column__post:not(:nth-of-type(-n + 2)){
        margin-left: 0;
    }

    .top-column__post:not(:first-of-type) {
        flex-basis: 100%;
        flex-direction: row-reverse;
    }

    .top-column__post:first-of-type .top-column__post-img,.top-column__post:not(:first-of-type) .top-column__post-img {
        flex-basis: 40%;
    }

    .top-column__post:not(:first-of-type) .top-column__post-text {
        flex-basis: 49%;
        margin-top: -0.4em;
        padding-left: 4vw;
    }

    .top-column__post:not(:first-of-type) .top-column__post-text time {
        font-size: 15px;
    }

    .top-column__post:not(:first-of-type) .top-column__post-title {
        font-size: 18px;
        letter-spacing: 0.05em;
        margin-top: 0;
        margin-bottom: 0;
    }

    .top-column__post:first-of-type .top-column__post-text {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        margin-top: -0.8em;
    }

    .top-column__post:first-of-type .top-column__post-title {
        margin-bottom: 0;
    }

    .top-column__post-img img {
        border-radius: 1em 0 0 1em;
    }

    .top-column__post:first-of-type .top-column__post-img img {
        aspect-ratio: 250/158;
    }

    .top-column__post-img-cat {
        border-radius: 1em 0 0 0;
        font-size: 12px;
        width: 100px;
        height: 24px;
        line-height: 24px;
    }
    .top-column{
        padding: 15% 0 90px;
    }
    .top-column h2{
        font-size: 7vw;
        line-height: 1.3;
    }
    .top-column h2::after {
        font-size: 15vw;
        line-height: 1;
        margin-top: -7vw;
    }
    .top-column__post-category{
        margin-top: 20px;
    }
    .top-column__post-img img{
        object-fit: contain;
        height: auto;
    }
}
@media screen and (max-width: 500px){
    .top-column__post{
        padding: 8% 6%;
        flex-direction: column !important;
    }
    .top-column__post-text{
        order: 2;
    }
    .top-column__post-img{
        margin-bottom: 20px;
        order: 1;
    }
    .top-column__post:first-of-type .top-column__post-text{
        padding: 0 !important;
    }
    .top-column__post:not(:first-of-type) .top-column__post-text{
        padding: 0;
    }
    .top-column__post:first-of-type .top-column__post-text time{
        font-size: 12px;
    }
    .top-column__post:first-of-type .top-column__post-title{
        font-size: 18px;
    }
    .top-column__post-category li{
        font-size: 12px;
    }
    .top-column__post-tag{
        font-size: 12px;
    }
    .top-column__post:not(:first-of-type) .top-column__post-text time{
        font-size: 12px;
    }
    .top-column .inner .link-btn-wrap a{
        max-width: 260px;
        height: 50px;
        font-size: 20px;
    }
    .top-column__posts{
        margin-top: 30px;
    }
}

/* 弁護士費用 */

.sekuhara-wrapper .section05 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 200px 0 190px;
}
.sekuhara-wrapper .section05 h2 {
    text-align: center;
    font-size: 50px;
    position: relative;
}
.sekuhara-wrapper .section05 h2::after {
    content: "FEE";
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    background: linear-gradient(to right, #d8ebf5, #dcfded);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 1;
    margin-top: -65px;
    display: inline-block;
    font-size: 200px;
}
.sec-inner{
	margin: 0 auto;
	max-width: 1000px;
}
table.fee-wrap {
    border-collapse: collapse;
    margin: 3em auto 0;
    width: 100%;
    table-layout: fixed;
	font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
table.fee-wrap caption{
	background: rgb(126,190,222);
background: linear-gradient(90deg, rgba(126,190,222,1) 0%, rgba(140,248,194,1) 100%);
	width: 100%;
	color: #fff;
	font-size: 32px;
	padding: 20px 0;
	margin-bottom: 10px;
}
table.fee-wrap th {
    font-size: 24px;
    text-align: center;
    background: #e7eaf2;
    border-right: 5px solid #fff;
	border-bottom: 5px solid #fff;
    padding: 25px 0;
    line-height: 1.4;
    color: #000;
    vertical-align: middle;
    width: 30%;
    font-weight: bold;
}
table.fee-wrap td {
    background: #f2f4f8;
    border-bottom: 5px solid #fff;
    font-size: 24px;
    vertical-align: middle;
    padding: 25px 0 25px 40px;
    line-height: 1.4;
    text-align: left;
}
.notice{
	padding-top: 30px;
	font-size: 16px;
}
@media (max-width:1440px) {
.sekuhara-wrapper .section05 {
	font-size: calc(100vw / (1440 / 10));
}
.sec-inner{
	margin: 0 auto;
	width: 90%;
}
.sekuhara-wrapper .section05 h2 {
    font-size: 5rem;
}
table.fee-wrap caption{
	font-size: 2.4rem;
}
table.fee-wrap th {
    font-size: 2.4rem;
}
table.fee-wrap td {
    font-size: 2.4rem;
}
.notice{
	font-size: 1.6rem;
}
}
@media (max-width:1080px) {
.sekuhara-wrapper .section05 {
    padding: 100px 0;
}
.sekuhara-wrapper .section05 h2::after {
    margin-top: -65px;
    font-size: 15rem;
}
}
@media (max-width:680px) {
.sekuhara-wrapper .section05 {
    padding: 80px 0;
}
}
@media (max-width:525px) {
.sekuhara-wrapper .section05 {
	padding: 60px 0;
	font-size: calc(100vw / (525 / 10));
}
.sekuhara-wrapper .section05 h2 {
    font-size: 7vw;
}
.sekuhara-wrapper .section05 h2::after {
    margin-top: -40px;
    font-size: 20vw;
}
table.fee-wrap caption{
	font-size: 4.8vw;
}
table.fee-wrap th {
    font-size: 3.8vw;
}
table.fee-wrap td {
    font-size: 3.8vw;
	padding: 10px 10px;
}
.notice{
	font-size: 3vw;
}
}

/* ↑フロントページ↑ */

/* お問い合わせページ */
body.single-sekuhara{
    background: url(images/page-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center top;
}
body.single-sekuhara .sekuhara-wrapper{
    background: none;
	padding: 30px 0 0;
}
body.single-sekuhara .sekuhara-wrapper #mailform{
    max-width: 1200px;
    width:100%;
}
body.single-sekuhara .sekuhara-wrapper .input_form{
    width: 100%;
}
body.single-sekuhara .sekuhara-wrapper .input_form .table_bottom_border{
    display: flex;
    align-items: center;
}
body.single-sekuhara .sekuhara-wrapper .input_form .table_bottom_border.zip_box{
    align-items: baseline;
}
body.single-sekuhara .sekuhara-wrapper .input_form th{
    background: none !important;
    max-width: 300px;
    width: 32% !important;
    font-size: 24px !important;
    color: #000 !important;
    padding-left:0 !important;
    padding-right: 0 !important;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
body.single-sekuhara .sekuhara-wrapper .input_form td.gender input{
    opacity: 1 !important;
    position: unset !important;
}
body.single-sekuhara .sekuhara-wrapper .input_form td.gender label{
    font-size: 18px !important;
}
body.single-sekuhara .sekuhara-wrapper .input_form td{
    background: none !important;
    max-width: 650px;
    width: 68% !important;
    padding-left:0 !important;
    padding-right: 0 !important;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
}
body.single-sekuhara .sekuhara-wrapper .input_form .required{
    background: linear-gradient(to right, rgba(126,190,222,1) 0%,rgba(140,248,194,1) 100%);
    color: #fff;
    font-size: 18px;
    line-height: 1;
    padding: 1px 20px 3px;
    margin-right: 10px;
    position: relative;
    top:-3px;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
}
body.single-sekuhara .sekuhara-wrapper .input_form .any{
    background: linear-gradient(to right, rgba(126,190,222,1) 0%,rgba(140,248,194,1) 100%);
    color: #228dbe;
    font-size: 18px;
    line-height: 1;
    padding: 1px 20px 3px;
    margin-right: 10px;
    position: relative;
    top:-3px;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
}
body.single-sekuhara .sekuhara-wrapper .input_form .any::before{
    content: "";
    width: 95%;
    height: 90%;
    background-color: #fff;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
body.single-sekuhara .sekuhara-wrapper .input_form .any span{
    position: relative;
    z-index: 1;
}
body.single-sekuhara .sekuhara-wrapper .input_form input[type="text"], body.single-sekuhara .sekuhara-wrapper .input_form input[type="tel"], body.single-sekuhara .sekuhara-wrapper .input_form input[type="number"], body.single-sekuhara .sekuhara-wrapper .input_form input[type="email"]{
    border: unset !important;
    box-shadow: unset !important;
    background-color: #e8ebef !important;
    width: 100% !important;
    height: 80px;
    padding-left: 10px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    margin-left: 0 !important;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
}
body.single-sekuhara .sekuhara-wrapper .input_form input::placeholder,
body.single-sekuhara .sekuhara-wrapper .input_form textarea::placeholder{
    color: #838e9e !important;
}
body.single-sekuhara .sekuhara-wrapper .input_form .table_bottom_border.naiyo{
    border-top: 2px solid #d0d8e0;
    padding-top: 50px;
    margin-top: 50px;
    flex-wrap: wrap;
}
body.single-sekuhara .sekuhara-wrapper .input_form .table_bottom_border.naiyo th{
    max-width: none;
    width: 100% !important;
}
body.single-sekuhara .sekuhara-wrapper .input_form .table_bottom_border.naiyo td{
    max-width: none;
    width: 100% !important;
    padding-top: 0 !important;
}
body.single-sekuhara .sekuhara-wrapper .input_form textarea{
    border: unset !important;
    box-shadow: unset !important;
    background-color: #e8ebef !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    height: 250px !important;
    padding: 35px !important;
    resize: none;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
}
body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_zip{
    display: flex;
    align-items: center;
    font-size: 21px;
    height: 54px;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_zip #zip1,body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_zip #zip2{
    width: 140px !important;
    height: 54px !important;
    border: 1px solid #1e2e42 !important;
    margin: 0 10px !important;
    font-size: 18px;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;

}
body.single-sekuhara .sekuhara-wrapper .input_form #ajaxzip{
    border-radius: 100px !important;
    border: none !important;
    background-color: #1e2e42 !important;
    color: #fff !important;
    padding: 22px 50px  !important;
    font-size: 18px !important;
    font-family: 'Shippori Mincho','Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif !important;
}

body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre{
    display: flex;
    justify-content: space-between;
    height: 54px;
    margin: 15px 0;
}
body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre select#pref{
    max-width: 315px !important;
    height: 54px !important;
    width: 100% !important;
    margin: 0 !important;
    border: none !important;
    background-color: #1e2e42;
    color: #fff;
    font-size: 18px;
    font-family: 'Shippori Mincho','Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    -webkit-appearance: none;
    appearance: none; 
    position: relative;
}
body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre select#pref::-ms-expand{
    display: none;
}
body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre .slect_box{
    max-width: 315px !important;
    height: 54px !important;
    width: 49% !important;
    position: relative;
}
body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre .slect_box::before{
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #fff;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    z-index: 1;
}

body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre #address1{
    max-width: 315px !important;
    height: 54px !important;
    width: 49% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    text-align: center !important;
    border: 1px solid #1e2e42 !important;
}

body.single-sekuhara .sekuhara-wrapper .termbox label.radio, body.single-sekuhara .sekuhara-wrapper .termbox label.checkbox{
    background-color: unset !important;
    text-align: left !important;
    width: 100%;
    margin: 0 0 25px 0 !important;
    padding-left: 25px !important;
    font-size: 18px;
    font-family: 'Shippori Mincho','Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    letter-spacing: 0;
}
body.single-sekuhara .sekuhara-wrapper .termbox label.radio:after, body.single-sekuhara .sekuhara-wrapper .termbox label.checkbox:after{
    left:0 !important;
    border-radius: 0 !important;
    border: 1px solid #1e2e42 !important;
}
body.single-sekuhara .sekuhara-wrapper .termbox .checkbox:before{
    top: 48% !important;
    left: 5px !important;
    border-right: 3px solid #1e2e42 !important;
    border-bottom: 3px solid #1e2e42 !important;
}
body.single-sekuhara .sekuhara-wrapper .contact_form .term2{
    border: 2px solid transparent !important; 
    border-image: linear-gradient(to right, rgba(126,190,222,1) 0%,rgba(140,248,194,1) 100%) !important; 
    border-image-slice: 1 !important; 
    background: none !important;
    padding: 30px 60px !important;
}
body.single-sekuhara .sekuhara-wrapper .contact_form .term2 .title{
    font-size: 22px;
    font-family: 'Shippori Mincho','Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    background-color: #1e2e42;
    color: #fff;
    display: inline-block;
    padding: 5px 20px 8px;
}
body.single-sekuhara .sekuhara-wrapper .contact_form .term2 ul{
    margin-top: 20px;
    font-size: 16px;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;

}
body.single-sekuhara .sekuhara-wrapper input[type="submit"]{
    max-width: 950px !important;
    width: 100% !important;
    height: 100px;
    border-radius: 100px !important;
    background: linear-gradient(to right, rgba(126,190,222,1) 0%,rgba(140,248,194,1) 100%) !important;
    margin-top: 0 !important;
    font-size: 30px !important;
    box-shadow:none !important;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
body.single-sekuhara .sekuhara-wrapper .subbtnbox{
    position: relative;    
    max-width: 950px;
    width: 90%;
    margin:0 auto;
    font-size: 30px;
}
body.single-sekuhara .sekuhara-wrapper .subbtnbox::after{
    content: "";
    background: url(images/arrow_maru.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:center;
    width: 2.5em;
    height: 2.5em;
    position:absolute;
    top:50%;
    right: 40px;
    pointer-events: none;
    transform: translateY(-50%);
    -webkit-transform:  translateY(-50%);
}
body.single-sekuhara .sekuhara-wrapper .seal{
    max-width: 480px !important;
    width: 80% !important;
    margin: 50px auto 0 !important;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
body.single-sekuhara .sekuhara-wrapper .seal a{
    width: 75px;
}
body.single-sekuhara .sekuhara-wrapper .seal p{
    width: 360px;
    font-size: 16px;
    text-align: left;
    font-family: 'Shippori Mincho','Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
@media(max-width:1024px) and (min-width:768px){
    body.single-sekuhara .sekuhara-wrapper .input_form th{
        max-width: 300px;
        width: 35% !important;
        font-size: 18px !important;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form td{
        max-width: 650px;
        width: 65% !important;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .required{
        font-size: 16px;
        padding: 1px 10px 3px;
        margin-right: 5px;
        top:-3px;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .any{
        font-size: 16px;
        padding: 1px 10px 3px;
        margin-right: 5px;
        top:-3px;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form input[type="text"], body.single-sekuhara .sekuhara-wrapper .input_form input[type="tel"], body.single-sekuhara .sekuhara-wrapper .input_form input[type="number"], body.single-sekuhara .sekuhara-wrapper .input_form input[type="email"]{
        height: 60px;
        padding-left: 10px !important;
        font-size: 16px !important;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .table_bottom_border.naiyo{
        padding-top: 30px;
        margin-top: 30px;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form textarea{
        font-size: 16px !important;
        height: 200px !important;
        padding: 25px !important;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_zip{
        font-size: 16px;
        height: 44px;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_zip #zip1,body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_zip #zip2{
        width: 100px !important;
        height: 44px !important;
        margin: 0 10px !important;
        font-size: 16px;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form #ajaxzip{
        padding: 18px 20px  !important;
        font-size: 16px !important;
    }
    
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre{
        height: 44px;
        margin: 15px 0;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre select#pref{
        max-width: 315px !important;
        height: 44px !important;
        width: 100% !important;;
        font-size: 16px;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre .slect_box{
        max-width: 315px !important;
        height: 44px !important;
        width: 49% !important;
        position: relative;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre #address1{
        max-width: 315px !important;
        height: 44px !important;
        width: 48% !important;
    }
    
    body.single-sekuhara .sekuhara-wrapper .termbox label.radio, body.single-sekuhara .sekuhara-wrapper .termbox label.checkbox{
        margin: 0 0 15px 0 !important;
        padding-left: 25px !important;
        font-size: 16px;
    }
    body.single-sekuhara .sekuhara-wrapper .contact_form .term2{
        padding: 20px 30px !important;
    }
    body.single-sekuhara .sekuhara-wrapper .contact_form .term2 .title{
        font-size: 18px;
        padding: 5px 10px 5px;
    }
    body.single-sekuhara .sekuhara-wrapper .contact_form .term2 ul{
        margin-top: 15px;
        font-size: 16px;
    }
    body.single-sekuhara .sekuhara-wrapper input[type="submit"]{
        height: 60px;
        font-size: 20px !important;
    }
    body.single-sekuhara .sekuhara-wrapper .subbtnbox{
        width: 90%;
        margin: 0 auto;
        font-size: 20px;
    }
    body.single-sekuhara .sekuhara-wrapper .subbtnbox::after{
        width: 2.5em;
        height: 2.5em;
        top:46%;
        right: 30px;
    }
    body.single-sekuhara .sekuhara-wrapper .seal{
        max-width: 480px !important;
        width: 80% !important;
        margin: 30px auto 0 !important;
    }
    body.single-sekuhara .sekuhara-wrapper .seal a{
        width: 75px;
    }
    body.single-sekuhara .sekuhara-wrapper .seal p{
        width: 360px;
        font-size: 15px;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form td.gender label{
        font-size: 16px !important;
    }
}
@media (max-width:767px) {
    body.single-sekuhara body.single-sekuhara .sekuhara-wrapper{
        padding:0;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form th{
        max-width: none;
        width: 100% !important;
        font-size: 20px !important;
        padding: 0 !important;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form td{
        max-width: none;
        width: 100% !important;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .required{
        font-size: 16px;
        padding: 1px 10px 3px;
        margin-right: 10px;
        top:-3px;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .any{
        font-size: 16px;
        padding: 1px 10px 3px;
        margin-right: 10px;
        top:-3px;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form input[type="text"], body.single-sekuhara .sekuhara-wrapper .input_form input[type="tel"], body.single-sekuhara .sekuhara-wrapper .input_form input[type="number"], body.single-sekuhara .sekuhara-wrapper .input_form input[type="email"]{
        height: 50px;
        padding-left: 10px !important;
        border-radius: 10px !important;
        font-size: 16px !important;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .table_bottom_border.naiyo{
        padding-top: 30px;
        margin-top: 30px;
        flex-wrap: wrap;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form textarea{
        font-size: 16px !important;
        height: 150px !important;
        padding: 20px !important;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_zip{
        font-size: 16px;
        height: 40px;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_zip #zip1,body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_zip #zip2{
        width: 15vw !important;
        height: 40px !important;
        border: 1px solid #1e2e42 !important;
        margin: 0 1vw !important;
        font-size: 16px;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form #ajaxzip{
        border-radius: 100px !important;
        padding: 12px 5vw  !important;
        font-size: 16px !important;
        letter-spacing: 0;
        font-family: 'Shippori Mincho','Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif !important;
    }
    
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre{
        height: 40px;
        margin: 10px 0;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre select#pref{
        height: 40px !important;
        width: 100% !important;
        margin: 0 !important;
        font-size: 16px;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre .slect_box{
        max-width: 315px !important;
        height: 40px !important;
        width: 48% !important;
        position: relative;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre #address1{
        max-width: 315px !important;
        height: 40px !important;
        width: 48% !important;
    }
    
    body.single-sekuhara .sekuhara-wrapper .termbox label.radio, body.single-sekuhara .sekuhara-wrapper .termbox label.checkbox{
        margin: 0 0 15px 0 !important;
        padding-left: 25px !important;
        font-size: 14px;
    }
    body.single-sekuhara .sekuhara-wrapper .termbox .checkbox:before{
        top: 48% !important;
        left: 5px !important;
        border-right: 3px solid #1e2e42 !important;
        border-bottom: 3px solid #1e2e42 !important;
    }
    body.single-sekuhara .sekuhara-wrapper .contact_form .term2{
        padding: 20px 15px !important;
    }
    body.single-sekuhara .sekuhara-wrapper .contact_form .term2 .title{
        font-size: 18px;
        padding: 5px 10px 5px;
    }
    body.single-sekuhara .sekuhara-wrapper .contact_form .term2 ul{
        margin-top: 15px;
        font-size: 14px;
    }
    body.single-sekuhara .sekuhara-wrapper input[type="submit"]{
        width: 100% !important;
        height: 50px;
        margin-top: 0 !important;
        font-size: 18px !important;
    }
    body.single-sekuhara .sekuhara-wrapper .subbtnbox{
        width: 100%;
        margin: 0 auto;
        font-size: 18px;
    }
    body.single-sekuhara .sekuhara-wrapper .subbtnbox::after{
        width: 2em;
        height: 2em;
        top:42%;
        right: 10px;
    }
    body.single-sekuhara .sekuhara-wrapper .seal{
        max-width: none !important;
        width: 100% !important;
        margin: 30px auto 0 !important;
        display:flex;
        align-items: center;
        justify-content: space-between;
        display: block;
    }
    body.single-sekuhara .sekuhara-wrapper .seal a{
        width: 75px;
    }
    body.single-sekuhara .sekuhara-wrapper .seal p{
        width: 100%;
        font-size: 14px;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form td.gender label{
        font-size: 16px !important;
    }
}
@media (max-width:400px) {
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre{
        display: block;
        height: auto;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre .slect_box{
        width: 100% !important;
        margin-bottom: 3%;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form .table_flex_pre #address1{
        width: 100% !important;
    }
    body.single-sekuhara .sekuhara-wrapper .input_form #ajaxzip{
        padding: 14px 3vw  !important;
        font-size: 14px !important;
    }

}

/* お問い合わせありがとうございます。 */
body.thanks{
    background: url(images/page-bg.jpg),#fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center top;
}
p.thanks{
    font-size: 20px;
    text-align: center;
    line-height: 1.8;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
    min-height: 200px;
}

@media(max-width:1024px) and (min-width:768px){
    p.thanks{
        font-size: 16px;
        min-height:unset;
    }
}
@media (max-width:767px) {
    p.thanks{
        font-size: 16px;
        line-height: 1.8;
        min-height:unset;
    }
}

/* パンくず */
.crumb{
    width: 100%;
    border-top: 2px solid #e3e8ec;
    padding: 20px 0;
}
.crumb .breadcrumbs{
    max-width: 1200px;
    width: 95%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.crumb .breadcrumbs span{
    position: relative;
    margin: 5px 10px;
    font-size: 16px;
    font-family: 'Shippori Mincho','Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
.crumb .breadcrumbs span:last-child:after{
    display: none;
}
.crumb .breadcrumbs span a{
    color: #000;
    position: relative;
}
.crumb .breadcrumbs span:first-child a::before{
    content: "";
    background: url(images/icon_index.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:center;
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-right: 5px;
}
@media(max-width:1024px) and (min-width:768px){
    .crumb{
        padding: 15px 0;
    }
    .crumb ul{
        width: 90%;
    }
    .crumb ul li{
        margin-right: 60px;
        font-size: 15px;
    }
    .crumb ul li::after{
        right: -30px;
    }
}
@media (max-width:767px) {
    .crumb{
        padding: 10px 0;
    }
    .crumb ul{
        width: 90%;
        display: block;
    }
    .crumb ul li{
        width: auto;
        display: inline-block;
        margin-right: 40px;
        font-size: 14px;
    }
    .crumb ul li::after{
        right: -20px;
        top:0;
    }
    .crumb .breadcrumbs span{
        font-size: 14px;
    }
}

/*事務所一覧*/

@media screen and (min-width: 768px){
#footer_office_wrapper {
    width: 100%;
    background-image: url(images/footer_office_bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    padding: 25px 0;
}
}

#footer_office_wrapper {
    background: url(images/footer_office_bg.jpg) center / cover no-repeat;
    padding: 90px 0 30px;
}
@media screen and (max-width: 1024px){
#footer_office_wrapper {
    padding: 50px 0;
}
}


#footer_office_wrapper .container {
    background: url(images/office_map.png) 90% / auto no-repeat;
    padding-bottom: 65px;
	max-width: 1240px;
    margin: 0 auto;
}
@media screen and (max-width: 1200px){
#footer_office_wrapper .container {
	background: url(images/office_map.png) 100% / auto no-repeat;
    max-width: 90%;
	background-size: 25%;
}
}

@media screen and (max-width: 1024px){
#footer_office_wrapper .container {
    background: none;
    padding-bottom: 0;
}
}

#footer_office_wrapper h2 {
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    margin-bottom: 40px;
    padding: 0;
    font-weight: bold;
    color: #fff;
    font-size: 34px;
    line-height: 1.6;
}

#footer_office_wrapper span.br_span {
	display: inline-block;
}
@media screen and (max-width: 1024px){
#footer_office_wrapper h2 {
    font-size: 3.6vw;
}
}
@media screen and (max-width: 600px){
#footer_office_wrapper h2 {
    font-size: 7vw;
}
}

#footer_office_wrapper ul.footer_office_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 700px;
}

@media screen and (max-width: 1024px){
#footer_office_wrapper ul.footer_office_list {
    width: 100%;
}
}

#footer_office_wrapper ul.footer_office_list li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32%;
    height: 60px;
    margin: 0 2% 15px 0;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
}
#footer_office_wrapper ul.footer_office_list li:nth-child(3), #footer_office_wrapper ul.footer_office_list li:nth-child(6), #footer_office_wrapper ul.footer_office_list li:nth-child(9),#footer_office_wrapper ul.footer_office_list li:nth-child(12) {
    margin-right: 0;
}

/*#footer_office_wrapper ul.footer_office_list li:nth-child(3), #footer_office_wrapper ul.footer_office_list li:nth-child(6), #footer_office_wrapper ul.footer_office_list li:nth-child(9),#footer_office_wrapper ul.footer_office_list li:nth-child(12) {
    margin-right: 0;
}*/

#footer_office_wrapper ul.footer_office_list li:nth-child(n+13) {
    margin-bottom: 0;
}

@media screen and (max-width: 768px){
#footer_office_wrapper ul.footer_office_list li {
    font-size: 14px;
}
}
@media screen and (max-width: 650px){
	#footer_office_wrapper ul.footer_office_list li {
    width: 48%;
}
#footer_office_wrapper ul.footer_office_list li:nth-child(n+9) {
    margin-bottom: 15px;
}
#footer_office_wrapper ul.footer_office_list li:nth-child(odd) {
    /*margin-right: 0%;*/
	margin-right: 4%;
}
#footer_office_wrapper ul.footer_office_list li:nth-child(even) {
    margin-right: 0;
    /*margin-right: 4%;*/
}
#footer_office_wrapper ul.footer_office_list li:last-child {
    margin-bottom: 0;
}
}
@media screen and (max-width: 480px){
#footer_office_wrapper ul.footer_office_list li {
    font-size: 12px;
	height: 50px;
}
}

#footer_office_wrapper ul.footer_office_list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #000;
    font-weight: 400;
}

#footer_office_wrapper ul.footer_office_list li a::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 18px;
    height: 5px;
    border-bottom: solid 2px #195e81;
    border-right: solid 3.5px #195e81;
    transform: translateY(-50%) skew(55deg);
    transition: all .2s ease;
}
@media screen and (max-width: 768px){
#footer_office_wrapper ul.footer_office_list li a::after {
    right: 13px;
}
}
@media screen and (max-width: 480px){
	#footer_office_wrapper ul.footer_office_list li a::after {
    display: none;
}
}
#footer_office_wrapper ul.footer_office_list li.grayout {
    background-color: #cbcbcb;
    font-weight: 400;
}


/*.whbox*/

body.single-sekuhara .sekuhara-wrapper .whbox{
    max-width: 1200px;
    width: 95%;
	margin: 0 auto 100px;
    background-color: #fff;
    box-shadow: 0 0 20px 10px rgb(0, 0, 0, 10%);
    padding: 140px 0 100px;
    position: relative;
    z-index: 0;
}
body.single-sekuhara .sekuhara-wrapper .whbox .content{
    max-width: 950px;
    width: 95%;
    margin: 0 auto;
}
body.single-sekuhara .sekuhara-wrapper .whbox h2{
    font-size: 40px;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    position: relative;
    margin-bottom: 100px;
    width: 100%;
	text-align: center;
}
body.single-sekuhara .sekuhara-wrapper .whbox h2 span{
    background-color: #062239;
    color: #fff;
    line-height: 1;
    padding: 1px 20px 3px;
    position: relative;
    z-index: 1;
}

	body.single-sekuhara .sekuhara-wrapper .whbox h2 span.br_span {
		display: inline-block;
		background: none;
		color: #000;
	}
body.single-sekuhara .sekuhara-wrapper .whbox h2 span.br_span_small{
	font-size: 0.8em;
	line-height: 1.4;
}
body.single-sekuhara .sekuhara-wrapper .whbox h2 span.br00{
		display: inline-block;
		background: none!important;
	color: #000;
}
body.single-sekuhara .sekuhara-wrapper .whbox h2::after{
    content: "OFFICE";
    font-family: "Cormorant",'ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    background: linear-gradient(to right, #d8ebf5, #dcfded);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 1;
    /*margin-top: -115px;*/
    margin-top:0 !important;
    display: inline-block;
    font-size: 170px;
    position: absolute;
    top:-55px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: -1;
}
body.single-sekuhara .sekuhara-wrapper .whbox h2.contact_h2::after{
    content: "CONTACT";
}
body.single-sekuhara .sekuhara-wrapper .whbox .contact_info{
    font-size: 20px;
    font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    margin-bottom: 80px;
}
body.single-sekuhara .sekuhara-wrapper .whbox .contact_info .br + .br{
    margin-top: 15px;
}

@media(max-width:1024px) and (min-width:768px){
    body.single-sekuhara .sekuhara-wrapper .whbox{
        padding: 100px 0;
        margin-bottom: 100px;
    }
    body.single-sekuhara .sekuhara-wrapper .whbox .content{
        max-width: 950px;
        width: 94%;
    }
    body.single-sekuhara .sekuhara-wrapper .whbox h2{
        font-size: 4vw;
        margin-bottom: 70px;
    }
    body.single-sekuhara .sekuhara-wrapper .whbox h2 span{
        padding: 1px 15px 3px;
    }
    body.single-sekuhara .sekuhara-wrapper .whbox h2::after{
        line-height: 1;
        font-size: 17vw;
        top:-5.5vw;
    }
	
    body.single-sekuhara .sekuhara-wrapper .whbox .contact_info{
        font-size: 18px;
        margin-bottom: 60px;
    }
    body.single-sekuhara .sekuhara-wrapper .whbox .contact_info .br + .br{
        margin-top: 10px;
    }
}

@media (max-width:767px) {
    body.single-sekuhara body.single-sekuhara .sekuhara-wrapper{
        padding:0;
    }
    body.single-sekuhara .sekuhara-wrapper .whbox{
        box-shadow: none;
        padding: 10% 0;
        margin-bottom: 10%;
    }
    body.single-sekuhara .sekuhara-wrapper .whbox .content{
        width: 92%;
    }
    body.single-sekuhara .sekuhara-wrapper .whbox h2{
        font-size: 5vw;
        margin-bottom: 10%;
    }
    body.single-sekuhara .sekuhara-wrapper .whbox h2 span{
        padding: 1px 10px 3px;
    }
    body.single-sekuhara .sekuhara-wrapper .whbox h2::after{
        font-size: 16vw;
        top:0;
    }
    body.single-sekuhara .sekuhara-wrapper .whbox .contact_info{
        font-size: 16px;
        margin-bottom: 8%;
        text-align: left;
    }
    body.single-sekuhara .sekuhara-wrapper .whbox .contact_info .br + .br{
        margin-top: 10px;
    }
}

/* 弁護士 */
body.single-sekuhara .sekuhara-wrapper .whbox.lawyer h2::after{
    content: "LAWYER";
}
body.single-sekuhara ul.lawyer-prof {
    line-height: 1.8;
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}
body.single-sekuhara ul.lawyer-prof li {
    width: 32%;
    margin: 0 6px 40px;
}
body.single-sekuhara ul.lawyer-prof li a {
    color: #222;
}
body.single-sekuhara .prof-img {
    display: block;
    position: relative;
    width: 100%;
    z-index: 100;
}
body.single-sekuhara .prof-img:before {
    content: "";
    display: block;
    padding-top: 70%;
}
body.single-sekuhara .prof-img span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
body.single-sekuhara .prof-text {
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: -10px auto 0;
    padding: 20px 3%;
    position: relative;
    width: 80%;
    z-index: 101;
}
body.single-sekuhara .prof-text span:last-of-type {
    text-align: center;
}
body.single-sekuhara .prof-text span:first-of-type, .prof-text span:last-of-type {
    font-size: 1.2rem;
    text-align: center;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
}
body.single-sekuhara .prof-text span:nth-of-type(2) {
    font-size: 1.8rem;
    font-weight: bold;
    font-family: 'Shippori Mincho','Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}
@media(max-width:1024px) and (min-width:768px){
    body.single-sekuhara ul.lawyer-prof li {
        margin: 0 4px 40px;
    }
}
@media (max-width:767px) {
    body.single-sekuhara ul.lawyer-prof {
        justify-content: space-between;
    }
    body.single-sekuhara ul.lawyer-prof li {
        width: 49%;
        margin: 0 0 40px;
    }
    body.single-sekuhara .prof-text {
        width: 100%;
        padding: 10px 0;
    }
}

/*記事一覧*/
.artile_wrap{
    display: flex;
    justify-content: space-between;
    width: 94%;
    max-width: 1200px;
    margin: 0 auto 90px;
}
.artile_wrap .maincontent_area{
    width: 67%;
    max-width: 800px;
}
.artile_wrap .maincontent_area .maincontent{
    background-color: #fff;
    box-shadow: 0 0 20px 10px rgb(0, 0, 0, 10%);
    padding: 90px 60px;
    position: relative;
    z-index: 0;
    box-sizing: border-box;
}
.artile_wrap .maincontent h2.top_title{
    font-size: 40px;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    position: relative;
    margin-bottom: 100px;
    width: 100%;
    text-align: center;
}
.artile_wrap .maincontent h2.top_title::after {
    content: "COLUMN";
    font-family: "Cormorant", 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    background: linear-gradient(to right, #d8ebf5, #dcfded);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 1;
    /* margin-top: -115px; */
    margin-top: 0 !important;
    display: inline-block;
    font-size: 150px;
    position: absolute;
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: -1;
}
.artile_wrap .column-list{
    width: 100%;
}
.artile_wrap .column-list-box{
    width: 100%;  
}
.artile_wrap .column-list-box:not(:last-child){
    margin-bottom: 40px;
}
.artile_wrap .column-list-box a{
    display: flex;
    justify-content: space-between;
    background-color: #e9edf1;
    padding: 40px;
    color: #000;
}
.artile_wrap .column-list-box .list-box-img{
    width: 38%;
    position: relative;
}
.artile_wrap .column-list-box .list-box-img .column-img-tag{
    width: 140px;
    height: 40px;
    background-color: #c35d0b;
    color: #fff;
    position: absolute;
    top:0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.artile_wrap .column-list-box .list-box-content{
    width: 56%;
    box-sizing: border-box;
    position: relative;
}
.artile_wrap .column-list-box .list-box-content time{
    margin-bottom: 4px;
    font-size: 14px;
    display: block;
    font-weight: bold;
    letter-spacing: 0.04em;
    color: #7c7c7c;
}
.artile_wrap .column-list-box .list-box-content .list-box-text{
    margin-bottom: 30px;
    font-size: 22px;
    display: block;
    line-height: 1.6;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
}
.artile_wrap .column-list-box ul.column-category-tag{
    display: flex;
    margin-bottom: 6px;
}
.artile_wrap .column-list-box ul.column-category-tag li{
    margin-right: 0.5em;
    padding: 6px 15px;
    background: linear-gradient(to right, rgba(126, 190, 222, 1) 0%, rgba(140, 248, 194, 1) 100%);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 100px;
    line-height: 1;
}
.artile_wrap .column-list-tag{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    transform: translateY(-50%);
    color: #062239;
}
.artile_wrap .column-list-tag span{
    margin-right: 0.5em;
}
.category_tag{
    width: 100%;
    max-width: 1200px;
    margin: 90px 0 0;
}
.category-box{
    margin-bottom: 60px;
}
.category-box-title,
.tag-box-title{
    margin-bottom: 25px;
    font-size: 28px;
    font-weight: bold;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
}
.category-box-list,
.tag-box-list{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.tag-box-list{
    gap: 20px 30px;
}
.category-box-list li{
    width: 200px;
}
.category-box-list li a{
    width: 100%;
    height: 58px;
    border-radius: 100px;
    color: #fff;
    background: linear-gradient(to right, rgba(126, 190, 222, 1) 0%, rgba(140, 248, 194, 1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    text-indent: -0.5em;
}

.category-box-list li a::after{
    content: "";
    background-image: url("images/categrie_arw.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 13px;
    display: inline-block;
    z-index: 1;
    transition: 0.3s;
}
.tag-box-list li a{
    position: relative;
    font-size: 16px;
    color: #0c3a38;
    font-weight: 600;
    display: block;
    line-height: 1.2;
}
.tag-box-list li a::before{
    content: "#";
}
.artile_wrap .sidebar{
    width: 29%;
    max-width: 340px;
}
.artile_wrap .sidebar .side_cv{
    margin-bottom: 60px;
    background: #fff;
    box-shadow: 0 0 20px 10px rgb(0, 0, 0, 10%)
}
.artile_wrap .sidebar .side_cv .title_area{
    padding: 40px 30px;
    background: url("../sekuhara/images/side_cv_bg.jpg") no-repeat right center /cover;
    color: #fff;
    font-size: 22px;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
}
.artile_wrap .sidebar .side_cv .title_area .block{
    display: block;
}
.artile_wrap .sidebar .side_cv .white_area{
    padding: 40px 20px;
}
.artile_wrap .sidebar .side_cv .white_area ul.point{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.2em;
}
.artile_wrap .sidebar .side_cv .white_area ul.point li{
    font-size: 12px;
    padding: 0.2em 1.2em;
    background: #e9edf1;
    border-radius: 100px;
}
.artile_wrap .sidebar .side_cv .white_area .tel{
    margin-bottom: 0.3em;
    color: #000;
    font-size: 44px;
    font-family: 'Shippori Mincho', 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    position: relative;
    line-height: 1;
    display: block;
    text-align: center;
}
.artile_wrap .sidebar .side_cv .white_area .tel::before {
    content: "";
    background: url(images/tel_icon.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 0.75em;
    height: 0.75em;
    display: inline-block;
    margin-right: 5px;
}
.artile_wrap .sidebar .side_cv .white_area .mail{
    margin-bottom: 1em;
    padding: 10px;
    border-radius: 100px;
    background: linear-gradient(to right, rgba(126, 190, 222, 1) 0%, rgba(140, 248, 194, 1) 100%);
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
}
.artile_wrap .sidebar .side_cv .white_area .mail::before {
    content: "";
    background: url(images/mail_icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 0.9em;
    height: 0.9em;
    display: inline-block;
    margin-right: 0.1em;
}
.artile_wrap .sidebar .side_cv .white_area ul.kome{
    font-size: 10px;
    letter-spacing: -0.01px;
}
.artile_wrap .sidebar .side_cv .white_area ul.kome li{
    margin-bottom: 0.5em;
}
.artile_wrap .sidebar .side_bnr{
    width: 100%;
    height: 160px;
    padding: 40px 0 0 20px;
    display: block;
    background: url("images/side_bnr_bg.jpg") no-repeat right center/ auto 100%, #fff;
    margin-bottom: 60px;
    box-shadow: 0 0 20px 10px rgb(0, 0, 0, 10%);
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #000;
    box-sizing: border-box;
    position: relative;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
}
.artile_wrap .sidebar .side_bnr:after{
    content: "";
    display: inline-block;
    background: url("images/arw_white.svg") no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 73%;
    right: 4%;
}
.artile_wrap .sidebar .side_bnr .block{
    display: block; 
}
.artile_wrap .sidebar .side_bnr .txt_bg{
    margin-bottom: 0.2em;
    padding: 0.2em 0.5em 0.4em;
    display: inline-block;
    line-height: 1;
    background: #062239;
    color: #fff;
    font-size: 26px;
}
.artile_wrap .sidebar .side-about-box{
    margin-bottom: 40px;
}
.artile_wrap .sidebar .side-about-box img{
    max-width: 300px;
    margin: 0 auto;
    display: block;
}
.artile_wrap .sidebar .side-about-title,
.artile_wrap .sidebar .side-office-title{
    padding-bottom: 0.3em;
    margin-bottom: 1em;
    border-bottom: 1px solid #d0d8e0;
    font-size: 26px;
    font-weight: 500;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    line-height: 1.4;
}
.artile_wrap .sidebar .side-about-title .inbl,
.artile_wrap .sidebar .side-office-title .inbl{
    display: inline-block;
}
.artile_wrap .sidebar .side-about-bg,
.artile_wrap .sidebar .side-office-bg{
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 20px 10px rgb(0, 0, 0, 10%);
}
.artile_wrap .sidebar .side-office-bg{
    background-color: #fff;
    padding-bottom: 10px;
    box-shadow: 0 0 20px 10px rgb(0, 0, 0, 10%);
}
.artile_wrap .sidebar .side-about-list li{
    margin-bottom: 10px;
}
.artile_wrap .sidebar .side-about-list li:last-child{
    margin-bottom: 0;
}
.artile_wrap .sidebar .side-about-list li a,
.artile_wrap .sidebar .side-office-list li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: #e9edf1;
    border-radius: 100px;
    font-size: 20px;
    position: relative;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    color: #000;
    font-weight: 500;
}
.artile_wrap .sidebar .side-about-list li a::after,
.artile_wrap .sidebar .side-office-list li a::after{
    content: "";
    background-image: url("../sekuhara/images/arw_icon01.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1em;
    height: 1em;
    position: absolute;
    top:50%;
    right: 4%;
    transform: translateY(-50%);
}
.artile_wrap .sidebar .side-about-list li a:hover,
.artile_wrap .sidebar .side-office-list li a:hover{
    opacity: 1;
}
.artile_wrap .sidebar .side-office-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.artile_wrap .sidebar .side-office-list li{
    margin-bottom: 10px;
    width: 49%;
}
.holder{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
	margin-top: 60px;
}
.holder a{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #0c3a38;
    color: #0c3a38;
    font-size: 16px;
    font-family: var(--mincho);
    display: inline-flex;
    /*align-items: center;*/
    justify-content: center;
    line-height: 24px;
    position: relative;
}
.holder a.jp-current{
    background-color: #0c3a38;
    color: #fff;
}
.holder a.jp-previous,
.holder a.jp-next{
    font-size: 0;
}
.holder a.jp-previous::before,
.holder a.jp-next::before {
    content: "";
    width: 9px;
    height: 9px;
    border-right: 2px solid #0c3a38;
    border-bottom: 2px solid #0c3a38;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
.holder a.jp-next::before{
    left: 45%;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.holder a.jp-disabled{
    display: none;
}

@media screen and (max-width: 1365px){
    .artile_wrap .sidebar .side_cv .title_area{
        font-size: 2vw;
    }
    .artile_wrap .sidebar .side_cv .white_area{
        padding: 2vw;
    }
    .artile_wrap .sidebar .side_cv .white_area .tel{
        font-size: 3.1vw;
    }
    .artile_wrap .sidebar .side_cv .white_area .tel::before{
        width: 2.4vw;
        height: 2.4vw;
    }
    .artile_wrap .sidebar .side_cv .white_area ul.point li{
        font-size: 0.9vw;
    }
    .artile_wrap .sidebar .side_cv .white_area .mail{
        font-size: 16px;
    }
    .artile_wrap .sidebar .side-about-list li a, .artile_wrap .sidebar .side-office-list li a{
        height: 40px;
        font-size: 16px;
    }
    .artile_wrap .sidebar .side-about-title, .artile_wrap .sidebar .side-office-title{
        font-size: 20px;
    }
    .artile_wrap .column-list-box a{
        padding: 30px;
    }
    .artile_wrap .column-list-box .list-box-content{
        width: 56%;
    }
	.artile_wrap .maincontent h2.top_title::after{
		font-size: 13vw;
	}
}
@media screen and (max-width: 1023px){
    .artile_wrap{
        display: block;
    }
    .artile_wrap .maincontent_area{
        width: 94%;
        max-width: none;
        margin: 0 auto;
    }
    .artile_wrap .maincontent_area .maincontent{
        padding: 90px 30px 60px;
        box-sizing: border-box;
    }
    .artile_wrap .maincontent h2.top_title{
        margin-bottom: 80px;
        font-size: 6vw;
    }
    .artile_wrap .maincontent h2.top_title::after{
        font-size: 18vw;
        top: -5vw;
    }
    .artile_wrap .column-list-box .list-box-img{
        width: 24%;
    }
    .artile_wrap .column-list-box .list-box-content{
        width: 70%;
    }
    .artile_wrap .column-list-box ul.column-category-tag li{
        font-size: 12px;
    }
    .artile_wrap .column-list-tag{
        font-size: 12px;
    }
    .artile_wrap .sidebar{
        width: 100%;
        max-width: none;
        margin-top: 90px;
    }
    .artile_wrap .sidebar .side_cv{
        display: none;
    }
    .artile_wrap .sidebar .side-about-list{
        display: flex;
        justify-content: space-between;
    }
    .artile_wrap .sidebar .side-about-list li{
        width: 32%;
    }
    .artile_wrap .sidebar .side_bnr{
        max-width: 400px;
        margin: 0 auto 40px;
    }
    .category_tag{
        margin: 60px 0 0;
    }
}
@media screen and (max-width: 767px){
    .column-list-box a{
        padding: 30px 20px 30px 30px;
    }
    .column-list-box .list-box-img .column-img-tag {
        width: 130px;
        height: 34px;
        font-size: 16px;
    }
    .column-list-box .list-box-content time {
        font-size: 14px;
    }
    .column-list-box .list-box-content .list-box-text {
        font-size: 18px;
    }
    .column-list-tag {
        font-size: 14px;
    }
    .category-box-title, .tag-box-title {
        margin-bottom: 15px;
        font-size: 20px;
    }
    .category-box-list li {
        width: 140px;
    }
    .category-box-list li a{
        height: 48px;
        font-size: 14px;
    }
    .category-box-list li a::after{
        width: 14px;
        height: 14px;
        margin-left: 10px
    }
    .tag-box-list li a{
        font-size: 14px;
    }
}
@media screen and (max-width: 499px){
    .artile_wrap .maincontent_area{
        width: 98%;
    }
    .artile_wrap .maincontent_area .maincontent{
        padding: 50px 5% 40px;
    }
    .artile_wrap .maincontent h2.top_title{
        margin-bottom: 40px;
        font-size: 8vw;
    }
    .artile_wrap .maincontent h2.top_title::after {
        font-size: 19vw;
        top: -3vw;
    }
    .column-list-box a{
        display: block;
        padding: 30px 20px;
    }
    .column-list-box .list-box-img{
        max-width: none;
        display: block;
        height: 100%;
        width: 100%;
    }
    .column-list-box .list-box-content{
        width: 100%;
        padding-left: 0;
        padding-bottom: 0;
        padding-top: 20px;
        display: block;
    }
    .column-list-tag {
        position: relative;
        display: block;
        left: 0;
        top: 0;
        transform: translateY(0);
        margin-top: 10px;
    }
    .artile_wrap .column-list-box a{
        padding: 8% 6%;
        display: block;
    }
    .artile_wrap .column-list-box .list-box-content time{
        font-size: 12px;
    }
    .artile_wrap .column-list-box .list-box-img{
        width: 80%;
		max-width: 220px;
        margin: 0 auto;
        text-align: center;
    }
    .artile_wrap .column-list-box .list-box-img img{
        height: auto;
    }
    .artile_wrap .column-list-box ul.column-category-tag{
        margin-bottom: 20px;
    }
    .category-box-list{
        gap: inherit;
        justify-content: space-between;
    }
    .category-box-list li{
        width: 48%;
        margin-bottom: 15px;
    }
    .category-box{
        margin: 40px 0 20px;
    }
    .category_tag {
        margin: 40px 0 0;
    }
    .artile_wrap .sidebar .side-about-list{
        display: block;
        flex-wrap: wrap;
    }
    .artile_wrap .sidebar .side-about-list li{
        width: 100%;
    }
    .artile_wrap .column-list-box .list-box-content{
        width: 100%;
    }
    .artile_wrap .column-list-box .list-box-content .list-box-text{
        margin-bottom: 20px;
        font-size: 5.4vw;
        line-height: 1.4;
    }
}
@media screen and (max-width: 399px){
    .column-list-box .list-box-content .list-box-text{
        font-size: 16px;
    }
}

/*記事個別ページ*/
.artile_wrap .maincontent .flex{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.artile_wrap .maincontent .flex time{
    margin-right: 1.5em;
    font-size: 16px;
    color: #7c7c7c;
}
.artile_wrap .maincontent .flex .article-category{
    display: flex;
}
.artile_wrap .maincontent .flex .article-category li a{
    margin-right: 0.8em;
    padding: 4px 10px;
    background: linear-gradient(to right, rgba(126, 190, 222, 1) 0%, rgba(140, 248, 194, 1) 100%);
    color: #fff;
    font-size: 14px;
    border-radius: 100px;
    line-height: 1;
    font-weight: bold;
}
.artile_wrap .maincontent .flex .article_tag{
    display: flex;
    flex-wrap: wrap;
}
.artile_wrap .maincontent .flex .article_tag li a{
    font-size: 14px;
    margin-right: 0.5em;
    color: #062239;
    font-weight: bold;
}
.artile_wrap .maincontent h1.article_title{
    margin-bottom: 60px;
    font-size: 32px;
    font-weight: 500;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    text-align: justify;
}
.artile_wrap .maincontent .column-top-imgbox{
    width: 100%;
    margin: 0 auto 40px;
}
@media screen and (max-width: 767px){
    .artile_wrap .maincontent .flex{
        flex-wrap: wrap;
    }
    .artile_wrap .maincontent .flex time{
        margin: 0 0 15px;
        width: 100%;
        display: block;
        font-size: 14px;
    }
    .artile_wrap .maincontent .flex .article-category li a{
        margin-bottom: 5px;
        font-size: 12px;
        display: block;
    }
    .artile_wrap .maincontent .flex .article_tag li a{
        font-size: 12px;
    }
}

/* 監修 上部*/
.supervising-attorney{
    background-color: #e9edf1;
    border-radius: 10px;
    padding: 10px 10px 10px 35px;
    position: relative;
    display: flex;
    margin-bottom: 40px;
    color: #000;
}
.supervising-attorney::after{
    content: "";
    background-image: url(../sekuhara/images/supervisio_arw.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    z-index: 1;
    transition: 0.3s;
    position: absolute;
    top:50%;
    right: 20px;
    transform: translateY(-50%);
}
.supervising-attorney .img-box{
    width: 50px;
    height: 50px;
    margin-right: 15px;
}
.supervising-attorney .content-box{
    line-height: 1;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    font-weight: normal;
}
.supervising-attorney .content-box .name{
    display: block;
}
.supervising-attorney .content-box .post{
    display: block;
}
.supervising-attorney .content-box .name .kansyu{
    background-color: #062239;
    color: #fff;
    font-size: 14px;
    /*display: inline-block;*/
    padding: 0 4px;
    border-radius: 4px;
    margin-right: 5px;
}
@media screen and (max-width: 1365px){

}
@media screen and (max-width: 1023px){
    .artile_wrap .maincontent h1.article_title{
        margin-bottom: 40px;
        font-size: 28px;
    }
    .supervising-attorney{
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 767px){
	.artile_wrap .maincontent_area .maincontent{
		padding: 60px 30px;
	}
    .supervising-attorney{
        margin-bottom: 40px;
        padding: 10px;
    }
    
}
@media screen and (max-width: 520px){
    .supervising-attorney{
        padding: 10px;
    }
    .supervising-attorney .img-box{
        margin-right: 10px;
    }
    .supervising-attorney .content-box{
        font-size: 3vw;
    }
	.supervising-attorney .content-box .name .kansyu{
        font-size: 3vw;
    }
    .supervising-attorney::after{
        right: 10px;
    }
}
@media screen and (max-width: 499px){
	.artile_wrap .maincontent_area .maincontent{
		padding: 40px 20px;
	}
    .artile_wrap .maincontent h1.article_title{
        margin-bottom: 20px;
        font-size: 24px;
    }
}
@media screen and (max-width: 399px){
    .supervising-attorney .img-box{
        width: 40px;
        height: 40px;
        margin-right: 6px;
    }
    .supervising-attorney .content-box{
        font-size: 3vw;
    }
    .supervising-attorney .content-box .name .kansyu{
        font-size: 12px;
    }
    .supervising-attorney::after{
        right: 6px;
    }
}
@media screen and (max-width: 360px){
	.supervising-attorney .content-box{
        font-size: 10px;
    }
    .supervising-attorney .content-box .name .kansyu{
        font-size: 10px;
    }
}

/* 監修 下部*/
.supervising-attorney-bottom{
	margin-top: 90px;
    padding: 30px 0 0 40px;
    background-color: #fff;
    box-shadow: 0 0 20px 10px rgb(0, 0, 0, 10%);
    position: relative;
    justify-content: space-between;
}
.supervising-attorney-bottom .flex{
    margin-bottom: 2em;
    display: flex;
    align-items: center;
}
.supervising-attorney-bottom .img-box{
    width: 13%;
    margin-right: 3%;
}
.supervising-attorney-bottom .txtarea{
    width: 78%;
}
.supervising-attorney-bottom .name{
	margin-bottom: 0.5em;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.08em;
    line-height: 1.6;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
}
.supervising-attorney-bottom .name .inbl{
	display: inline-block;
}
.supervising-attorney-bottom .qua{
    font-size: 16px;
    letter-spacing: 0.08em;
	font-weight: 600;
}
.supervising-attorney-bottom .sikaku{
    margin-bottom: 5px;
    background-color: #228dbe;
    color: #fff;
    border-radius: 100px;
    padding: 4px 8px;
    margin-right: 15px;
    display: inline-block;
    line-height: 1;
    font-size: 14px;
}
.supervising-attorney-bottom .info{
    margin: 15px 20px 15px 0;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.08em;
}
/*.supervising-attorney-bottom .column-url-box{
    padding: 10px 30px;
    font-size: 16px;
    max-width: 250px;
    display: block;
    margin-left: auto;
    min-width: unset;
    background: #228dbe;
    color: #fff;
    position: relative;
}
.supervising-attorney-bottom .column-url-box::after{
    content: "";
    background-image: url(../sekuhara/images/arw_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    right: 8%;
    transform: translateY(-50%);
}*/
.supervising-attorney-bottom .column-url-box{
    display: block;
    width: 220px;
    margin-left: auto;
    padding: 15px 15px 15px 40px;
    background: #228dbe;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-indent: -1.5em;
}
.supervising-attorney-bottom .column-url-box:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%); 
    border: 50px solid transparent;
    border-left: 30px solid #fff; 
}
.supervising-attorney-bottom .column-url-box::after{
    content: "";
    background-image: url(../sekuhara/images/arw_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    top: 50%;
    right: 8%;
    transform: translateY(-50%);
}
@media screen and (max-width: 1365px){
    .supervising-attorney-bottom{
        justify-content: center;
    }
}
@media screen and (max-width: 1023px){
    .supervising-attorney-bottom .img-box {
        width: 80px;
        height: 80px;
        margin-right: 20px;
        margin-top: 5px;
    }
    /*.supervising-attorney-bottom .content-box {
        max-width: 580px;
    }*/
    .supervising-attorney-bottom .name{
        font-size: 18px;
    }
    .supervising-attorney-bottom .qua{
        font-size: 14px;
    }
    .supervising-attorney-bottom .column-url-box{
        font-size: 14px;
    }
}
@media screen and (max-width: 767px){
    .supervising-attorney-bottom{
        padding: 20px 0 0 20px;
    }
    .supervising-attorney-bottom .name{
        margin-bottom: 6px;
        font-size: 14px;
    }
    .supervising-attorney-bottom .inbl{
        display: inline-block;
    }
    .supervising-attorney-bottom .qua {
        font-size: 12px;
    }
    .supervising-attorney-bottom .info{
        font-size: 12px;
        margin-top: 20px;
        padding-right: 5px;
    }
}
@media screen and (max-width: 499px){
	.supervising-attorney-bottom{
		margin-top: 0;
	}
    .supervising-attorney-bottom .txtarea{
        width: 95%;
    }
    .supervising-attorney-bottom .info{
        margin: 15px 10px 15px 0;
    }
    .supervising-attorney-bottom .flex{
        display: block;
    }
    .supervising-attorney-bottom .img-box{
        margin: 0 auto 20px;
    }
}

.artile_wrap #toc_container{
    background-color: #f4f7f9;
    padding: 35px 50px;
    width: 100% !important;
    display: block;
    margin-top: 60px;
    margin-bottom: 80px;
    box-sizing: border-box;
}
.artile_wrap .toc_title{
    font-size: 0;
    position: relative;
    font-weight: bold;
    text-align: center;
    /*margin-bottom: 10px;*/
}
.artile_wrap .toc_title::before{
    content: "この記事の目次 ";
    font-size: 18px;
}
.artile_wrap .toc_title .toc_toggle{
    font-size: 18px;
}
.artile_wrap .toc_title .toc_toggle a{
	color: #228dbe;
}
.artile_wrap .toc_list{
    font-size: 18px;
    margin-top: 10px;
}
.artile_wrap .toc_list li{
    display: block;
    line-height: 1.8;
}
.artile_wrap .toc_list li a{
    color: #000;
	font-weight: 600;
}
.artile_wrap .toc_number{
    font-weight: bold;
    color: #228dbe;
}
.artile_wrap .toc_number.toc_depth_2{
    padding-left: 1em;
}
.artile_wrap .toc_number.toc_depth_3{
    padding-left: 2em;
}
.artile_wrap .toc_number.toc_depth_4{
    padding-left: 3em;
}
.artile_wrap{
    
}
.article_box h2{
    background-color: #228dbe;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    padding: 10px 30px;
    letter-spacing: 0.08em;
    margin-bottom: 35px;
    margin-top: 90px;
}
.article_box h3 {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.08em;
    padding: 0 0 0.5em;
    border-bottom: 1px solid #228dbe;
    margin-bottom: 35px;
    margin-top: 80px;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
}
.article_box h4 {
    padding: 0.0em 0.5em 0.0em 0.5em;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    line-height: 1.4;
    letter-spacing: 0.08em;
    margin-bottom: 35px;
    position: relative;
    border-left: 4px solid #228dbe;
    margin-top: 80px;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
}
.article_box .text-box {
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 0.08em;
    /* margin-bottom: 60px; */
    text-align: center;
    font-weight: normal;
}
.article_box .text-box p{
    font-size: 18px;
    text-align: justify;
}
.article_box .text-box p + p {
    margin-top: 1.5em;
}
.article_box .text-box.beginning{
	margin-bottom: 60px;
}
.article_box .important{
    font-weight: bold;
    color: #be2222;
}
.article_box blockquote{
	margin: 30px 0 30px;
    background-color: #f2f4f8;
    padding: 1.6em 2em 2em 2.5em;
    letter-spacing: 0.05em;
	font-size: 18px;
}
.article_box blockquote > .title{
    margin: 0 0 0.5em;
    font-weight: bold;
}
.article_box blockquote .title + p{
    margin-top: 0;
}
.article_box blockquote li{
    position: relative;
    padding-left: 0.5em;
	line-height: 1.8;
    text-align: justify;
}
.article_box blockquote li::before{
    content: "・";
    display: inline-block;
    position: absolute;
    left: -0.5em;
}
.article_box blockquote .number{
    list-style: decimal;
    padding-left: 1em;
}
.article_box blockquote .number li::before{
    content: none;
}
.article_box blockquote li:not(:last-child){
    margin-bottom: 0.8em;
}
.article_box blockquote li ul{
    margin-top: 1em;
}
.article_box blockquote li ul li{
    position: relative;
    margin-left: 1em;
	line-height: 1.4;
}
.article_box blockquote li ul li::before{
    content: "ãƒ»" !important;
    display: inline-block;
    position: absolute;
    left: -0.5em;
}
.article_box blockquote li p{
    margin-top: 0;
}

.article_box blockquote li .title{
    display: block;
    font-weight: bold;
}
.article_box blockquote dt{
    font-weight: 700;
}
.article_box .qa_box{
	margin: 60px 0 0;
	border-radius: 6px;
}
.article_box .qa_box h3{
	background: #062239;
	margin: 0;
	padding: 30px 30px 30px 90px;
	border: none;
	color: #fff;
	border-radius: 20px 20px 0 0;
	position: relative;
	font-size: 20px;
}
.article_box .qa_box h3:before {
    content: "Q";
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: auto;
    background-color: #fff;
    font-size: 18px;
    color: #062239;
    line-height: 48px;
    border-radius: 100px;
	text-align: center;
	vertical-align: middle;
	margin-right: 20px;
	font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
}
.article_box .qa_box .txtarea{
	padding: 30px 30px 30px 90px;
	border: 2px solid #e2eef6;
	border-radius: 0 0 20px 20px;
	position: relative;
}
.article_box .qa_box .txtarea:before {
    content: "A";
	position: absolute;
	left: 17px;
	top: 33px;
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: auto;
    background: linear-gradient(90deg, rgba(126,190,222,1) 0%, rgba(140,248,194,1) 100%);
    font-size: 18px;
    color: #ffffff;
    line-height: 48px;
    border-radius: 100px;
	text-align: center;
	vertical-align: middle;
	margin-right: 20px;
	font-weight: bold;
}
.article_box .qa_box .txtarea{
	font-size: 18px;
	line-height: 1.8;
}
.article_box .qa_box .txtarea p:first-child{
    margin-top: 0;
}
.article_box .qa_box .txtarea blockquote{
    margin-top: 2em; 
}
.article_box table{
    width: 100%;
	margin: 40px 0 1.5em;
	font-size: 16px;
	text-align: left;
}
.article_box table tr{
    
}
.article_box table tr th,
.article_box table tr td{
    padding: 15px 10px;
    border: 1px solid #d7d7d7;
    line-height: 1.8;
    box-sizing: border-box;
}
.article_box table tr th{
	width: 35%;
    background-color:#062239;
    color: #fff;
	vertical-align: middle;
	text-align: center;
}
.article_box table tr td{
    width: 65%;
}
.article_box table tr td ul{
    list-style: disc;
    padding-left: 1.5em;
}
.article_box table tr td ul li{
}

.article_box table tr th span,
.article_box table tr td span{
    display: inline-block;
}
.article_box .midashi{
    margin-bottom: 0.3em;
    font-size: 100%;
    font-weight: bold;
}
.article_box .mb0{
     margin-bottom: 0;
}
.article_box .mt0{
    margin-top: 0;
}
.link_box{
	border-radius: 100px;
	margin-top: 40px;
    background: linear-gradient(to right, rgba(126, 190, 222, 1) 0%, rgba(140, 248, 194, 1) 100%);
    display: block;
    padding: 1.5em;
    display: flex;
    justify-content: center;
    gap: 0.6em;
    align-items: center;
    position: relative;
	color: #fff;
    font-size: 14px;	
}
.link_box::before, .link_box::after {
    position: absolute;
    top: 1px;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.link_box::before {
    width: 19px;
    height: 19px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid var(--blue);
    right: 33px;
    transition: 0.3s;
}
.link_box::after {
/*  right: 42px;*/
	right: 16px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.3s;
}
.link_box span {
    color: #fff;
    line-height: 1;
    padding: 0.4em;
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
}
.link_box p{
    font-weight: 700;
    margin-top: 0;
    letter-spacing: 0.07em;
}

@media screen and (max-width: 1365px){

}
@media screen and (max-width: 1023px){
    .article_box .text-box p{
        font-size: 16px;
    }
    .article_box h2{
        margin: 60px 0 20px;
        font-size: 22px;
        text-align: left;
    }
    .article_box h3{
        margin: 60px 0 20px;
        font-size: 20px;
    }
    .article_box h4{
        margin: 40px 0 20px;
        font-size: 18px;
    }
    .artile_wrap .toc_list{
        font-size: 16px;
    }
    .rei-box p{
        font-size: 16px;
    }
    .artile_wrap #toc_container{
        margin-top: 40px;
    }
	.article_box .qa_box h3{
		padding: 20px 10px 20px 70px;
		font-size: 18px;
	}
	.article_box .qa_box h3:before{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.article_box .qa_box .txtarea{
		padding: 30px 30px 30px 70px;
	}
	.article_box .qa_box .txtarea:before{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
}
@media screen and (max-width: 767px){
    .artile_wrap #toc_container{
        padding: 25px 20px;
        margin-bottom: 50px;
    }
    .artile_wrap .toc_title::before{
        font-size: 16px;
    }
    .artile_wrap .toc_title .toc_toggle{
        font-size: 16px;
    }
    .artile_wrap .toc_list{
        font-size: 16px;
    }
    h2.column-h2{
        font-size: 20px;
        padding: 8px 20px;
    }
    h3.column-h3 {
        font-size: 19px;
        padding: 8px 10px 8px 15px;
    }
    h4.column-h4 {
        margin-bottom: 20px;
    }
    .column-url-box {
        padding: 6px 0;
        font-size: 14px;
    }
    .column-url-box::after {
        width: 14px;
        height: 14px;
        right: 6px;
    }
    .rei-box {
        padding: 30px 20px;
        margin-bottom: 30px;
    }
	.link_box {
		display: flex;
		flex-flow: column;
	}
}
@media screen and (max-width: 600px){
    .article_box .js-scrollable table{
        width:220%;
    }
}
@media screen and (max-width: 499px){
    .article_box h2{
        padding: 10px 20px;
        font-size: 20px;
    }
    .article_box h3 {
        margin: 40px 0 20px;
        font-size: 18px;
    }
    .article_box h4 {
        margin: 30px 0 20px;
        font-size: 16px;
    }
	.article_box .text-box.beginning{
		margin-bottom: 40px;
	}
	.article_box .text-box {
		font-size: 16px;
	}
	.article_box blockquote {
        background-color: #f2f2f2;
        padding: 1em 1.5em 1.2em;
        letter-spacing: 0.05em;
		font-size: 16px;
    }
	.article_box .qa_box{
		margin-bottom: 40px;
	}
	.article_box .qa_box h3{
		padding: 20px 16px 20px 60px;
		font-size: 18px;
	}
	.article_box .qa_box h3:before{
		left: 15px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
	}
	.article_box .qa_box .txtarea{
		padding: 20px 20px 20px 60px;
		font-size: 16px;
	}
	.article_box .qa_box .txtarea:before{
		left: 13px;
		top: 25px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
	}
	.article_box table tr td{
		font-size: 14px;
	}
	.article_box table.sp_100 th,
	.article_box table.sp_100 td{
		display: block !important;
		width: 100% !important;
	}
}

/*コラムCV*/
.column_cv{
    margin: 90px 0;
    padding: 30px 50px;
    border: 30px solid #062238;
    background: #fff;
}
.column_cv .cv_title {
    margin-bottom: 10px;
    font-size: 62px;
    color: #114269;
    font-weight: 500;
    font-family: "Cormorant", 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    text-align: center;
    line-height: 1;
}
.column_cv .title_area {
    margin-bottom: 20px;
    font-size: 18px;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    text-align: center;
}
.column_cv .title_area .inbl{
    display: inline-block;
}
.column_cv ul.point{
    display: flex;
    justify-content: center;
    margin-bottom: 3em;
}
.column_cv ul.point li{
    font-size: 14px;
    padding: 0.2em 1.2em;
    background: #e9edf1;
    /*border-radius: 100px;*/
}
.column_cv ul.point li:not(:last-child){
    margin-right: 1em;
}
.column_cv .flex{
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.column_cv .tel{
    color: #000;
    font-size: 58px;
    font-family: 'Shippori Mincho', 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    position: relative;
    top: -6px;
    line-height: 1;
    display: block;
    text-align: center;
}
.column_cv .tel::before {
    content: "";
    background: url(images/tel_icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 56px;
    height: 56px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 6px;
}
.column_cv .mail{
    width: 30%;
    padding: 10px;
    border-radius: 100px;
    background: linear-gradient(to right, rgba(126, 190, 222, 1) 0%, rgba(140, 248, 194, 1) 100%);
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    box-sizing: border-box;
}
.column_cv .mail::before {
    content: "";
    background: url(images/mail_icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 0.9em;
    height: 0.9em;
    display: inline-block;
    margin-right: 0.1em;
}
.column_cv ul.kome{
    font-size: 12px;
    text-align: center;
}
.column_cv ul.kome li{
    margin-bottom: 0.3em;
}
@media screen and (max-width: 1365px){
    .column_cv .tel{
        font-size: 4.4vw;
    }
    .column_cv .tel::before{
        width: 4vw;
        height: 4vw;
    }
}
@media screen and (max-width: 1023px){
    .column_cv{
        padding: 4vw;
    }
    .column_cv .cv_title{
        font-size: 50px;
    }
    .column_cv .tel{
        font-size: 7vw;
        line-height: 1;
        top: -4px;
    }
    .column_cv .tel::before{
        width: 6.6vw;
        height: 6.6vw;
    }
    .column_cv .mail{
        font-size: 16px;
    }
}
@media screen and (max-width: 767px){
    .column_cv .mail{
        width: 25%;
    }
    .column_cv{
        margin: 60px 0;
        padding: 6vw;
        border: 10px solid #062238;
    }
    .column_cv .cv_title{
        font-size: 34px;
    }
    .column_cv .flex{
        display: block;
    }
    .column_cv .tel{
        margin-bottom: 10px;
        font-size: 10vw;
    }
    .column_cv .tel::before{
        width: 10.5vw;
        height: 10.5vw;
        margin-right: 0;
        top: 2vw;
    }
    .column_cv .mail{
        width: 100%;
        max-width: 300px;
        padding: 6px;
        margin: 0 auto;
    }
    .column_cv ul.point li{
        font-size: 12px;
    }
    .column_cv ul.kome{
        font-size: 10px;
    }
}
@media screen and (max-width: 499px){
    
}
@media screen and (max-width: 420px){
    .column_cv{
        padding: 6vw 5vw;
    }
    .column_cv ul.point{
        margin-bottom: 15px;
        flex-wrap: wrap;
    }
    .column_cv ul.point li{
        margin-bottom: 10px;
    }
}

/*記事内CV*/
.article_cv{
    margin: 90px 0;
    padding: 30px 40px;
    background: #e9edf1;
}
.article_cv .cv_title {
    margin-bottom: 10px;
    font-size: 62px;
    color: #114269;
    font-weight: 500;
    font-family: "Cormorant", 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    text-align: center;
    line-height: 1;
}
.article_cv .title_area {
    margin-bottom: 20px;
    font-size: 18px;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    text-align: center;
}
.article_cv .title_area .inbl{
    display: inline-block;
}
.article_cv ul.point{
    display: flex;
    justify-content: center;
    margin-bottom: 3em;
}
.article_cv ul.point li{
    font-size: 14px;
    padding: 0.2em 1.2em;
    background: #fff;
    /*border-radius: 100px;*/
}
.article_cv ul.point li:not(:last-child){
    margin-right: 1em;
}
.article_cv .flex{
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.article_cv .tel{
    color: #000;
    font-size: 58px;
    font-family: 'Shippori Mincho', 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    position: relative;
    top: -6px;
    line-height: 1;
    display: block;
    text-align: center;
}
.article_cv .tel::before {
    content: "";
    background: url(images/tel_icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 56px;
    height: 56px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 6px;
}
.article_cv .mail{
    width: 30%;
    padding: 10px;
    border-radius: 100px;
    background: linear-gradient(to right, rgba(126, 190, 222, 1) 0%, rgba(140, 248, 194, 1) 100%);
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
    box-sizing: border-box;
}
.article_cv .mail::before {
    content: "";
    background: url(images/mail_icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 0.9em;
    height: 0.9em;
    display: inline-block;
    margin-right: 0.1em;
}
.article_cv ul.kome{
    font-size: 12px;
    text-align: center;
}
.article_cv ul.kome li{
    margin-bottom: 0.3em;
}
@media screen and (max-width: 1365px){
	.article_cv{
        padding: 30px 20px;
    }
	.article_cv .cv_title{
		font-size: 52px;
	}
    .article_cv .tel{
        font-size: 4.4vw;
    }
    .article_cv .tel::before{
        width: 4vw;
        height: 4vw;
    }
	.article_cv .mail{
		font-size: 14px;
	}
}
@media screen and (max-width: 1023px){
    .article_cv{
        padding: 4vw;
    }
    .article_cv .cv_title{
        font-size: 50px;
    }
    .article_cv .tel{
        font-size: 7vw;
        line-height: 1;
        top: -4px;
    }
    .article_cv .tel::before{
        width: 6.6vw;
        height: 6.6vw;
    }
    .article_cv .mail{
        font-size: 16px;
    }
}
@media screen and (max-width: 767px){
    .article_cv .mail{
        width: 25%;
    }
    .article_cv{
        margin: 60px 0;
        padding: 6vw 4vw;
        border: 6px solid #062238;
    }
    .article_cv .cv_title{
        font-size: 6vw;
    }
    .article_cv .flex{
        display: block;
    }
    .article_cv .tel{
        margin-bottom: 10px;
        font-size: 9vw;
    }
    .article_cv .tel::before{
        width: 10vw;
        height: 10vw;
        margin-right: 0;
        top: 2vw;
    }
    .article_cv .mail{
        width: 100%;
        max-width: 300px;
        padding: 6px;
        margin: 0 auto;
    }
    .article_cv ul.point li{
        font-size: 12px;
    }
    .article_cv ul.kome{
        font-size: 10px;
    }
}
@media screen and (max-width: 499px){
	.article_cv{
        padding: 5vw 4vw;
		border: 4px solid #062238;
    }
    .article_cv ul.point{
        margin-bottom: 15px;
        flex-wrap: wrap;
    }
    .article_cv ul.point li{
        margin-bottom: 10px;
    }
	.article_cv .tel{
		font-size: 9.6vw;
	}
	.article_cv .mail{
		font-size: 14px;
	}
	.article_cv .cv_title{
		font-size: 7vw;
	}
}
@media screen and (max-width: 420px){
    .article_cv .tel{
		font-size: 9.0vw;
	}
}
@media screen and (max-width: 390px){
    .article_cv .tel{
		font-size: 8.8vw;
	}
	.article_cv .title_area{
		font-size: 5vw;
	}
}

/* 関連記事 */
.linkbox .list_toggle {
	background-color: #062238;
	color: #fff;
	font-size: 18px;
	padding: 15px;
	font-weight: bold;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*cursor: pointer;*/
	margin: 60px 0 0;
	position: relative;
	font-family: 'Zen Old Mincho', 'ヒラギノ明朝 Std', 'ヒラギノ明朝 StdN', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Noto Serif CJK JP', 'Noto Serif JP', '游明朝', 'Yu Mincho', 'YuMincho', 'メイリオ', serif;
}
.linkbox .list {
	background: #fff;
	padding: 1.5em 1.5em;
	border: 1px solid #b9b9b9;
	overflow-y: auto;
	max-height: 210px;
}
.linkbox .list a {
	display: block;
	color: #1d1d1d;
	font-size: 16px;
	margin: 0.8em;
	text-decoration: underline;
	padding-left: 20px;
	position: relative;
}
.linkbox .list a:first-child{
	margin-top: 0;
}
.linkbox .list a br {
	display:none;
}
.linkbox .list a:hover {
	text-decoration: none;
}
.linkbox .list a:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #062238;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.linkbox .list_toggle .accordion_icon{
	display: none;
}

@media screen and (max-width: 768px) {
	.linkbox .list {
		padding: 5% 3%;
	}
	.linkbox .list a {
		font-size: 14px;
	}
}



/*札幌_サイドバー（事務所案内）*/
.artile_wrap .sidebar .side-office-bg ul li.sapporo-side {
	width: 92%;
	text-align: center;
	line-height: 1.3;
}
.artile_wrap .sidebar .side-office-bg ul li.sapporo-side a {
	padding: 5%;
	background: #228dbe;
	color: #fff;
	font-weight: bold;
	display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width:1024px) {
.artile_wrap .sidebar .side-office-bg ul li.sapporo-side a {
		padding: 2% 0;
	}	
.artile_wrap .sidebar .side-office-bg ul li.sapporo-side {
    width: 100%;
}	
	
}
@media screen and (max-width:767px) {
	.side-office-bg ul li.sapporo-side a{
		padding: 5%;
	}
}
@media screen and (max-width:500px) {
	.side-office-bg ul li.sapporo-side a{
		padding: 8%;
	}
}


.side-office-bg ul li.sapporo-side a::after {
display: none;
}

.noclickable {
	pointer-events:none;
}
