/* ------------------------------------------
                  LAYOUTS
------------------------------------------ */
* {
box-sizing: border-box;
}

img {
max-width: 100%;
}

body {
background: #fff;
font: 14px 'YakuHanJP','NotoSansJP','Noto Sans JP','Open Sans','Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
color: #555;
line-height: 180%;
letter-spacing: 0em;
}

p{
font-size:16px;
}

.text-xsmaller{
font-size:10px;
}

/* 本文の区切り、段落変え（上マージンを空ける） */
.newParagraph {
margin-top:5px;
}


.lp_2024 .keyvisual,
.log_lp_2024 .keyvisual
 {
margin-top: 81px;
background: #fff;
}

/* #lp.lp_2024 .keyvisual-image-wide {
height: 100%;
width: 100%;
background-image: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/LP_MV_bk.png);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}*/

#lp.lp_2024 .keyvisual-image-wide,
#lp.log_lp_2024 .keyvisual-image-wide
 {
height: 100%;
width: 100%;
background: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/LP_MV_bk.png) no-repeat top center / cover ; /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 31%, rgba(66, 184, 255,1) 31%, rgba(66, 184, 255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 31%,rgba(66, 184, 255,1) 31%,rgba(66, 184, 255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30.4%,rgba(66, 184, 255,1) 30.4%,rgba(66, 184, 255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#42B8FF',GradientType=0 ); /* IE6-9 */
 }

#lp.lp_2024 .keyvisual-image_area,
#lp.log_lp_2024 .keyvisual-image_area
 {
max-width: 1600px;
min-height: 800px;
}

.lp_2024 .entry-body,
.log_lp_2024 .entry-body
 {
text-align: center;
}

.keyvisual-image_area {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
}

.keyvisual-image_inner {
width: 45%;
}

.keyvisual-txt_area {
width: 45%;
}

img.keyvisual-img_logo {
width: 90%;
}

.keyvisual-h1 {
margin: 30px 0;
font-size: clamp(24px,3.8vw,40px);
font-weight: bold;
color: #fff;
letter-spacing: 3px;
line-height: 1.6;
}

.h1-yel {
font-size: clamp(30px,3.8vw,85px);
font-weight: bold;
color: #ffe600;
letter-spacing: 5px;
}
.h1-yel span {
position: relative;
padding-top: 0.1em;
}
.h1-yel span::before {
position: absolute;
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ffe600;
top: 12px;
left: 50%;
transform: translate(-50%, 0);
}

.crown_area {
display: flex;
justify-content: space-between;
width: 80%;
}

.ITreview-txt {
color: #fff;
}

.crown_area img.ITreview_img {
width: 37%;
}

.crown_area img {
max-height: 190px;
height: 100%;
}

.laurel_wreath {
max-width: 181px;
}

.laurel_wreath img {
max-height: 70px;
height: 100%;
}


a.linkBiue {
color: #00A5FF;
border-bottom: 1px solid #00A5FF;
}

.lp_2024 .content-section-box .inner .entry,
.log_lp_2024 .content-section-box .inner .entry
 {
padding: 0 50px;
}

.content-cloud {
padding: 150px 20px;
background: transparent linear-gradient(206deg, #FFEAF5 0%, #B2E4FF 100%) 0% 0% no-repeat padding-box;
text-align: center;
}

.content-cloud .inner {
background-color: #fff;
border-radius: 15px;
}

.content-cloud .content-cloud_logo {
max-width: 500px;
width: 100%;
}

.content-cloud .inner .content-section-box {
padding: 100px 20px;
}

.content-cloud_title {
font-size: clamp(20px,3.8vw,40px);
font-weight: bold;
color:#0C2468;
line-height: 1.2;
}

.sc_kinou {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
gap: 35px;
}

.sc_kinou .box-E2E7EE p {
font-size: clamp(12px,2vw,16px);
}

.sc_kinou .box-E2E7EE {
width: 47%;
text-align: center;
}

.box-E2E7EE {
margin-bottom: 50px;
padding: 30px 20px;
background-color: #E2E7EE ;
border-radius: 15px;
}

.entry-body .box-E2E7EE h4 {
font-size: clamp(20px,3.8vw,30px);
}

.kinouList {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 2px;
list-style: none;
color: #fff;
text-align: center;
}
.kinouList-parts {
width: calc(99%/2);
padding: 20px 5px;
font-size: clamp(12px,2vw,16px);
}
.kinou-img {
background-color: #E2E7EE ;
border-radius: 15px;
}
.R-radius {
border-radius: 0 10px 10px 0;
}
.L-radius {
border-radius: 10px 0 0 10px;
}
.kinouList-parts:first-child {
border-radius: 10px 0 0 0;
}
.kinouList-parts:nth-child(2) {
border-radius: 0 10px 0 0;
}
.box-E2E7EE:first-child .kinouList-parts:last-child {
border-radius: 0 0 0 10px ;
}
.box-E2E7EE:nth-child(2) .kinouList-parts:last-child {
border-radius: 0 0 10px 0 ;
}
.LL-radius ,
.box-E2E7EE:nth-child(2) .kinouList-parts:nth-child(7) {
border-radius: 0 0 0 10px ;
}
.sc_kinou .base {
background: #00A4FF;
}
.base {
border: 4px solid #00A4FF;
}
.sc_kinou .option {
background: #FFB31A;
}
.option {
border: 4px solid #FFB31A;
}
.sc_kinou .service {
background: #A674B0;
}
.service {
border: 4px solid #A674B0;
}

.content-case {
padding: 150px 20px ;
background-image: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/case_bg.webp);
background-size: cover;
text-align: center;
}

.caption_case {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 35px;
max-width: 1500px;
margin: 0 auto;
}

.content-case_title {
font-size: clamp(20px,3.8vw,40px);
font-weight: bold;
line-height: 1.2;
letter-spacing: clamp(2px,1vw,5px);
}

.case-item {
display: flex;
align-items: center;
justify-content: space-evenly;
max-width: 630px;
width: 40%;
padding: 30px 20px;
background-color: #fff;
box-shadow: 2px 3px 6px #0000004A;
border-radius: 10px;
}

.case-item img {
width: 200px;
padding: 0 20px 0 0;
}

.item-txt {
font-size: clamp(12px, 2vw,16px);
text-align: left;
}

.item-txt .item-cp {
font-size: clamp(8px, 2vw,12px);
}

.entry-body .item-txt p:last-child {
margin-bottom: 0 ;
}

.content-inquiry-rogo {
padding: 20px ;
background: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/inq_bg.webp) center / cover  no-repeat ;
text-align: center;
}

.content-inquiry-rogo.actImg {
position: relative;
z-index: 1;
}

.content-inquiry-rogo.actImg img.contActimg {
position: absolute;
Z-INDEX: 10;
bottom: 0;
left: 5%;
}

.content-inquiry-rogo .H2-inquiry {
color: #fff;
}

.content-inquiry-rogo .inner {
padding-top: 50px;
padding-bottom: 50px;
border: 10px solid #fff;
}

.caption_rogo {
display: flex;
align-items: center;
justify-content: space-evenly;
color: #555;
}

.caption_rogo img {
height: 100%;
max-height: 60px;
}

.rogo_right, .rogo_left {
max-width: 625px;
width: 40%;
padding: 10px;
background-color: #fff;
}

.rogo_left {
border: 8px solid #00A5FF;
}

.rogo_right {
border: 8px solid #0C2468;
}

.back_ground_E9F7FF {
padding: 150px 20px;
background: #E9F7FF 0% 0% no-repeat;
}

.content-inquiry {
position: relative;
z-index: 1;

padding: 20px ;
color: #006FCF;
}

.contDocimg {
position: absolute;
Z-INDEX: 10;
bottom: 2px;
right: 10%;
}

.content-inquiry .inner {
padding-top: 50px;
padding-bottom: 50px;
border: 10px solid #00A5FF;
background: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/inq_01.webp) left 15% center / contain no-repeat;
text-align: center;
}

.caption_inq {
max-width: 1400px;
padding: 0 50px;
margin: 0 auto;
}

.H2-inquiry {
margin: 20px auto ;
font-size: clamp(20px,3.8vw,30px);
font-weight: bold;
line-height: 1.5;
}


.back_ground_E9F7FF .box-fff {
padding: 40px 50px;
background-color: #fff;
border-radius: 15px;
}

.entry-body h4.H4-00A5FF {
font-size: clamp(20px,3.8vw,30px);
font-weight: bold;
line-height: 1.5;
color: #00A5FF;
}

table caption {
padding: 20px 0 15px;
font-size: clamp(16px,3.8vw,24px);
color: #fff;
}

table thead {
text-align: left;
}

table tr {
margin: 20px;
}

table tr th {
font-weight: bold;
}

.table_00A5FF {
position: relative;
border: 5px solid #00A5FF;
}

.table_A674B0 thead.border-double::before {
content: "";
position: absolute;
top: 114px;
bottom: 4px;
left: 4px;
right: 4px;
border-right: solid 10px #fff;
border-left: solid 10px #fff;
z-index: 0;
}

.table_3E96F2 thead.border-double::before ,
.table_FFB900 thead.border-double::before ,
.table_7DC800 thead.border-double::before ,
.table_FF696E thead.border-double::before ,
.table_00A5FF thead.border-double::before {
content: "";
position: absolute;
top: 64px;
bottom: 4px;
left: 4px;
right: 4px;
border: solid 10px #fff;
z-index: 0;
}

.table_00A5FF caption {
background-color: #00A5FF;
}

.table_00A5FF tr th {
color: #00A5FF;
}

.entry-body table.table_3E96F2 {
position: relative;
margin-bottom: 0;
border: 5px solid #3E96F2;
}

.table_3E96F2 caption {
background-color: #3E96F2;
}

.table_3E96F2 tr th {
color: #3E96F2;
}

.table_FFB900 {
position: relative;
border: 5px solid #FFB900;
}

.table_FFB900 caption {
background-color: #FFB900;
}

.table_FFB900 tr th {
color: #FFB900;
}

.table_7DC800 {
position: relative;
border: 5px solid #7DC800 ;
}

.table_7DC800 caption {
background-color: #7DC800;
}

.table_7DC800 tr th {
color: #7DC800;
}

.table_FF696E {
position: relative;
border: 5px solid #FF696E ;
}

.table_FF696E caption {
background-color: #FF696E;
}

.table_FF696E tr th {
color: #FF696E;
}

.entry-body table.table_A674B0 {
position: relative;
margin-bottom: 0;
border: 5px solid #A674B0 ;
}

.table_A674B0 caption {
background-color: #A674B0;
}

.table_A674B0 tr th {
color: #A674B0;
}

.footer-act {
position: relative;
z-index: 1;
}

.content-inquiry-rogo.ftInq .main {
padding-top: 50px;
padding-bottom: 50px;
border: 10px solid #006FCF;
background-color: #fff;
}

.content-inquiry-rogo.ftInq .H2-inquiry {
color: #00A5FF;
}

.footer-act .global-footer-navi {
text-align: center;
}

.footer-act .global-footer-navi p {
font-size: clamp(20px,3.8vw,30px);
font-weight: bold;
color: #006FCF;
line-height: 1.5;
}

img.global-footer-act {
position: absolute;
Z-INDEX: 10;
bottom: 50px;
}

img.global-footer-act.left {
left: 8%;
max-width: 400px;
}

img.global-footer-act.right {
right: 4%;
max-width: 460px;
}

.background-grad-b {
background-image: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/toku_bk.webp);
background-size: cover;
text-align: center;
padding: 150px 20px;
}

.h2-title {
background:#006FCF;
height:120px;
padding: 10px;
margin-bottom: 50px;
text-align: center;
}

.h2-bottom-wide{
margin-bottom: 80px;
}

.h2-title h2 {
color: #ffffff;
font-size: clamp(30px,3.8vw,40px);
font-weight: bold;
border: solid 5px #ffffff;
height: 100%;
padding: 0.8em;
}

.box-title-content {
background: #fff;
border: solid 15px #006FCF;
padding: 40px 55px;
text-align: left;
position: relative;
}

.title-number{
height: 70px;
width: 70px;
background: #00A5FF;
border-radius: 5px;
color: #fff;
font-size: 26px;
font-weight: bold;
padding: 5px;
margin: 15px 0;
position: relative;
}

.feature2 .title-number{
margin: 15px 0 15px auto;
}

.title-number > div{
height: 100%;
border: solid 2px #fff;
border-radius: 5px;
}

.title-number > div > p{
line-height: calc( 70px - 20px );
font-size:26px;
letter-spacing: 0.05em;
text-indent: 0.05em;
}

.title-number::after {
content: '';
display: inline-block;
width: 10px;
height: 30px;
background: #D7D7DC;
position: absolute;
bottom: -30px;
left: 45%;
z-index: 2;
}

.box-title-content h3{
color: #00A5FF;
font-size: 30px;
font-weight: bold;
line-height: normal;
}

.box-title-content .sentence-area {
margin: 0 25% 0 0;
}

.feature2 .box-title-content .sentence-area {
margin: 0 0 0 25%;
}

.box-title-content p{
margin: 2em 0;
}

.support-title-area p,
.feature2 .box-title-content p,
.feature3 .box-title-content p
{
margin: 2em 0 0 0;
}

.box-title-content .img-dog{
position: absolute;
top: -95px;
left: 75px;
}

.feature2 .box-title-content .img-dog{
left: auto;
right: 75px;
top: -101px;
}

.box-title-content .img-mnm{
position: absolute;
bottom: -15px;
right: -15px;
}

.feature2 .box-title-content .img-mnm{
left: -15px;
}

.box-title-content::before {
content: '';
display: inline-block;
width: 13px;
height: 35px;
background: #D7D7DC;
position: absolute;
bottom: -50px;
right: 220px;
z-index: 2;
}

.box-title-content::after {
content: '';
display: inline-block;
width: 13px;
height: 35px;
background: #D7D7DC;
position: absolute;
bottom: -50px;
left: 220px;
z-index: 2;
}

.feature-title .sentence-area p{
font-size:14px;
}

.feature-title .sentence-area h3 + p {
font-size:16px;
}

.slide-parts{
max-width: 1160px;
background: #fff;
margin: 35px auto;
border-radius: 15px;
position: relative;
}

.slide-parts::after{
content: '';
width: 100%;
background-image: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/bk_pataan.webp);
border-radius: 15px;
position: absolute;
right: -15px;
bottom: -15px;
top: 15px;
z-index: -1;
}

.slide-parts .swiper{
padding: 50px 0px;
margin-bottom:130px;
}

.feature3 .slide-parts .swiper {
margin-bottom: 45px;
}

.slide-parts .swiper-pagination-bullet{
width: 57px;
height: 6px;
border-radius: 0;
background:#D5D5D5;
}

.slide-parts .swiper-pagination-bullet-active {
background: #006FCF;
}

.slide-parts .entry-img{
padding: 0 105px;
}

.img-badges {
display: flex;
width: auto;
gap: 45px;
margin: 75px auto 25px auto;
align-items: center;
justify-content: center;
max-width: 1200px;
}

.img-badges img{
width: calc(80%/4);
height: auto;
}

.img-badges img:nth-child(1){
max-width: 220px;
}

.img-badges img:nth-child(2){
max-width: none;
}

.img-badges img:nth-child(3),
.img-badges img:nth-child(4)
{
max-width: 275px;
}

.support-title-area{
border: solid 15px #00A5FF;
margin-top: 130px;
}

.support-title-area .img-dog{
left: -15px;
top: -91px;
}

.support-img-area{
padding:40px 100px;
}

.support-list {
display: flex;
flex-wrap: wrap;
gap: 50px 0;
justify-content: space-around;
}

.support-list .icon-group{
max-width: 250px ;
}

/*ボタン*/

.inq_button a{
max-width: 316px;
height: auto;
box-shadow: rgba(0, 0, 0, 0.29) 2px 3px 6px;
padding: 20px;
background: 0% 0% no-repeat padding-box padding-box rgb(255, 230, 0);
border-radius: 5px;
margin: 0 auto;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
transition-duration: 0.25s;
position: relative;
}

.inq_button p{
margin: 0;
color: #006FCF;
font-weight: bold;
font-size: clamp(13px,2.8vw,16px);
min-height: 0;
}

.inq_button a:hover{
opacity: 0.6;
transform: translateY(3px);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.inq_button a:after {
position: absolute;
content: '';
top: 35%;
right: 20px;
display: inline-block;
width: 16px;
height: 16px;
background-image: url(../ss1am_2024/img/dl_btn.webp);
background-size: cover;
vertical-align: middle;
}

.box-title-content .inq_button a:after {
display:none;
}

/*スライドここから*/

.swiper .swiper-wrapper {
padding: 0;
}

.swiper-wrapper p{
margin:10px 0 25px 0;
}

.point-list + .swiper-button-prev {
left: 0;
top:40%;
background-image: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/yaji_l.webp);
background-size: auto;
}

.point-list + .swiper-button-prev + .swiper-button-next {
right: 0;
top:40%;
background-image: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/yaji_r.webp);
background-size: auto;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{
bottom: 25px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0;
}

.fukidashi {
width: 500px;
}

.caption_rogo img {
max-height: 60px;
max-width: 60%;
margin: auto;
height: auto;
width: auto;
}

.content-cloud .content-cloud_logo {
max-width: 380px;
width: 100%;
margin: 0 auto;
display: block;
}

/*縦横指定用*/
.ImgRespo {
max-width: 100%;
height: auto;
}

/* ------------------------------------------
                  ClearFix
------------------------------------------ */

.group,
.clear {
zoom:1;
}

.group:after,
.clear:after {
content: "";
display: block;
clear: both;
}
/* ------------------------------------------
                for レスポンシブ
------------------------------------------ */
@media (min-width: 2000px) {

#lp.lp_2024 .keyvisual-image_area,
#lp.log_lp_2024 .keyvisual-image_area
 {
max-width: 1800px;
}

#lp.lp_2024 .keyvisual-image-wide,
#lp.log_lp_2024 .keyvisual-image-wide
 {
height: 100%;
width: 100%;
background: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/LP_MV_bk.png) no-repeat top center / cover ; /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 29%, rgba(66, 184, 255,1) 29%, rgba(66, 184, 255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 29%,rgba(66, 184, 255,1) 29%,rgba(66, 184, 255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 28.4%,rgba(66, 184, 255,1) 28.4%,rgba(66, 184, 255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#42B8FF',GradientType=0 ); /* IE6-9 */
 }

}
@media (max-width: 1400px) {
#lp.lp_2024 .keyvisual-image_area,
#lp.log_lp_2024 .keyvisual-image_area
 {
min-height: 700px;
}

.contDocimg {
right: 5%;
}

.content-inquiry .inner {
background: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/inq_01.webp) left 10% center / contain no-repeat;
}

img.global-footer-act {
width: 300px;
bottom: 300px;
}

img.global-footer-act.left {
left: 2%;
}

img.global-footer-act.right {
right: 2%;
}

}

@media(max-width:1300px) {

#lp.lp_2024 .content-section > .inner,
#lp.log_lp_2024 .content-section > .inner
 {
padding: 0 10px;
}

.h1-yel span {
padding-top: 0.3em;
}

.laurel_wreath img {
max-height: 50px;
}

.content-inquiry-rogo.actImg img.contActimg {
display: none;
}

}

@media (max-width: 1200px) {

.box-title-content .img-mnm {
width:28%;
}

#lp.lp_2024 .keyvisual-image_area,
#lp.log_lp_2024 .keyvisual-image_area
 {
min-height: 625px;
}

.lp_2024 .content-section-box .inner .entry,
.log_lp_2024 .content-section-box .inner .entry
 {
padding: 0;
}

.ITreview-txt {
font-size:12px;
}

.contDocimg {
display: none;
}

.case-item {
width: 45%;
}

.case-item img {
width: 150px;
}

.content-inquiry .inner {
padding-top: 20px;
padding-bottom: 20px;
border: 5px solid #00A5FF;
background: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/inq_01_logo.webp) left 5% top / 11% no-repeat ,
                     url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/inq_01_act.webp) right 5% bottom / 15% no-repeat;
}

img.global-footer-act.right {
display: none;
}

}

/* ------------------------------------------
                for small pc
------------------------------------------ */


@media(max-width:1000px){
.lp_2024 .keyvisual,
.log_lp_2024 .keyvisual
 {
margin-top: 0;
}

#lp.lp_2024 .keyvisual-image_area,
#lp.log_lp_2024 .keyvisual-image_area
 {
min-height: 400px;
}

#lp.lp_2024 .keyvisual-image-wide,
#lp.log_lp_2024 .keyvisual-image-wide
 {
padding: 2%;
}
#lp.lp_2024 .keyvisual-image-wide,
#lp.log_lp_2024 .keyvisual-image-wide
 {
height: 100%;
width: 100%;
background: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/LP_MV_bk.png) no-repeat top center / cover ; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 36%, rgba(66, 184, 255,1) 36%, rgba(66, 184, 255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(66, 184, 255,1) 36%,rgba(66, 184, 255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35.4%,rgba(66, 184, 255,1)  35.4%,rgba(66, 184, 255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#42B8FF',GradientType=0 ); /* IE6-9 */
 }

.keyvisual-txt_area {
width: 47%;
}

.h1-yel span {
padding-top: 0.4em;
}
.h1-yel span::before {
width: 4px;
height: 4px;
}

.rogo_right, .rogo_left {
width: 49%;
}

img.global-footer-act {
display: none;
}

}


/* ------------------------------------------
                for tablet
------------------------------------------ */

@media(max-width:800px){

.lp_2024 .content-section-box .inner .entry,
.log_lp_2024 .content-section-box .inner .entry
 {
padding: 2%;
}

#lp.lp_2024 .keyvisual-image_area,
#lp.log_lp_2024 .keyvisual-image_area
 {
min-height: 350px;
padding: 0;
}

.caption_rogo {
display: initial;
}

.ITreview-txt {
font-size:8px;
}

.rogo_right, .rogo_left {
width: 80%;
margin: 10px auto;
}

.caption_case {
display: initial;
}

.case-item {
max-width: 630px;
width: 100%;
margin: 0 auto 20px;
}

.sc_kinou {
display: initial;
}

.sc_kinou .box-E2E7EE {
width: 99%;
margin-bottom: 30px;
}

#lp.lp_2024 .global-footer-navi,
#lp.log_lp_2024 .global-footer-navi
 {
display: block;
}

.h2-title {
height: 85px;
padding: 3px;
}

.h2-title h2 {
border: solid 3px #ffffff;
padding: 0.7em;
font-size: 30px;
}

.box-title-content {
padding: 50px 30px;
border: solid 10px #006FCF;
}


.box-title-content .sentence-area,
.feature2 .box-title-content .sentence-area
{
margin: 0;
}

.box-title-content .img-dog {
top: -80px;
left: 60px;
height: 80px;
width: auto;
}

.box-title-content h3 {
font-size: 30px;
line-height: 1.25em;
}

.feature2 .box-title-content .img-dog{
right: 60px;
top: -80px;
}

.box-title-content::before{
width: 10px;
height: 20px;
bottom: -30px;
right: auto;
left: 25px;
}

.box-title-content::after {
width: 10px;
height: 20px;
bottom: -30px;
left: auto;
right: 25px;
}

.slide-parts {
box-shadow: 0 3px 6px #00000029;
margin: 20px auto;
}

.slide-parts::after {
display:none;
}

.slide-parts .swiper {
padding: 30px 0;
margin-bottom: 100px;
}

.feature3 .slide-parts .swiper {
margin-bottom: 30px;
}

.slide-parts .swiper p{
text-align: center;
padding: 0 50px;
}

.slide-parts .entry-img {
padding:0 50px;
}

.swiper-slide figure {
padding: 0 10%;
}

.slide-parts .swiper-pagination-bullet{
width: 38px;
height: 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{
bottom: 15px;
}

.point-list + .swiper-button-prev,
.point-list + .swiper-button-prev + .swiper-button-next{
width: 50px;
height: 50px;
}

.point-list + .swiper-button-prev,
.point-list + .swiper-button-prev + .swiper-button-next{
background-size: contain;
}

.slide-parts .entry-img img{
margin:0 auto;
}

.img-badges {
flex-wrap: wrap;
gap: 15px 30px;
margin: 35px auto 25px auto;
}

.img-badges img{
max-width: calc(90%/2);
width: 150px;
}

.img-badges img:nth-child(3),
.img-badges img:nth-child(4){
padding: 0 10px;
}

.support-title-area{
margin-top: 100px;
}

.support-title-area .img-dog{
left: -10px;
top: -80px;
}

.support-img-area{
padding: 25px;
}

.support-list{
gap: 35px 0;
}

.support-list .icon-group {
width: calc(90%/2);
}

.support-list .icon-group p{
font-size:12px;
}

.title-number {
height: 60px;
width: 60px;
}
.title-number::after{
bottom: -25px;
left: 25px;
height: 25px;
}

.title-number > div > p {
line-height: 42px;
font-size: 20px;
}

.feature-title .sentence-area h3 + p {
font-size:14px;
}

}

@media(max-width:749px){

.img-badges{
gap: 15px 0;
}

.img-badges img{
width: 125px;
}
}

@media(max-width:569px){
.keyvisual-h1 ,
.h1-yel {
letter-spacing: 0;
}

.img-badges{
gap: 15px 30px;
}

.img-badges img{
width: 150px;
}
}

/* ------------------------------------------
                for sp
------------------------------------------ */

@media(max-width:500px){

#lp.lp_2024 .keyvisual-image-wide,
#lp.log_lp_2024 .keyvisual-image-wide
 {
padding: 40px 0;
background-position: top right;
}
#lp.lp_2024 .keyvisual-image-wide,
#lp.log_lp_2024 .keyvisual-image-wide
 {
background: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/LP_MV_bk.png) no-repeat top center / cover ; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 18%, rgba(66, 184, 255,1) 18%, rgba(66, 184, 255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 18%,rgba(66, 184, 255,1) 18%,rgba(66, 184, 255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 17.4%,rgba(66, 184, 255,1)  17.4%,rgba(66, 184, 255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#42B8FF',GradientType=0 ); /* IE6-9 */
 }

.section50 {
padding: 0;
}

.content-case_title,
.lp_2024 .entry-body,
.log_lp_2024 .entry-body
 {
text-align: left;
}

#lp.lp_2024 .content-section > .inner ,
#lp.log_lp_2024 .content-section > .inner
{
padding: 20px 15px;
}

.keyvisual-txt_area {
width: 86%;
}

.keyvisual-h1 {
margin: 30px 0 20px;
letter-spacing: 1px;
}

.h1-yel {
letter-spacing: 5px;
}

.lp .entry-body img.img-logo {
width: 85%;
}

.content-inquiry {
padding: 5px;
}

.content-inquiry .inner {
padding-top: 55%;
padding-bottom: 30px;
border: 5px solid #00A5FF;
background: url(https://www.dos-osaka.co.jp/ss1/lp/ss1am_2024/img/inq_01.webp) center top / 67% no-repeat;
text-align: center;
}

.back_ground_E9F7FF .box-fff {
padding: 20px 15px;
}

.entry-body h4.H4-00A5FF {
margin-bottom: 20px;
}

.kinouList {
display: initial;
}

.kinouList-parts {
width: 100%;
padding: 5px;
margin-bottom: 2px;
}

.box-E2E7EE:nth-child(2) .kinouList-parts:nth-child(7) ,
.kinouList-parts:nth-child(2) {
border-radius: initial;
}

.kinouList-parts:first-child {
border-radius: 10px 10px 0 0;
}

.box-E2E7EE:first-child .kinouList-parts:last-child ,
.box-E2E7EE:nth-child(2) .kinouList-parts:last-child {
border-radius: 0 0 10px 10px;
}

table caption {
padding: 14px 0 9px;
}

.table_A674B0 thead.border-double::before {
bottom: 3px;
left: 3px;
right: 3px;
border-right: solid 8px #fff;
border-left: solid 8px #fff;
}

.table_3E96F2 thead.border-double::before ,
.table_FFB900 thead.border-double::before ,
.table_7DC800 thead.border-double::before ,
.table_FF696E thead.border-double::before ,
.table_00A5FF thead.border-double::before {
top: 50px;
bottom: 3px;
left: 3px;
right: 3px;
border: solid 8px #fff;
}

.table_3E96F2 ,
.table_FFB900 ,
.table_7DC800 ,
.table_FF696E ,
.table_A674B0 ,
.table_00A5FF {
border-width: 3px ;
}

.lp_2024 .entry-body table,
.log_lp_2024 .entry-body table
 {
font-size: 14px;
}

.lp_2024 .entry-body table th,
.lp_2024 .entry-body table td,
.log_lp_2024 .entry-body table th,
.log_lp_2024 .entry-body table td {
display:block;
width:100%;
}

.lp_2024 .entry-body table th,
.log_lp_2024 .entry-body table th {
border-bottom: none;
padding: 15px 10px 6px;
}

.lp_2024 .entry-body table td,
.log_lp_2024 .entry-body table td {
padding: 6px 10px 15px;
}

.lp_2024 .content-section-box .inner .entry ,
.log_lp_2024 .content-section-box .inner .entry {
padding: 2% 0;
}

.content-inquiry-rogo {
padding: 5px;
}

.content-inquiry-rogo .inner {
padding-top: 20px;
padding-bottom: 20px;
border: 5px solid #fff;
}

.caption_rogo p {
font-size: 10px;
}

.caption_rogo img {
width: 75%;
height: 100%;
}

.rogo_right, .rogo_left {
width: 90%;
margin: 10px auto;
}

.rogo_left {
border: 4px solid #00A5FF;
}

.rogo_right {
border: 4px solid #0C2468;
}

case-item img {
width: 20%;
padding: 0 20px 0 0;
}

.caption_inq {
padding: 0 20px;
}

.item-txt .newParagraph {
text-align: left;
padding: 0;
margin-top: 5%;
}

.back_ground_E9F7FF {
padding: 50px 0;
}

.content-case {
padding: 50px 20px;
}

.content-section.content-cloud {
padding: 70px 20px;
text-align: left;
}

.content-cloud .inner .content-section-box {
padding: 20px 10px 0;
}

.box-E2E7EE {
padding: 25px 15px;
}

.case-item {
padding: 10px;
}

.case-item img {
max-width: 135px;
width: 41%;
padding: 0 15px 0 0;
}

.content-inquiry-rogo.ftInq .main {
padding-top: 10px;
padding-bottom: 30px;
border: 5px solid #006FCF;
}

#lp.lp_2024 .global-footer-navi img,
#lp.log_lp_2024 .global-footer-navi img
 {
margin: auto;
}

p {
font-size:14px;
}

.h2-title {
height: 70px;
padding: 3px;
margin-bottom: 30px;
}

.h2-title h2 {
padding: 0.7em;
font-size: 20px;
}

.background-grad-b {
padding:50px 0;
}

.box-title-content h3 {
font-size:20px;
}

.h2-title + p,
.img-badges + p
{
text-align: left;
}

.point-list + .swiper-button-prev,
.point-list + .swiper-button-prev + .swiper-button-next{
width: 25px;
height: 25px;
}

.slide-parts .swiper {
margin-bottom: 30px;
padding: 15px 0;
}

.slide-parts .swiper p {
font-size:12px;
padding: 0 25px;
}

.slide-parts .entry-img {
padding:0 25px;
}

.feature3 .slide-parts .swiper {
margin-bottom: 0px;
}

.inq_button a{
max-width: 244px;
padding:15px;
}

.inq_button a:after {
top: 37%;
right: 40px;
width: 14px;
height: 14px;
}

.fukidashi {
width: 250px;
}

.caption_rogo img {
margin: auto;
max-height: 30px;
width: auto;
}

.content-cloud .content-cloud_logo {
max-width: 170px;
}

}

@media(max-width:400px){
.img-badges img{
width:calc(90%/2);
}

.img-badges{
gap: 15px;
}
}

@media(max-width:300px){
.support-list .icon-group{
width: calc(85%/2);
}
.keyvisual-h1 {
font-size: 18px;
letter-spacing: 1px;
}
.h1-yel {
font-size: 20px;
letter-spacing: 1px;
}
.h1-yel span::before{
content: none;
}

}