@charset "utf-8";
/*
Theme Name: System Origin - WEB SITE
Theme URI:
Description: System Origin
Version: 1.0
Author: System Origin
Author URI:
Tags: System Origin
*/






.line_body{
width: 345px;
margin: 0px auto;
padding: 0px 0px 100px 0px;
box-sizing: border-box;
clear: both;
}


.line_title{
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
clear: both;
container-type: inline-size;
text-align: center;
background: #fff;
border-radius: 8px;
}

.line_title a {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0.8em 0px 0.5em 0px;
box-sizing: border-box;
display:inline-block;
white-space: nowrap;
overflow: hidden;
font-style: normal;
text-decoration: none;
font-size: 7cqw;
line-height: 1.2;
font-weight: bold;
color: #559f42;
letter-spacing: 0.05em;
}


.line_link{
width: 100%;
margin: 30px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
clear: both;
container-type: inline-size;
text-align: center;
}

.line_link p {
width: 100cqw;
height: auto;
aspect-ratio: 23 / 3;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear: both;
position: relative;
display: inline-block;
container-type: inline-size;
}

.line_link p + p{
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.line_link p a {
width: 100%;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 6cqw;
line-height: 1.2;
font-weight: normal;
color: #fff;
text-decoration: none;
letter-spacing: 0.1em;
vertical-align: top;
position: relative;
background: #00765f;
border: solid 2px #00765f;
border-radius: 4px;
transition: 0.3s;
transform: translate3d(0, 0, 0);
text-align: left;
}

.line_link p a u {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 1em;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
position: absolute;
top: 10px;
left: 0px;
z-index: 3;
vertical-align: top;
text-align: left;
}

.line_link p a em{
display:block;
width: 12px;
height: 12px;
margin:0px;
padding:0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
position: absolute;
top: 15px;
right: 10px;
z-index: 5;
clear: both;
clip-path: polygon(0 45%, 25% 45%, 62% 45%, 84% 45%, 50% 0, 60% 0, 100% 50%, 60% 100%, 50% 100%, 84% 55%, 36% 55%, 0 55%);
background-color: #fff;
}

.line_name{
width: 100%;
margin: 30px 0px 30px 0px;
padding: 0px;
box-sizing: border-box;
clear: both;
container-type: inline-size;
text-align: left;
}

.line_name p {
width: 100cqw;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear: both;
position: relative;
display: inline-block;
container-type: inline-size;
}

.line_name p a {
width: 40px;
height: 40px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
letter-spacing: 0.1em;
vertical-align: top;
position: relative;
background: #00765f;
border-radius: 8px;
text-align: left;
}

.line_name p a em{
display:block;
width: 20px;
height: 20px;
margin:0px;
padding:0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
position: absolute;
top: 10px;
left: 10px;
z-index: 5;
clear: both;
clip-path: polygon(0 45%, 25% 45%, 62% 45%, 84% 45%, 50% 0, 60% 0, 100% 50%, 60% 100%, 50% 100%, 84% 55%, 36% 55%, 0 55%);
background-color: #fff;
transform: scale(-1, 1);
}

.line_name u {
width: calc(100cqw - 80px);
margin:0px;
padding:0.1em 0px 0px 0px;
clear: both;
position: relative;
display: inline-block;
font-style: normal;
font-size: 8cqw;
line-height: 1.2;
font-weight: bold;
color: #242424;
text-decoration: none;
letter-spacing: 0.1em;
vertical-align: top;
text-align: center;
}


.line_mid_arrow{
width: 100%;
margin: 0px 0px 15px 0px;
padding: 0px;
clear: both;
box-sizing: border-box;
text-align: center;
}

.line_mid_arrow p{
width: 44px;
height: 38px;
margin: 0px;
padding: 0px;
clear: both;
box-sizing: border-box;
text-align: center;
display: inline-block;
}

.line_mid_arrow p img{
width: 44px;
height: 38px;
}



.line_mid_line{
width: 100%;
margin: 0px 0px 25px 0px;
padding: 20px;
clear: both;
box-sizing: border-box;
text-align: left;
background-color: #fff;
border-radius: 8px;
container-type: inline-size;
}

.line_mid_line span{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px;
clear: both;
box-sizing: border-box;
}

.line_mid_line span h2{
width: 100%;
display: inline-block;
margin: 0px;
padding: 0px;
clear: both;
box-sizing: border-box;
font-size: 9cqw;
font-style: normal;
text-decoration: none;
font-weight: bold;
line-height: 1.2;
letter-spacing: 0.03em;
color: #ff6600;
}

.line_mid_line span h3{
width: 100%;
display: inline-block;
margin: 0.8em 0px 0px 0px;
padding: 0px;
clear: both;
box-sizing: border-box;
font-size: 6cqw;
font-style: normal;
text-decoration: none;
font-weight: bold;
line-height: 1.6;
letter-spacing: 0.03em;
}

.line_mid_line span h4{
width: 100%;
display: inline-block;
margin: 0.8em 0px 0px 0px;
padding: 0px;
clear: both;
box-sizing: border-box;
font-size: 5cqw;
font-style: normal;
text-decoration: none;
font-weight: normal;
line-height: 1.6;
letter-spacing: 0.03em;
}

.line_mid_line span h4 em{
width: 100%;
display: inline-block;
margin: 0.4em 0px 0px 0px;
padding: 0px;
clear: both;
box-sizing: border-box;
font-size: 5cqw;
font-style: normal;
text-decoration: none;
font-weight: normal;
line-height: 1.6;
letter-spacing: 0.03em;
}

.line_mid_line span h5{
width: 100%;
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 0px;
clear: both;
box-sizing: border-box;
font-size: 6cqw;
font-style: normal;
text-decoration: none;
font-weight: bold;
line-height: 1.6;
letter-spacing: 0.03em;
color: #ff6600;
}

.line_mid_line span h5 em{
display: inline-block;
font-style: normal;
text-decoration: none;
margin: 0px;
padding: 0px 0px 0px 0.1em;
box-sizing: border-box;
vertical-align: top;
}

.line_mid_line span h5 u{
width: calc(100% - 2em);
display: inline-block;
font-style: normal;
text-decoration: none;
margin: 0px 0px 0px 0.3em;
padding: 0px;
box-sizing: border-box;
vertical-align: top;
}

.line_mid_line span h6{
width: 100%;
display: inline-block;
margin: 0.8em 0px 0px 0px;
padding: 0px;
clear: both;
box-sizing: border-box;
font-size: 5cqw;
font-style: normal;
text-decoration: none;
font-weight: normal;
line-height: 1.6;
letter-spacing: 0.03em;
vertical-align: top;
}

.line_mid_line span h6 em{
display: inline-block;
font-style: normal;
text-decoration: none;
margin: 0px;
padding: 0px 0px 0px 0.1em;
box-sizing: border-box;
vertical-align: top;
}

.line_mid_line span h6 u{
width: calc(100% - 2em);
display: inline-block;
font-style: normal;
text-decoration: none;
margin: 0px 0px 0px 0.3em;
padding: 0px;
box-sizing: border-box;
vertical-align: top;
}

.line_mid_line p{
width: 90%;
margin: 20px auto 0px auto;
padding: 0px;
clear: both;
box-sizing: border-box;
}

.line_mid_line p img{
width: 100%;
height: auto;
}


.line_mid_end {
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
container-type: inline-size;
}

.line_mid_end h2{
width: 100%;
display: inline-block;
margin: 0.2em 0px 0.2em 0px;
padding: 0px;
clear: both;
box-sizing: border-box;
font-size: 7cqw;
font-style: normal;
text-decoration: none;
font-weight: bold;
line-height: 1.2;
letter-spacing: 0.05em;
color: #ff6600;
text-align: center;
}

.line_mid_end p{
width: 100%;
display: inline-block;
margin: 0.8em 0px 0px 0px;
padding: 0px;
clear: both;
box-sizing: border-box;
font-size: 4.5cqw;
font-style: normal;
text-decoration: none;
font-weight: normal;
line-height: 1.6;
letter-spacing: 0.03em;
}

.line_mid_end p em{
display: inline-block;
font-style: normal;
text-decoration: none;
margin: 0px;
padding: 0px 0px 0px 0.5em;
box-sizing: border-box;
vertical-align: top;
}

.line_mid_end p u{
width: calc(100% - 3em);
display: inline-block;
font-style: normal;
text-decoration: none;
margin: 0px 0px 0px 0.5em;
padding: 0px;
box-sizing: border-box;
vertical-align: top;
}

/*  スマートフォン ※iPhone6 Plus 以下を準拠  */
@media only screen and (max-width:899px) {



}
/* -----------------------------------------------------------------------------------------------  スマートフォン ※iPhone6 Plus 以下を準拠   */