/*
Theme Name:     wpbs-child
Theme URI:      local
Description:    
Author:         
Author URI:     local
Template:       wp-bootstrap-starter
Version:        0.0.1
License:        public
License URI:    local
Tags:           
Text Domain:    
*/

/* -------------------- reset -------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html{ font-size:62.5%; }
body {
	font-size: 16px;
    line-height: 1.8;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;    
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

input, textarea { border: 1px solid #e6e6e6; border-radius: 3px; -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); padding:0 2%; width:96%; }

/* -------------------- item -------------------- */
html { -webkit-text-size-adjust:none }
@media(min-width:769px) { a[href^="tel:"] { pointer-events: none; text-decoration: none!important; color: #3c3c3c; } }

/* text align */
.Tcenter { text-align: center; }
.Tleft { text-align: left; }
.Tright { text-align: right; }

.Tbold { font-weight: bold; }

.textsub { vertical-align: sub; font-size: 50%; }

/* float */
.Fleft { float: left; }
.Fright { float: right; }
.Fleft, .Fright { width: 48%; margin: 0 auto; }
.Fnone { float: none; }
.clear { clear: both ; }

.clearfix:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/* PC only */
.PC { display: initial; }
div.PC { display: block; }
.SP { display: none; }
div.SP { display: none; }
.breakPC:before { content: "\A"; white-space: pre; }
.breakSP:before { content: ""; white-space: initial; }

/* columns */
.columns1 { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; -ms-column-count: 1; -o-column-count: 1; }
.columns2 { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; }
.columns3 { column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; }
.columns4 { column-count: 4; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; }
.columns5 { column-count: 5; -webkit-column-count: 5; -moz-column-count: 5; -ms-column-count: 5; -o-column-count: 5; }
.columns6 { column-count: 6; -webkit-column-count: 6; -moz-column-count: 6; -ms-column-count: 6; -o-column-count: 6; }
.columns7 { column-count: 7; -webkit-column-count: 7; -moz-column-count: 7; -ms-column-count: 7; -o-column-count: 7; }
.columns8 { column-count: 8; -webkit-column-count: 8; -moz-column-count: 8; -ms-column-count: 8; -o-column-count: 8; }
.columns9 { column-count: 9; -webkit-column-count: 9; -moz-column-count: 9; -ms-column-count: 9; -o-column-count: 9; }
.columns10 { column-count: 10; -webkit-column-count: 10; -moz-column-count: 10; -ms-column-count: 10; -o-column-count: 10; }

.columns1 *, .columns2 *, .columns3 *, .columns4 *, .columns5 *, .columns6 *, .columns7 *, .columns8 *, .columns9 *, .columns10 * {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    column-break-inside: avoid;
    -moz-break-inside: avoid-column;
    -webkit-break-inside: avoid-column;
    -o-break-inside: avoid-column;
    -ms-break-inside: avoid-column;
    break-inside: avoid-column;
    -moz-break-inside: avoid;
    -webkit-break-inside: avoid;
    -o-break-inside: avoid;
    -ms-break-inside: avoid;
    break-inside: avoid;
    -webkit-page-break-inside: avoid;
    -moz-page-break-inside: avoid;
    -ms-page-break-inside: avoid;
    -o-page-break-inside: avoid;
    page-break-inside: avoid;
    page-break-after: avoid;
    page-break-before: avoid;
}


/* margin */
.m0{ margin:0; }
.mt0{ margin-top:0; }
.mr0{ margin-right:0; }
.mb0{ margin-bottom:0; }
.ml0{ margin-left:0; }
.m5{ margin:5px; }
.mt5{ margin-top:5px; }
.mr5{ margin-right:5px; }
.mb5{ margin-bottom:5px; }
.ml5{ margin-left:5px; }
.m10{ margin:10px; }
.mt10{ margin-top:10px; }
.mr10{ margin-right:10px; }
.mb10{ margin-bottom:10px; }
.ml10{ margin-left:10px; }
.m15{ margin:15px; }
.mt15{ margin-top:15px; }
.mr15{ margin-right:15px; }
.mb15{ margin-bottom:15px; }
.ml15{ margin-left:15px; }
.m20{ margin:20px; }
.mt20{ margin-top:20px; }
.mr20{ margin-right:20px; }
.mb20{ margin-bottom:20px; }
.ml20{ margin-left:20px; }
.m25{ margin:25px; }
.mt25{ margin-top:25px; }
.mr25{ margin-right:25px; }
.mb25{ margin-bottom:25px; }
.ml25{ margin-left:25px; }
.m30{ margin:30px; }
.mt30{ margin-top:30px; }
.mr30{ margin-right:30px; }
.mb30{ margin-bottom:30px; }
.ml30{ margin-left:30px; }
.m35{ margin:35px; }
.mt35{ margin-top:35px; }
.mr35{ margin-right:35px; }
.mb35{ margin-bottom:35px; }
.ml35{ margin-left:35px; }
.m40{ margin:40px; }
.mt40{ margin-top:40px; }
.mr40{ margin-right:40px; }
.mb40{ margin-bottom:40px; }
.ml40{ margin-left:40px; }
.m45{ margin:45px; }
.mt45{ margin-top:45px; }
.mr45{ margin-right:45px; }
.mb45{ margin-bottom:45px; }
.ml45{ margin-left:45px; }
.m50{ margin:50px; }
.mt50{ margin-top:50px; }
.mr50{ margin-right:50px; }
.mb50{ margin-bottom:50px; }
.ml50{ margin-left:50px; }
.m55{ margin:55px; }
.mt55{ margin-top:55px; }
.mr55{ margin-right:55px; }
.mb55{ margin-bottom:55px; }
.ml55{ margin-left:55px; }
.m60{ margin:60px; }
.mt60{ margin-top:60px; }
.mr60{ margin-right:60px; }
.mb60{ margin-bottom:60px; }
.ml60{ margin-left:60px; }
.m65{ margin:65px; }
.mt65{ margin-top:65px; }
.mr65{ margin-right:65px; }
.mb65{ margin-bottom:65px; }
.ml65{ margin-left:65px; }
.m70{ margin:70px; }
.mt70{ margin-top:70px; }
.mr70{ margin-right:70px; }
.mb70{ margin-bottom:70px; }
.ml70{ margin-left:70px; }
.m75{ margin:75px; }
.mt75{ margin-top:75px; }
.mr75{ margin-right:75px; }
.mb75{ margin-bottom:75px; }
.ml75{ margin-left:75px; }
.m80{ margin:80px; }
.mt80{ margin-top:80px; }
.mr80{ margin-right:80px; }
.mb80{ margin-bottom:80px; }
.ml80{ margin-left:80px; }

/* padding */
.p0 { padding:0; }
.pt0 { padding-top:0; }
.pr0 { padding-right:0; }
.pb0 { padding-bottom:0; }
.pl0 { padding-left:0; }
.p5 { padding:5px; }
.pt5 { padding-top:5px; }
.pr5 { padding-right:5px; }
.pb5 { padding-bottom:5px; }
.pl5 { padding-left:5px; }
.p10 { padding:10px; }
.pt10 { padding-top:10px; }
.pr10 { padding-right:10px; }
.pb10 { padding-bottom:10px; }
.pl10 { padding-left:10px; }
.p15 { padding:15px; }
.pt15 { padding-top:15px; }
.pr15 { padding-right:15px; }
.pb15 { padding-bottom:15px; }
.pl15 { padding-left:15px; }
.p20 { padding:20px; }
.pt20 { padding-top:20px; }
.pr20 { padding-right:20px; }
.pb20 { padding-bottom:20px; }
.pl20 { padding-left:20px; }
.p25 { padding:25px; }
.pt25 { padding-top:25px; }
.pr25 { padding-right:25px; }
.pb25 { padding-bottom:25px; }
.pl25 { padding-left:25px; }
.p30 { padding:30px; }
.pt30 { padding-top:30px; }
.pr30 { padding-right:30px; }
.pb30 { padding-bottom:30px; }
.pl30 { padding-left:30px; }
.p35 { padding:35px; }
.pt35 { padding-top:35px; }
.pr35 { padding-right:35px; }
.pb35 { padding-bottom:35px; }
.pl35 { padding-left:35px; }
.p40 { padding:40px; }
.pt40 { padding-top:40px; }
.pr40 { padding-right:40px; }
.pb40 { padding-bottom:40px; }
.pl40 { padding-left:40px; }
.p45 { padding:45px; }
.pt45 { padding-top:45px; }
.pr45 { padding-right:45px; }
.pb45 { padding-bottom:45px; }
.pl45 { padding-left:45px; }
.p50 { padding:50px; }
.pt50 { padding-top:50px; }
.pr50 { padding-right:50px; }
.pb50 { padding-bottom:50px; }
.pl50 { padding-left:50px; }
.p55 { padding:55px; }
.pt55 { padding-top:55px; }
.pr55 { padding-right:55px; }
.pb55 { padding-bottom:55px; }
.pl55 { padding-left:55px; }
.p60 { padding:60px; }
.pt60 { padding-top:60px; }
.pr60 { padding-right:60px; }
.pb60 { padding-bottom:60px; }
.pl60 { padding-left:60px; }
.p65 { padding:65px; }
.pt65 { padding-top:65px; }
.pr65 { padding-right:65px; }
.pb65 { padding-bottom:65px; }
.pl65 { padding-left:65px; }
.p70 { padding:70px; }
.pt70 { padding-top:70px; }
.pr70 { padding-right:70px; }
.pb70 { padding-bottom:70px; }
.pl70 { padding-left:70px; }
.p75 { padding:75px; }
.pt75 { padding-top:75px; }
.pr75 { padding-right:75px; }
.pb75 { padding-bottom:75px; }
.pl75 { padding-left:75px; }
.p80 { padding:80px; }
.pt80 { padding-top:80px; }
.pr80 { padding-right:80px; }
.pb80 { padding-bottom:80px; }
.pl80 { padding-left:80px; }

/* font size */
.fs8 { font-size: 8px; }
.fs9 { font-size: 9px; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }
.fs21 { font-size: 21px; }
.fs22 { font-size: 22px; }
.fs23 { font-size: 23px; }
.fs24 { font-size: 24px; }
.fs25 { font-size: 25px; }
.fs26 { font-size: 26px; }
.fs27 { font-size: 27px; }
.fs28 { font-size: 28px; }
.fs29 { font-size: 29px; }
.fs30 { font-size: 30px; }
.fs31 { font-size: 31px; }
.fs32 { font-size: 32px; }
.fs33 { font-size: 33px; }
.fs34 { font-size: 34px; }
.fs35 { font-size: 35px; }
.fs36 { font-size: 36px; }
.fs37 { font-size: 37px; }
.fs38 { font-size: 38px; }
.fs39 { font-size: 39px; }
.fs40 { font-size: 40px; }
.fs41 { font-size: 41px; }
.fs42 { font-size: 42px; }
.fs43 { font-size: 43px; }
.fs44 { font-size: 44px; }
.fs45 { font-size: 45px; }
.fs46 { font-size: 46px; }
.fs47 { font-size: 47px; }
.fs48 { font-size: 48px; }
.fs49 { font-size: 49px; }
.fs50 { font-size: 50px; }



/* -------------------- deployment -------------------- */
body {
	width: 100%;
	margin: 0 auto;
}

article#contents { 
	width: 100%;
	max-width: 100%; 
	background-image: image-set(
		url('./images/main_bg3.webp') 1x,
		url('./images/main_bg3@2x.webp') 2x
	  );
	background-repeat: repeat-y; 
	background-size: cover; 
	padding: 0; 
	margin: 0 auto; }
#succession-support article#contents, #inheritance-support article#contents, #casestudy article#contents { background-size: contain; }


/* -------------------- PC -------------------- */
/**
 * common
 */

/* font */

body, h2.hl2 span {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
#menu-gnav li, .link_button a, .index2_contents h4, h5.hl5, .single_title h2 {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
h2.hl2, h3.hl3, h4.hl4 {
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
.index2_contents h4 span {
	font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
}
a:hover {color: #0db7d6;}
body * { color: #333; font-feature-settings: "palt"; letter-spacing: 0.1em;}

.container { 
	width: 100%;
	max-width: 100%; 
	background-image: image-set(
		url('./images/main_bg3.webp') 1x,
		url('./images/main_bg3@2x.webp') 2x
	  );
	background-repeat: repeat-y; 
	background-size: contain; 
	padding: 0; 
	margin: 0 auto; 
}
body.home .container { background-size: cover; }

.hl3_wrapper { text-align: center; margin-bottom: 27px; }
h3.hl3 { font-size: 38px; margin-bottom: 1rem;}
p.hl3_sub { font-size: 26px; margin-top: 2px; display: inline-block; position: relative; }
p.hl3_sub:before, p.hl3_sub:after { content: ""; display: inline-block; width: 9px; height: 9px; transform: rotate(45deg); background-color: #a0e13f; }
p.hl3_sub:before { margin: 0 11px 2px 0; }
p.hl3_sub:after { margin: 0 0 3px 13px; }

.link_button a {
	display: block;
	width: 100%;
	max-width: 300px;
	height: 45px;
	position: relative;
	line-height: 42px;
	text-align: center;
	margin: 30px auto 0;
	font-size: 17px;
	background: linear-gradient(90deg, #6bc5d6, #0db7d6);
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	padding-right: 30px;
	transition: .3s;
}

.link_button a::after {
    content: "";
    width: 7px;
    height: 14px;
    background-image: url(./images/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 30px;
    translate: 0 -50%;
}

.link_button a:hover { filter: brightness(1.08);text-decoration: none;}

a:hover img { opacity: .7; }

/**
 * header
 */
header {
	background-image: image-set(
		url('./images/header_top_bg1-2.webp') 1x,
		url('./images/header_top_bg1-2@2x.webp') 2x
	  );
	background-repeat: repeat-x; 
	padding-top: 20px;
}
.header-wrapper { margin: 27px auto 34px; }
.header-wrapper .logo { margin-left: 54px; }
.header-wrapper .contact { width: 100%; max-width: 548px; margin: 5px 51px 0 0; }

#menu-gnav {  width: 100%; max-width: 1031px; margin: 22px auto 106px; }
#menu-gnav li { float: left; width: 16.66666666666667%; text-align: center; position: relative; }
#menu-gnav li a { font-size: 16px; color: #333;font-weight: 900;line-height:1;}
	#menu-gnav li a:hover { text-decoration: none;}
#menu-gnav li a:after { content: ""; display: block; width: 7px; height: 7px; margin: 10px auto 0; transform: rotate(45deg); transition: .3s; }
	#menu-gnav li a:hover:after, #menu-gnav li.current-menu-item a:after { background-color: #a0e13f; }
#menu-gnav li a span {
	font-size: 14px;
	font-weight: 500;
	letter-spacing:normal;
	display: block;
	margin-top: -5px;
}

	#menu-gnav li a span:before { content: "\A"; white-space: pre; }
#global-nav-button { display: none; }

#menu-gnav li .sub-menu { position: absolute; z-index: 10; width: 100%; opacity: 0; transition: .2s; display: block; z-index: -1000; border-bottom: 1px solid #0db7d6; }
#menu-gnav li:hover .sub-menu { opacity: 1; z-index: 2; width:250px;}
#menu-gnav li .sub-menu li { float: none; width: 100%; }
#menu-gnav li .sub-menu li a { display: block; width: 100%; max-width: 250px; height: 45px; line-height: 45px;  border: 1px solid #0db7d6; background: #fff; border-radius: 0; border-bottom: none; color: #0db7d6;  }
#menu-gnav li .sub-menu li a:hover { background: linear-gradient(90deg, #6bc5d6, #0db7d6); color: #fff; }
#menu-gnav li .sub-menu li a:before, #menu-gnav li .sub-menu li a:after { content: none; }
#menu-gnav li .sub-menu li span { display: none; }

/**
 * footer
 */
footer .footer_top .Fleft, footer .footer_top .Fright { width: 50%; margin: 0 auto; min-height: 280px; }
footer .footer_top #map iframe { width: 100%; height: auto; min-height: 280px; }
footer .footer_top .Fright { 
	background-image: image-set(
		url('./images/ss_bg1-2.webp') 1x,
		url('./images/ss_bg1-2@2x.webp') 2x
	  );
}
footer .footer_top .Fright h2 {margin: 55px 0px 0px 60px;}
footer .footer_top .Fright h2 img{padding-bottom:15px;border-bottom: 2px solid #fff;}
footer .footer_top .Fright p { color: #fff; font-size: 1.6rem; line-height: 1.6; margin: 15px 0 0 60px; }

footer .footer_bottom ul { width: 100%; max-width: 1084px; margin: 51px auto 31px; display: flex; flex-wrap: wrap; justify-content: center; }
footer .footer_bottom ul li { width:fit-content;border-right: 1px solid #333; padding: 2px 10px; margin-bottom: 21px; font-size: 16px; font-weight: bold; text-align: center; }
	footer .footer_bottom ul li:last-child { border: none; }
footer .footer_bottom ul li a { transition: .3s; }
footer .footer_bottom ul li a:hover {color: #0db7d6;}
footer .footer_bottom .copyright {
	background-image: image-set(
		url('./images/ss_bg1-2.webp') 1x,
		url('./images/ss_bg1-2@2x.webp') 2x
	  );
	padding: 20px 0; 
	font-size: 1.2rem;
}
footer .footer_bottom .copyright a { color: #fff; letter-spacing: 1px;}
footer .footer_link{ width:320px; margin:0 auto 30px; display:flex; justify-content:center; position:relative; left:20px;}
footer .footer_link a{ width:auto; text-align:center;  margin:0 20px;}

/**
 * index
 */
.ss_wrapepr {
	background-image: image-set(
		url('./images/ss_bg1-2.webp') 1x,
		url('./images/ss_bg1-2@2x.webp') 2x
	  );
}
.ss { width: 100%; max-width: 1118px; margin: 0 auto; }
	.slick-dotted.slick-slider { margin-bottom: 0; }
	.slick-active img{ margin:0 auto; }
.slick-prev, .slick-next { width: 70px; height: 70px; }
.slick-prev:before, .slick-next:before { font-size: 70px; }
.slick-dots { bottom: 12px; }
.slick-dots li { margin: 0 -2px; }
.slick-dots li button:before { font-size: 12px; color: #fff; }
.slick-dots li.slick-active button:before { color: #fff; }

.index_section { width: 90%; max-width: 1118px; margin: 120px auto ;  }

.index1_contents > * { text-align: center; }
.index1_contents > * p { text-align: left; line-height: 1.8; margin: -5px 0 0 -7px; width:96%;}
.index1_contents > * img { margin: 6px 15px 0 0px; }

.section2 > div > * { text-align: center; }
.section2 > div > * p { text-align: left; }

.index2_contents { width: 100%; max-width: 1100px; min-height: 300px; display: table; margin: 0 auto 30px; padding:30px 40px; background: #fff; border: none; box-shadow: 1px 1px 3px 2px #ccc; }
.index2_contents > * { width: 50%; height: 100%; }
.index2_contents > *:nth-child(2) { height: 300px; line-height: 300px; position: relative;}
.index2_contents h4 { font-size: 26px; text-align: left; margin: 10px 0 20px 5px; line-height: 1; }
.index2_contents h4 span { font-size: 48px; margin-right: 12px; }
.index2_contents p { font-size: 14px; text-align: left; line-height: 1.8; margin: 16px auto -9px; }
.index2_contents img { display: block; position: absolute; right: 0; left: 0; margin: 0 auto; }

.index2_contents:nth-child(2) img { margin-top: 15px; }
.index2_contents:nth-child(3) img { margin-top: 31px; }

.index_banner { padding-top: 30px; }
.index_banner .Fright { text-align: left; }
.index_banner .Fleft { text-align: right; }

.news_warapper { width: 100%; max-width: 860px; margin: 0 auto; }
.news_warapper ul { list-style-type: none; padding-top: 6px; }
.news_warapper ul li { border-bottom: 2px dashed #555;margin: 0 auto; padding: 20px 20px; }
.news_warapper ul li:last-child { border: none; padding-bottom: 0px;}
.news_warapper ul li:first-child { padding-top: 0px;}
.news_warapper ul li .Fleft { 
    width: 20rem;
    height: 100%;
    flex-shrink: 0;
	margin:0px;
}

.news_warapper ul li .Fleft img{
	width: 100%;
    height: 100%;
    max-width: 100%;
    align-items: center;
    display: block;
    aspect-ratio: 6 / 5;
    object-fit: cover;
}

.news_warapper ul li .Fright{margin:0px;width:100%;}

.news_warapper ul li time { float: left; font-size: 14px;}
.news_warapper ul li p.category_tag { float: left; font-size: 14px;margin: -3px 0 0 9px; padding: 4px 10px; border-radius: 3px;line-height:normal;}
	.news_warapper ul li p.category_tag.info { color: #4070b7; background-color: #e6ebf0; }
	.news_warapper ul li p.category_tag.succession { color: #de912f; background-color: #efeae5; }
	.news_warapper ul li p.category_tag.inheritance { color: #6fb353; background-color: #e8f1e6; }
	.news_warapper ul li p.category_tag.seminar { color: #c83e45; background-color: #ede4e4; }
	.news_warapper ul li p.category_tag.service { color: #5b318c; background-color: #e9e4f0; }

.news_warapper ul li h4 { font-size: 16px;font-family: "Noto Sans JP", sans-serif;font-weight:bold; padding: 16px 0 10px; clear: both;line-height: 1.5;}
.news_warapper ul li p.index_news_excerpt { font-size: 14px; line-height:1.5em; letter-spacing: 1.5px; margin-top: 7px; }

.index_section.section4 {
	width: 100%;
	max-width: 100%;
	padding: 69px 0 61px;
	margin: 0 auto;
	background-image: 
		image-set(
		url('./images/section4_top_bg1-2.webp') 1x,
		url('./images/section4_top_bg1-2@2x.webp') 2x
	  ), 
		image-set(
		url('./images/section4_top_bg2-2.webp') 1x,
		url('./images/section4_top_bg2-2@2x.webp') 2x
	  ),
		image-set(
		url('./images/section4_bg1-2.webp') 1x,
		url('./images/section4_bg1-2@2x.webp') 2x
	  );
	background-repeat: repeat-x, no-repeat, repeat;
	background-position: top left, top 9px center, top left;
}
.index_section.section4 p.Tcenter { 
	margin-bottom: 30px; 
	max-width: 90%;
    margin-inline: auto;
}

/**
 * page
 */
/* common */
.page #menu-gnav, .archive #menu-gnav {margin: 1rem auto 0; padding-top: 9px; max-width: 997px; }

/* #contents { width: 100%; max-width: 100%; background-image: url('./images/main_bg2.png'); background-repeat: repeat-y; background-size: contain; padding: 0; margin: 0 auto; } */

#page { width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 0 140px 0; }

#page-title { margin: 33px auto 94px; text-align: center; }

.page_title_wrapper { width: 100%; max-width: 1100px; margin: 45px auto 100px; text-align: center; position: relative; }
.page_title_left { float: left; width: 50%; position: absolute; bottom: 0; }
.page_title_right { float: right; width: 50%; }
.page_title_wrapper p.page_subtitle { text-align: center; font-size: 24px; margin-top: 10px; font-weight: bold; line-height: 1.2;}
.page_title_wrapper p.page_catch { font-size: 14px; line-height: 1.8; text-align: left; margin: 35px auto 0; max-width: 450px; }

#page h2.hl2, .archive h2.hl2 { font-size: 48px; text-align: center; margin: 97px auto 40px; }
#page h2.hl2 span, .archive h2.hl2 span {font-size: 27px; display: block; margin-top: 3px; }
h4.hl4 { font-size: 29px; text-align: center; margin: 0 auto 30px; }
	h4.hl4:after { content: ""; display: block; width: 10px; height: 10px; transform: rotate(45deg); background-color: #a0e13f; margin: 12px auto 0; }
h5.hl5 { font-size: 24px; text-align: left; padding: 0 0 5px 10px; margin: 0 0 10px 0; border-bottom: 2px solid #a0e13f; }

.page p { font-size: 16px; line-height: 1.8; margin-top: -4px; }

.table_deco1 { width: 100%; margin: -11px auto 0; padding: 0; border: none;line-height: 1.75;}
.table_deco1 tr { border-bottom: 2px solid #e5e5e5; }
.table_deco1 td {font-size:16px; vertical-align: middle; position: relative; padding: 17px 0; }
.table_deco1 td:nth-child(1) { width: 34%; padding-left: 13px; }
	.table_deco1 td:nth-child(1):after { content: ""; display: block; position: absolute; top: 10px; right: 0; width: 2px; height: calc(100% - 20px); background-color: #e5e5e5; }
.table_deco1 td:nth-child(n + 2) { padding-left: 23px; }

.table_deco2 { width: 100%; max-width: 800px; margin: -2px auto 0; border-top: 2px solid #a0e13f; }
.table_deco2 tr { border-bottom: 1px solid #b3b3b3; }
.table_deco2 th { width: 25%; padding: 33px 0 28px 52px; font-size: 18px; position: relative; vertical-align: top; }
	.table_deco2 th:before { content: ""; display: block; position: absolute; top: 38px; left: 23px; width: 10px; height: 10px; transform: rotate(45deg); background-color: #a0e13f; }
	.table_deco2 th:after { content: ""; display: block; position: absolute; top: 20px; right: 0; width: 2px; height: calc(100% - 40px); background-color: #e5e5e5; }
.table_deco2 td { width: 75%; padding: 20px 0 20px 24px; font-size: 16px; vertical-align: middle; line-height: 2;}
.table_deco2 iframe { width: 100%; min-height: 260px; margin: 19px 0; }

.list_deco1 { width: 100%; max-width: 900px; border: 1px solid #0072dc; border-radius: 8px;list-style-type: none; padding: 3rem 6rem; position: relative; background-color: #fff; }
	.list_deco1:after { content: ""; position: absolute; bottom: 9px; right: -191px; }
.list_deco1 li { position:relative; color: #00a9a0; margin: 16px auto; font-size: 20px; margin-left: -6px; line-height: 1.3; }
	.list_deco1 li:before { content: ""; position: absolute; top: 50%; left: -12px; width: 4px; height: 4px; border-radius: 100%; background-color: #00a9a0; }
/* .list_deco1 li:last-child:after { content: "etc."; display: block; position: absolute; top: 50%; right: 5%; }
 */
.list_deco1 li:last-child{text-align:right;}
.list_deco1 li:last-child:before{display:none;}

.list_deco2 { width: 100%; list-style-type: none; }
.list_deco2 li { float: left; width: 50%; max-width: 530px; height: 100px; margin-bottom: 40px; position: relative; display: flex; align-items: center; background-color: #f3ece4; border-radius: 5px; }
.list_deco2 li:nth-child(2n) { float: right; }
.list_deco2 li:before { content: ""; display: block; position: absolute; border-right: 2px dashed #928f88; font-size: 49px; font-weight: bold; color: #0171bd; left: 27px; padding: 6px 25px 6px 0; font-family: "Noto Sans JP", sans-serif;font-weight:bold; top: calc(50% - 30.5px); }
	.list_deco2 li:nth-child(1):before { content: "01"; }
	.list_deco2 li:nth-child(2):before { content: "02"; }
	.list_deco2 li:nth-child(3):before { content: "03"; }
	.list_deco2 li:nth-child(4):before { content: "04"; }
	.list_deco2 li:nth-child(5):before { content: "05"; }
	.list_deco2 li:nth-child(6):before { content: "06"; }
	.list_deco2 li:nth-child(7):before { content: "07"; }
	.list_deco2 li:nth-child(8):before { content: "08"; }
	.list_deco2 li:nth-child(9):before { content: "09"; }
	.list_deco2 li:nth-child(10):before { content: "10"; }
.list_deco2 li:after { content:""; display: block; position: absolute; right: 23px; }
.list_deco2 li p { font-size: 18px; font-weight: bold; margin-left: 144px; }

.list_deco3 { width: 100%; list-style-type: none; }
.list_deco3 li { float: left; width: 50%; max-width: 530px; height: 120px; margin-bottom: 40px; position: relative; display: flex; align-items: center; border-radius: 5px; background-color: #ececec; }
.list_deco3 li:nth-child(2n) { float: right; }
.list_deco3 li:before { content: ""; display: block; position: absolute; border-right: 1px dashed #333; left: 27px; padding-right: 34px; top: calc(50% - 41.5px); }
	.list_deco3 li.iconA:before { content: url('./images/inheritance-support_img6.png'); }
	.list_deco3 li.iconB:before { content: url('./images/inheritance-support_img7.png'); }
.list_deco3 li p { font-size: 16px; font-weight: bold; margin-left: 144px; }

.page_line { background-image: url('./images/page_line1.png'); background-repeat: no-repeat; background-position: top center; width: 100%; height: 21px; margin: 28px auto 56px; }

/* unique */
.page #about #section1 { margin: 0 auto; }
.page #about #section2 { margin-top: 58px; }
.page #about #section3 { margin-top: 97px; }

.page #others-support ul { display: flex; flex-wrap: wrap; justify-content: center; list-style-type: none; padding-top: 5px;}
.page #others-support li { text-align: center; width: 300px; margin:30px; }


.page #others-support .section1 p { font-size: 14px; text-align: left; margin-top: 8px; }

.page #inheritance-support .section1 .list_deco1 { margin-top: 34px; }
.page #inheritance-support .section2 { margin-bottom: 58px; }
.page #inheritance-support .list_deco1:after { content: url('./images/inheritance-support_img1.png'); }
.page #inheritance-support .list_deco2 li:after { content: url('./images/inheritance-support_img3.png'); top: calc(50% - 34.5px);}
.page #inheritance-support .section3 p { font-size: 16px; text-align: center; font-weight: bold; }
.page #inheritance-support .section3 .list_deco1 { margin-top: 24px; padding-top: 7px; }
.page #inheritance-support .section4 { margin-bottom: 98px; }
.page #inheritance-support .section5 { margin-bottom: 67px; }
.page #inheritance-support .section5 .Fright { margin-top: 108px; padding-left: 24px; }
.page #inheritance-support .section5 .Fright h5 { font-size: 24px; margin-bottom: 30px; font-family: "Noto Sans JP", sans-serif;font-weight:bold;}
.page #inheritance-support .section5 .Fright p { font-size: 14px; line-height: 1.75; max-width: 450px; }
.page #inheritance-support .section6 { text-align: center; margin-bottom: 50px; }
.page #inheritance-support .section6 p { max-width: 800px; margin: 27px auto 0; font-size: 14px; text-align: left; }

.page #succession-support .section1 { position: relative; }
.page #succession-support .section1:after { content: url('./images/succession-support_img1.png'); position: absolute; right: 12px; bottom: -17px; }
.page #succession-support .section2 { margin-bottom: 55px; }
.page #succession-support .section3 { position: relative;}
.page #succession-support .section3:after { content: url('./images/succession-support_img3.png'); position: absolute; right: 12px; bottom: -17px; }
.page #succession-support .list_deco2 li:after { content: url('./images/succession-support_img2.png'); top: calc(50% - 25.5px); }

.page #about .greeting{
	max-width:900px;
	width:100%;
}
.page #about .greeting div.Fleft,.page #about .greeting div.Fright{
	float:none;
}
.page #about .greeting div.Fright{
	width:100%;
	margin-top:30px;
}
.page #about .president-image{
	margin:0 auto;
	display:block;
}
.support-list li p{
	margin-top:10px;
}
.page #casestudy .q_wrapper, .page #casestudy .a_wrapper {
	border: 3px solid;
	border-radius: 5px;
	padding: 23px 15px 21px;
	margin-bottom: 55px;
	position: relative;
	background-color: #fff;
}
.page #casestudy .a_wrapper p span{
	font-size:18px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:bold;
}
.page #casestudy .a_wrapper .small-title{
	padding-bottom:0;
}
.page #casestudy .section1 { margin: 1px auto 94px; }
.page #casestudy .q_wrapper:nth-child(2) { margin-top: 61px; }
.page #casestudy .q_wrapper { border-color: #a0e13f; }
.page #casestudy .a_wrapper { border-color: #0db7d6; }
.page #casestudy .q_wrapper h6, .page #casestudy .a_wrapper h6 {
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	position: absolute;
	top: -30px;
	left: 12px;
	border: 3px solid;
	padding: 6px 30px;
	background-color: #fff;
}
.page #casestudy .q_wrapper h6 { color: #fff; background: #a0e13f; border-color: #a0e13f; border-radius: 999px;}
.page #casestudy .a_wrapper h6 { color: #fff; background: #0db7d6; border-color: #0db7d6; border-radius: 999px;}
.page #casestudy .q_wrapper p, .page #casestudy .a_wrapper p { font-size: 16px; font-weight: normal; text-align: left; padding:10px}
.page #casestudy .section1 .a_wrapper { padding-bottom: 35px; }

body#privacy-policy #page-title { display: none; }
.page #privacy-policy .section1 { margin: 29px auto 34px;}
.page #privacy-policy { width: 100%; max-width: 800px; margin: 0 auto; }
.page #privacy-policy h3 { font-size: 14px; font-weight: bold; margin: 27px auto 9px; }
.page #privacy-policy p { font-size: 14px; }
	.page #privacy-policy .section2 p { margin-bottom: 4px; }
.page #privacy-policy ul { margin: 4px auto -2px; }
.page #privacy-policy li { font-size: 14px; margin-left: 11px; padding-bottom: 10px; list-style-type: none; position: relative; }
.page #privacy-policy li:before { content: ""; display: block; position: absolute; top: calc(50% - 6px); left: -9px; width: 3px; height: 3px; background-color: #333; border-radius: 100%; }

body#contact #page-title, body#error #page-title, body#confirm #page-title, body#complete #page-title { display: none; }
.page #contact .section1 { width: 100%; max-width: 800px; margin: 22px auto 0; }
.page #contact .section1 p a { color: #0db7d6; }
.page #contact .section1 .float_wrapper { margin: 25px auto 0; }

.page #contact table { width: 100%; border-top: 5px solid #a0e13f; margin: 30px auto 0; }
.page #contact table tr { border-bottom: 1px dashed #ccc; }
.page #contact table tr:nth-child(even) { background-color: #f0f0f0; }
.page #contact table tr:nth-child(odd) { background-color: #fff; }
.page #contact table th { width: 37.5%; height: 60px; padding: 19px 0 20px 44px; font-size: 18px; position: relative; vertical-align: top; border-right: 1px dashed #f3f3f3; }
	.page #contact table th:before { content: ""; display: block; position: absolute; top: 23px; left: 18px; width: 10px; height: 10px; transform: rotate(45deg); background-color: #a0e13f; }
.page #contact table th span { color: #ec1d25; }
.page #contact table td { width: 62.5%; padding: 0 9px; font-size: 16px; font-weight: bold; vertical-align: middle; }
.page #contact table td input, .page #contact table td textarea { background: #fff; }
.page #contact table td input { width: 100%; font-size: 14px; padding: 9px 16px; }
.page #contact table td .mwform-tel-field { font-size: 24px; } .page #contact table td .mwform-tel-field input { width: 17%; }
.page #contact table td .mwform-zip-field { font-size: 24px; margin-left: 4px; }  .page #contact table td .mwform-zip-field input { width: 17%; } .page #contact table td .mwform-zip-field input:first-child { margin-left: 9px;}
.page #contact table td input::-webkit-input-placeholder { color: #979797; }
.page #contact table td textarea { width: 100%; margin: 10px auto 9px; min-height: 240px; padding: 7px 0 0 12px; }
.page #contact .submit { margin: 30px auto; text-align: center; }
.page #contact .submit input {
	width: 100%;
	max-width: 200px;
	height: 40px;
	background: linear-gradient(90deg, #6bc5d6, #0db7d6);
	border-radius: 3px;
	box-shadow: none;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	position: relative;
	margin: 0 10px;
	transition: .3s;
}
.page #contact .submit input:hover {filter: brightness(1.08);text-decoration: none;}


/**
 * single
 */
body.single #menu-gnav { margin-bottom: 72px; }
.single_container { width: 100%; max-width: 1100px; margin: 0 auto; }
.single_contents { float: left; width: 100%; max-width: 700px; }
.single_wrapper { padding-bottom: 143px; }
.single_date { float: left; font-size: 18px; margin-left: 9px; }
.single_cat p { float: left; font-size: 14px; margin: -3px 0 0 9px; padding: 4px 10px; border-radius: 3px; }
	.single_cat p.category_tag.info { color: #4070b7; background-color: #e6ebf0; }
	.single_cat p.category_tag.succession { color: #de912f; background-color: #efeae5; }
	.single_cat p.category_tag.inheritance { color: #6fb353; background-color: #e8f1e6; }
	.single_cat p.category_tag.seminar { color: #5b318c; background-color: #e9e4f0; }
	.single_cat p.category_tag.service { color: #c83e45; background-color: #edf4e4; }
.single_cat p { background-color: transparent!important; }
.single_title h2 { font-size: 26px; padding: 14px 0 11px 8px; border-bottom: 1px dashed #333; }

.single_contents p { font-size: 14px; font-weight: bold; line-height: 1.75; margin-bottom: 25px; }
.single_contents img { margin-bottom: 20px; }
.single_contents p img { margin-bottom: -5px; }


/**
 * archive
 */
.archive_container { width: 100%; max-width: 1100px; margin: 0 auto; padding:0 0 143px; }
.archive_wrapper {width: 100%; max-width: 700px;float: left;} 
.archive_contents {
    border-bottom: 2px dashed #555;
    margin: 0 auto;
    padding: 20px 20px;
}
.archive_contents a{display: flex;gap: 3rem;}
.archive_contents:first-child {
    padding-top: 0px;
}
.archive_contents:last-child{
    border: none;
    padding-bottom: 0px;
}
.archive_contents a:hover{text-decoration:none;}
.archive_item{width:100%;}
#archive-title { margin: -52px auto 65px; text-align: center; }
.archive_date { float: left;font-size: 14px;}
.archive_cat p { float: left; font-size: 14px; margin: -3px 0 0 9px; padding: 4px 10px; border-radius: 3px; }
	.archive_cat p.category_tag.info { color: #4070b7; background-color: #e6ebf0; }
	.archive_cat p.category_tag.succession { color: #de912f; background-color: #efeae5; }
	.archive_cat p.category_tag.inheritance { color: #6fb353; background-color: #e8f1e6; }
	.archive_cat p.category_tag.seminar { color: #c83e45; background-color: #ede4e4; }
	.archive_cat p.category_tag.service { color: #5b318c; background-color: #e9e4f0; }
.archive_title { margin: 16px 0 10px; }
.archive_title h2 { font-size: 16px;font-family: "Noto Sans JP", sans-serif;font-weight:bold;}
.archive_excerpt p { font-size: 14px; line-height: 1.5; }

.archive_thum{
	width: 20rem;
    height: 100%;
    flex-shrink: 0;
    margin: 0px;
}
.archive_thum img{
	width: 100%;
    height: 100%;
    max-width: 100%;
    align-items: center;
    display: block;
    aspect-ratio: 6 / 5;
    object-fit: cover;
}

/**
 * other
 */
/* side */
aside { float: right; width: 100%; max-width: 360px; }
aside section.widget { border-top: 2px solid #a0e13f; margin: 0 auto 97px; font-size: initial; }
aside h3.widget-title { font-size: 20px; font-weight: bold; text-align: center; margin: 16px auto 19px; }
aside ul li { font-size: 14px; font-weight: bold; padding-left: 12px; height: 50px; line-height: 50px; border-top: 2px solid #d6dbde; position: relative; }
aside ul li:before { content: ""; display: block; width: 7px; height: 7px; top: calc(50% - 3.5px); left: 9px; transform: rotate(45deg); background-color: #a0e13f; position: absolute; }
aside ul li:after { content: ""; display: block; position: absolute; top: calc(50% - 6px); right: 20px; width: 12px; height: 12px; background-color: transparent; border: 3px solid transparent; border-top-color: #333; border-right-color: #333; transform: rotate(45deg); }
	aside ul li:last-child { border-bottom: 2px solid #d6dbde; }
.widget_categories .nav-link, .nav-link { display: inline; }
.nav > li > a:focus, .nav > li > a:hover { background: none; }

/* breadcrumbs */
.breadcrumbs { margin: 12px 0 61px 9px; font-size: 14px; font-weight: bold; }
.breadcrumbs .punctuation { display: inline-block; position: relative; width: 32px; height: 10px; }
.breadcrumbs .punctuation:after { content: ""; display: block; position: absolute; width: 8px; height: 8px; top: 0; right: calc(50% + 2px); transform: rotate(45deg); border: 2px solid transparent; border-top-color: #333; border-right-color: #333; }


/* single paging */
#paging { width: 100%; max-width: 640px; margin: 0 auto; }
#paging > p { float: left; display: block; width: 100%; max-width: 200px; height: 77px; text-align: center; margin: 29px 20px 0 0; background-color: #8cbbd9; border-radius: 6px; }
	#paging > p:last-child { margin-right: 0; }
#paging > p a { display: block; width: 100%; height: 100%; font-size: 20px; color: #fff; line-height: 1; padding-top: 20px; }
#paging > p a span { display: block; font-size: 14px; color: #fff; margin-top: 11px; position: relative; }
p.previous_post span { margin-left: 17px; }
p.next_post span { margin-right: 18px; }
#paging > p a span:before, #paging > p a span:after {  content: ""; display: block; position: absolute; width: 8px; height: 8px; background: transparent; top: calc(50% - 1px); border: 2px solid transparent; border-top: 2px solid #fff; border-right: 2px solid #fff; }
p.previous_post span:before, p.previous_post span:after { transform: rotate(-135deg); }
	p.previous_post span:before { left: 61px; } p.previous_post span:after { left: 67px; }
p.next_post span:before, p.next_post span:after { transform: rotate(45deg); }
	p.next_post span:before { right: 61px; } p.next_post span:after { right: 67px; }

/* archive paging */
.wp-pagenavi { margin: 0 auto; text-align: center; padding-top: 19px; }
.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0 2.5px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #8dbad9;
	border: none;
	border-radius: 2px;
	
}
.wp-pagenavi span { background-color: #2683c0; }
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { width: 60px; position: relative; }
.wp-pagenavi a.previouspostslink { margin-right: 3.5px; text-align: right; padding-right: 6px; }
.wp-pagenavi a.nextpostslink { margin-left: 3.5px; text-align: left; padding-left: 6px; }
.wp-pagenavi a.previouspostslink:before, .wp-pagenavi a.previouspostslink:after, .wp-pagenavi a.nextpostslink:before, .wp-pagenavi a.nextpostslink:after {
content: ""; display: block; position: absolute; width: 9px; height: 9px; background: transparent; top: calc(50% - 4.5px); border: 2px solid transparent; border-top: 2px solid #fff; border-right: 2px solid #fff;
}
.wp-pagenavi a.previouspostslink:before, .wp-pagenavi a.previouspostslink:after { transform: rotate(-135deg); }
	.wp-pagenavi a.previouspostslink:before { left: 7px; } .wp-pagenavi a.previouspostslink:after { left: 12px; }
.wp-pagenavi a.nextpostslink:before, .wp-pagenavi a.nextpostslink:after { transform: rotate(45deg); }
	.wp-pagenavi a.nextpostslink:before { right: 7px; } .wp-pagenavi a.nextpostslink:after { right: 12px; }

/* mw_wp_form */
.mw_wp_form .error {padding:5px 5px 15px;}
/*404*/
.error404 h2{font-size:80px; margin-top:60px;}

.error404 h3{font-size:30px; margin-top:30px;}

.error404 ol li{ margin: 10px 0; line-height:1.8;margin-left: 2em;font-size: 14px;}
.error404 #contents{background-size:cover;}
/* -------------------- SP -------------------- */
@media (max-width:1366px) {
	
	@media (max-width:1200px) {
		
	@media (max-width:1100px) {
		.archive_wrapper{max-width:90%; float:none; width:100%;margin-inline:auto;margin-bottom: 10rem;}
		.archive_contents{ width:100%}
		
		aside{max-width:90%; width:100%; margin:0 auto; float:none;}
		
		@media (max-width:1024px) {
			#succession-support .section1, #succession-support .section3{
				width:96%;
				margin:0 auto;
			}
			#inheritance-support .section1,#inheritance-support .section3{
				width:96%;
				margin:0 auto;				
			}
			.page #inheritance-support .list_deco1:after{
				display:none;
			}
			.page #inheritance-support .section1 .list_deco1,.page #inheritance-support .section3 .list_deco1{
				margin:30px auto;
			}
			.page #about #section2{
				width:90%;
				margin:58px auto 0;
			}
			.list_deco2{
				width:96%;
				margin:0 auto;
			}
			.list_deco2 li{
				width:49%;
			}
			.page #succession-support .list_deco2 li:after{
				display:none;
			}
			.list_deco3{
				width:96%; margin:0 auto; display:block;
			}
			.list_deco3 li{
				width:49%
			}
			#casestudy .section1,#casestudy .section2{
				width:96%;
				margin:0 auto;
			}
			.slick-next{ right: 10px; }
			.slick-prev{ left: 10px; }
			@media (max-width:1000px) {

		@media (max-width:768px) {
			.header-wrapper .logo{
				margin:0 auto 30px;
				float:none;
			}
			.header-wrapper .contact{
				margin:0 auto;
				float:none;
			}
			.index2_contents{
				padding:30px;
				width:96%;
			}
			.page_title_wrapper p.page_catch{
				width:96%;
				margin:0 auto;
			}
			.page #about #section1{width:90%;}
			.page #about #section3{ width:96%; margin-left: auto; margin-right: auto; }

			.page #succession-support .list_deco2 li:after{display:none;}
			.list_deco2{width:96%; margin:0 auto; display:block;}
			.list_deco2 li{width:49%}
			.list_deco2 li p{margin-right:10px; font-size:16px; line-height:1.6;}
			.list_deco2 li p br{display:none;}
			
			.page #inheritance-support .list_deco2 li:after{display:none;}
			.page #inheritance-support .section5 .Fright{margin-top:0;}
			
			.list_deco3 li p br{ display:none; }
			.list_deco3 li p{ margin-right:10px; font-size:16px; line-height:1.6; }
			
			.page #inheritance-support .section6{ width:96%; margin:30px auto; }
			.page #succession-support .section1:after,.page #succession-support .section3:after{display:none;}
			

			footer .footer_bottom ul{max-width:90%;}
			footer .footer_bottom ul li{ font-size:14px;  }
			


			
			section#contact{
				width:96%;
				margin:0 auto;
			}
			.page #privacy-policy{
				width:96%;
				margin:0 auto;
			}
			@media (max-width:736px) {

				@media (max-width:699px) {
					/* common */
					html { margin: 0 auto!important; }
					html #wpadminbar { display: none!important; }
					body { position: relative; }
					
					.container, article#contents, #succession-support article#contents, #inheritance-support article#contents, #casestudy article#contents {
						background-image: image-set(
							url('./images/main_bgSP2.webp') 1x,
							url('./images/main_bgSP2@2x.webp') 2x
						);
						background-size: contain; 
					}
					
					.SP, div.SP { display: initial; }
					.PC, div.PC { display: none; }

					.columns1, .columns2, .columns3, .columns4, .columns5, .columns6, .columns7, .columns8, .columns9, .columns10 { column-count: 1; }

					.Fleft, .Fright { float: none; width: 100%; }

					.breakSP:before { content: "\A"; white-space: pre; }
					.breakPC:before { content: ""; white-space: initial; }
					
					* img { max-width: 100%; }
					
					.hl3_wrapper { margin-bottom: 20px; }
					h3.hl3 { font-size: 20px; margin: 20px auto 0; }
					p.hl3_sub { font-size: 14px; margin-top: 5px; }
					p.hl3_sub:before, p.hl3_sub:after { width: 6px; height: 6px; vertical-align: middle; }
					
					
					/* header */
					header { padding-top: 10px; background-size: 100% 10px; }
					.header-wrapper { margin: 0 auto; }
					.header-wrapper .logo {
						position: fixed;
						height: 90px;
						margin: 0 auto;
						padding: 25px 0 15px;
						text-align: left;
						box-shadow: 1px 2px 2px 0px #ccc;
						top: 0;
						background-image: image-set(url(./images/header_top_bg1-2.webp) 1x, url(./images/header_top_bg1-2@2x.webp) 2x);
						background-color: #fff;
						background-size: 100% 10px;
						background-repeat: no-repeat;
						z-index: 1002;
					}
					.header-wrapper .logo img { max-width: 28rem; margin-left: 4%; }
					.header-wrapper .contact { margin: 0 auto; text-align: center; padding-top: 90px; }
					.header-wrapper .contact .Fleft, .header-wrapper .contact .Fright { width: 50%; text-align: center; margin: 20px auto; }
					.header-wrapper .contact .Fleft img, .header-wrapper .contact .Fright img { width: 96%; }
					.header-wrapper .contact .Fleft { float: left; }
					.header-wrapper .contact .Fright { float: right; }
					
					#global-nav { display: none; position: fixed; top: 84px; width: 100%; border-bottom: 2px solid #0db7d6; z-index: 1002; }
					#global-nav.active_menu { display: block; }
					#menu-gnav { margin: 0 auto; }
					body.single #menu-gnav { margin-bottom: 0; }
					#menu-gnav li { float: none; width: 100%; border-bottom: 1px solid #0db7d6; padding: 0; }
					#menu-gnav li:hover { background: #fff; color: #333; }
					#menu-gnav li a { display: block; font-size: 16px; padding: 20px 0; width: 100%; max-width: 100%; background: #fff; color: #333; }
					#menu-gnav li a:hover { background:linear-gradient(90deg, #6bc5d6, #0db7d6);; color: #fff; }
						#menu-gnav li a:after, #menu-gnav li a:hover:after, #menu-gnav li.current-menu-item a:after { content: none; }
					#menu-gnav li a span { display: none; padding: 0; margin: 0 auto; }
					
					#menu-gnav li .sub-menu { display: block; opacity: 1; position : relative; z-index: 1003; margin-top: -57px; border-bottom: none; }
					#menu-gnav li .sub-menu li a { width: 100%; margin: 0 auto; border: none; height: auto; line-height: 1; color: #333; max-width: 100%; }
					#menu-gnav li .sub-menu li:first-child { border-top: 1px solid #0db7d6; }
					#menu-gnav li .sub-menu li:last-child { border-bottom: none; padding-bottom: 0; }
					
					#global-nav-button { position: fixed; top: 35px; right: 4%; width: 42px; height: 30px; }
					#global-nav-button, #global-nav-button span { display: inline-block; transition: all .4s; box-sizing: border-box; }
					#global-nav-button { z-index: 1003; text-decoration: none; }
					#global-nav-button span { position: absolute; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #6bc5d6, #0db7d6); border-radius: 4px; }
					#global-nav-button span:nth-of-type(1) { top: 0; }
					#global-nav-button span:nth-of-type(2) { top: calc( 50% - 2px); }
					#global-nav-button span:nth-of-type(3) { bottom: 0; }
					#global-nav-button.active_button span:nth-of-type(1) { -webkit-transform: translateY(20px) rotate(-45deg); transform: translateY(13px) rotate(-45deg); }
					#global-nav-button.active_button span:nth-of-type(2) { left: 50%; opacity: 0; -webkit-animation: active-menu-bar02 .8s forwards; animation: active-menu-bar02 .8s forwards; }
					/* @-webkit-keyframes active-menu-bar02 { 100% { height: 0; } }
					@keyframes active-menu-bar02 { 100% { height: 0; } } */
					#global-nav-button.active_button span:nth-of-type(3) { -webkit-transform: translateY(-20px) rotate(45deg); transform: translateY(-13px) rotate(45deg); }

					/* footer */
					footer .footer_top .Fleft, footer .footer_top .Fright { width: 100%; margin: 0 auto; min-height: 0; }
					
					.footer_top .Fright { padding-bottom: 30px; }
					footer .footer_top .Fright h2 { font-size: 28px; text-align: center; margin: 0 auto; padding: 30px 0; }
					footer .footer_top .Fright span { font-size: 18px; }
					footer .footer_top .Fright p { font-size: 18px; margin: 0 6%; }
					
					footer .footer_bottom ul li { width: auto; padding: 2px 4%; }
					
					/* index */
					.slick-arrow { display: none!important; }
					.slick-slide img { max-width: 90%; margin: 5% auto; }
					
					.index1_contents { max-width: 90%; margin: 0 auto; }
					.index1_contents > .Fright { margin-top: 20px; }
					.index1_contents > * img { margin: 0 auto; }

					
					.index_section.section2 { max-width: 90%;margin: 0 auto 6rem; }
					.index2_contents { padding-bottom: 25px; display: block; padding-top:1px;}
					.index2_contents h4 { margin-top: 25px; }
					.index2_contents h4 span:after { content: "\A"; white-space: pre; }
					.index2_contents > *:nth-child(2) { height: auto; line-height: 1; }
					.index2_contents img { position: relative; }
					
					.index_banner .Fleft, .index_banner .Fright { text-align: center; padding-bottom: 40px; }
					

					.news_warapper ul li time { margin-top: 4px; }

					
					.index_section.section4 .Tcenter, .index_section.section4 .Tleft, .index_section.section4 .Tright { max-width: 90%; margin: 0 auto 40px; text-align: center; }
					.index_section.section4 p.Tcenter { margin-bottom:  80px; }
					
					/* page */
					
					.page_title_left, .page_title_right { float: none; width: 100%; position: relative; }
					
					#archive-title { margin: 20px auto 50px; }
					.page_title_wrapper { margin: 0px auto 60px; }
						.archive .page_title_wrapper { max-width: 90%; margin-left: auto; margin-right: auto; }
					#page h2.hl2, .archive h2.hl2 { font-size: 31px; margin-top: 20px; }
					.page_title_wrapper p.page_subtitle { font-size: 17px; margin-top: 8px; }
					.page_title_wrapper p.page_catch { margin: 17px auto 30px; }
					.page_title_wrapper img { max-width: 80%; }
					h4.hl4 { font-size: 20px; }
					h5.hl5 { font-size: 18px; }
					.list_deco1 { padding: 0 10px 0 38px; }
					.list_deco1 li { font-size: 14px; }
					.list_deco2 li { float: none; width: 100%; height: auto; padding: 20px 0; margin-bottom: 15px; }
					.list_deco2 li:before { font-size: 22px; left: 10px; padding-right: 10px; }
					.list_deco2 li p { font-size: 14px; margin-left: 60px; }
					.list_deco3 li { float: none; width: 100%; height: auto; padding: 20px 0; margin-bottom: 15px; }
					.list_deco3 li:before { width: 35px; height: 49px; background-size: 100%; background-repeat: no-repeat; background-position: top center; left: 10px; padding-right: 10px; border: none; }
					.list_deco3 li p { font-size: 14px; margin-left: 60px; padding-left: 10px; border-left: 1px dashed #333; }
					.list_deco3 li.iconA:before { content: ""; background-image: url(./images/inheritance-support_img6.png); }
					.list_deco3 li.iconB:before { content: ""; background-image: url(./images/inheritance-support_img7.png); }
					
					#page { max-width: 90%; margin: 0 auto; padding-bottom: 60px; }
					#page-title { margin: 20px auto; }
					
					
					.page #about #section1 .Fleft { margin-bottom: 20px; }
					.page #about #section2 .Fleft { margin-bottom: 40px; }
					.page #about #section3 .table_deco2 th, .page #about #section3 .table_deco2 td { display: block; width: 100%; }
					.table_deco2 th { padding: 15px 0 5px 52px; }
					.table_deco2 td { padding: 0 0 15px 15px; }
					.table_deco2 th:before { top: 20px; }
					
					.page #succession-support .section1:after { content: none; }
					.page #succession-support .list_deco2 li:after { content: none; }
					.page #succession-support .list_deco2 li:last-child { margin-left: auto; }
					.page #succession-support .section3:after { display: none; }
					
					.page #inheritance-support .list_deco1:after { content: none; }
					.page #inheritance-support .list_deco2 li:after { content: none; }
					.page #inheritance-support .section3 p { text-align: left; font-size: 14px; }
					.page #inheritance-support .section5 .Fright { margin-top: 50px; }
					
					
					
					.page #casestudy .q_wrapper, .page #casestudy .q_wrapper:nth-child(2) { padding: 15px 5px; }
					.page #casestudy .q_wrapper p, .page #casestudy .a_wrapper p { font-size: 14px; }
					
					.archive_container { padding-bottom: 40px; }
					.archive_wrapper { margin-bottom: 57px; }

					
					aside section.widget { margin-bottom: 40px; }
					
					.single_title h2 { font-size: 20px; padding: 5px 8px 10px; }
					.single_date { font-size: 14px; }
					.breadcrumbs { margin: 12px 9px; line-height: 1.5; }
					.single_contents { float: none; width: 90%; margin: 0 auto; }
					#paging { margin: 30px auto; }
					#paging > p { max-width: 30%; margin: 0 2%; }
					#paging > p a { font-size: 14px; }
					#paging > p a span { font-size: 12px; }
					#paging > p a span:before, #paging > p a span:after { top: calc(50% - 2px); }
					p.previous_post span { text-align: left; padding-left: 40px; margin-left: 0; }
						p.previous_post span:before { left: 20px; } p.previous_post span:after { left: 25px; }
					p.next_post span { text-align: right; padding-right: 40px; margin-right: 0; }
						p.next_post span:before { right: 20px; } p.next_post span:after { right: 25px; }
					
					.page #contact .section1 .float_wrapper { margin: 25px auto 0; }
					.page #contact .section1 .float_wrapper > * { margin-bottom: 25px; text-align: center; }
					
					.page #contact table th, .page #contact table td { display: block; width: 100%; height: auto; }
					.page #contact table th { padding: 15px 0 10px 40px; }
					.page #contact table td { padding: 10px 10px 15px; }
					.page #contact table th:before { top: 20px; }
					
					.page #contact {width:100%;}

					@media (max-width:600px) {

						@media (max-width:512px) {

							@media (max-width:456px) {

								@media (max-width:321px) {

								}

								}
							}
						}
					}
				}
			}
		}
	}
}
}
}

@media (max-width:1270px) {
	.header-wrapper .logo{
		float:none;
		margin:0 auto 40px;
		text-align:center;
	}
	.header-wrapper .contact{
		float:none;
		margin:0 auto;
	}
}
@media (max-width:699px){
		.header-wrapper .logo{
		float:none;
		margin:0 auto 40px;
		text-align:left;
	}
}
@media (min-width:1900px){
	#home .container{
		background-size:cover
	}
}
@media all and (-ms-high-contrast: none){
  #menu-gnav li a span{
	  margin-top:10px;/* IE10以上 */
  }
	#page h2.hl2, .archive h2.hl2{
		position:relative;
		top:30px;
	}
}
@supports (-ms-ime-align: auto) {
	  #menu-gnav li a span{
	  margin-top:10px/* Edge のみ適用される */
  } 
}

/* ---------------------------------------- 
2023.12.26.追記
---------------------------------------- */
/*-----top-----*/
.index_service .index2_flex_wrap{box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:space-between; gap:4.0rem; padding:4.0rem; border-radius:10px; align-items:center; }
.index_service .index2_flex_wrap .illst_wrap{ width:calc((460 / 1100) * 100%); }
.index_service .index2_flex_wrap .illst_wrap img{position:static; margin:0; }
.index_service .index2_flex_wrap .text_wrap{width:calc((520 / 1100) * 100%); display:grid; place-content:center; }
.index_service .index2_flex_wrap .text_wrap h4{ margin:0; font-size:2.8rem; margin-bottom:1.2rem; }
.index_service .index2_flex_wrap .text_wrap p{ font-size:1.6rem; }
.index_service .index2_flex_wrap .text_wrap .link_button a{ width:32rem; height:5.0rem; display:grid; place-content:center; border-radius:30px; margin:3.3rem auto 0; }
.index_banner{ text-align:center; }

@media (max-width:820px){
	.index_service .index2_flex_wrap .illst_wrap{ width:100%; text-align:center; }
	.index_service .index2_flex_wrap .illst_wrap img{position:static; margin:0 auto; }
	.index_service .index2_flex_wrap .text_wrap{ width:100%; }
}

@media (max-width:520px){
	.index_service .index2_flex_wrap{padding:2.0rem 4.0rem; gap:2.0rem;}
	.index_service .index2_flex_wrap .text_wrap{display:block; }
	.index_service .index2_flex_wrap .text_wrap h4{font-size:2.4rem; margin-bottom:1.2rem; }
	.index_service .index2_flex_wrap .text_wrap h4 span{font-size:4.0rem;}
	.index_service .index2_flex_wrap .text_wrap p{ font-size:1.4rem; }
	.index_service .index2_flex_wrap .text_wrap .link_button a{ width:24rem; font-size:1.4rem; }
}

/*-----民事信託-----*/
.page .civiltrust div{ text-align:center; }
.page .civiltrust p{ max-width:800px; font-size:16px; line-height:1.8; margin:30px auto 0; }
.page .civiltrust-problem{ margin-top:80px; }
@media (max-width:699px){
.list_deco3 li:before{ top:0; bottom:0; margin:auto; }
}

/*-----相続サポート-----*/
.page #inheritance_support_new .section1 .list_deco1 { margin-top: 34px; }
.page #inheritance_support_new .section2 { margin-bottom: 58px; }
.page #inheritance_support_new .list_deco1:after { content: url('./images/inheritance-support_img1.png'); }
.page #inheritance_support_new .list_deco2 li:after { content: url('./images/inheritance-support_img3.png'); top: calc(50% - 34.5px);}
.page #inheritance_support_new .section3 p { font-size: 16px; text-align: center; font-weight: bold; }
.page #inheritance_support_new .section3 .list_deco1 { margin-top: 24px; padding-top: 7px; }

@media (max-width:1024px){
#inheritance_support_new .section1,#inheritance_support_new .section3{ width:96%; margin:0 auto; }
.page #inheritance_support_new .list_deco1:after{ display:none; }
.page #inheritance_support_new .section1 .list_deco1,.page #inheritance_support_new .section3 .list_deco1{ margin:30px auto; }
}

/* ---------------------------------------- 
2026.08.04.追記
---------------------------------------- */

/*-----新規ページ（不動産・会社登記サポート／家族信託・生前対策サポート／相続手続きサポート） サイトの色変更・修正-----*/
#service ul.box_list{font-size:16px; line-height: 1.8;padding-left: 1.1em;}
#service ul.box_list.box_center{
	margin: 3rem auto;
    width: fit-content;
}
#service section{margin-bottom: 9rem;}
#service section:last-child{margin-bottom: 0rem;}
#service h5{
	font-size: 24px;
    margin-bottom:2rem;
    font-family: "Noto Sans JP", sans-serif;font-weight:bold;
}
#service .small-title{
	font-size: 18px;
    font-family: "Noto Sans JP", sans-serif;font-weight:bold;
	padding-top: 3rem;
	padding-bottom:1rem;
}
#service .small-p{
	margin-top: 5px;
    font-size: 14px;
    color: #999;
}
#service .center{text-align:center;}
#service .box_wrapper{
	border: 3px solid;
    border-radius: 5px;
    padding: 3rem 3rem 2rem;
    margin-bottom: 3rem;
    background-color: #fff;
	border-color: #0db7d6;
}
#service .box_wrapper h6 {
    font-size: 24px;
    font-weight: bold;
	color: #0db7d6;
	padding-bottom:15px;
	line-height: 1.3;
}
#service .box_wrapper p{padding-top: 15px;}
#service .box_wrapper p:first-of-type{padding-top:0px;}
#service .box_wrapper p.small-title{padding-top: 15px; padding-bottom:0rem;}
#service .box_wrapper:first-of-type{
	margin-top: 3rem;
}

#service .price{font-size: 2rem;font-weight: 700;}
#service .list_deco1:after {
	content: url('./images/inheritance-support_img1.png'); 
}


#inheritance #service #section2 h5,
#planning #service #section1 h5{
	margin-top: 6rem; text-align: center;
}
#planning #service #section3 .center{margin-bottom: 3rem;}

.news_warapper .clearfix a{
	display:flex;
	gap:3rem;
}
.index2_contents h4 .sp{
		display:none;
	}
#about #section1 .Tright.Tbold { margin-top: 30px; }
@media (max-width:1200px){
	#page{width:90%;}
	#service .list_deco1:after{display:none;}
	#service .list_deco1{margin-inline:auto;}
}
@media (max-width:1024px){
	#page h2.hl2, .archive h2.hl2{font-size:40px;margin: 97px auto 20px;}
	.index1_contents,.index2_contents{
		margin-inline: auto;
		width:90%;
	}
	.index2_contents h4{font-size: 24px;}
	.index2_contents h4 span{
		font-size: 48px;
	}
	.page #about #section1{
		width: 90%;
	}
}
@media (max-width:960px){
	.index2_contents h4{text-align: center; line-height: 1.3;}
	.index1_contents .Fleft, .index1_contents .Fright,
	.index2_contents .Fleft, .index2_contents .Fright{
		float:none;
		width:100%;
	}
	.index1_contents > * p{width:100%;margin: 20px 0 0 0px;}
	.section2 > div > * p{margin-top:20px;}
	footer .footer_top .Fright h2{margin:50px 0px 0px 30px;}
	footer .footer_top .Fright p{
		margin: 15px 0 0 30px;
	}
	#page h2.hl2, .archive h2.hl2{font-size:34px;margin: 97px auto 10px;}
	.page_title_wrapper p.page_subtitle{font-size:20px;}
	.page_title_wrapper p.page_catch{margin: 25px auto 0;}
	#casestudy .section2 > div > * p{ margin-top: 0px;}
}
@media (max-width: 768px){
	.page_title_left,.page_title_right { float: none; width: 100%; position: relative; }
	.page_title_wrapper p.page_catch{margin: 25px auto 30px;}
	#page h2.hl2, .archive h2.hl2{margin: 60px auto 0;}
	#service .center{text-align:left;}
	#service ul.box_list.box_center{margin: 3rem 0;}
	.news_warapper ul li .Fleft,.archive_thum{width: 15rem;}
}
@media (max-width: 699px){
	footer .footer_top .Fright h2{
		margin: 0px;
		padding: 30px 0px 0px;
	}
	footer .footer_top .Fright p{
		width: fit-content;
		margin: 10px auto 0px;
		font-size: 16px;
		margin-top:10
	}
	.page #about #section1,.page #about #section2,.page #about #section3,
	#service .inner
	{width: 100%;}
	#service h5,#inheritance #service #section2 h5, #planning #service #section1 h5{font-size:20px;}
	#service .box_wrapper h6,.page #casestudy .a_wrapper h6,.page #casestudy .q_wrapper h6{font-size:18px;}
	#service .small-title{font-size:16px;}

	
}
@media (max-width:520px){
	.page p,.table_deco1 td,#service ul.box_list{font-size:14px;}
	.page p,.table_deco2 td{line-height: 1.75;font-size:14px;}
	.index1_contents, .index2_contents{
		width: 100%;
	}
	.index2_contents h4 .sp{
		display:block;
	}
	.news_warapper .clearfix a,.archive_contents a{
		flex-direction: column;
    	gap: 2rem;
	}
	.news_warapper ul li h4{padding: 10px 0 10px;}
	.news_warapper ul li .Fleft img{width: 100%;}
	.news_warapper ul li .Fleft,.news_warapper ul li .Fright,.archive_thum{
		float: none;
        max-width: 100%;
        width: 100%;
	}
	.link_button a{
		font-size: 15px;
	}
	

}