@charset "utf-8";
/*
Theme Name: System Origin - WEB SITE
Theme URI: http://www.system-origin.jp/
Description: 株式会社システムオリジン
Version: 1.0
Author: System Origin, Ltd.
Author URI: http://www.system-origin.jp/
Tags: System Origin
*/




/* ------- 点呼番 */


.michibikiplus_top {
width: 1200px;
margin: 30px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
}

.michibikiplus_top h2{
width: 100%;
margin: 0px;
padding: 0.2em 0px 0.4em 0px;
box-sizing: border-box;
display: inline-block;
font-size: 3.2cqw;
line-height: 1.4;
letter-spacing: 0.01em;
font-weight: bold;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: center;
color: #f14857;
}

.michibikiplus_top h3{
width: 100%;
margin: 0px;
padding: 1.2em 0px 0.5em 0px;
box-sizing: border-box;
display: inline-block;
font-size: 2.4cqw;
line-height: 1.8;
letter-spacing: 0.01em;
font-weight: bold;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: center;
}

.michibikiplus_top h4{
width: 100%;
margin: 0px;
padding: 1em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 1.8cqw;
line-height: 1.8;
letter-spacing: 0.01em;
font-weight: bold;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
text-indent: 1em;
}


.michibikiplus_top span{
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
clear: both;
position: relative;
}

.michibikiplus_top span img{
width: 100%;
height: auto;
}

.michibikiplus_top p{
width: 100%;
margin: 0px;
padding: 1em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 1.1cqw;
line-height: 1.8;
letter-spacing: 0.01em;
font-weight: normal;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: right;
}

/* ------------------------------- ここまで 点呼番 */




/* ------- 点呼番 title */


.michibikiplus_title {
width: 1200px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
}

.michibikiplus_title h2{
width: 100%;
margin: 2.5em 0px 0.6em 0px;
padding: 0px 0px 0.1em 0px;
box-sizing: border-box;
display: inline-block;
font-size: 2.4cqw;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: bold;
color: #f14857;
border: solid 0px #f14857;
border-bottom-width: 4px;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
font-style: normal;
text-decoration: none;
}


/* ------------------------------- ここまで 点呼番 title */


/* ------- 点呼番 box */

.michibikiplus_box {
width: 1200px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
}

.michibikiplus_box p{
width: 100%;
margin: 0px;
padding: 1.1em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 1.8cqw;
line-height: 1.8;
letter-spacing: 0.01em;
font-weight: bold;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
text-indent: 1em;
}

.michibikiplus_box p em{
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: inline;
font-style: normal;
text-decoration: none;
font-size: 1.4cqw;
}


.michibikiplus_box h2{
width: 100%;
margin: 0px;
padding: 1.1em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 1.8cqw;
line-height: 1.8;
letter-spacing: 0.01em;
font-weight: bold;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
vertical-align: top;
text-indent: 0.6em;
}

.michibikiplus_box h2 em{
width: 2em;
margin: 0px;
padding: 0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
display: inline-block;
vertical-align: top;
}

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

.michibikiplus_box h3{
width: 100%;
margin: 0px;
padding: 1.1em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 1.4cqw;
line-height: 1.8;
letter-spacing: 0.01em;
font-weight: bold;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
}

/* ------------------------------- ここまで 点呼番 box */



















/* ------- ここから お問い合わせ、資料請求 */


.oto_box {
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}

.oto_txt {
width: 100%;
margin: 0px;
padding: 0px 0px 30px 0px;
box-sizing: border-box;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
}

.oto_txt h2 {
width: 100%;
margin: 0px;
padding: 80px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
clear: both;
font-size: 42px;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: bold;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
position: relative;
text-align: center;
}

.oto_txt h3 {
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
display: inline-block;
clear: both;
font-size: 18px;
line-height: 1.6;
letter-spacing: 1px;
font-weight: bold;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
position: relative;
text-align: center;
}

.oto_txt h4 {
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
display: inline-block;
clear: both;
font-size: 36px;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: bold;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
position: relative;
text-align: center;
}

.oto_txt h4 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: inline-block;
font-style: normal;
text-decoration: none;
}

.oto_txt h4 u {
margin: 0px;
padding: 0px 15px 0px 15px;
box-sizing: border-box;
display: inline-block;
font-style: normal;
text-decoration: none;
}

.oto_txt h4 em a {
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: inline-block;
font-style: normal;
text-decoration: none;
cursor: default;
pointer-events: none;
color: #333;
}

.oto_txt h5 {
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
display: inline-block;
clear: both;
font-size: 42px;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: bold;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
position: relative;
text-align: center;
}

.oto_txt h5 a{
margin: 0px;
padding: 10px 50px 10px 50px;
box-sizing: border-box;
display: inline-block;
clear: both;
font-style: normal;
text-decoration: none;
position: relative;
text-align: center;
background: #3990a8;
color: #fff;
border-radius: 8px;
}

.oto_txt h5 a:hover{
margin: 0px;
padding: 10px 50px 10px 50px;
box-sizing: border-box;
display: inline-block;
clear: both;
font-style: normal;
text-decoration: none;
position: relative;
text-align: center;
background: #6bbed5;
color: #fff;
border-radius: 8px;
}


/* ------------------------------- ここまで お問い合わせ、資料請求 */































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








/* ------- 点呼番 */


.michibikiplus_top {
width: 90%;
margin: 30px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
}

.michibikiplus_top h2{
width: 100%;
margin: 0px;
padding: 0.2em 0px 0.6em 0px;
box-sizing: border-box;
display: inline-block;
font-size: 6cqw;
line-height: 1.4;
letter-spacing: 0.01em;
font-weight: bold;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: center;
color: #f14857;
}

.michibikiplus_top h3{
width: 100%;
margin: 0px;
padding: 1.2em 0px 0.5em 0px;
box-sizing: border-box;
display: inline-block;
font-size: 5.5cqw;
line-height: 1.8;
letter-spacing: 0.01em;
font-weight: bold;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: center;
}

.michibikiplus_top h4{
width: 100%;
margin: 0px;
padding: 1em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 4.5cqw;
line-height: 1.8;
letter-spacing: 0.01em;
font-weight: normal;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
text-indent: 1em;
}


.michibikiplus_top span{
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
clear: both;
position: relative;
}

.michibikiplus_top span img{
width: 100%;
height: auto;
}
	
.michibikiplus_top p{
width: 100%;
margin: 0px;
padding: 1em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 3.5cqw;
line-height: 1.8;
letter-spacing: 0.01em;
font-weight: normal;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
}

/* ------------------------------- ここまで 点呼番 */




/* ------- 点呼番 title */


.michibikiplus_title {
width: 90%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
}

.michibikiplus_title h2{
width: 100%;
margin: 2.5em 0px 0.6em 0px;
padding: 0px 0px 0.1em 0px;
box-sizing: border-box;
display: inline-block;
font-size: 5.5cqw;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: bold;
color: #f14857;
border: solid 0px #f14857;
border-bottom-width: 2px;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
font-style: normal;
text-decoration: none;
}


/* ------------------------------- ここまで 点呼番 title */


/* ------- 点呼番 box */

.michibikiplus_box {
width: 90%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
}

.michibikiplus_box p{
width: 100%;
margin: 0px;
padding: 1.1em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 4.5cqw;
line-height: 1.8;
letter-spacing: 0.01em;
font-weight: normal;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
text-indent: 1em;
}
	
.michibikiplus_box p em{
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: inline;
font-style: normal;
text-decoration: none;
font-size: 3.5cqw;
}

.michibikiplus_box h2{
width: 100%;
margin: 0px;
padding: 1.1em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 4.5cqw;
line-height: 1.8;
letter-spacing: 0.01em;
font-weight: normal;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
vertical-align: top;
text-indent: 0.6em;
}

.michibikiplus_box h2 em{
width: 2em;
margin: 0px;
padding: 0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
display: inline-block;
vertical-align: top;
}

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

.michibikiplus_box h3{
width: 100%;
margin: 0px;
padding: 1.1em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 3.5cqw;
line-height: 1.8;
letter-spacing: 0.01em;
font-weight: normal;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
}

/* ------------------------------- ここまで 点呼番 box */









/* ------- ここから お問い合わせ、資料請求 */


.oto_box {
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}

.oto_txt {
width: 100%;
margin: 0px;
padding: 0px 0px 30px 0px;
box-sizing: border-box;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
}

.oto_txt h2 {
width: 100%;
margin: 0px;
padding: 30px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
clear: both;
font-size: 24px;
line-height: 1.2;
letter-spacing: 1px;
font-weight: bold;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
position: relative;
text-align: center;
}

.oto_txt h3 {
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px 5% 0px 5%;
box-sizing: border-box;
display: inline-block;
clear: both;
font-size: 16px;
line-height: 1.6;
letter-spacing: 1px;
font-weight: bold;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
position: relative;
text-align: left;
}

.oto_txt h4 {
width: 100%;
margin: 10px 0px 0px 0px;
padding: 0px 5% 0px 5%;
box-sizing: border-box;
display: inline-block;
clear: both;
font-size: 24px;
line-height: 1.6;
letter-spacing: 1px;
font-weight: bold;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
position: relative;
text-align: center;
}

.oto_txt h4 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: block;
font-style: normal;
text-decoration: none;
clear: both;
}

.oto_txt h4 u {
width: 0px;
height: 0px;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: none;
visibility: hidden;
font-style: normal;
text-decoration: none;
}

.oto_txt h4 em a {
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: inline-block;
font-style: normal;
text-decoration: underline;
cursor: default;
pointer-events: auto;
color: #266CE0;
}

.oto_txt h5 {
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
display: inline-block;
clear: both;
font-size: 24px;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: bold;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
position: relative;
text-align: center;
}

.oto_txt h5 a{
margin: 0px;
padding: 10px 50px 10px 50px;
box-sizing: border-box;
display: inline-block;
clear: both;
font-style: normal;
text-decoration: none;
position: relative;
text-align: center;
background: #3990a8;
color: #fff;
border-radius: 8px;
}

.oto_txt h5 a:hover{
margin: 0px;
padding: 10px 50px 10px 50px;
box-sizing: border-box;
display: inline-block;
clear: both;
font-style: normal;
text-decoration: none;
position: relative;
text-align: center;
background: #6bbed5;
color: #fff;
border-radius: 8px;
}


/* ------------------------------- ここまで お問い合わせ、資料請求 */






}
/* ------------------------------- */