@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

html {scroll-padding-top:90px;scroll-behavior:smooth;}
@media screen and (min-width:769px){html {scroll-padding-top:64px;}}
body {
margin:0;
padding:0;
font-size:100%;
color:#242424;
background-color:#fff;
font-family: "Noto Sans Japanese";
}


/*---------- リンク設定 ----------*/

a:link {color:#42b9d0;text-decoration:underline;}
a:visited {color:#42b9d0;text-decoration:underline;}
a:hover {color:#42b9d0;text-decoration:none;}
a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
a img {border-style:none;}
img {vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
a:hover img{filter:brightness(1.2);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}


/*---------- ベーステキストの指定 ----------*/

p {font-size:100%;line-height:180%;}
@media screen and (min-width:769px){p {font-size:18px;}}


/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}


/*---------- PC・スマホの非表示指定 ----------*/

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}

header {
width:100%;
height:68px;
margin:0;
padding:0;
background-color:#192249;
position:fixed;
top:0;
left:0;
box-shadow:0 0 10px rgba(0,0,0,0.4);
z-index:9999;
}
.header-inner {
margin:0 auto;
padding:0 5px 0 15px;
display:flex;
justify-content:space-between;
}
.menu-wrapper {
margin:0;
padding:0;
position:relative;
}
.logo {
margin:0;
padding:9px 0 0 0;
font-size:70%;
line-height:150%;
color:#fff;
}
.logo img{width:160px;margin-top:3px;}
.menu-lists ul {
margin:0;
padding:18px 0 0 0;
display:flex;
}
.menu-lists ul li {
margin:0;
padding:10px;
font-size:110%;
font-weight:bold;
line-height:100%;
list-style:none;
}
@media screen and (min-width:769px) {
header{height:78px;}
.header-inner {
max-width:1180px;
width:100%;
padding:0 15px;
box-sizing:border-box;
display:flex;
align-items:flex-start;
}
.logo {
width:210px;
flex-shrink:0;
padding:10px 0 0 0;
font-size:12px;
letter-spacing:1px;
}
.logo img {width:100%;}
.menu-wrapper {
flex:1;
display:flex;
justify-content:flex-end;
}
.menu-lists ul {
padding:33px 0 0 0;
justify-content:space-between;
flex-wrap:wrap;
width:100%;
gap:15px;
}
.menu-lists ul li {
margin:0;
padding:0;
flex:1;
text-align:center;
white-space:nowrap;
font-size:15px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
position:relative;
}
.menu-lists a:link,.menu-lists a:visited {color:#fff;text-decoration:none;}
.menu-lists a:hover {color:#42b9d0;text-decoration:none;}
}

.menu-lists > ul > li:nth-last-child(2),
.menu-lists > ul > li:last-child {flex:0 0 auto;}
.menu-lists > ul > li:nth-last-child(2) a {
margin:0 0 0 5px;
padding:10px 15px;
color:#fff;
background:#00b900;
border-radius:7px;
}
.menu-lists > ul > li:nth-last-child(2) a:hover {filter:brightness(1.1);}
.menu-lists > ul > li:last-child a {
margin:0 0 0 -5px;
padding:10px 15px;
color:#fff;
background:#ff7636;
border-radius:7px;
}
.menu-lists > ul > li:last-child a:hover {filter:brightness(1.1);}



/*---------- ドロップダウン ----------*/

@media screen and (max-width:768px) {
.menu-lists li.drop-menu.open{border-bottom: 1px solid #fff;}
.menu-lists li.drop-menu > a{position: relative;}
.menu-lists li.drop-menu span{
position:absolute;
right:14px;
top:3px;
padding:17px;
}
.menu-lists li.drop-menu span:before{content: "＋";}
.menu-lists li.drop-menu.open span:before{content: "－";}
.menu-lists li.drop-menu.open ul.drop-menu-list{display:block;margin-left:0;}
.menu-lists ul.drop-menu-list{
max-height:0;
overflow:hidden;
opacity:0;
transition:max-height 0.5s ease, opacity 0.3s ease;
}
.menu-lists li.drop-menu.open ul.drop-menu-list {
max-height:120px;
opacity:1;
}
.menu-lists li.drop-menu.open ul.drop-menu-list a{
margin-top:0;
padding:15px 0 15px 20px;
border-bottom:1px dotted #999;
border-radius:0;
font-size:0.8em;
}
.menu-lists li.drop-menu.open ul.drop-menu-list li.drop-menu-item:last-child a{border-bottom:0;}
}
@media screen and (min-width:769px) {
.menu-lists li.drop-menu{position:relative;}
.menu-lists li.drop-menu:hover > ul.drop-menu-list{display:block;}
.menu-lists li.drop-menu > a{display:block;margin-bottom:28px;}
.menu-lists ul.drop-menu-list{
position:absolute;
gap:0;
width:auto;
padding-top:0 !important;
background-color:rgba(0,0,0,0.8);
opacity:0;
visibility:hidden;
transition:opacity 0.3s ease;
}
.menu-lists li.drop-menu:hover > ul.drop-menu-list {
display:block;
opacity:1;
visibility:visible;
}
.menu-lists ul.drop-menu-list {text-align:left;}
.menu-lists li.drop-menu-item a {text-align:left;color:#eee;}
.menu-lists li.drop-menu-item:not(:last-child){border-bottom:1px solid #ccc;}
.menu-lists li.drop-menu-item a{display:block;width:100%;padding:15px 10px;}
.menu-lists li.drop-menu-item a:hover{color:#fff;filter:brightness(1.2);}
}


/*---------- ハンバーガーボタンとスマホメニュー ----------*/

@media screen and (min-width:740px) and ( max-width:1150px) {
.btn {
display:block;
width:39px;
height:39px;
position:absolute;
top:5px;
right:0;
z-index:999;
}
}
@media screen and (max-width:740px) {
.btn {
display:block;
width:39px;
height:39px;
position:absolute;
top:15px;
right:0;
z-index:999;
}
}
@media screen and (max-width:1150px) {
.bar {
width:20px;
height:2px;
display:block;
position:absolute;
left:50%;
transform:translateX(-50%);
background-color:#fff;
}
.btn.close .bar {background-color:#fff;}
.bar-top {top:10px;}
.bar-middle {top:50%;transform:translate(-50%, -50%);}
.bar-bottom {bottom:10px;}
.btn.close .bar-top {
transform:translate(-50%, 9px) rotate(45deg);
transition:transform .3s;
}
.btn.close .bar-middle {
opacity:0;
transition:opacity .3s;
}
.btn.close .bar-bottom {
transform:translate(-50%, -8px) rotate(-45deg);
transition:transform .3s;
}
.menu-lists {
display:none;
background-color:rgba(0,0,0,0.8);
width:100vw;
height:100vh;
position:fixed;
top:0;
left:0;
padding-top:50px;
text-align:left;
}
.menu-lists.open {display:block;}
.menu-lists ul {
margin:0 0 0 30%;
padding:0;
display:block;
}
.menu-lists ul li {
margin:0;
padding:0;
font-size:110%;
font-weight:bold;
line-height:100%;
}
.menu-lists ul li a {
display:block;
padding:20px 0 20px 10px;
border-bottom:solid 1px #f2f2f2;
color:#fff;
text-decoration:none;
}
.menu-lists ul li a:hover {background:rgba(255, 255, 255, 0.1);}
.menu-lists ul li:nth-last-child(2) a {
margin:20px 0 0 0;
padding:20px;
border-bottom:0;
border-radius:7px 0 0 7px;
}
.menu-lists ul li:last-child a {
margin:15px 0 0 0;
padding:20px;
border-bottom:0;
border-radius:7px 0 0 7px;
}
}

    
/*---------- 大枠とMV ----------*/

#wrapper{
margin:0;
padding:68px 0 0 0;
}
@media screen and (min-width: 768px) {#wrapper{padding:78px 0 0 0;}}

#top{
margin:0;
padding:0;
background:linear-gradient(135deg, #3fd1a0 20%, #055c8e 100%);
}
.mv_bg{
margin:0;
padding:0 0 45px 0;
text-align:center;
background-image:url("img/copy_bg.png") ;
background-size:auto 100%;
}
.mv{margin:0;padding:0;}
h1 {margin:0;padding:0;}
h1 img{width:100%;}
@media screen and (min-width:769px){
.mv_bg{padding:0;background-size:cover;}
.mv{
padding:0 0 75px 0;
background-image:url("img/copy_back.png") ;
background-position:top center;
background-repeat:no-repeat;
}
h1 {margin:0;padding:0 0 10px 0;}
h1 img{width:1080px;}
}


.top_device{margin:0 25px;padding:0;}
.top_device a:link {color:#fff;text-decoration:none;}
.top_device a:visited {color:#fff;text-decoration:none;}
.top_device a:hover {color:#fff;text-decoration:none;}
.push {
width:100%;
display:inline-block;
font-weight:bold;
font-size:120%;
line-height:100%;
padding:23px 0;
transition:0.8s;
border-radius:60px;
background:#00b900;
border:solid 3px #fff;
box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.push:hover {
filter:brightness(1.1);
transition:0.8s;
}
@media screen and (min-width: 768px) {
.top_device{margin:0;}
.push {width:540px;font-size:28px;}
}


/*---------- トップページ_見出し ----------*/

.top_ex h2,.top_features h2,.top_contents h2 {
margin:0;
padding:0;
font-size:200%;
font-weight:900;
line-height:150%;
text-align:center;
color:#192249;
}
@media screen and (min-width:769px){
.top_ex h2,.top_features h2,.top_contents h2 {font-size:42px;}
}


/*---------- トップページ_事例 ----------*/

.top_ex{
margin:0;
padding:45px 0;
background-image:url("img/bg.jpg") ;
background-position:center center;
background-size:auto 100%;
}
.top_eng{
margin:0 0 15px 0;
padding:0;
font-size:90%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#008fa0;
font-family:'Roboto Condensed', sans-serif;
}
.top_ex_box{
margin:30px 20px 0 20px;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.top_ex_item{
width:48%;
margin:0 0 20px 0;
padding:0;
}
.top_ex_item img{
width:100%;
border-radius:8px;
box-shadow:0 0 5px rgba(0,0,0,0.1);
}
.top_ex_txt{
margin:0;
padding:0;
font-size:100%;
line-height:180%;
text-align:center;
}
@media screen and (min-width:769px){
.top_ex{padding:90px 0;background-size:cover;}
.top_eng{font-size:18px;}
.top_ex_box{max-width:1080px;margin:60px auto 45px auto;}
.top_ex_item{width:22%;margin:0;}
.top_ex_txt{font-size:18px;}
}


/*---------- トップページ_特徴 ----------*/

.top_features{
margin:0;
padding:60px 0;
background:#f2f2f2;
}
.top_features_head{
margin:0;
padding:0;
text-align:center;
}
.top_features_head img{width:100%;}
.top_features_memo{
margin:30px 20px 0 20px;
padding:0;
}
.top_features_box{
margin:0 20px;
padding:0;
}
.top_features_item{
margin:30px 0 0 0;
padding:20px 30px 10px 30px;
background:#fff;
border:solid 2px #008fa0;
border-radius:16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.top_features_pict{
margin:0;
padding:0 0 10px 0;
text-align:center;
}
.top_features_pict img{width:100%;}
.top_features_txt {margin:0;padding:0;}
.top_features_txt p{font-size:100%;}
@media screen and (min-width:769px){
.top_features{padding:90px 0;}
.top_features_head img{width:680px;}
.top_features_memo{
width:600px;
margin:45px auto 0 auto;
}
.top_features_box{
max-width:1180px;
width:96%;
margin:45px auto 0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.top_features_item{
width:32%;
margin:0;
padding:20px 0 5px 0;
}
.top_features_pict{padding:0 20px 10px 20px;}
.top_features_txt {margin:0 30px;}
.top_features_txt p{font-size:16px;}
}



/*---------- トップページ_CTA（資料ダウンロード） ----------*/

.device_bg{
margin:0;
padding:45px 20px 60px 20px;
background:linear-gradient(115deg, #3fd1a0, #055c8e 100%);
}
.device_top{
margin:0 0 30px 0;
padding:0;
font-size:180%;
line-height:150%;
text-align:center;
color:#fff;
}
.device_head{
margin:0 0 25px 0;
padding:0;
font-size:120%;
line-height:150%;
text-align:center;
color:#fff;
}
.device_box{
margin:0 auto;
padding:20px 25px 30px 25px;
background:#fff;
border-radius:6px;
}
.device_pict{margin:0;padding:0;}
.device_pict img{width:100%;}
.device_detail{margin:0;padding:0;}
.device_title{
margin:0;
padding:15px 0 0 0;
font-size:160%;
line-height:150%;
text-align:center;
color:#192249;
}
.device_txt{
margin:0;
padding:10px 0;
font-size:100%;
line-height:180%;
}
.device_frame{
margin:0 auto;
padding:25px 25px 35px 25px;
background:#fff;
border-radius:8px;
}
.device_read{
margin:0 0 10px 0;
padding:0;
font-size:100%;
line-height:180%;
text-align:center;
}
.device_subtitle{
margin:0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:160%;
text-align:center;
}
.device_text{margin:0;padding:0;}
.device_select{margin:0;padding:0;}
.device_icon{margin:0;padding:10px 0 5px 0;}
.device_icon img{width:30%;}
.device_category{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:180%;
}
.device_memo{
margin:0;
padding:3px 0 10px 0;
font-size:100%;
line-height:180%;
}
.device{width:100%;margin:0 auto;padding:15px 0 0 0;text-align:center;}
.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}
.button {
width:100%;
margin:0;
padding:20px 0;
display:inline-block;
font-weight:bold;
font-size:120%;
line-height:100%;
text-align:center;
transition:0.8s;
border-radius:8px;
background:#00b900;
position:relative;
}
.button:after{
content:'\f0da';
font-family:'Font Awesome 5 Free';
font-size:90%;
font-weight:900;
right:12px;
position:absolute;
}
.inquiry{background:#e95d00;}
.button:hover {filter:brightness(1.1);transition:0.8s;}
@media screen and (min-width:769px) {
.device_bg{padding:60px 0 75px 0;}
.device_top{font-size:36px;}
.device_head{margin:0 0 45px 0;font-size:28px;}
.device_box{
width:980px;
padding:40px 45px 45px 45px;
border-radius:16px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.device_pict{width:42%;padding:20px 0 0 0;}
.device_detail{width:54%;}
.device_title{padding:0;font-size:36px;line-height:140%;text-align:left;}
.device_txt{padding:15px 0;font-size:18px;line-height:170%;}
.device_frame{
width:980px;
margin:0 auto;
padding:40px 0 50px 0;
}
.device_read{margin:0 0 15px 0;font-size:18px;}
.device_subtitle{
margin:0;
padding:0 0 25px 0;
font-size:24px;
}
.device_text{
width:680px;
margin:-20px auto 30px auto;
}
.device_select{
width:680px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.device_icon{margin:0;padding:0 0 10px 0;}
.device_icon img{width:45%;}
.device_category{font-size:24px;}
.device_memo{font-size:16px;}
.device{width:320px;margin:0 auto 0 0;padding:0;}
.button {padding:18px 0;font-size:18px;}
.inquiry{margin-top:0;}
}


/*---------- トップページ_選ばれる理由 ----------*/

.top_contents{
margin:0;
padding:60px 20px;
background:#f1f1f1;
}
.top_contents_box{
margin:45px auto 0 auto;
padding:30px 30px 1px 30px;
background:#fff;
border-radius:8px;
}
@media screen and (min-width:240px) and ( max-width:768px) {
.top_contents_item {margin:0 0 45px 0;padding:0;flex-direction:column !important;}
.top_contents_detail,.top_contents_pict {width:100%;margin:0;padding:0;}
}
.top_contents_tag{
margin:0;
padding:5px 0 10px 0;
font-size:90%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.top_contents_tag span{
padding:2px 10px;
color:#fff;
background:#008fa0;
border-radius:4px;
}
.top_contents_detail h3{
margin:0;
padding:0;
font-size:160%;
line-height:150%;
text-align:center;
color:#192249;
}
.top_contents_detail p{font-size:100%;line-height:180%;}
.top_contents_pict{margin:0;padding:0;}
.top_contents_pict img{width:100%;border-radius:8px;}
@media screen and (min-width:769px) {
.top_contents{padding:90px 0;}
.top_contents_box{
width:900px;
margin:45px auto 0 auto;
padding:75px 60px 1px 60px;
}
.top_contents_item{
margin:0 0 60px 0;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.top_contents_item:nth-child(even) {flex-direction:row-reverse;}
.top_contents_detail{width:48%;margin:0;padding:0;}
.top_contents_tag{
padding:2px 0 10px 0;
font-size:16px;
text-align:left;
}
.top_contents_detail h3{font-size:28px;text-align:left;}
.top_contents_detail p{font-size:16px;}
.top_contents_pict{width:48%;}
}


/*---------- トップページ_セミナー案内 ----------*/

.top_seminar{
margin:0;
padding:55px 0 75px 0;
background:#f2f2f2;
}
.top_seminar_title{
margin:0;
padding:0;
font-size:160%;
font-weight:900;
line-height:150%;
text-align:center;
color:#192249;
}
.top_seminar_txt{
margin:30px;
padding:0;
}
.more{margin:0;padding:0;text-align:center;}
.more a:link {color:#fff;text-decoration:none;}
.more a:visited {color:#fff;text-decoration:none;}
.more a:hover {color:#fff;text-decoration:none;}
.enter {
width:80%;
margin:0 auto;
padding:25px 0;
display:inline-block;
font-weight:bold;
font-size:100%;
line-height:100%;
text-align:center;
transition:0.8s;
border-radius:8px;
background:#ff9d21;
position: relative;
}
.enter:after{
content:'\f0da';
font-family:'Font Awesome 5 Free';
font-size:90%;
font-weight:900;
right:12px;
position:absolute;
}
.enter:hover {filter:brightness(1.1);transition:0.8s;}
@media screen and (min-width:769px) {
.top_seminar{padding:75px 0 90px 0;}
.top_seminar_title{font-size:36px;}
.top_seminar_txt{width:768px;margin:30px auto 45px auto;}
.enter {width:360px;padding:20px 0;font-size:18px;}
}



/*------------------------------ 下層ページ ------------------------------*/

#page_title{
margin:0;
padding:45px 0;
background:linear-gradient(115deg, #3fd1a0, #055c8e 100%);
}
#page_title h1{
margin:0;
padding:0;
font-size:180%;
line-height:140%;
text-align:center;
color:#fff;
}
.page_memo{
margin:30px 20px 0 20px;
padding:0;
}
.page_subtitle{
margin:45px 20px 20px 20px;
padding:0;
font-size:160%;
line-height:150%;
text-align:center;
color:#192249;
}
@media screen and (min-width:769px) {
#page_title{padding:75px 0;}
#page_title h1{font-size:42px;}
.page_memo{width:768px;margin:45px auto 0 auto;}
.page_subtitle{margin:60px 0 30px 0;font-size:36px;}
}



/*---------- L-maとは ----------*/

#mv{
margin:0;
padding:0 0 60px 0;
text-align:center;
background:linear-gradient(115deg, #3fd1a0, #055c8e 100%);
}
#mv h1{margin:0;padding:0 0 15px 0;}
#mv h1 img{width:100%;}
@media screen and (min-width: 768px) {
#mv h1 img{width:980px;}
}

.about_problem{margin:0 20px;padding:0;}
.about_problem_list{
margin:0 0 30px 0;
padding:10px 20px 20px 20px;
border:solid 1px #008fa0;
border-radius:8px;
}
.about_problem ul{margin:0;padding:0;list-style:none;}
.about_problem ul li{
margin:0;
padding:12px 0 0 24px;
font-size:100%;
line-height:180%;
position:relative;
}
.about_problem ul li:before {
display:block;
font-family:"Font Awesome 5 Free";
font-weight: 900;
content:'\f058';
color:#008fa0;
position:absolute;
left:0;
}
.about_this_head{
margin:30px 0 0 0;
padding:0;
font-size:150%;
line-height:100%;
text-align:center;
color:#008fa0;
}
.about_this_top{
margin:10px 20px 20px 20px;
padding:0;
font-size:120%;
line-height:160%;
text-align:center;
}
.about_this_box{margin:0 20px;padding:0;}
.about_this_item{margin:0 0 20px 0;padding:0;}
.about_this_item img{width:100%;border-radius:10px;}
@media screen and (min-width:769px) {
.about_problem{width:768px;margin:0 auto;}
.about_problem_list{
margin:0 0 30px 0;
padding:15px 0 30px 0;
border:solid 1px #008fa0;
border-radius:8px;
}
.about_problem ul{
margin:0 auto;
width:fit-content;
}
.about_problem ul li{padding:15px 0 0 30px;font-size:18px;line-height:150%;}
.about_this_head{margin:60px 0 0 0;font-size:36px;}
.about_this_top{margin:15px 0 30px 0;font-size:28px;line-height:150%;}
.about_this_box{
max-width:1180px;
width:94%;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.about_this_item{width:48.5%;margin:0;}
}

.about_funk_bg{
margin:60px 0 0 0;
padding:45px 15px 60px 15px;
background:#f1f1f1;
}
.about_funk_top{
margin:0;
padding:0;
font-size:200%;
font-weight:900;
line-height:150%;
text-align:center;
color:#192249;
}
@media screen and (min-width:769px) {
.about_funk_bg{margin:90px 0 0 0;padding:75px 0 90px 0;}
.about_funk_top{font-size:48px;}
}


.about_funk_box{
margin:0 auto;
padding:0;
}
.about_funk_item{
margin:30px 0 0 0;
padding:20px 30px 25px 30px;
border-radius:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
box-shadow:0 0 15px rgba(0,0,0,0.1);
}
.about_funk_number{
margin:0;
padding:15px 0;
font-size:20px;
font-weight:bold;
line-height:100%;
text-align:center;
font-family:'Roboto Condensed', sans-serif;
}
.about_funk_number span{
padding:5px 12px;
color:#fff;
border-radius:50%;
background:linear-gradient(115deg, #3fd1a0, #055c8e 100%);
}
.about_funk_title{
margin:0;
padding:0;
font-size:180%;
font-weight:bold;
line-height:140%;
text-align:center;
}
.about_funk_pict{margin:12px 0 15px 0;padding:0;}
.about_funk_pict img{width:100%;border-radius:8px;}
.about_funk_txt{
margin:0;
padding:0 0 20px 0;
font-size:100%;
line-height:180%;
text-align:justify;
flex-grow:1;
}
.about_funk_link{
margin:auto 0 0 0;
padding:0;
font-size:90%;
line-height:150%;
text-align:right;
}
.about_funk_link a:before{
content:'\f138';
font-family:'Font Awesome 5 Free';
font-weight:900;
margin-right:8px;
color:#008fa0;
display:inline-block;
text-decoration:none !important;
}
@media screen and (min-width:769px) {
.about_funk_box{
width:1180px;
padding:40px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:30px;
}
.about_funk_item{
width:calc(33.333% - 20px);
margin:10px 0 0 0;
display:flex;
flex-direction:column;
}
.about_funk_item:nth-child(7),.about_funk_item:nth-child(8) {width:calc(33.333% - 20px);}
.about_funk_title{font-size:160%;text-align:center;}
.about_funk_txt{font-size:16px;}
.about_funk_link{font-size:16px;}
}


.about_future_bg{
margin:0 0 60px 0;
padding:5px 20px 60px 20px;
background:linear-gradient(115deg, #3fd1a0, #055c8e 100%);
}
.about_future_title{
margin:45px 0 20px 0;
padding:0;
font-size:200%;
font-weight:900;
line-height:150%;
text-align:center;
color:#fff;
}
.about_future_merit{
margin:0 auto;
padding:1px 30px 25px 30px;
border-radius:16px;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.about_future_item{margin:30px auto 0 auto;padding:0;}
.about_future_ttl{
margin:0;
padding:10px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
}
.bg_ok{background:#008f9f;}
.bg_no{background:#999;}
.about_future_item ul{
margin:0;
padding:10px 0 0 0;
list-style:none;
}
.about_future_item ul li{
margin:0;
padding:10px 0 0 22px;
font-size:100%;
font-weight:bold;
line-height:150%;
position:relative;
}
.about_future_item ul li:before {
display:block;
font-family:"Font Awesome 5 Free";
font-weight: 900;
content:'\f058';
color:#008f9f;
position:absolute;
left:0;
}
.about_future_item ul.nomerit li:before {
content:'\f057';
color:#999;
}
.about_future_caution{
margin:0;
padding:20px 0 0 0;
font-size:75%;
line-height:180%;
color:#999;
}
@media screen and (min-width:769px) {
.about_future_bg{margin:0 0 90px 0;padding:10px 0 90px 0;}
.about_future_title{margin:60px 0 45px 0;font-size:48px;}
.about_future_merit{
width:980px;
margin:0 auto 60px auto;
padding:45px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.about_future_item{width:47%;margin:0;}
.about_future_ttl{margin:0;font-size:24px;}
.about_future_item ul li{font-size:18px;}
.about_future_caution{padding:20px 0 0 0;font-size:14px;}
}


.about_effect {
margin:0 auto; 
padding:1px 30px 30px 30px;
border-radius:16px;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.about_effect_grid {margin:0;padding:0;}
.about_effect_item {
margin:30px 0 0 0;
padding:25px 20px 1px 20px;
border:2px solid #008fa0;
border-radius:8px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.about_effect_icon {margin:0;padding:0 0 10px 0;}
.about_effect_icon img{width:100%;}
.about_effect_label {
margin:0;
padding:10px 0 20px 0;
font-size:140%;
font-weight:bold;
line-height:150%;
color:#e73250;
}
@media screen and (min-width:769px) {
.about_effect {
max-width:960px;
margin:0 auto; 
padding:45px 55px;
}
.about_effect_grid {
display:grid;
grid-template-columns: repeat(3, 1fr);
gap:15px;
}
.about_effect_item {margin:0;padding:20px 20px 1px 20px;}
.about_effect_label {font-size:18px;}
}


/*---------- L-ma独自の強み ----------*/

.strong_box{
margin:0 20px 45px 20px;
padding:0;
}
.strong_spce{margin-top:45px;}
.strong_txt{margin:0;padding:0;}
.strong_title{
margin:0;
padding:0 0 10px 0;
font-size:180%;
font-weight:bold;
line-height:140%;
color:#192249;
text-align:center;
}
.strong_photo{margin:0;padding:15px 0 5px 0;}
.strong_photo img{width:100%;border-radius:8px;}
@media screen and (min-width:240px) and ( max-width:768px) {.strong_pict{display:none;}}
.order_01{}
.order_02{}
.strong_back{
margin:0;
padding:1px 30px 1px 30px;
background:#f1f1f1;
}
.strong_memo{
margin:30px auto 45px auto;
padding:0;
}
.strong_subhead{
margin:30px 0 10px 0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
color:#258fa0;
}
.strong_partner{
margin:0 0 30px 0;
padding:20px;
text-align:center;
background:#fff;
border:solid 1px #ddd;
border-radius:8px;
}
.strong_partner img{width:100%;}
@media screen and (min-width:769px) {
.strong_box{
width:1180px;
margin:0 auto 90px auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.strong_spce{margin-top:90px;}
.strong_txt{width:48%;}
.strong_title{font-size:36px;text-align:left;}
.strong_photo{display:none;}
.strong_pict{
width:48%;
margin:0;
padding:10px 0 0 0;
}
.strong_pict img{width:100%;border-radius:8px;}
.order_01{order:1;}
.order_02{order:2;}
.strong_back{padding:30px 0 1px 0;}
.strong_memo{width:768px;margin:45px auto 90px auto;}
.strong_subhead{font-size:24px;}
.strong_partner{padding:20px 0;}
.strong_partner img{width:60%;}
}



/*---------- 一般的なウェビナーツールの違い ----------*/

.diff_features_box{
margin:0 20px;
padding:10px 0 0 0;
}
.diff_features{
margin:0 0 30px 0;
padding:15px 25px 15px 25px;
box-sizing:border-box;
border:solid 1px #dadada;
border-radius:8px;
}
@media screen and (min-width:240px) and (max-width:768px) {.diff_features:last-child {margin-bottom:0;}}
.diff_features p{text-align:justify;}
.diff_number{
margin:0;
padding:15px 0;
font-size:20px;
font-weight:bold;
line-height:100%;
text-align:center;
font-family:'Roboto Condensed', sans-serif;
}
.diff_number span{
padding:5px 12px;
color:#fff;
border-radius:50%;
background:linear-gradient(to bottom left,#faab34,#f65622); 
}
.diff_feature_title{
margin:0;
padding:0;
font-size:160%;
font-weight:bold;
line-height:130%;
text-align:center;
}
.diff_feature_title span{font-size:80%;}
.diff_feature_pict{
margin:15px 0 25px 0;
padding:25px 0;
text-align:center;
background:#f9f9f9;
border-radius:6px;
}
.diff_feature_pict img{width:70%;}
@media screen and (min-width:240px) and (max-width:768px) {
.diff_sheet{margin:0 20px;padding:10px 0 0 0;overflow-x:auto;}
}
.diff_sheet table {
width:100%;
min-width:600px;
margin:0;
border-collapse:separate;
}
.diff_sheet table thead th {
padding:10px 5px;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align: center;
color:#fff;
background:#faab34;
}
.diff_sheet table thead th:first-child {color:#333;background:#f4f4f4;font-size:100%;}
.diff_sheet table thead th:last-child {padding:0;font-size:130%;background:#f66826;}
.diff_sheet table tbody th {
padding:10px 5px;
font-size:90%;
line-height:150%;
text-align:center;
color:#333;
background:#f4f4f4;
}
.diff_sheet table tbody td {
padding:10px 5px;
font-size:90%;
line-height:150%;
text-align:center;
border-bottom:solid 1px #eee;
border-right:solid 1px #eee;
}
.diff_sheet table tbody td:last-child {
padding:0;
font-size:120%;
font-weight:bold;
color:#f66826;
border-right:0;
background-color:#fef7f2
}
.diff_sheet_memo{
margin:0 20px;
padding:10px 0 0 0;
}
.diff_value_flow{
margin:0 20px;
padding:15px 0 20px 0;
}
.diff_value_flow img{width:100%;}
.diff_value_box{
margin:0 20px;
padding:10px 0 0 0;
}
.diff_value{
margin:0 0 30px 0;
padding:15px 25px 15px 25px;
box-sizing:border-box;
border:solid 1px #dadada;
border-radius:8px;
}
@media screen and (min-width:240px) and (max-width:768px) {.diff_value:last-child {margin-bottom: 0;}}
.diff_value p{text-align:justify;}
.diff_value_title{
margin:0;
padding:0;
font-size:160%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.diff_value_pict{
margin:15px 0 25px 0;
padding:25px 0;
text-align:center;
background:#f9f9f9;
border-radius:6px;
}
.diff_value_pict img{width:70%;}
.diff_value_memo{
margin:30px 20px 60px 20px;
padding:0;
}
@media screen and (min-width:769px) {
.diff_features_box{
width:1080px;
margin:0 auto;
padding:15px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.diff_features{
width:48%;
margin:0 0 45px 0;
padding:20px 45px 10px 45px;
}
.diff_features:nth-child(n+3) {margin-bottom:0;}
.diff_feature_title{font-size:28px;line-height:150%;}
.diff_feature_pict{padding:30px 0;}
.diff_feature_pict img{width:60%;}
.diff_sheet{
width:1080px;
margin:0 auto;
padding:15px 0 0 0;
}
.diff_sheet table thead th {padding:20px 0;font-size:18px;}
.diff_sheet table thead th:first-child {font-size:16px;}
.diff_sheet table thead th:last-child {font-size:24px;}
.diff_sheet table tbody th {padding:20px 0;font-size:16px;}
.diff_sheet table tbody td {padding:20px 0;font-size:16px;}
.diff_sheet table tbody td:last-child {font-size:20px;}
.diff_sheet_memo{
width:768px;
margin:0 auto;
padding:30px 0 15px 0;
}
.diff_value_flow{
width:768px;
margin:0 auto;
padding:15px 0 30px 0;
}
.diff_value_box{
width:1180px;
margin:0 auto;
padding:15px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.diff_value{
width:32%;
margin:0 0 45px 0;
padding:20px 30px 10px 30px;
}
.diff_value:nth-child(4) {width:40%;margin-left:9%;}
.diff_value:nth-child(5) {width:40%;margin-right:9%;}
.diff_value:nth-child(n+4) {margin-bottom:0;}
.diff_value_title{font-size:28px;}
.diff_value_pict{padding:20px 0;}
.diff_value_pict img{width:80%;}
.diff_value_memo{width:768px;margin:30px auto 90px auto;}
}


/*---------- L-maの料金について ----------*/

.price_basic{
margin:0 20px;
padding:0;
}
.price_basic h3{
margin:20px 0 10px 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
color:#008fa0;
}
.price_basic p{font-size:80%;color:#666;}
.price_basic table {
width:100%;
border-collapse:separate;
margin:0;
}
.price_basic table th {
width:90px;
font-size:100%;
line-height:150%;
padding:10px 0;
color:#fff;
background:#008fa0;
}
.price_basic table td {
font-size:100%;
line-height:180%;
padding:10px;
border-bottom:solid 1px #eee;
}
.price_basic table td.pb_category {
padding:10px;
text-align:center;
color:#008fa0;
background:#e6f7f8;
}
.price_basic table td.pb_txt {font-size:90%;}
.price_need{
margin:30px 20px 0 20px;
padding:0;
}
.price_need_box{margin:0;padding:0;}
.price_need_item{
margin:30px 0 0 0;
padding:0;
border:solid 1px #ccc;
}
.price_need_title01{
margin:0;
padding:15px 0 12px 0;
font-size:140%;
font-weight:bold;
line-height:120%;
text-align:center;
color:#fff;
background:#06c755;
}
.price_need_title02{
margin:0;
padding:15px 0 12px 0;
font-size:140%;
font-weight:bold;
line-height:120%;
text-align:center;
color:#fff;
background:#00b900;
}
.price_need_title01 span,.price_need_title02 span{font-size:75%;font-weight:normal;color:#fffd6c;}
.price_need_txt{
margin:0;
padding:1px 25px;
text-align:justify;
}
.price_ex_memo{
margin:0 20px;
padding:0;
}
@media screen and (min-width:240px) and (max-width:768px) {
.price_ex{margin:0 20px;padding:10px 0 0 0;overflow-x:auto;}
}
.price_ex table {
width:100%;
min-width:600px;
margin:0;
border-collapse:separate;
}
.price_ex table thead th {
padding:5px;
font-size:90%;
font-weight:bold;
line-height:150%;
text-align: center;
color:#fff;
background:#3ccb9f;
}
.price_ex table thead th:first-child {color:#333;background:#f4f4f4;font-size:100%;}
.price_ex table thead th:nth-child(2) {background-color:#2fb086;}
.price_ex table thead th:last-child {padding:0;font-size:100%;background:#008fa0;}
.price_ex table tbody th {
padding:5px;
font-size:90%;
line-height:140%;
text-align:center;
color:#333;
background:#f4f4f4;
}
.price_ex table tbody th span{font-weight:normal;color:666;font-size:90%;}
.price_ex table tbody td {
padding:5px;
font-size:90%;
line-height:150%;
text-align:center;
border-bottom:solid 1px #eee;
border-right:solid 1px #eee;
}
.price_ex table tbody td:nth-child(2) {font-weight:bold;background-color:#e6f7f8;}
.price_ex table tbody td:last-child {
padding:5px 10px;
font-size:90%;
border-right:0;
text-align:left;
}
.price_ex_small{font-size:80%;font-weight:normal;}
.price_point{
margin:20px 20px 60px 20px;
padding:0;
}
.price_point h3{
margin:20px 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
color:#008fa0;
}
.payment{
margin:0 0 30px 0;
padding:0 0 20px 0;
border-bottom:dashed 1px #ccc;
}
@media screen and (min-width:240px) and ( max-width:768px) {
.pay_box{
margin:0;
padding:0 0 10px 0;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
}
}
.pay_icon{
width:160px;
margin:0;
padding:0;
}
.pay_icon img{width:100%;border:solid 1px #eee;border-radius:8px;}
.pay_name{
margin:0;
padding:0 0 0 15px;
font-size:100%;
line-height:150%;
display:flex;
align-items:center
}
.pay_detail{margin:0;padding:0;}
.pay_subhead{
margin:10px 0;
padding:5px 0 5px 10px;
font-size:110%;
font-weight:bold;
line-height:150%;
color:#008fa0;
background:#e6f7f8;
}
.pay_txt{
margin:0;
padding:0;
font-size:100%;
line-height:180%;
}
.pay_caption{
margin:0;
padding:0;
font-size:80%;
line-height:180%;
color:#666;
}
.price_flow{
margin:0 20px 60px 20px;
padding:0;
}
.price_flow_number{
margin:30px 0 0 0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:100%;
color:#008fa0;
font-family:'Roboto Condensed', sans-serif;
}
.price_flow_title{
margin:0;
padding:5px 0;
font-size:130%;
font-weight:bold;
line-height:150%;
border-bottom:solid 1px #ddd;
}
.price_notes{
margin:30px 0 0 0;
padding:20px 30px 25px 30px;
background:#f1f1f1;
border-radius:8px;
}
.price_notes_title{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
}
.price_notes ul{
margin:0;
padding:0;
list-style:none;
}
.price_notes ul li{
margin:0;
padding:10px 0 0 24px;
font-size:100%;
line-height:180%;
position:relative;
}
.price_notes ul li:before {
display:block;
font-family:"Font Awesome 5 Free";
font-weight: 900;
content:'\f058';
color:#008fa0;
position:absolute;
left:0;
}
@media screen and (min-width:769px) {
.price_basic{width:768px;margin:0 auto;}
.price_basic h3{margin:30px 0 10px 0;font-size:24px;}
.price_basic table th {font-size:18px;line-height:180%;padding:15px 0;}
.price_basic table td {font-size:18px;padding:15px 20px;}
.price_need{width:768px;margin:45px auto 0 auto;}
.price_need_box{
padding:25px 0 10px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.price_need_item{width:48%;margin:0;}
.price_need_title01{font-size:24px;}
.price_need_title02{font-size:24px;}
.price_need_txt{padding:1px 30px;}
.price_ex_memo{width:768px;margin:0 auto;}
.price_ex{
width:1080px;
margin:0 auto;
padding:15px 0 0 0;
}
.price_ex table thead th {padding:10px 5px;font-size:16px;}
.price_ex table thead th:first-child {font-size:16px;}
.price_ex table thead th:last-child {font-size:16px;}
.price_ex table tbody th {padding:10px 5px;font-size:16px;}
.price_ex table tbody td {padding:10px 5px;font-size:16px;}
.price_ex table tbody td:last-child {padding:10px 10px 10px 20px;font-size:16px;}
.price_point{width:768px;margin:30px auto 90px auto;}
.price_point h3{margin:30px 0 20px 0;font-size:24px;}
.payment{
margin:0 0 45px 0;
padding:0 0 20px 0;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
}
.pay_box{width:240px;margin:0;padding:0;}
.pay_icon{width:180px;}
.pay_icon img{width:100%;border:solid 1px #eee;border-radius:8px;}
.pay_name{padding:15px 0 0 0;font-size:16px;line-height:150%;}
.pay_detail{width:528px;}
.pay_subhead{margin:0 0 10px 0;font-size:18px;}
.pay_txt{padding:0 0 10px 0;font-size:18px;}
.pay_caption{margin:-20px 0 0 0;font-size:14px;}
.price_flow{width:768px;margin:0 auto 90px auto;}
.price_flow_number{margin:45px 0 0 0;font-size:20px;letter-spacing:1px;}
.price_flow_title{font-size:28px;letter-spacing:1px;}
.price_notes{
margin:45px 0 0 0;
padding:20px 45px 25px 45px;
}
.price_notes_title{font-size:21px;}
.price_notes ul li{font-size:16px;}
}


/*---------- よくあるご質問 ----------*/

.faq{
margin:0 20px;
padding:0;
}
.faq_qus {
margin:30px 0 0 0;
padding:0 0 15px 0;
display:flex;
align-items:flex-start;
}
.faq_ans {
margin:0;
padding:1px 20px 5px 20px;
display:flex;
align-items:flex-start;
background:#e6f7f8;
border-radius:6px;
}
.faq_label {
width:2em;
height:2em;
line-height:2em;
border-radius:50%;
text-align:center;
font-weight:bold;
margin-right:1em;
flex-shrink:0;
font-family:'Roboto Condensed', sans-serif;
border:solid 1px #008fa0;
}
.qus{color:#fff;background:#008fa0;}
.ans{color:#008fa0;background:#fff;margin-top:17px;}
.faq_question {
margin:0;
padding:0;
font-size:130%;
font-weight:bold;
line-height:150%;
}
.faq_txt {
margin:0;
padding:3px 0 0 0;
}
@media screen and (min-width:769px) {
.faq{width:768px;margin:0 auto;}
.faq_qus {margin:45px 0 0 0;}
.ans{margin-top:20px;}
.faq_question {font-size:21px;}
}


/*------------------------------ 機能ページ ------------------------------*/

#function_title{
margin:0;
padding:30px 0;
text-align:center;
background:#f4f4f4;
}
#function_title h1{
margin:0;
padding:0;
font-size:180%;
line-height:140%;
color:#008fa0;
}
.function_head{
margin:0;
padding:5px 0 15px 0;
font-size:90%;
line-height:100%;
}
.function_head span{
padding:3px 10px;
color:#008fa0;
background:#fff;
border:solid 1px #008fa0;
}
.function_explan{
margin:0;
padding:10px 20px 0 20px;
font-size:100%;
line-height:180%;
}
.function_eyecatch{
margin:0 20px 30px 20px;
padding:0;
text-align:center;
}
.function_eyecatch img{width:100%;border-radius:8px;}
.function_subtitle{
margin:45px 0 30px 0;
padding:0;
font-size:160%;
line-height:150%;
text-align:center;
}
.function_memo{margin:0 20px;padding:0;}
.function_bg{
margin:45px 0 0 0;
padding:45px 20px 15px 20px;
background:#f4f4f4;
}
.function_feature_top{
margin:0;
padding:0;
font-size:180%;
line-height:150%;
text-align:center;
color:#008fa0;
}
.function_feature_box{
margin:20px auto 0 auto;
padding:0;
}
.function_feature_item{
margin:0 0 30px 0;
padding:20px 30px 10px 30px;
background:#fff;
border-radius:6px;
box-sizing:border-box;
}
.function_feature_item p{text-align:justify;}
.function_feature_number{
margin:0;
padding:15px 0;
font-size:20px;
font-weight:bold;
line-height:100%;
text-align:center;
font-family:'Roboto Condensed', sans-serif;
}
.function_feature_number span{
padding:5px 12px;
color:#fff;
border-radius:50%;
background:linear-gradient(115deg, #3fd1a0, #055c8e 100%);
}
.function_feature_title{
margin:0;
padding:0;
font-size:160%;
line-height:150%;
text-align:center;
}
.function_feature_icon{
margin:0;
padding:15px 0 0 0;
text-align:center;
}
.function_feature_icon img{width:75%;}
.function_feature_pict{
margin:0;
padding:15px 0 0 0;
text-align:center;
}
.function_feature_pict img{width:80%;}
.function_feature_caption{
margin:-15px 0 25px 0;
padding:0;
font-size:75%;
line-height:180%;
color:#666;
}
.function_quality_box{
margin:30px 0 45px 0;
padding:30px;
background:#fff;
border-radius:16px;
}
.function_quality_txt{margin:0;padding:0;}
.function_quality_txt h3{margin:0;padding:0;font-size:140%;line-height:150%;}
.function_quality_pict{margin:0;padding:5px 0 0 0;}
.function_quality_pict img{width:100%;}
.function_merit_box{
margin:0 20px;
padding:30px 25px 1px 25px;
border:solid 2px #eee;
border-radius:8px;
}
.function_merit_item{
margin:0 0 30px 0;
padding:0;
}
.function_merit_title{
margin:0;
padding:10px 0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
}
.function_merit_item ul{
margin:0;
padding:10px 0 0 0;
list-style:none;
}
.function_merit_item ul li{
margin:0;
padding:10px 0 0 30px;
font-size:120%;
font-weight:bold;
line-height:150%;
position:relative;
}
.function_merit_item ul li:before {
display:block;
font-family:"Font Awesome 5 Free";
font-weight: 900;
content:'\f058';
color:#008fa0;
position:absolute;
left:0;
}
.function_merit_item ul.function_gray li:before {color:#999;}
.function_merit_item ul.function_org li:before {color:#faab34;}
.function_txt_box{margin:0 20px;padding:0;}
.function_txt_pict{margin:30px 0 0 0;padding:0;text-align:center;}
.function_txt_pict img{width:100%;}
.function_txt_subhead{
margin:0;
padding:20px 0 0 0;
font-size:140%;
font-weight:bold;
line-height:150%;
color:#008fa0;
}
.function_txt_subhead_top{padding:0;}
.function_txt_caption{
margin:20px 0;
padding:0;
font-size:80%;
line-height:180%;
color:#666;
}
.function_scene{
margin:0 20px;
padding:15px 25px 30px 25px;
text-align:center;
border:solid 2px #eee;
border-radius:8px;
}
.function_scene ol{
margin:0 auto;
padding:0;
list-style:none;
text-align:left;
counter-reset:my-counter;
}
.function_scene ol li{
margin:15px 0 0 0;
padding:0 0 0 32px;
font-size:100%;
font-weight:bold;
line-height:160%;
position:relative;
}
.function_scene ol li.no_number{font-weight:normal;text-align:right;}
.function_scene ol li.no_number::before {display:none;}
.function_scene_category{
font-size:120%;
margin-right:10px;
color:#faab34;
}
.function_scene_arrow{
margin-right:10px;
margin-left:10px;
font-size:60%;
color:#ccc;
position:relative;
top:-0.2em;
}
.function_scene ol li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color:#faab34;
border-radius:50%;
box-sizing:border-box;
display:flex;
justify-content:center;
align-items:center;
height:22px;
width:22px;
color:#fff;
font-size:85%;
line-height:1;
position:absolute;
top:3px;
left:0;
}
.function_links{
margin:60px 0 0 0;
padding:30px 20px 45px 20px;
background:#f1f1f1;
}
.function_links_head{
margin:0 0 25px 0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#008fa0;
}
.function_links ul {
margin:0 auto;
padding:0;
display:grid;
grid-template-columns: repeat(2, 1fr);
gap:10px;
justify-content:center;
list-style:none;
}
.function_links ul li {text-align:center;}
.function_links ul li a {
width:100%;
display:inline-block;
padding:15px 0;
font-size:90%;
line-height:150%;
color:#008fa0;
background:#fff;
border:solid 1px #008fa0;
box-sizing: border-box;
border-radius:10px;
text-decoration:none;
border-radius:4px;
white-space:nowrap;
}
.function_links ul li a:visited {color:#008fa0;text-decoration:none;}
.function_links ul li a:hover {color:#fff;background:#008fa0;text-decoration:none;}
@media screen and (min-width:769px) {
#function_title{padding:60px 0;}
#function_title h1{font-size:42px;}
.function_head{font-size:16px;}
.function_explan{padding:20px 0 0 0;font-size:16px;}
.function_eyecatch{width:768px;margin:0 auto 30px auto;}
.function_subtitle{margin:60px 0 45px 0;font-size:36px;}
.function_memo{width:768px;margin:0 auto;}
.function_bg{margin:60px 0 0 0;padding:60px 0 75px 0;}
.function_feature_top{font-size:36px;}
.function_feature_box{
width:1080px;
margin:30px auto 0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.function_feature_item{width:32%;margin:0;}
.function_feature_title{font-size:28px;}
.function_feature_caption{
width:1080px;
margin:15px auto 0 auto;
font-size:14px;
text-align:right;
}
.function_quality_box{
width:768px;
margin:45px auto 0 auto;
padding:45px 90px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.function_quality_txt{width:48%;}
.function_quality_txt h3{font-size:24px;}
.function_quality_pict{width:48%;padding:0;}
.function_merit_box{
width:768px;
margin:0 auto;
padding:45px 90px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.function_merit_item{width:47%;margin:0 auto;}
.function_merit_title{font-size:24px;}
.function_merit_item ul li{font-size:18px;}
.function_txt_box{
width:768px;
margin:0 auto;
padding:20px 90px;
border:solid 2px #eee;
border-radius:8px;
}
.function_txt_pict{margin:45px 0 0 0;}
.function_txt_pict img{width:80%;}
.function_txt_subhead{font-size:24px;}
.function_txt_subhead_top{padding:20px 0 0 0;}
.function_txt_caption{font-size:14px;text-align:center;}
.function_scene{
width:800px;
margin:0 auto;
padding:30px 73px 45px 73px;
}
.function_scene ol{display:inline-block;text-align:left;}
.function_scene ol li{font-size:18px;letter-spacing:1px;}
.function_links{margin:90px 0 0 0;padding:45px 0 60px 0;}
.function_links_head{margin:0 0 30px 0;font-size:24px;}
.function_links ul {width:1000px;grid-template-columns:repeat(5, 1fr);gap:15px;}
.function_links ul li a {font-size:15px;}
}

@media screen and (min-width:240px) and (max-width:768px) {.subscription{margin:20px 0 30px 0;padding:0;overflow-x:auto;}}
.subscription table {
width:100%;
min-width:600px;
margin:0;
border-collapse:separate;
}
.subscription table thead th {
padding:10px 5px;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align: center;
color:#fff;
background:#008fa0;
}
.subscription table thead th:first-child {color:#333;background:#e6f7f8;font-size:90%;}
.subscription table tbody th {
padding:10pxx;
font-size:90%;
line-height:150%;
text-align:center;
color:#333;
background:#e6f7f8;
}
.subscription table tbody td {
padding:10px;
font-size:90%;
line-height:150%;
border-bottom:solid 1px #eee;
border-right:solid 1px #eee;
}
@media screen and (min-width:769px) {
.subscription{
margin:15px 0 30px 0;
padding:0;
}
.subscription table thead th {padding:20px 0;font-size:18px;}
.subscription table thead th:first-child {font-size:16px;width:100px;}
.subscription table thead th:last-child {width:300px;}
.subscription table tbody th {padding:20px 15px;font-size:16px;}
.subscription table tbody td {padding:20px 15px;font-size:16px;}
}


/*------------------------------ 資料ダウンロード・お問い合わせ ------------------------------*/

#form_bg{
margin:0;
padding:30px 20px 60px 20px;
background:#f4f4f4;
}
#form_container {
margin:0 auto;
padding:30px 30px 30px 30px;
box-sizing:border-box;
border-radius:15px;
background:#fff;
}
.form_detail{margin:0;padding:0;}
.form_title{
margin:0 0 30px 0;
padding:0 0 15px 0;
font-size:160%;
line-height:150%;
border-bottom:solid 1px #008fa0;
}
.form_subtitle{
margin:30px 0 15px 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
}
.form_detail ul{margin:0;padding:0;list-style:none;}
.form_detail ul li{
margin:0;
padding:0 0 10px 30px;
font-size:100%;
line-height:150%;
position:relative;
}
.form_detail ul li:before {
font-family:'Font Awesome 5 Free';
font-weight:900;
display:block;
content: "\f00c";
position:absolute;
left:0;
color:#008fa0;
}
.form_pict{margin:0;padding:10px 0 30px 0;}
.form_pict img{width:100%;}
.form_tag{
margin:0;
padding:5px 20px 30px 20px;
box-sizing:border-box;
border:solid 1px #ddd;
border-radius:10px;
}
.form_tag ul{
margin:0;
padding:0;
list-style:none;
}
@media screen and (min-width:769px) {
#form_bg{padding:60px 0 90px 0;}
#form_container {
width:980px;
padding:45px 45px 50px 45px;
border-radius:20px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.form_detail{width:54%;}
.form_title{font-size:32px;}
.form_subtitle{font-size:24px;}
.form_detail ul li{font-size:18px;}
.form_pict{padding:10px 0 0 0;}
.form_tag{width:42%;}
}



/*------------------------------ 活用事例（記事投稿） ------------------------------*/

.case_display{
margin:0;
padding:40px 20px;
text-align:center;
background:#f4f4f4;
}
.case_display h1{
margin:0;
padding:0;
font-size:180%;
line-height:140%;
color:#f66826;
}
.case_explanation{
margin:0;
padding:20px 0 0 0;
font-size:100%;
line-height:180%;
}
ul.case_list {
margin:0;
padding:45px 20px 1px 20px;
list-style:none;
}
ul.case_list li{
margin:0 0 45px 0;
padding:15px 0 0 0;
background:#fff;
box-shadow:0 0 5px rgba(0,0,0,0.1);
}
ul.case_list li a{display:block;}
.case_title {
margin:0;
padding:0 30px;
font-size:140%;
font-weight:bold;
line-height:160%;
}
.case_title a:link,.case_title a:visited,.case_title a:hover {color:#242424;text-decoration:none;}
.case_pict {margin:0;padding:0;}
.case_pict img {width:100%;}
.case_txt {
margin:0;
padding:20px 30px 0 30px;
font-size:90%;
line-height:160%;
}
.case_link{
margin:0;
padding:10px 30px 30px 30px;
font-size:90%;
line-height:160%;
text-align:right;
}
.case_link a:before{
content:'\f138';
font-family:'Font Awesome 5 Free';
font-weight:900;
margin-right:8px;
color:#ffb000;
display:inline-block;
text-decoration:none !important;
}
@media screen and (min-width:769px) {
.case_display{padding:60px 0;}
.case_display h1{font-size:42px;}
.case_explanation{padding:20px 0 0 0;font-size:16px;}
ul.case_list {
width:1080px;
margin:0 auto;
padding:45px 0 1px 0;
display:flex;
flex-wrap:wrap;
align-items:stretch;
gap:30px;
}
ul.case_list li{
width:calc((100% - 60px) / 3);
margin:0 0 10px 0;
padding:25px 0 0 0;
display:flex;
flex-direction:column;
min-height:300px;
}
.case_title {
font-size:18px;
height:72px;
display:flex;
align-items:center;
justify-content:center;
}
.case_txt {padding:10px 30px 0 30px;}
.case_link{padding:0 30px;font-size:14px;}
}

.page_navi {
margin:0;
padding:0 0 60px 0;
text-align:center;
font-family:'Roboto Condensed', sans-serif;
}
.page_navi ul {
list-style-type:none;
margin:0 auto;
padding:0;
text-align:center;
}
.page_navi ul li {
display:inline;
}
.page_navi ul li span,
.page_navi ul li a{
display: inline-block;
list-style-type:none;
margin:0 2px;
padding:0;
font-size:14px;
width:35px;
height:35px;
line-height:35px;
border:solid 1px #8e8e8e;
text-align:center;
color:#8e8e8e;
background-color:#fff;
border-radius:50%;
transition: 0.3s ease-in-out;
}
.page_navi ul li span {
color:#fff;
background-color:#faab34;
border:solid 1px #faab34;
}
.page_navi ul li.dot {
border:none;
color:#8e8e8e;
padding:6px 5px 5px 5px;
}
.page_navi ul li a:link {color:#8e8e8e;text-decoration:none}
.page_navi ul li a:hover {color:#fff;text-decoration:none;background-color:#faab34;border:solid 1px #faab34;}
.page_navi ul li a:visited {color:#8e8e8e;text-decoration:none;}
@media screen and (min-width:769px) {
.page_navi {padding:30px 0 75px 0;}
}


.report_display{
margin:0;
padding:40px 0 60px 0;
background:#f4f4f4;
}
.report_head{
margin:0;
padding:5px 0 15px 0;
font-size:90%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.report_head span{
padding:3px 10px;
color:#f66826;
border:solid 1px #f66826;
}
.report_display h1{
margin:0 15px;
padding:0;
font-size:150%;
line-height:150%;
text-align:center;
}
.report_explanation{
margin:0 auto;
padding:20px 20px 0 20px;
font-size:100%;
line-height:180%;
}
.report_eyecatch{
margin:-30px 20px 0 20px;
padding:0;
background-color:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.report_eyecatch img{width:100%;}
.report{
margin:30px 20px;
padding:0;
}
.report_merit_box{
margin:0;
padding:30px 30px 1px 30px;
border:solid 2px #eee;
border-radius:8px;
}
.report_merit_item{
margin:0 0 30px 0;
padding:0;
}
.report_merit_title{
margin:0;
padding:10px 0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
}
.report_merit_item ul{
margin:0;
padding:10px 0 0 0;
list-style:none;
}
.report_merit_item ul li{
margin:0;
padding:10px 0 0 30px;
font-size:120%;
font-weight:bold;
line-height:150%;
position:relative;
}
.report_merit_item ul li:before {
display:block;
font-family:"Font Awesome 5 Free";
font-weight: 900;
content:'\f058';
color:#f66826;
position:absolute;
left:0;
}
.report_merit_item ul.report_gray li:before {color:#999;}
.report_merit_item ul.report_org li:before {color:#faab34;}
.report_txt{
margin:30px 0 0 0;
padding:1px 30px 10px 30px;
border:solid 2px #eee;
border-radius:8px;
}
.report_txt h2{
margin:30px 0 0 0;
padding:15px 0 15px 15px;
font-size:130%;
line-height:150%;
background:#f4f4f4;
}
.report_txt h2:before {
content:'■';
display:inline-block;
color:#f66826;
left:0;
margin-right:10px;
}
@media screen and (min-width:769px) {
.report_display{padding:60px 0;text-align:center;}
.report_head{font-size:16px;}
.report_display h1{width:768px;margin:0 auto;font-size:36px;}
.report_explanation{width:480px;padding:20px 0 0 0;font-size:16px;}
.report_eyecatch{width:900px;margin:-30px auto 0 auto;}
.report{width:900px;margin:45px auto;}
.report_merit_box{
padding:30px 47px;
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
.report_merit_item{width:47%;margin:0 auto;}
.report_merit_title{font-size:24px;}
.report_merit_item ul li{font-size:18px;}
.report_txt{margin:45px 0 0 0;padding:1px 100px 45px 100px;}
.report_txt h2{margin:60px 0 30px 0;font-size:24px;}
}

.paging{
margin:0 20px 30px 20px;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.paging_prev{
width:49%;
margin:0;
padding:0 10px 0 0;
box-sizing:border-box;
}
.paging_next{
width:49%;
margin:0;
padding:0 0 0 10px;
box-sizing:border-box;
}
.paging_title{
margin:0 0 10px 0;
padding:0 0 10px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
border-bottom:solid 1px #ddd;
}
.paging_title a:link {color:#333;text-decoration:none;}
.paging_title a:visited {color:#333;text-decoration:none;}
.paging_title a:hover {color:#faab34;text-decoration:none;}
.paging_text{
margin:0;
padding:0;
font-size:80%;
line-height:150%;
}
.paging_text a:link {color:#525353;text-decoration:none;}
.paging_text a:visited {color:#5253533;text-decoration:none;}
.paging_text a:hover {color:#faab34;text-decoration:none;}
@media screen and (min-width:769px){
.paging{width:900px;margin:0 auto 60px auto;}
.paging_title{font-size:16px;}
.paging_text{font-size:16px;}
}



/*---------- フッター_L-CAST ----------*/

#footer_lma{
margin:0;
padding:45px 0 0 0;
background:#2b2b2b;
}
.lma_box{margin:0 auto;padding:0;}
.lma_logo{
width:240px;
margin:0 auto 30px auto;
padding:0;
}
.lma_logo img{width:100%;}
.lma_navigation{margin:0;padding:0;}
.lma_nav{margin:0;padding:0;}
.lma_links a:link {color:#fff;text-decoration:none;transition:0.3s ease-in-out;}
.lma_links a:visited {color:#fff;text-decoration:none;}
.lma_links a:hover {color:#fff;text-decoration:none;}
.lma_funk a:link {color:#fff;text-decoration:none;transition:0.3s ease-in-out;}
.lma_funk a:visited {color:#fff;text-decoration:none;}
.lma_funk a:hover {color:#fff;text-decoration:none;}
@media only screen and (min-width:320px) and (max-width:768px){
.lma_links{width:100%;margin:0;padding:0;}
.lma_links ul {
width:100%;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
}
.lma_links ul li {
width:50%;
margin:0;
padding:0;
list-style:none;
font-size:14px;
line-height:150%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-top:solid 1px #444;
border-right:solid 1px #444;
}
.lma_links ul li:nth-child(2n) {border-right:0;}
.lma_links ul li a{display:block;padding:15px;}
.lma_links ul li a[href="download.html"] {border-bottom:solid 1px #444;}
.lma_funk{width:100%;margin:0;padding:0;}
.lma_funk ul {
width:100%;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
}
.lma_funk ul li {
width:50%;
margin:0;
padding:0;
list-style:none;
font-size:14px;
line-height:150%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-top:solid 1px #444;
border-right:solid 1px #444;
min-height:50px;
display:flex;
}
.lma_funk ul li:nth-last-child(3) {border-bottom:solid 1px #444;}
.lma_funk ul li:nth-last-child(2) {border-bottom:solid 1px #444;}
.lma_funk ul li:nth-last-child(1) {border-top:none;}
.lma_funk ul li:nth-child(2n) {border-right:0;}
.lma_funk ul li a{display:block;padding:15px;width:100%;display:flex;align-items:center;}
}
@media screen and (min-width:769px){
#footer_lma{padding:60px 0 45px 0;}
.lma_box{
width:980px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.lma_logo{width:180px;margin:0;}
.lma_navigation{width:760px;}
.lma_nav{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
border-top:none;
}
.lma_links{margin:0;padding:0 30px 0 0;}
.lma_links ul {
width:100%;
margin:0;
padding:0;
}
.lma_links ul li {
margin:0;
padding:0 0 10px 0;
list-style:none;
font-size:14px;
line-height:150%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lma_links a:hover {color:#fff;text-decoration:underline;}
.lma_funk{width:100%;margin:10px 0 0 0;padding:8px 0 0 0;border-top:solid 1px #666;}
.lma_funk ul {
width:100%;
margin:0;
padding:0;
list-style:none;
font-size:14px;
line-height:150%;
display:flex;
flex-wrap:wrap;
}
.lma_funk ul li {padding:10px 20px 0 0;white-space:nowrap;}
}


/*---------- フッター_Lステップ ----------*/

#footer_lstep{
margin:0;
padding:45px 0;
color:#f2f2f2;
background:#363636;
}
.lstep_box{
margin:0 auto;
padding:0;
}
.lstep_logo{margin:0;padding:0;text-align:center;}
.lstep_logo img{width:120px;}
.lstep_frame{margin:0;padding:15px 0 0 0;}
.lstep_nav{margin:0;padding:0;}
.lstep_links{margin:0;padding:0;}
.lstep_item{margin:0;padding:0;}
.lstep_head{
margin:0;
padding:15px;
font-size:100%;
font-weight:bold;
line-height:150%;
border-top:solid 1px #666;
}
.lstep_frame ul {width:100%;margin:-10px 0 0 0;padding:0;box-sizing:border-box;}
.lstep_frame ul li {
margin:0;
padding:0;
list-style:none;
font-size:90%;
line-height:150%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lstep_frame ul li a {
display:block;
width:100%;
padding:10px 15px 10px 25px;
color:inherit;
box-sizing:border-box;
}
.lstep_frame a:link {color:#f2f2f2;text-decoration:none;transition:0.3s ease-in-out;}
.lstep_frame a:visited {color:#f2f2f2;text-decoration:none;}
.lstep_frame a:hover {color:#f2f2f2;text-decoration:none;background:rgba(255,255,255,0.1);}
.lstep_tel{
margin:0;
padding:20px 0 0 20px;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
}
.lstep_tel_top{
margin:0;
padding:5px 10px 0 0;
font-size:80%;
line-height:150%;
}
.lstep_tel_top span{padding:0 4px 2px 4px;border:solid 1px #f2f2f2;}
.lstep_tel_number{
margin:0;
padding:0;
font-size:130%;
font-weight:bold;
line-height:150%;
font-family:'Roboto Condensed', sans-serif;
}
.lstep_tel_number a:link {color:#fff;text-decoration:none;transition:0.3s ease-in-out;}
.lstep_tel_number a:visited {color:#fff;text-decoration:none;}
.lstep_tel_number a:hover {color:#fff;text-decoration:none;}
.lstep_tel_caption{
margin:0;
padding:6px 0 0 15px;
font-size:75%;
line-height:150%;
}
@media screen and (max-width:768px){
.lstep_head{cursor:pointer;position:relative;}
.lstep_head:not(.open){border-bottom:none;}
.lstep_head:before{content: "＋";position:absolute;right:15px;}
.lstep_head.open:before{content:"－";}
.lstep_head.open + ul{display:block;}
.lstep_head:not(.open) + ul{display:none;}
}
@media screen and (min-width:769px){
#footer_lstep{padding:60px 0;}
.lstep_box{
width:980px;
margin:0 auto;
padding:0;
}
.lstep_logo{
margin:0;
padding:0;
text-align:left;
}
.lstep_logo img{width:120px;}
.lstep_frame{
margin:0;
padding:15px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.lstep_nav{
width:24%;
margin:0;
padding:0;
}
.lstep_links{
width:72%;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.lstep_item{
width:31%;
margin:0;
padding:0;
}
.lstep_head{
margin:0;
padding:20px 0 5px 0;
font-size:16px;
font-weight:bold;
line-height:150%;
border-top:0;
border-bottom:solid 1px #f2f2f2;
}
.lstep_frame ul {width:100%;margin:0;padding:5px 0 0 0;}
.lstep_frame ul li {font-size:14px;}
.lstep_frame ul li a {padding:5px 0 5px 10px;}
.lstep_frame a:hover {text-decoration:underline;background:none;}
.lstep_tel{
margin:0;
padding:30px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
}
.lstep_tel_top{
margin:0;
padding:5px 15px 0 0;
font-size:16px;
line-height:150%;
}
.lstep_tel_top span{padding:0 4px 2px 4px;border:solid 1px #f2f2f2;}
.lstep_tel_number{
margin:0;
padding:0;
font-size:26px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
font-family:'Roboto Condensed', sans-serif;
}
.lstep_tel_caption{
margin:0;
padding:10px 0 0 15px;
font-size:12px;
line-height:150%;
}
a[href^="tel:"] {pointer-events:none;}
}


/*---------- フッター ----------*/

#footer{
margin:0;
padding:30px 15px;
background:#f7f6f5;
}
.footer_ad{
margin:0 auto;
padding:0;
font-size:75%;
line-height:100%;
text-align:right;
font-family:'Roboto Condensed', sans-serif;
}
@media screen and (min-width:769px){
#footer{padding:45px 0;}
.footer_ad{width:980px;font-size:12px;}
}


/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.normal{font-weight:normal;}
.ul{text-decoration:underline;}
.red {color:#e73250;}
.green {color:#008fa0;}
.green_thin {color:#66C0CA;}
.bg_green{background:#008fa0;}
.bg_gray{background:#999;}
.ym{background:linear-gradient(transparent 70%, #fff676 70%);}
sup{
font-size:40%;
font-weight:normal;
vertical-align:top;
position:relative;
top:-0.4em;
}
.mt{margin-top:30px;}
@media screen and (min-width:769px){
.mt{margin-top:45px;}
}

/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}