@charset "utf-8";

#contents_ > section {padding:55px 0 80px;}
#contents_ > section > header {text-align:center; font-size:1.8rem;}
#contents_ > section > header > .image {display:block; height:37.4251vw; margin:-55px calc(50% - 50vw) 55px; overflow:hidden;}
#contents_ > section > header > .image > img {display:block; width:100%; height:100%; object-fit:cover;}
#contents_ > section > header > h1 {color:var(--color-sub); font-size:2.8rem; line-height:1;}
#contents_ > section > header > p {margin:1em 0 0; line-height:2.2;}
#contents_ .list {display:flex; flex-wrap:wrap; margin:-30px -15px 0; padding:40px 0 0;}
#contents_ .list > li {flex:1 1 calc(33.3333% - 30px); margin:30px 15px 0;}
#contents_ .list > li > h2 {padding:0 0 0.5em; border-bottom:1px solid var(--color-main-light); color:var(--color-sub);}
#contents_ .list > li > p {margin:0.5em 0 0;}
#contents_ .list > li > small {display:block; margin:0.5em 0 0; font-size:1.4rem; text-align:right;}
#contents_ .list-group {padding:50px 0 0;}
#contents_ .list-group > h1 {padding:0 0 1em; border-bottom:1px solid var(--color-main-light); color:var(--color-sub);}
#contents_ .list-group > .list {margin:-1em -15px; padding:1em 0 0; font-size:1.4rem;}
#contents_ .list-group > .list > li {margin:1em 15px 0;}
#contents_ .list-group > .list > li > h2 {padding:0; border-width:0; color:inherit; line-height:inherit;}
#contents_ .list-group > .list > li > p {margin:0;}

@media screen and (max-width:1190px) {
#contents_ > section > header > .image {height:450px; margin-left:-40px; margin-right:-40px;}
}

@media screen and (max-width:599px) {
#contents_ > section {padding:8vw 0;}
#contents_ > section > header {font-size:1.2rem;}
#contents_ > section > header > .image {height:auto; margin:-8vw -8vw 8vw;}
#contents_ > section > header > .image > img {height:auto;}
#contents_ > section > header > h1 {font-size:1.6rem;}
#contents_ > section > header > p {line-height:2; text-align:left;}
#contents_ > section > header > p br {display:none;}
#contents_ .list {display:block; margin:-2em 0 0; padding:3em 0 0; font-size:1rem;}
#contents_ .list > li {margin:2em 0 0;}
#contents_ .list > li > h2 {font-size:1.2rem;}
#contents_ .list > li > p {}
#contents_ .list > li > small {font-size:0.8rem;}
#contents_ .list-group {padding:5.3333vw 0 0;}
#contents_ .list-group > h1 {padding:0 0 0.5em; font-size:1.2rem;}
#contents_ .list-group > .list {margin:-1em 0 0; padding:0.5em 0 0; font-size:1rem;}
#contents_ .list-group > .list > li {margin:1em 0 0;}
#contents_ .list-group > .list > li > h2 {font-size:inherit;}
#contents_ .list-group > .list > li > p {}
}


#philosophy {}
#philosophy > .image {display:block; margin:-5.5rem min(calc(50% - 50vw),-4rem) 5.5rem; overflow:hidden;}
#philosophy > .image > img {display:block; width:100%; height:100%; object-fit:cover;}
#philosophy > blockquote {margin:4rem 0 0; font-size:1.8rem; text-align:center;}
#philosophy > blockquote > h1 {color:var(--color-sub); font-size:2.8rem; font-weight:bold; line-height:1.5;}
#philosophy > blockquote > strong {display:block; margin:0.5em 0 0; font-size:2.8rem; font-weight:bold; line-height:1.5;}
#philosophy > blockquote > p {margin:1em 0 0;}
#philosophy > section {margin:60px 0 0; padding:39px; border:1px solid var(--color-main-light); font-size:1.6rem;}
#philosophy > section > header {position:relative; margin:-39px; padding:inherit;}
#philosophy > section > header > h1 {color:var(--color-sub); font-size:2.2rem;}
#philosophy > section > header > p {margin:2em 0 0;}
#philosophy > section > p {margin:2em 0 0;}
#philosophy > section > small {display:block; margin:2em 0 0; font-size:1.4rem; text-align:right;}
#philosophy > section > .image {margin:2em 0 0;}
#philosophy > section > .image > img {display:block; width:100%; height:auto;}
#philosophy > section > figure.image {display:flex; justify-content:space-between; align-items:center;}
#philosophy > section > figure.image > img {width:590px;}
#philosophy > section > figure.image > figcaption {flex:0 1 370px; font-size:2rem;}
#philosophy > section > figure.image > figcaption > p {}
#philosophy > section > figure.image > figcaption > address {display:block; margin:3em 0 0; font-size:1.4rem;}
#philosophy > section > header + *[class] {margin-top:40px;}

html.fac-js-enabled #philosophy > section {}
html.fac-js-enabled #philosophy > section > header > h1 {position:relative; z-index:2; padding-right:2em; transition:color 0.2s ease-in-out;}
html.fac-js-enabled #philosophy > section.fac-switcher > header > h1::after {
	display:flex; justify-content:center; align-items:center; content:'\e836'; 
	position:absolute; right:0; top:0; font:bold 2.2rem/1 icons;}
html.fac-js-enabled #philosophy > section.fac-switcher > header:hover > h1 {color:var(--color-main-alpha);}
html.fac-js-enabled #philosophy > section.fac-switcher--hidden > header > h1::after {content:'\e835';}
html.fac-js-enabled #philosophy > section:not(.fac-switcher--shown) > header ~ * {display:none;}

@media screen and (max-width:599px) {
#philosophy {}
#philosophy > .image {margin:-8vw -8vw 8vw;}
#philosophy > .image > img {}
#philosophy > blockquote {margin:2rem 0 0; font-size:1.2rem; text-align:left;}
#philosophy > blockquote > h1 {font-size:1.6rem; text-align:center;}
#philosophy > blockquote > strong {font-size:1.6rem; text-align:center;}
#philosophy > blockquote > p {}
#philosophy > section {margin:8vw 0 0; padding:5.3333vw; font-size:1rem;}
#philosophy > section > header {position:relative; margin:-5.3333vw;}
#philosophy > section > header > h1 {font-size:1.2rem;}
#philosophy > section > header > p {margin:1em 0 0;}
#philosophy > section > p {}
#philosophy > section > small {font-size:0.8rem;}
#philosophy > section > .image {}
#philosophy > section > .image > img {}
#philosophy > section > figure.image {display:block;}
#philosophy > section > figure.image > img {width:100%;}
#philosophy > section > figure.image > figcaption {margin:1em 0 0; font-size:1.2rem;}
#philosophy > section > figure.image > figcaption > p {}
#philosophy > section > figure.image > figcaption > address {margin:1em 0 0; font-size:1rem;}
#philosophy > section > header + *[class] {margin-top:5.3333vw;}

html.fac-js-enabled #philosophy > section.fac-switcher > header > h1::after {font-size:1.5rem;}
}


#servise {}
#servise > header > figure {width:490px; margin:1em auto 0;}
#servise > header > figure > img {display:block; width:100%; height:auto;}
#servise > section {margin:70px 0 0; padding:40px 0 0; border-top:1px solid var(--color-sub); font-size:1.6rem;}
#servise > section > header {display:flex; justify-content:space-between;}
#servise > section > header > h1 {flex:0 0 350px; color:var(--color-sub); font-size:2.4rem; letter-spacing:-0.07em; box-sizing:border-box;}
#servise > section > header > p {flex:0 0 730px; box-sizing:border-box;}
#servise > section.em {--color-sub:#2d61ac;}
#servise > #servise-plan > .list-group:first-of-type > .list > li > h2 {min-height:4em;}

@media screen and (max-width:599px) {
#servise {}
#servise > header > figure {width:80%;}
#servise > header > figure > img {}
#servise > section {margin:9.3333vw 0 0; padding:5.3333vw 0 0; font-size:1rem;}
#servise > section > header {display:block;}
#servise > section > header > h1 {font-size:1.4rem; letter-spacing:0;}
#servise > section > header > p {margin:1em 0 0;}
#servise > section > header > p br {display:none;}
#servise > section.em {}
#servise > #servise-plan > .list-group:first-of-type > .list > li > h2 {min-height:0;}
}


#consultant {}
#consultant > section {padding:60px 0 0;}
#consultant > section > h1 {color:var(--color-sub); font-size:2.4rem;}
#consultant > section > .list {}
#consultant > section > .voice {margin:30px 0 0; padding:29px; border:1px solid var(--color-main-light);}
#consultant > section > .voice::after {display:block; content:''; clear:both; height:0; overflow:hidden;}
#consultant > section > .voice > h1 {
	display:flex; align-items:center; position:relative; margin:-29px; padding:inherit; color:var(--color-sub); line-height:1;}
#consultant > section > .voice > h1::before {
	display:block; content:''; position:absolute; left:29px; right:29px; bottom:-1px; border-bottom:1px solid var(--color-main-light);}
#consultant > section > .voice > h1 b {display:block; color:var(--color-main); margin:0 1em 0 0; padding:0 1em 0 0; border-right:1px solid var(--color-main);}
#consultant > section > .voice > h1 ~ * {margin-left:350px;}
#consultant > section > .voice > .image {float:left; width:320px; margin:0;}
#consultant > section > .voice > .image > img {display:block; width:100%; height:auto;}
#consultant > section > .voice > p {}
#consultant > section > .voice > h1 + *, 
#consultant > section > .voice > h1 + .image + * {padding-top:59px;}
#consultant > section > .voice > h1 + p::before, 
#consultant > section > .voice > h1 + .image + p::before {display:block; content:''; height:0; margin:-0.5em 0 0; overflow:hidden;}
#consultant > section:nth-of-type(even) > .voice > h1 ~ * {margin-left:0; margin-right:350px;}
#consultant > section:nth-of-type(even) > .voice > .image {float:right; margin:0;}

html.fac-js-enabled #consultant > section > .voice.fac-switcher > h1 {position:relative; transition:color 0.2s ease-in-out;}
html.fac-js-enabled #consultant > section > .voice.fac-switcher > h1::after {
	display:flex; justify-content:center; align-items:center; content:'\e836'; 
	position:absolute; right:29px; top:calc(29px - 0.1em); font:bold 2.2rem/1 icons;}
html.fac-js-enabled #consultant > section > .voice.fac-switcher > h1:hover {color:var(--color-main-alpha);}
html.fac-js-enabled #consultant > section > .voice.fac-switcher--hidden > h1::after {content:'\e835';}

@media screen and (max-width:599px) {
#consultant {}
#consultant > section {padding:6.6666vw 0 0;}
#consultant > section > h1 {font-size:1.4rem;}
#consultant > section > .list {}
#consultant > section > .voice {margin:4vw 0 0; padding:3.3333vw; font-size:0.9rem;}
#consultant > section > .voice::after {}
#consultant > section > .voice > h1 {display:flex; align-items:center; position:relative; margin:-3.3333vw;}
#consultant > section > .voice > h1::before {left:3.3333vw; right:3.3333vw;}
#consultant > section > .voice > h1 b {margin-right:0.5em; padding-right:0.5em; letter-spacing:-0.01em;}
#consultant > section > .voice > p {padding:3.3333vw 0 0;}
#consultant > section > .voice > h1 ~ * {margin-left:0;}
#consultant > section > .voice > .image {float:none; width:auto;}
#consultant > section > .voice > .image > img {}
#consultant > section > .voice > p {}
#consultant > section > .voice > h1 + *, 
#consultant > section > .voice > h1 + .image + * {padding-top:3.3333vw;}
#consultant > section > .voice > h1 + p::before, 
#consultant > section > .voice > h1 + .image + p::before {display:none;}
#consultant > section > .voice > h1 + *, 
#consultant > section > .voice > h1 + .image {margin-top:3.3333vw;}
#consultant > section:nth-of-type(even) > .voice > h1 ~ * {margin-left:0; margin-right:0;}
#consultant > section:nth-of-type(even) > .voice > .image {float:none;}

html.fac-js-enabled #consultant > section > .voice.fac-switcher > h1::after {right:3.3333vw; top:calc(3vw - 0.1em); font-size:1.5rem;}
}