html {
font-size: 62.5%;
}

.main_contents div,
.main_contents section,
.main_contents .lyt-content-header > .cotnent-header-inner p,
.main_contents h1,
.main_contents h2,
.main_contents h3,
.main_contents h4,
.main_contents p {
font-family: 'A-OTF-RyuminPro-Light',serif;
}

#concept .main_contents .list-content .txt .title,
#service .lyt-content.lyt-flow h3 [lang='en'],
#service .lyt-content.lyt-inspiration h2 [lang='en'],
#service .lyt-content.lyt-inspiration02 h2 [lang='en'] {
font-family: 'A-OTF-RyuminPro-Light',serif;
}

.main_contents .lyt-content-header > .cotnent-header-inner p,
.main_contents h1,
#concept .main_contents h2,
#concept .main_contents h3,
#concept .main_contents p,
#service .lyt-content .lyt-txt h2,
#service .lyt-content .lyt-txt p,
#service .lyt-content.lyt-flow h2,
#service .lyt-content.lyt-inspiration .lyt-hdg h3,
#service .lyt-content.lyt-inspiration .lyt-hdg p,
#service .lyt-content.lyt-inspiration02 .lyt-hdg h3,
#service .lyt-content.lyt-inspiration02 .lyt-hdg p {
-ms-writing-mode: tb-rl;

-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}

#aboutus .main_contents .lyt-content h2:before,
#service .main_contents h2:before,
#service .lyt-content.lyt-flow h3:before,
#service .lyt-content.lyt-inspiration .lyt-hdg > .title:before,
#service .lyt-content.lyt-inspiration02 .lyt-hdg > .title:before {
content: '';
display: block;
height: 40px;
margin: 0 auto;
position: relative;
top: -13px;
width: 1px;
}

#service .lyt-content .lyt-content-inner:before,
#service .lyt-content .lyt-content-inner:after {
content: ' ';
display: table;
}

#service .lyt-content .lyt-content-inner:after {
clear: both;
}

.main_contents .list-inline,
#aboutus .main_contents .lyt-box,
#concept .main_contents .list-content .txt {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

header:before,
header:after {
content: none;
}

#wrapper {
margin-top: 70px;
}
@media only screen and (max-width: 750px) {
#wrapper {
margin-top: 40px;
}
}

@media only screen and (max-width: 750px) {
.main_contents img {
height: auto;
max-width: 100%;
}
}

.main_contents .lyt-content-header {
align-items: center;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
max-width: 100%;
position: relative;
}
.main_contents .lyt-content-header > .cotnent-header-inner {
display: flex;
flex-direction: row-reverse;
justify-content: center;
width: 43%;
}
@media only screen and (max-width: 750px) {
.main_contents .lyt-content-header > .cotnent-header-inner {
flex-wrap: wrap;
width: 100%;
}
}
.main_contents .lyt-content-header > .cotnent-header-inner p {
box-sizing: border-box;
color: #fff;
line-height: 2.1;
max-height: 354px;
padding-top: 60px;
}
@media only screen and (max-width: 750px) {
.main_contents .lyt-content-header > .cotnent-header-inner p {
margin-bottom: 30px;
max-height: 223px;
padding-top: 10px;
}
}
.main_contents .lyt-content-header > .cotnent-header-inner p.txt-lead {
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
margin-left: 30px;
max-height: 100%;
padding-top: 0;
}
@media only screen and (max-width: 750px) {
.main_contents .lyt-content-header > .cotnent-header-inner p.txt-lead {
font-size: 18px;
font-size: 1.8rem;
margin-left: 20px;
}
}
.main_contents .lyt-content-header > .img-main {
height: auto;
left: 0;
position: relative;
top: -70px;
width: 57%;
}
@media only screen and (max-width: 750px) {
.main_contents .lyt-content-header > .img-main {
position: absolute;
top: -40px;
width: 75%;
}
}

.main_contents .lyt-content {
background-color: #fff;
}
.main_contents .lyt-content:nth-of-type(odd) {
background-color: transparent;
}
.main_contents .lyt-content .lyt-content-inner {
margin: 0 auto;
max-width: 100%;
position: relative;
width: 1000px;
}

.main_contents .lyt-txt {
display: flex;
}
@media only screen and (max-width: 750px) {
.main_contents .lyt-txt {
display: block;
}
}
.main_contents .lyt-txt:nth-of-type(1) {
justify-content: space-between;
margin-bottom: 60px;
}
.main_contents .lyt-txt:nth-of-type(1) > img {
margin-right: -100px;
}
.main_contents .lyt-txt:nth-of-type(2) {
justify-content: space-between;
margin: 0 auto;
}

@media only screen and (max-width: 750px) {
.main_contents .lyt-pc {
display: none;
}
}

.main_contents .lyt-sp {
display: none;
}
@media only screen and (max-width: 750px) {
.main_contents .lyt-sp {
display: block;
}
}

.contact_footer {
background-color:#b20000;
border-top: none;
}
.contact_footer .next_btn {
border-color: #fff;
}
.contact_footer .next_btn a {
color: #fff;
}

.main_contents h1 {
color: #fff;
font-size: 48px;
font-size: 4.8rem;
margin-left: 30px;
}
@media only screen and (max-width: 750px) {
.main_contents h1 {
font-size: 36px;
font-size: 3.6rem;
margin-left: 0;
margin-right: 8%;
margin-top: 20px;
min-height: 180px;
width: 100%;
}
}

.main_contents p {
font-size: 14px;
font-size: 1.4rem;
}

.main_contents .txt-center {
text-align: center;
}

#aboutus .main_contents .lyt-content {
padding: 80px 0;
}
#aboutus .main_contents .lyt-content h2 {
font-size: 30px;
font-size: 3rem;
margin-bottom: 45px;
text-align: center;
}
@media only screen and (max-width: 750px) {
#aboutus .main_contents .lyt-content h2 {
font-size: 18px;
font-size: 1.8rem;
}
}
#aboutus .main_contents .lyt-content h2:before {
background-color: #000;
}
@media only screen and (max-width: 750px) {
#aboutus .main_contents .lyt-content h2:before {
height: 20px;
}
}
#aboutus .main_contents .lyt-content:nth-child(3) {
padding-bottom: 0;
}
#aboutus .main_contents .lyt-content:nth-child(3) h2 {
color: #fff;
}
#aboutus .main_contents .lyt-content:nth-child(3) h2:before {
background-color: #fff;
}
#aboutus .main_contents .lyt-content .lyt-txt:nth-of-type(1) > .txt {
width: 433px;
}
@media only screen and (max-width: 750px) {
#aboutus .main_contents .lyt-content .lyt-txt:nth-of-type(1) > .txt {
width: 100%;
}
}
#aboutus .main_contents .lyt-content .lyt-txt:nth-of-type(2) {
justify-content: space-between;
margin: 0 auto;
}
#aboutus .main_contents .lyt-content p {
line-height: 2.1;
}
@media only screen and (max-width: 750px) {
#aboutus .main_contents .lyt-content p {
margin: 0 auto;
width: 93%;
}
}
#aboutus .main_contents .lyt-content p + p {
margin-top: 30px;
}

#aboutus .main_contents .list-inline {
justify-content: space-between;
margin-bottom: 80px;
width: 100%;
}
@media only screen and (max-width: 750px) {
#aboutus .main_contents .list-inline {
justify-content: center;
}
}
#aboutus .main_contents .list-inline > li {
color: #fff;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
}
@media only screen and (max-width: 750px) {
#aboutus .main_contents .list-inline > li {
margin-bottom: 20px;
}
}
#aboutus .main_contents .list-inline h3 {
color: #fff;
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 20px;
text-align: center;
}
@media only screen and (max-width: 750px) {
#aboutus .main_contents .list-inline h3 {
margin-bottom: 10px;
}
}
#aboutus .main_contents .list-inline img {
margin-bottom: 20px;
}
@media only screen and (max-width: 750px) {
#aboutus .main_contents .list-inline img {
margin-bottom: 10px;
}
}

#aboutus .main_contents .lyt-box {
background-color: #fff;
flex-wrap: wrap;
font-size: 30px;
font-size: 3rem;
height: 130px;
position: relative;
}
@media only screen and (max-width: 750px) {
#aboutus .main_contents .lyt-box {
font-size: 20px;
font-size: 2rem;
height: 95px;
margin: 0 auto;
text-align: center;
width: 94%;
}
}
#aboutus .main_contents .lyt-box:before {
background: url('../img/aboutus/icon01.png') center center no-repeat;
content: '';
display: block;
height: 70px;
margin: 0 auto;
position: absolute;
top: -35px;
width: 100%;
}

/*#access .nav_btn .nav_line {
border-top-color: #000;
}*/

#access .main_contents .lyt-content-inner {
margin: 90px auto 0;
padding: 60px 0;
}
@media only screen and (max-width: 750px) {
#access .main_contents .lyt-content-inner {
margin-top: 0;
padding-top: 50px;
}
}
#access .main_contents .lyt-content-inner p {
line-height: 2.1;
margin-bottom: 30px;
text-align: center;
}

@media only screen and (max-width: 750px) {
#access .main_contents .txt-lead {
display: none;
}
}

@media only screen and (max-width: 750px) {
#access .main_contents iframe {
display: block;
height: 175px;
margin: 0 auto;
max-width: 93%;
}
}

#concept .main_contents h2 {
font-size: 48px;
font-size: 4.8rem;
}
@media only screen and (max-width: 750px) {
#concept .main_contents h2 {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 30px;
text-align: center;
}
}

#concept .main_contents p {
line-height: 2.1;
}

#concept .main_contents .lyt-content {
padding: 110px 0 220px;
}
@media only screen and (max-width: 750px) {
#concept .main_contents .lyt-content {
padding: 40px 0;
}
}

#concept .main_contents .lyt-content-hdg {
display: flex;
position: absolute;
width: 114px;
}
@media only screen and (max-width: 750px) {
#concept .main_contents .lyt-content-hdg {
display: block;
margin: 0 auto;
position: relative;
width: 88%;
}
#concept .main_contents .lyt-content-hdg h2,
#concept .main_contents .lyt-content-hdg p {
-ms-writing-mode: horizontal-tb;

-webkit-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
}
}

#concept .main_contents .list-content {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
justify-content: center;
}
@media only screen and (max-width: 750px) {
#concept .main_contents .list-content {
display: block;
}
}
#concept .main_contents .list-content > li {
align-items: flex-start;
display: flex;
justify-content: space-between;
width: 100%;
}
@media only screen and (max-width: 750px) {
#concept .main_contents .list-content > li {
display: block;
margin: 30px auto;
}
}
#concept .main_contents .list-content > li:nth-child(odd) {
flex-direction: row-reverse;
margin-right: -100px;
}
@media only screen and (max-width: 750px) {
#concept .main_contents .list-content > li:nth-child(odd) {
margin-right: 0;
}
}
#concept .main_contents .list-content > li:nth-child(even) {
margin-left: -100px;
}
@media only screen and (max-width: 750px) {
#concept .main_contents .list-content > li:nth-child(even) {
margin-left: 0;
}
}
#concept .main_contents .list-content h3 {
font-size: 20px;
font-size: 2rem;
margin-bottom: 45px;
}
#concept .main_contents .list-content h3 [lang='en'] {
display: block;
font-size: 18px;
font-size: 1.8rem;
}
@media only screen and (max-width: 750px) {
#concept .main_contents .list-content h3 {
height: 100%;
margin-bottom: 0;
margin-left: 20px;
}
}
#concept .main_contents .list-content .txt {
flex-direction: column;
max-width: 100%;
width: 1000px;
}
@media only screen and (max-width: 750px) {
#concept .main_contents .list-content .txt {
align-items: flex-start;
flex-direction: row-reverse;
}
}
#concept .main_contents .list-content .txt p {
height: 294px;
}
#concept .main_contents .list-content .txt .title {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 30px;
}
@media only screen and (max-width: 750px) {
#concept .main_contents .list-content .txt .title {
font-size: 18px;
font-size: 1.8rem;
text-align: center;
width: 100%;
}
}
#concept .main_contents .list-content .txt .title em {
font-size: 36px;
font-size: 3.6rem;
}
@media only screen and (max-width: 750px) {
#concept .main_contents .list-content .txt .title em {
font-size: 28px;
font-size: 2.8rem;
}
}
#concept .main_contents .list-content img {
position: relative;
top: 50px;
width: 655px;
}
@media only screen and (max-width: 750px) {
#concept .main_contents .list-content img {
margin-bottom: 30px;
top: 0;
width: 87%;
}
}

#service .lyt-content-header + .lyt-content {
padding: 140px 0 60px;
}

#service .lyt-content {
position: relative;
}
#service .lyt-content .lyt-content-inner {
width: 1100px;
}
#service .lyt-content .lyt-txt h2 {
display: flex;
flex-direction: column;
font-size: 20px;
font-size: 2rem;
justify-content: center;
position: relative;
}
#service .lyt-content .lyt-txt h2 [lang='en'] {
display: block;
font-size: 18px;
font-size: 1.8rem;
}
#service .lyt-content .lyt-txt h2:before {
background-color: #000;
position: absolute;
right: 30px;
top: -60px;
}
#service .lyt-content .lyt-txt p {
height: 434px;
line-height: 2.1;
padding-top: 20px;
}
#service .lyt-content .lyt-txt > .txt {
display: flex;
flex-direction: row-reverse;
justify-content: center;
}
#service .lyt-content .lyt-txt + .lyt-txt {
margin-top: 140px;
}
#service .lyt-content.lyt-flow {
padding-top: 50px;
position:relative;
z-index:3;
}
@media only screen and (max-width: 750px) {
#service .lyt-content.lyt-flow .lyt-content-inner {
margin: 0 auto;
width: 94%;
}
}
#service .lyt-content.lyt-flow h2,
#service .lyt-content.lyt-flow h3,
#service .lyt-content.lyt-flow li {
color: #fff;
}
#service .lyt-content.lyt-flow h2 {
display: flex;
font-size: 48px;
font-size: 4.8rem;
left: 0;
position: absolute;
}
@media only screen and (max-width: 750px) {
#service .lyt-content.lyt-flow h2 {
font-size: 36px;
font-size: 3.6rem;
}
}
#service .lyt-content.lyt-flow h2:before {
background-color: #fff;
}
#service .lyt-content.lyt-flow h3 {
font-size: 20px;
font-size: 2rem;
margin-bottom: 10px;
}
#service .lyt-content.lyt-flow h3:before {
background-color: #fff;
height: 20px;
margin-left: 10px;
top: 0;
transform: rotate(90deg);
}
#service .lyt-content.lyt-flow h3 [lang='en'] {
display: inline-block;
font-size: 24px;
font-size: 2.4rem;
margin-right: 1em;
}
#service .lyt-content.lyt-flow h3 em {
font-size: 30px;
font-size: 3rem;
padding: 0 0 0 2px;
}
#service .lyt-content.lyt-flow p {
line-height: 2.1;
margin-bottom: 30px;
}
#service .lyt-content.lyt-flow .list-inline {
float: right;
justify-content: space-between;
margin-top: 40px;
max-width: 80%;
width: 854px;
}
@media only screen and (max-width: 750px) {
#service .lyt-content.lyt-flow .list-inline {
display: block;
}
}
#service .lyt-content.lyt-flow .list-inline > li {
display: flex;
flex-direction: column;
margin-bottom: 30px;
width: 364px;
}
@media only screen and (max-width: 750px) {
#service .lyt-content.lyt-flow .list-inline > li {
width: 100%;
}
}
#service .lyt-content.lyt-flow .list-inline > li > img {
height: auto;
margin-bottom: 20px;
}
#service .lyt-content.lyt-flow .list-inline > li:nth-of-type(even) {
margin-top: -40px;
}
#service .lyt-content.lyt-flow .list-inline > li:nth-of-type(even) > img {
margin-bottom: 50px;
order: -1;
}
@media only screen and (max-width: 750px) {
#service .lyt-content.lyt-flow .list-inline > li:nth-of-type(even) > img {
order: 2;
}
}
#service .lyt-content.lyt-inspiration,
#service .lyt-content.lyt-inspiration02 {
background-color: #fff;
padding-top: 60px;
}
@media only screen and (max-width: 750px) {
#service .lyt-content.lyt-inspiration .lyt-content-inner,
#service .lyt-content.lyt-inspiration02 .lyt-content-inner {
margin: 0 auto;
width: 90%;
}
}
#service .lyt-content.lyt-inspiration h2,
#service .lyt-content.lyt-inspiration02 h2 {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 60px;
text-align: center;
width: 100%;
}
#service .lyt-content.lyt-inspiration h2 [lang='en'],
#service .lyt-content.lyt-inspiration02 h2 [lang='en'] {
display: block;
font-size: 40px;
font-size: 4rem;
font-family: 'A-OTF-RyuminPro-Light';
}
#service .lyt-content.lyt-inspiration h2:before,
#service .lyt-content.lyt-inspiration02 h2:before {
background-color: #000;
}
#service .lyt-content.lyt-inspiration .lyt-hdg,
#service .lyt-content.lyt-inspiration02 .lyt-hdg {
height: 100vh;
position: absolute;
}
#service .lyt-content.lyt-inspiration .lyt-hdg p,
#service .lyt-content.lyt-inspiration02 .lyt-hdg p {
margin-right: 10px;
padding-top: 20px;
}
@media only screen and (max-width: 750px) {
#service .lyt-content.lyt-inspiration .lyt-hdg p,
#service .lyt-content.lyt-inspiration02 .lyt-hdg p {
padding-top: 0;
}
}
#service .lyt-content.lyt-inspiration .lyt-hdg > .title,
#service .lyt-content.lyt-inspiration02 .lyt-hdg > .title {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 30px;
}
@media only screen and (max-width: 750px) {
#service .lyt-content.lyt-inspiration .lyt-hdg > .title,
#service .lyt-content.lyt-inspiration02 .lyt-hdg > .title {
font-size: 16px;
font-size: 1.6rem;
}
}
#service .lyt-content.lyt-inspiration .lyt-hdg > .title:before,
#service .lyt-content.lyt-inspiration02 .lyt-hdg > .title:before {
background-color: #000;
height: 20px;
margin-left: 10px;
transform: rotate(90deg);
}
#service .lyt-content.lyt-inspiration .lyt-hdg > .title em,
#service .lyt-content.lyt-inspiration02 .lyt-hdg > .title em {
font-size: 36px;
font-size: 3.6rem;
}
@media only screen and (max-width: 750px) {
#service .lyt-content.lyt-inspiration .lyt-hdg > .title em,
#service .lyt-content.lyt-inspiration02 .lyt-hdg > .title em {
font-size: 16px;
font-size: 1.6rem;
}
}
#service .lyt-content.lyt-inspiration .lyt-hdg > .txt,
#service .lyt-content.lyt-inspiration02 .lyt-hdg > .txt {
display: flex;
flex-direction: row-reverse;
justify-content: center;
}
#service .lyt-content.lyt-inspiration .list-inline,
#service .lyt-content.lyt-inspiration02 .list-inline {
float: right;
justify-content: space-between;
margin-right: 0;
max-width: 80%;
width: 1000px;
}
@media only screen and (max-width: 750px) {
#service .lyt-content.lyt-inspiration .list-inline,
#service .lyt-content.lyt-inspiration02 .list-inline {
display: block;
}
}
#service .lyt-content.lyt-inspiration .list-inline > li,
#service .lyt-content.lyt-inspiration02 .list-inline > li {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 60px;
text-align: center;
width: 30%;
}
@media only screen and (max-width: 750px) {
#service .lyt-content.lyt-inspiration .list-inline > li,
#service .lyt-content.lyt-inspiration02 .list-inline > li {
width: 100%;
}
}
#service .lyt-content.lyt-inspiration .list-inline h4,
#service .lyt-content.lyt-inspiration02 .list-inline h4 {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 20px;
text-align: center;
}
#service .lyt-content.lyt-inspiration .list-inline img,
#service .lyt-content.lyt-inspiration02 .list-inline img {
margin-bottom: 20px;
}
#service .lyt-content.lyt-inspiration02 {
flex-direction: row-reverse;
background-color: #f2f6f5;
}
/*#service .lyt-content.lyt-inspiration02:before {
content: '';
display: block;
height: 527px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}*/
#service .lyt-content.lyt-inspiration02 .lyt-hdg {
right: 0;
}
#service .lyt-content.lyt-inspiration02 .list-inline {
float: none;
margin-left: 0;
}