@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
*/




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


.dorataku_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;
}

.dorataku_top h2{
width: 100%;
margin: 0px;
padding: 1em 0px 0.8em 0px;
box-sizing: border-box;
display: inline-block;
font-size: 36px;
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: #2a67b1;
}

.dorataku_top h3{
width: 100%;
margin: 0px;
padding: 0.2em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 24px;
line-height: 2.2;
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;
}

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

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

.dorataku_top p{
width: 100%;
margin: 0px;
padding: 1.5em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 14px;
line-height: 1.4;
letter-spacing: 0px;
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;
}

.dorataku_top2 {
width: 1200px;
margin: 40px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
text-align: left;
}


.dorataku_top2_img {
width: 30%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: block;
font-size: 0px;
line-height: 0px;
float: left;
position: relative;
text-align: left;
}

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

.dorataku_top2_img span img {
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: inline-block;
}

.dorataku_top2_txt {
width: 60%;
margin: 0px 0px 0px 5%;
padding: 0px;
box-sizing: border-box;
display: block;
font-size: 0px;
line-height: 0px;
float: left;
position: relative;
text-align: left;
background-image: url("img/dorataku_img02_1080x1020.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center top;
}

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

.dorataku_top2_waku1 p{
width: 100%;
margin: 1em 0px 0px 0px;
padding: 0px 0px 0px 30px;
box-sizing: border-box;
display: inline-block;
font-size: 24px;
line-height: 1.6;
letter-spacing: 0px;
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;
font-style: normal;
text-decoration: none;
}

.dorataku_top2_waku1 p::before{
width: 18px;
height: 18px;
position: absolute;
top: 11px;
left: 0px;
content: "";
display: block;
background: #2a67b1;
border-radius: 100px;
}

.dorataku_top2_waku1 p em{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: inline-block;
font-style: normal;
text-decoration: none;
font-weight: bold;
}

.dorataku_top2_waku1 p u{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: inline-block;
font-style: normal;
text-decoration: none;
font-weight: bold;
font-size: 18px;
}

.dorataku_top2_waku1 h2{
width: 100%;
margin: 0.3em 0px 0px 0px;
padding: 0px 0.5em 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 18px;
line-height: 1.6;
letter-spacing: 0px;
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: right;
font-style: normal;
text-decoration: none;
}

.dorataku_top2_waku2 {
width: 100%;
margin: 30px 0px 0px 0px;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: left;
clear: both;
background: #c9ecfb;
border-radius: 12px;
}

.dorataku_top2_waku2 p{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 18px;
line-height: 1.6;
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;
font-style: normal;
text-decoration: none;
}

.dorataku_top2_waku2 h2{
width: 100%;
margin: 0.4em 0px 0.4em 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 24px;
line-height: 1.6;
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;
font-style: normal;
text-decoration: none;
}

.dorataku_top2_waku2 h3{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 18px;
line-height: 1.6;
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;
font-style: normal;
text-decoration: none;
}

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

.dorataku_top2_waku3 h2{
width: 100%;
margin: 1em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 24px;
line-height: 1.6;
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;
font-style: normal;
text-decoration: none;
}

.dorataku_top3 {
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;
text-align: left;
}

.dorataku_top3 p{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 20px;
line-height: 1.6;
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;
font-style: normal;
text-decoration: none;
}


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




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


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

.dorataku_title h2{
width: 100%;
margin: 0px;
padding: 0px 0px 5px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 32px;
line-height: 1.2;
letter-spacing: 0px;
font-weight: bold;
color: #2a67b1;
border: solid 0px #2a67b1;
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 */

.dorataku_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;
}

.dorataku_box p{
width: 100%;
margin: 0px;
padding: 1.6em 0px 1.6em 0px;
box-sizing: border-box;
display: inline-block;
font-size: 22px;
line-height: 2.2;
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;
font-style: normal;
text-decoration: none;
}

.dorataku_box span{
width: 600px;
margin: 0px auto;
padding: 0px;
box-sizing: border-box;
display: block;
position: relative;
clear: both;
}

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

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


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

.dorataku_box2 {
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;
}


.dorataku_box2_left {
width: 48%;
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
font-size: 0px;
line-height: 0px;
float: left;
position: relative;
}

.dorataku_box2_right {
width: 48%;
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
font-size: 0px;
line-height: 0px;
float: right;
position: relative;
}

.dorataku_box2_hako {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 20px;
box-sizing: border-box;
display: inline-block;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
vertical-align: top;
background-color: #daf3ff;
border-radius: 12px;
}

.dorataku_box2_hako h2 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0.2em 0px 0.6em 0px;
box-sizing: border-box;
display: inline-block;
font-size: 24px;
line-height: 1.6;
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;
font-style: normal;
text-decoration: none;
color: #2a67b1;
vertical-align: top;
}

.dorataku_box2_hako p {
width: 40%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:block;
vertical-align: top;
float: left;
}

.dorataku_box2_hako p img {
width: 100%;
height: auto;
box-sizing: border-box;
margin: 0px;
padding: 0px;
display: inline-block;
}

.dorataku_box2_hako h3 {
width: 60%;
margin: 0px 0px 0px 0px;
padding: 0.6em 5% 0px 5%;
box-sizing: border-box;
display: block;
font-size: 24px;
line-height: 1.6;
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;
font-style: normal;
text-decoration: none;
vertical-align: top;
float: right;
}

.dorataku_box2_hako h4 {
width: 60%;
margin: 0px 0px 0px 0px;
padding: 1em 5% 0px 5%;
box-sizing: border-box;
display:block;
font-size: 18px;
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;
font-style: normal;
text-decoration: none;
vertical-align: top;
float: right;
}

.dorataku_box2_hako h5 {
width: 60%;
margin: 0px 0px 0px 0px;
padding: 1em 5% 0px 5%;
box-sizing: border-box;
display:block;
font-size: 16px;
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;
font-style: normal;
text-decoration: none;
vertical-align: top;
float: right;
}

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

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

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

.dorataku_box2_memo p {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 2.6em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 28px;
line-height: 2.0;
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;
font-style: normal;
text-decoration: none;
vertical-align: top;
}

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


























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


.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: 50px 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) {







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


.dorataku_top {
width: 90%;
margin: 20px 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;
}

.dorataku_top h2{
width: 100%;
margin: 0px;
padding: 1em 0px 0.2em 0px;
box-sizing: border-box;
display: inline-block;
font-size: 4.8cqw;
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: #2a67b1;
}

.dorataku_top h3{
width: 100%;
margin: 0px;
padding: 1em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 5cqw;
line-height: 1.6;
letter-spacing: 0px;
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;
}

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

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

.dorataku_top p{
width: 100%;
margin: 0px;
padding: 1em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 14px;
line-height: 1.6;
letter-spacing: 0px;
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;
}

.dorataku_top2 {
width: 90%;
margin: 20px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
text-align: left;
}


.dorataku_top2_img {
width: 70%;
margin: 0px auto;
padding: 0px 0px 20px 0px;
box-sizing: border-box;
display: block;
font-size: 0px;
line-height: 0px;
float: none;
clear: both;
position: relative;
text-align: left;
}

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

.dorataku_top2_img span img {
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: inline-block;
}

.dorataku_top2_txt {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
display: block;
font-size: 0px;
line-height: 0px;
float: left;
position: relative;
text-align: left;
background-image: url("img/dorataku_img02_1080x1020.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center top;
}

.dorataku_top2_waku1 {
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: inline-block;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: left;
clear: both;
container-type: inline-size;
}

.dorataku_top2_waku1 p{
width: 100%;
margin: 1em 0px 0px 0px;
padding: 0px 0px 0px 30px;
box-sizing: border-box;
display: inline-block;
font-size: 6cqw;
line-height: 1.6;
letter-spacing: 0px;
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;
font-style: normal;
text-decoration: none;
}

.dorataku_top2_waku1 p::before{
width: 18px;
height: 18px;
position: absolute;
top: 8px;
left: 0px;
content: "";
display: block;
background: #2a67b1;
border-radius: 100px;
}

.dorataku_top2_waku1 p em{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: inline-block;
font-style: normal;
text-decoration: none;
font-weight: bold;
}

.dorataku_top2_waku1 p u{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: inline-block;
font-style: normal;
text-decoration: none;
font-weight: bold;
font-size: 4cqw;
}

.dorataku_top2_waku1 h2{
width: 100%;
margin: 0.6em 0px 0px 0px;
padding: 0px 0.5em 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 4cqw;
line-height: 1.6;
letter-spacing: 0px;
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: right;
font-style: normal;
text-decoration: none;
}

.dorataku_top2_waku2 {
width: 100%;
margin: 30px 0px 0px 0px;
padding: 20px 14px 20px 14px;
box-sizing: border-box;
display: inline-block;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: left;
clear: both;
background: #c9ecfb;
border-radius: 12px;
container-type: inline-size;
}

.dorataku_top2_waku2 p{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 4cqw;
line-height: 1.6;
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;
font-style: normal;
text-decoration: none;
}

.dorataku_top2_waku2 h2{
width: 100%;
margin: 0.3em 0px 0.3em 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 6cqw;
line-height: 1.6;
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;
font-style: normal;
text-decoration: none;
}

.dorataku_top2_waku2 h3{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 4cqw;
line-height: 1.6;
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;
font-style: normal;
text-decoration: none;
}

.dorataku_top2_waku3 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: left;
clear: both;
container-type: inline-size;
}

.dorataku_top2_waku3 h2{
width: 100%;
margin: 1em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 5.5cqw;
line-height: 1.6;
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;
font-style: normal;
text-decoration: none;
}

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

.dorataku_top3 p{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 4cqw;
line-height: 1.6;
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;
font-style: normal;
text-decoration: none;
}


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




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


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

.dorataku_title h2{
width: 100%;
margin: 0px;
padding: 0px 0px 5px 5%;
box-sizing: border-box;
display: inline-block;
font-size: 6cqw;
line-height: 1.2;
letter-spacing: 0.01em;
font-weight: bold;
color: #2a67b1;
border: solid 0px #2a67b1;
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 */

.dorataku_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;
}

.dorataku_box p{
width: 100%;
margin: 0px;
padding: 1.2em 0px 1.6em 0px;
box-sizing: border-box;
display: inline-block;
font-size: 4.8cqw;
line-height: 2.0;
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;
font-style: normal;
text-decoration: none;
}

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

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

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


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

.dorataku_box2 {
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;
}


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

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

.dorataku_box2_hako {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 20px;
box-sizing: border-box;
display: inline-block;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
vertical-align: top;
background-color: #daf3ff;
border-radius: 12px;
container-type: inline-size;
}

.dorataku_box2_hako h2 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0.3em 0px 0.7em 0px;
box-sizing: border-box;
display: inline-block;
font-size: 6.5cqw;
line-height: 1.6;
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;
font-style: normal;
text-decoration: none;
color: #2a67b1;
vertical-align: top;
}

.dorataku_box2_hako p {
width: 70%;
margin: 0px 0px 0px 15%;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
float: none;
clear: both;
}

.dorataku_box2_hako p img {
width: 100%;
height: auto;
box-sizing: border-box;
margin: 0px;
padding: 0px;
display: inline-block;
}

.dorataku_box2_hako h3 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 1.4em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 5.8cqw;
line-height: 1.6;
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;
font-style: normal;
text-decoration: none;
vertical-align: top;
float: none;
clear: both;
}

.dorataku_box2_hako h4 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 1em 0px 0px 0px;
box-sizing: border-box;
display:block;
font-size: 4.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: left;
font-style: normal;
text-decoration: none;
vertical-align: top;
float: none;
clear: both;
}

.dorataku_box2_hako h5 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 1em 0px 0px 0px;
box-sizing: border-box;
display:block;
font-size: 4cqw;
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;
font-style: normal;
text-decoration: none;
vertical-align: top;
float: none;
clear: both;
}

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

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

.dorataku_box2_memo {
width: 100%;
margin: 0px 0px 0px 0px;
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;
}

.dorataku_box2_memo p {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 1.5em 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-size: 4.8cqw;
line-height: 2.0;
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;
font-style: normal;
text-decoration: none;
vertical-align: top;
}

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


















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


.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;
}


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






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