@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;letter-spacing:1px;}
}


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

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:64px;
margin:0;
padding:0;
background-color:#fff;
position:fixed;
top:0;
left:0;
box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
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:10px 0 0 0;}
.logo img {width:200px;}
.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:90px;}
.header-inner {
max-width:1180px;
width:100%;
padding:0 15px;
box-sizing:border-box;
display:flex;
align-items:flex-start;
}
.logo {
width:260px;
flex-shrink:0;
padding:16px 0 0 0;
}
.logo img {width:100%;}
.menu-wrapper {
flex:1;
display:flex;
justify-content:flex-end;
}
.menu-lists ul {
padding:48px 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:#323333;text-decoration:none;}
.menu-lists a:hover {color:#666;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:#60bf22;
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:#faab34;
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:26px;
right:0;
z-index:999;
}
}
@media screen and (max-width:740px) {
.btn {
display:block;
width:39px;
height:39px;
position:absolute;
top:13px;
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:#000;
}
.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:64px 0 0 0;
}
#mv{
margin:0;padding:0;
text-align:center;
background:linear-gradient(to bottom left,#faab34,#f65622); 
}
#mv h1{margin:0;padding:15px 0;}
#mv h1 img{width:100%;}
.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:#60bf22;
border:solid 3px #fff;
box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.push:hover {
filter:brightness(1.1);
transition:0.8s;
}
.top_device_caption{
margin:0;
padding:15px 0 30px 0;
font-size:75%;
line-height:150%;
color:#fff;
}
@media screen and (min-width: 768px) {
#wrapper{padding:90px 0 0 0;}
#mv h1{padding:5px 0 15px 0;}
#mv h1 img{width:980px;}
.top_device{margin:0;}
.push {width:540px;font-size:28px;}
.top_device_caption{padding:20px 0 60px 0;font-size:14px;}
}


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

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


/*---------- トップページ_メディア ----------*/

.top_media{
margin:0;
padding:45px 0 30px 0;
}
.top_media_box{
max-width:1400px;
margin:10px auto 0 auto;
padding:16px;
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:15px;
box-sizing:border-box;
}
@media screen and (min-width: 768px) {.top_media_box {margin:45px auto 0 auto;grid-template-columns: repeat(3, 1fr); /* タブレットで3列 */}}
@media screen and (min-width: 1024px) {.top_media_box {margin:45px auto 0 auto;grid-template-columns: repeat(4, 1fr); /* PCで4列 */}}
.top_media_item{
margin:0;
padding:0;
font-size:90%;
font-weight:bold;
line-height:150%;
text-align:center;
overflow:hidden;
box-sizing:border-box;
}
.top_media_item figure {margin:0 0 6px 0;}
.top_media_item img {width:100%;height:auto;display:block;border-radius:6px}
@media screen and (min-width:769px){
.top_media{padding:90px 0 75px 0;}
.top_media_item{font-size:16px;}
.top_media_item figure {margin:0 0 7px 0;}
}


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

.top_features{
margin:0;
padding:45px 0 60px 0;
background:#f1f1f1;
}
.top_features_head{
margin:0;
padding:0 0 5px 0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#f66826;
}
.top_features_box{
margin:0 20px;
padding:0;
}
.top_features_item{
margin:45px 0 0 0;
padding:0;
}
.top_features_pict{
margin:0;
padding:0;
text-align:center;
}
.top_features_pict img{width:60%;}
.top_features_title {
margin:0;
padding:15px 0 10px 0;
font-size:160%;
line-height:150%;
text-align:center;
}
.top_features_txt {
margin:0;
padding:0;
font-size:100%;
line-height:180%;
text-align:center;
}
@media screen and (min-width:769px){
.top_features{padding:90px 0;}
.top_features_head{font-size:24px;}
.top_features_box{
max-width:980px;
width:95%;
margin:45px auto 0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.top_features_item{width:28%;margin:0;}
.top_features_pict img{width:100%;}
.top_features_title {padding:25px 0 15px 0;font-size:24px;}
.top_features_txt {font-size:16px;letter-spacing:1px;}
}


/*---------- トップページ_導入効果例 ----------*/

.top_effect {
margin:45px 20px 0 20px; 
padding:30px 20px 45px 20px;
background:#fff;
border-radius:8px;
}
.top_effect_grid {
margin:30px 0 0 0;
padding:0;
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:15px;
}
.top_effect_item {
margin:0;
padding:20px 0 25px 0;
border:4px solid #faab34;
border-radius:8px;
text-align: center;
}
.top_effect_icon {margin:0;padding:0;}
.top_effect_icon img{width:60px;}
.top_effect_label {
margin:0;
padding:10px 0 20px 0;
font-size:120%;
font-weight:bold;
line-height:100%;
}
.top_effect_value {
margin:0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:100%;
color:#f66826;
}
.top_effect_value span{
margin-right:5px;
font-size:160%;
font-family:Arial, Helvetica, "sans-serif";
}
@media screen and (min-width:769px) {
.top_effect {
max-width:980px;
margin:60px auto 0 auto; 
padding:45px 60px 60px 60px;
}
.top_effect_grid {grid-template-columns: repeat(3, 1fr);}
.top_effect_icon img{width:75px;}
.top_effect_label {font-size:21px;}
.top_effect_value {font-size:36px;}
}


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

.device_bg{
margin:0;
padding:45px 20px 60px 20px;
background:linear-gradient(to bottom left,#faab34,#f65622); 
}
.device_top{
margin:0 0 45px 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:20px 0 0 0;
font-size:160%;
line-height:150%;
text-align:center;
}
.device_txt{
margin:0;
padding:20px 0 25px 0;
font-size:100%;
line-height:180%;
}
.device_frame{
margin:0 auto;
padding:5px 25px 35px 25px;
background:#fff;
border-radius:6px;
}
.device_subtitle{
margin:0;
padding:0 0 15px 0;
font-size:105%;
font-weight:bold;
line-height:160%;
text-align:center;
}
.device_select{margin:0;padding:0;}
.device{width:100%;margin:0 auto;padding:0;}
.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:#60bf22;
position:relative;
}
.button:after{
content:'\f0da';
font-family:'Font Awesome 5 Free';
font-size:90%;
font-weight:900;
right:12px;
position:absolute;
}
.inquiry{background:#faab34;margin-top:15px;}
.button:hover {filter:brightness(1.1);transition:0.8s;}
.device_caption{
margin:0;
padding:15px 0 0 0;
font-size:75%;
line-height:150%;
text-align:center;
color:#999;
}
@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:45px;
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:28px;line-height:140%;text-align:left;}
.device_txt{padding:10px 0 15px 0;font-size:18px;line-height:170%;}
.device_frame{
width:980px;
margin:0 auto;
padding:20px 0 50px 0;
}
.device_subtitle{
margin:0;
padding:0 0 25px 0;
font-size:24px;
}
.device_select{
width:680px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.device{width:320px;margin:0 auto 0 0;padding:0;}
.button {padding:18px 0;font-size:18px;}
.inquiry{margin-top:0;}
.device_caption{padding:10px 0 0 0;font-size:14px;text-align:left;}
}


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

.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_detail h3{
margin:0;
padding:0;
font-size:160%;
line-height:150%;
text-align:center;
}
.top_contents_detail h3.tokkyo{
margin:0;
padding:0;
font-size:150%;
line-height:150%;
text-align:center;
}
.top_contents_detail p{font-size:100%;line-height:180%;}
.top_contents_caption{
margin:-12px 0 15px 0;
padding:0;
font-size:80%;
line-height:180%;
color:#999;
}
.top_contents_link{
margin:-10px 0 20px 0;
padding:0;
font-size:100%;
line-height:180%;
text-align:right;
}
.top_contents_pict{margin:0;padding:0;}
.top_contents_pict img{width:100%;}
@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 75px 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_detail h3{font-size:28px;text-align:left;}
.top_contents_detail h3.tokkyo{font-size:24px;text-align:left;}
.top_contents_detail p{font-size:16px;}
.top_contents_caption{font-size:12px;}
.top_contents_link{margin:0;font-size:16px;text-align:left;}
.top_contents_link:before{
content:'\f138';
font-family:'Font Awesome 5 Free';
font-weight:900;
margin-right:8px;
color:#ffb000;
}
.top_contents_pict{width:48%;}
}


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

.top_seminar{
margin:0;
padding:60px 0 75px 0;
background:#f1f1f1;
}
.top_seminar_head{
margin:0;
padding:0 0 5px 0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#f66826;
}
.top_seminar_title{
margin:0 0 20px 0;
padding:0;
font-size:200%;
font-weight:900;
line-height:150%;
text-align:center;
}
.slider{margin:0 0 35px 0;padding:0;}
.slider_item{margin:0 7px;padding:0;}
.slider_item img{width:100%;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.2);}
.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:#faab34;
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_head{font-size:24px;}
.top_seminar_title{margin:0 0 30px 0;font-size:36px;}
.slider{margin:0 0 45px 0;}
.enter {width:360px;padding:20px 0;font-size:18px;}
}



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

#page_title{
margin:0;
padding:45px 0;
background:linear-gradient(to bottom left,#faab34,#f65622); 
}
#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;
}
@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キャストとは ----------*/

.about_pict{margin:0 auto;padding:10px 20px 0 20px;}
.about_pict img{width:100%;}
.about_problem{margin:0 20px;padding:0;}
.about_problem ul{
margin:0 0 30px 0;
padding:10px 20px 20px 20px;
list-style:none;
box-sizing:border-box;
border:solid 1px #f66826;
border-radius:8px;
}
.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:#f66826;
position:absolute;
left:0;
}
.about_this_head{
margin:30px 0 0 0;
padding:0;
font-size:150%;
line-height:100%;
text-align:center;
color:#f66826;
}
.about_this_top{
margin:10px 20px 20px 20px;
padding:0;
font-size:130%;
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_pict{width:768px;padding:15px 0 0 0;}
.about_problem{width:768px;margin:0 auto;}
.about_problem ul{padding:15px 45px 30px 60px;}
.about_problem ul li{padding:15px 0 0 30px;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:#f4f4f4;
}
.about_funk_head{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#f66826;
}
.about_funk_top{
margin:0;
padding:0;
font-size:200%;
font-weight:900;
line-height:150%;
text-align:center;
}
.about_funk_list{
margin:20px auto 45px auto;
padding:0 0 5px 0;
background:#fff;
border-radius:10px;
}
.about_funk_mv{margin:0 0 20px 0;padding:0;}
.about_funk_mv img{width:100%;border-radius:10px 10px 0 0;}
.about_funk_number{
margin:0;
padding:15px 0 20px 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:#f66826;
border-radius:50%;
border:solid 2px #f66826;
}
.ten span{padding:5px 8px;}
.about_funk_sub{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.about_funk_title{
margin:0;
padding:0;
font-size:180%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.about_funk_box{
margin:25px 20px 30px 20px;
padding:0 0 30px 0;
border-bottom:solid 1px #eee;
}
.about_funk_end{padding:0;border-bottom:0;}
.about_funk_pict{
margin:0;
padding:30px 0;
text-align:center;
border-radius:6px;
box-shadow:0 0 10px rgba(0,0,0,0.1);
background-color:rgba(255,255,255,0.3);
background-blend-mode:lighten;
background-image:url("../img/bg_funk_sp.png") ;
background-position:center center;
background-repeat:no-repeat;
background-size:100% 100%;
}
.about_funk_pict img{width:40%;height:auto;filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.5));}
.about_funk_detail{margin:0;padding:0;}
.about_funk_txt{margin:0;padding:20px 0 5px 0;font-size:100%;line-height:180%;}
.about_funk_link{
margin: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:#ffb000;
display:inline-block;
text-decoration:none !important;
}
.about_funk_subhead{
margin:0 0 20px 0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.about_funk_industry{
margin:0 auto 45px auto;
padding:15px 15px 20px 1px;
background:#fff;
border-radius:10px;
}
.about_funk_industry ul{
margin:0;
padding:0;
list-style:none;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.about_funk_industry ul li{
width:50%;
margin:0;
padding:10px 0 10px 45px;
font-size:90%;
font-weight:bold;
line-height:150%;
box-sizing:border-box;
position:relative;
}
.about_funk_industry ul li:before {
position:absolute;
content:"\f058";
font-family:'Font Awesome 5 Free';
font-weight:900;
top:51%;
right:auto;
left:20px;
bottom:auto;
transform:translateY(-50%);
color:#faab34;
}
.about_funk_effect {
margin:20px auto 0 auto; 
padding:1px 20px 30px 20px;
background:#fff;
border-radius:10px;
}
@media screen and (min-width:769px) {
.about_funk_bg{margin:90px 0 0 0;padding:75px 0 90px 0;}
.about_funk_head{font-size:24px;}
.about_funk_top{font-size:48px;}
.about_funk_list{
width:840px;
margin:30px auto 45px auto;
padding:0 0 45px 0;
}
.about_funk_sub{font-size:20px;}
.about_funk_title{font-size:36px;}
.about_funk_box{
margin:25px 45px 30px 45px;
padding:0 0 45px 0;
}
.about_funk_pict{
margin:0 0 30px 0;
padding:30px 0;
text-align:center;
background-image:url("../img/bg_funk.png") ;
background-size:cover;
}
.about_funk_pict img{width:30%;}
.about_funk_txt{padding:0;font-size:18px;}
.about_funk_link{font-size:16px;}
.about_funk_subhead{margin:0 0 30px 0;font-size:28px;}
.about_funk_industry{max-width:980px;padding:30px 30px 30px 30px;}
.about_funk_industry ul li{width:33.2%;font-size:18px;}
.about_funk_effect {max-width:980px;margin:30px auto 0 auto; padding:30px 60px 60px 60px;}
}

.about_subtitle{
margin:0 0 20px 0;
padding:0;
font-size:180%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.about_talk_bg{
margin:0 0 60px 0;
padding:45px 20px 30px 20px;
background:#f4f4f4;
}
.about_talk_box{margin:0 auto;padding:0;}
.about_talk{
margin:0 0 30px 0;
padding:0 0 20px 0;
border:solid 1px #eee;
background:#fff;
border-radius:8px;
}
.about_talk a{display:block;text-decoration:none;}
.about_talk_pict{margin:0;padding:0;}
.about_talk_pict img{width:100%;border-radius:8px 8px 0 0;}
.about_talk_head{
margin:0 20px;
padding:22px 0 12px 0;
font-size:90%;
font-weight:bold;
line-height:100%;
}
.about_talk_head span{
padding:3px 8px;
color:#f66826;
border:solid 1px #f66826;
}
.about_talk_ttl{
margin:0 20px;
padding:0;
font-size:100%;
font-weight:bold;
line-height:180%;
color:#242424;
}
.about_talk_ttl span{font-size:130%;margin-left:10px;margin-right:10px;}
.about_talk_txt{
margin:10px 20px 0 20px;
padding:0;
font-size:90%;
line-height:160%;
text-align:justify;
color:#242424;
}
.about_future{
margin:0 20px 45px 20px;
padding:0;
}
.about_future h3{
margin:30px 0 20px 0;
padding:0 0 10px 0;
font-size:130%;
line-height:150%;
border-bottom:solid 1px #242424;
}
.about_future h3:before {
content:'■';
display:inline-block;
color:#f66826;
left:0;
margin-right:10px;
}
.about_future_task{
margin:20px 0 0 0;
padding:15px 20px 15px 20px;
font-size:100%;
line-height:180%;
letter-spacing:1px;
background:#f4f4f4;
border-radius:10px;
}
.about_future_task:before {
font-family:"Font Awesome 5 Free";
font-weight: 900;
content:'\f058';
display:inline-block;
color:#faab34;
left:0;
margin-right:10px;
}
.about_future ul{
margin:20px 0;
padding:10px 20px 20px 20px;
list-style:none;
background:#f4f4f4;
border-radius:10px;
}
.about_future ul li{
margin:0;
padding:10px 0 0 20px;
font-size:100%;
font-weight:bold;
line-height:180%;
position:relative;
}
.about_future ul li:before {
 display: block;
content: "・";
position:absolute;
left:0;
}
@media screen and (min-width:769px) {
.about_subtitle{margin:0 0 45px 0;font-size:36px;}
.about_talk_bg{margin:0 0 75px 0;padding:60px 0 75px 0;}
.about_talk_box{
width:1180px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.about_talk{width:23%;margin:0;}
.about_talk_head{font-size:14px;}
.about_talk_ttl{font-size:18px;}
.about_talk_txt{font-size:14px;}
.about_future{width:768px;margin:0 auto 75px auto;}
.about_future h3{margin:45px 0 30px 0;font-size:24px;}
.about_future_task{padding:15px 30px 15px 30px;font-size:18px;}
.about_future ul{margin:30px 0;padding:10px 30px 20px 30px;}
.about_future ul li{font-size:18px;}
}



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

.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-CASTの料金について ----------*/

.price_basic{
margin:30px 20px 0 20px;
padding:0;
}
.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;
background:#f4f4f4;
}
.price_basic table td {
font-size:100%;
line-height:180%;
padding:10px 0 10px 15px;
border-bottom:solid 1px #eee;
}
.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:#60bf22;
}
.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:#faab34;
}
.price_ex table thead th:first-child {color:#333;background:#f4f4f4;font-size:100%;}
.price_ex table thead th:last-child {padding:0;font-size:100%;background:#f66826;}
.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:last-child {
padding:5px 10px;
font-size:90%;
border-right:0;
text-align:left;
background-color:#fef7f2
}
.price_ex_for{
margin:0;
padding:0;
font-size:90%;
font-weight:bold;
line-height:150%;
color:#f66826;
}
.price_ex ul{
margin:0;
padding:0;
list-style:none;
}
.price_ex ul li{
margin:0;
padding:5px 0 0 15px;
font-size:80%;
line-height:150%;
position:relative;
}
.price_ex ul li:before {
display:block;
content: "・";
position:absolute;
left:0;
}
.price_ex_txt{
margin:10px 20px 0 20px;
padding:0;
}
.price_ex_txt ul{
margin:0;
padding:0;
list-style:none;
}
.price_ex_txt ul li{
margin:0;
padding:10px 0 0 30px;
font-size:100%;
font-weight:bold;
line-height:150%;
position:relative;
}
.price_ex_txt ul li:before {
display:block;
font-family:"Font Awesome 5 Free";
font-weight: 900;
content:'\f058';
color:#f66826;
position:absolute;
left:0;
}
.price_point{
margin:20px 20px 60px 20px;
padding:0;
}
.price_point h3{
margin:0;
padding:15px 0 0 30px;
font-size:140%;
font-weight:bold;
line-height:150%;
position:relative;
}
.price_point h3:before {
display:block;
font-family:"Font Awesome 5 Free";
font-weight:900;
content:'\f058';
color:#f66826;
position:absolute;
left:0;
}
.price_point_text{
margin:10px 0 15px 0;
padding:15px 25px;
font-size:100%;
line-height:180%;
background:#f4f4f4;
border-radius:4px;
}
.price_flow_caption{
margin:-10px 0 20px 0;
padding:0;
font-size:80%;
line-height:100%;
text-align:center;
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:#f66826;
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;
}
@media screen and (min-width:769px) {
.price_basic{width:768px;margin:45px auto 0 auto;}
.price_basic p{font-size:14px;}
.price_basic table th {width:240px;font-size:18px;line-height:180%;padding:15px 0;}
.price_basic table td {font-size:18px;letter-spacing:2px;padding:15px 0 15px 30px;}
.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_ex_for{font-size:16px;}
.price_ex ul li{padding:5px 0 0 25px;font-size:14px;}
.price_ex ul li:before {left:5px;}
.price_ex_txt{
width:768px;
margin:20px auto 0 auto;
text-align:center; 
}
.price_ex_txt ul{
margin:0 auto;
display:inline-block;
text-align:left;
}
.price_ex_txt ul li{font-size:18px;}
.price_point{width:768px;margin:30px auto 90px auto;}
.price_point h3{padding:20px 0 0 30px;font-size:24px;}
.price_point_text{padding:15px 30px;font-size:18px;}
.price_flow_caption{margin:-25px 0 45px 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;}
}


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

.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:#fef7f2;
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 #f66826;
}
.qus{color:#fff;background:#f66826;}
.ans{color:#f66826;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:40px 0 60px 0;
text-align:center;
background:#f4f4f4;
}
#function_title h1{
margin:0;
padding:0;
font-size:180%;
line-height:140%;
color:#f66826;
}
.function_head{
margin:0;
padding:5px 0 15px 0;
font-size:90%;
line-height:100%;
}
.function_head span{
padding:3px 10px;
color:#f66826;
border:solid 1px #f66826;
}
.function_explan{
margin:0;
padding:10px 20px 0 20px;
font-size:100%;
line-height:180%;
}
.function_eyecatch{
margin:-30px 20px 0 20px;
padding:30px 0;
text-align:center;
border-radius:6px;
box-shadow:0 0 10px rgba(0,0,0,0.1);
background-color:rgba(255,255,255,0.3);
background-blend-mode:lighten;
background-image:url("../img/bg_funk_sp.png") ;
background-position:center center;
background-repeat:no-repeat;
background-size:auto 100%;
}
.function_eyecatch img{width:40%;height:auto;filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.5));}
.function_subtitle{
margin:45px 0 20px 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:#f66826;
}
.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(to bottom left,#faab34,#f65622); 
}
.function_feature_title{
margin:0;
padding:0;
font-size:160%;
line-height:150%;
text-align:center;
}
.function_feature_icon{
margin:0;
padding:10px 0 0 0;
text-align:center;
}
.function_feature_icon img{width:50%;}
.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:#f66826;
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_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:120%;
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{
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:#f4f4f4;
}
.function_links_head{
margin:0 0 25px 0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#faab34;
}
.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:#faab34;
background:#fff;
border:solid 1px #faab34;
box-sizing: border-box;
border-radius:10px;
text-decoration:none;
border-radius:4px;
white-space:nowrap;
}
.function_links ul li a:visited {color:#faab34;text-decoration:none;}
.function_links ul li a:hover {color:#fff;background:#faab34;text-decoration:none;}
@media screen and (min-width:769px) {
#function_title{padding:60px 0 75px 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:980px;
margin:-30px auto 0 auto;
padding:30px 0;
background-image:url("../img/bg_funk.png") ;
background-position:center center;
background-repeat:no-repeat;
background-size:100% auto;
}
.function_eyecatch img{width:auto;height:480px;}
.function_subtitle{margin:60px 0 30px 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_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_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;}
}


/*---------- お役立ちセミナー ----------*/

.seminar_top{
margin:30px 20px 20px 20px;
padding:0;
font-size:160%;
line-height:150%;
text-align:center;
}
.seminar_box{
margin:0;
padding:10px 20px 30px 20px;
}
.wp-block-lazyblock-seminardet{
margin:0 0 30px 0;
padding:0 0 20px 0;
border:solid 1px #ddd;
border-radius:10px;
}
.seminar_pict{margin:0 0 20px 0;padding:0;}
.seminar_pict img{width:100%;border-radius:10px 10px 0 0;}
.seminar_subtitle{
margin:0 30px 3px 30px;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
}
.seminar_title{
margin:0 30px;
padding:0;
font-size:140%;
font-weight:bold;
line-height:140%;
}
.seminar_detail{
margin:7px 30px 15px 30px;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
}
.seminar_label{
margin:0;
padding:6px 0 0 0;
font-size:90%;
line-height:100%;
}
.seminar_label span{
padding:0 5px 1px 5px;
color:#faab34;
border:solid 1px #faab34;
}
.seminar_day{
margin:0;
padding:0 0 0 10px;
font-size:90%;
line-height:150%;
}
.seminar_link{
margin:auto 20px 0 20px;
padding:0;
font-size:90%;
line-height:150%;
text-align:right;
}
.seminar_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;
}
.seminar_subhead{
width:fit-content;
margin:-20px auto 20px auto;
padding:0 45px;
font-size:160%;
font-weight:bold;
line-height:150%;
text-align:center;
position:relative;
display:block;
}
.seminar_subhead:before,
.seminar_subhead:after {
content: '';
position: absolute;
top:50%;
display:inline-block;
width:30px;
height:1px;
background-color:#242424;
}
.seminar_subhead:before {left:0;}
.seminar_subhead:after {right:0;}
@media screen and (min-width:769px) {
.seminar_top{margin:30px 0;font-size:36px;}
.seminar_box{
max-width:1180px;
width:95%;
margin:0 auto 90px auto;
padding:10px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.wp-block-lazyblock-seminardet{
width:31%;
margin:0;
display:flex;
flex-direction:column;
}
.wp-block-lazyblock-seminardet:nth-child(n+4) {margin-top:45px;}
.seminar_subtitle{font-size:18px;}
.seminar_title{font-size:24px;}
.seminar_detail{flex-grow:1;}
.seminar_label{font-size:14px;}
.seminar_day{font-size:16px;}
.seminar_link{font-size:16px;}
.seminar_subhead{margin:-20px auto 30px auto;padding:0 55px;font-size:30px;}
.seminar_subhead:before,.seminar_subhead:after {width:40px;}
}


/*---------- デモ体験 ----------*/

#mv_demo{
margin:0;padding:30px 0 0 0;
text-align:center;
background-image:url("../img/bg_demo.png") ;
background-position:center center;
background-size:auto 100%;
}
#mv_demo h1{
margin:0 15px 25px 15px;
padding:25px 15px;
background-color:rgba(0,0,0,0.8);
}
#mv_demo h1 img{width:100%;}
ul.demo_ex{
margin:0 20px;
padding:0;
list-style:none;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
ul.demo_ex li{
width:32%;
margin:0;
padding:0;
}
ul.demo_ex li img{width:100%;border-radius:10px;border:solid 1px #ddd;}
.demo_scene{
margin:25px 20px 12px 20px;
padding:0;
text-align:center;
}
.demo_scene ol{
margin:0 auto;
padding:0;
list-style:none;
text-align:left;
counter-reset:my-counter;
}
.demo_scene ol li{
margin:15px 0 0 0;
padding:0 0 0 32px;
font-size:100%;
font-weight:bold;
line-height:160%;
position:relative;
}
.demo_scene ol li.no_number{font-weight:normal;text-align:right;}
.demo_scene ol li.no_number::before {display:none;}
.demo_scene_category{
margin-right:10px;
color:#f56f26;
}
.demo_scene ol li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color:#f56f26;
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;
}
.demo_caption{
margin:0 20px;
padding:0;
font-size:100%;
line-height:180%;
text-align:right;
}
.demo_bk{
margin:45px 0 0 0;
padding:1px 20px 15px 20px;
background:#f4f4f4;
}
.demo_biz_box{margin:0 auto;padding:5px 0 0 0;}
.demo_biz{
margin:0 0 30px 0;
padding:0 0 30px 0;
border-radius:10px;
border:solid 1px #ddd;
background:#fff;
}
.demo_biz_pict{margin:0 0 20px 0;padding:0;}
.demo_biz_pict img{width:100%;border-radius:10px 10px 0 0;}
.demo_biz_title{
margin:0;
padding:0;
font-size:160%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.demo_biz_txt{
margin:10px 30px 15px 30px;
padding:0;
font-size:100%;
line-height:180%;
text-align:justify;
}
.demo_biz_link{width:80%;margin:0 auto;padding:0;text-align:center;}
.demo_biz_link a:link {color:#fff;text-decoration:none;}
.demo_biz_link a:visited {color:#fff;text-decoration:none;}
.demo_biz_link a:hover {color:#fff;text-decoration:none;}
.demo_biz_btn {
width:100%;
margin:0 auto;
padding:10px 0 12px 0;
font-size:100%;
font-weight:bold;
display:inline-block;
transition:0.8s;
border-radius:8px;
background:#faab34;
position: relative;
}
.demo_biz_btn:after{
content:'\f0da';
font-family:'Font Awesome 5 Free';
font-size:90%;
font-weight:900;
top:34%;
right:12px;
position:absolute;
}
.demo_biz_btn:hover  {filter:brightness(1.1);transition:0.8s;}
.demo_bg{
margin:0;
padding:45px 20px 60px 20px;
background:linear-gradient(to bottom left,#faab34,#f65622); 
}
.demo_flow_top{
margin:0 0 30px 0;
padding:0;
font-size:200%;
line-height:150%;
text-align:center;
color:#fff;
}
.demo_flow{
margin:0 auto;
padding:25px 30px 30px 30px;
background:#fff;
border-radius:10px;
}
.demo_flow_number{
margin:0;
padding:10px 0 25px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
letter-spacing:3px;
text-indent:3px;
}
.demo_flow_number span{
padding:5px 30px;
color:#f16725;
border:solid 1px #f16725;
border-radius:60px;
font-family:'Roboto Condensed', sans-serif;
}
.demo_flow_title{
margin:0;
padding:0;
font-size:160%;
font-weight:bold;
line-height:140%;
text-align:center;
}
.demo_flow_txt{
margin:15px 0 0 0;
padding:0;
font-size:100%;
line-height:180%;
text-align:center;
}
.demo_flow_caption{
margin:0;
padding:0;
font-size:80%;
line-height:180%;
text-align:center;
color:#666;
}
.demo_flow_pict{
margin:30px 0 0 0;
padding:0;
}
.demo_flow_pict img{width:100%;}
.demo_arrow{
margin:25px auto;
padding:0;
text-align:center;
width:0;
height:0;
border-left:75px solid transparent;
border-right:75px solid transparent;
border-top:30px solid rgba(230,230,230,0.6);
}
.demo_device{
margin:0;
padding:45px 0 60px 0;
background:#f1f1f1;
}
.demo_device_head{
margin:0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#f66826;
}
.demo_device_txt{
margin:0;
padding:10px 0 15px 0;
font-size:100%;
line-height:180%;
text-align:center;
}
@media screen and (min-width:769px) {
#mv_demo{padding:45px 0 0 0;
background-position:center center;
background-size:cover;
}
#mv_demo h1{
width:640px;
margin:0 auto 30px auto;
padding:45px 60px;
}
ul.demo_ex{
width:980px;
margin:0 auto;
padding:15px 0 0 0;
}
ul.demo_ex li{width:30%;}
.demo_scene{width:696px;margin:45px auto 12px auto;}
.demo_scene ol li{font-size:120%;}
.demo_caption{width:696px;margin:0 auto;font-size:18px;}
.demo_bk{margin:90px 0 0 0;padding:1px 0 90px 0;}
.demo_biz_box{
max-width:1400px;
width:95%;
margin:0 auto;
padding:10px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.demo_biz{width:23%;margin:0;}
.demo_biz_title{font-size:20px;}
.demo_biz_txt{margin:10px 20px 15px 20px;font-size:16px;}
.demo_biz_link{width:70%;}
.demo_biz_btn {font-size:16px;}
.demo_bg{padding:60px 0 75px 0;}
.demo_flow_top{margin:0 0 45px 0;font-size:36px;}
.demo_flow{width:768px;padding:45px 120px 60px 120px;}
.demo_flow_number{font-size:18px;}
.demo_flow_title{font-size:32px;}
.demo_flow_txt{font-size:18px;}
.demo_flow_caption{font-size:14px;}
.demo_device{padding:75px 0 90px 0;}
.demo_device_head{font-size:28px;}
.demo_device_txt{font-size:18px;}
}



/*---------- メディア掲載 ----------*/

.media_frame{
margin:0 20px;
padding:15px 0;
}
.media_box{margin:0 0 45px 0;padding:0;}
.media_pict{margin:0;padding:0;}
.media_pict img{width:100%;border-radius:10px;}
.media_detail{margin:0;padding:0;}
.media_title{
margin:15px 0 0 0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
}
.media_kerning{margin-left:-0.5em;}
.media_detail ul{
margin:15px 0;
padding:20px 30px 10px 20px;
list-style:none;
border:solid 1px #faab34;
border-radius:10px;
background:#fef7f2;
}
.media_detail ul li{
margin:0;
padding:0 0 10px 30px;
font-size:120%;
font-weight:bold;
line-height:150%;
position:relative;
}
.media_detail ul li:before {
font-family:'Font Awesome 5 Free';
font-weight:900;
display:block;
content: "\f00c";
position:absolute;
left:0;
color:#faab34;
}
.media_txt{margin:0;padding:0;font-size:100%;line-height:180%;}
.media_link{
margin:5px 0 0 20px;
padding:0;
font-size:90%;
line-height:150%;
text-align:right;
}
.media_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) {
.media_frame{max-width:1200px;width:96%;margin:0 auto;padding:45px 0}
.media_box{
margin:0 0 75px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.media_pict{width:46%;}
.media_detail{width:50%;}
.media_title{margin:0;font-size:28px;}
.media_kerning{margin-left:-0.6em;}
.media_detail ul{margin:20px 0 20px 0;width:fit-content;}
.media_detail ul li{font-size:18px;}
.media_txt{font-size:16px;}
.media_link{margin:0 0 0 20px;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 #f6684c;
}
.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:#faab34;
}
.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: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%; height: auto;}
.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 .wp-pagenavi {
list-style-type:none;
margin:0 auto;
padding:0;
text-align:center;
}
/* .page_navi .wp-pagenavi li {
display:inline;
} */
.page_navi .wp-pagenavi span:not(.extend),
.page_navi .wp-pagenavi 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 .wp-pagenavi span:not(.extend) {
color:#fff;
background-color:#faab34;
border:solid 1px #faab34;
}
.page_navi .extend {
border:none;
color:#8e8e8e;
padding:6px 5px 5px 5px;
}
.page_navi .wp-pagenavi a:link {color:#8e8e8e;text-decoration:none}
.page_navi .wp-pagenavi a:hover {color:#fff;text-decoration:none;background-color:#faab34;border:solid 1px #faab34;}
.page_navi .wp-pagenavi 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_lcast{
margin:0;
padding:45px 0 0 0;
background:#292929;
}
.lcast_box{margin:0 auto;padding:0;}
.lcast_logo{
width:240px;
margin:0 auto 30px auto;
padding:0;
}
.lcast_logo img{width:100%;}
.lcast_navigation{margin:0;padding:0;}
.lcast_nav{margin:0;padding:0;}
.lcast_links a:link {color:#fff;text-decoration:none;transition:0.3s ease-in-out;}
.lcast_links a:visited {color:#fff;text-decoration:none;}
.lcast_links a:hover {color:#fff;text-decoration:none;}
.lcast_funk a:link {color:#fff;text-decoration:none;transition:0.3s ease-in-out;}
.lcast_funk a:visited {color:#fff;text-decoration:none;}
.lcast_funk a:hover {color:#fff;text-decoration:none;}
@media only screen and (min-width:320px) and (max-width:768px){
.lcast_links{width:100%;margin:0;padding:0;}
.lcast_links ul {
width:100%;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
}
.lcast_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;
}
.lcast_links ul li:nth-child(2n) {border-right:0;}
.lcast_links ul li a{display:block;padding:15px;}
.lcast_links ul li a[href="download.html"] {border-bottom:solid 1px #444;}
.lcast_funk{width:100%;margin:0;padding:0;}
.lcast_funk ul {
width:100%;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
}
.lcast_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;
}
.lcast_funk ul li:nth-child(2n) {border-right:0;}
.lcast_funk ul li a{display:block;padding:15px;}
}
@media screen and (min-width:769px){
#footer_lcast{padding:60px 0 45px 0;}
.lcast_box{
width:980px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.lcast_logo{width:180px;margin:0;}
.lcast_navigation{width:760px;}
.lcast_nav{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
border-top:none;
}
.lcast_links{margin:0;padding:0 30px 0 0;}
.lcast_links ul {
width:100%;
margin:0;
padding:0;
}
.lcast_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;
}
.lcast_links a:hover {color:#fff;text-decoration:underline;}
.lcast_funk{width:100%;margin:10px 0 0 0;padding:8px 0 0 0;border-top:solid 1px #666;}
.lcast_funk ul {
width:100%;
margin:0;
padding:0;
list-style:none;
font-size:14px;
line-height:150%;
display:flex;
flex-wrap:wrap;
}
.lcast_funk ul li {padding:10px 20px 0 0;white-space:nowrap;}
}


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

#footer_lstep{
margin:0;
padding:45px 0;
color:#f2f2f2;
background:#343434;
}
.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_custom{
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_custom{width:980px;font-size:12px;}
}


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

.bold{font-weight:bold;}
.normal{font-weight:normal;}
.ul{text-decoration:underline;}
.red {color:#ff2700;}
.org {color:#f66826;}
.bg_lightorg{background:#faab34;}
.bg_darkorg{background:#f66826;}
.bg_gray{background:#999;}
.ym{background:linear-gradient(transparent 70%, #fcf69f 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;}


/*---------- マニュアル用 ----------*/
.wp-img-border {
    border: 4px solid #b2b2b2;
}