@font-face {
  font-family: "IBMPlexSansJP";
  src: url("../fonts/ibm/IBMPlexSansJP-Thin.ttf") format("truetype");
  font-weight: 100; /* Thin */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBMPlexSansJP";
  src: url("../fonts/ibm/IBMPlexSansJP-ExtraLight.ttf") format("truetype");
  font-weight: 200; /* Extra Light */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBMPlexSansJP";
  src: url("../fonts/ibm/IBMPlexSansJP-Light.ttf") format("truetype");
  font-weight: 300; /* Light */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBMPlexSansJP";
  src: url("../fonts/ibm/IBMPlexSansJP-Regular.ttf") format("truetype");
  font-weight: 400; /* Regular */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBMPlexSansJP";
  src: url("../fonts/ibm/IBMPlexSansJP-Medium.ttf") format("truetype");
  font-weight: 500; /* Medium */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBMPlexSansJP";
  src: url("../fonts/ibm/IBMPlexSansJP-SemiBold.ttf") format("truetype");
  font-weight: 600; /* SemiBold */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBMPlexSansJP";
  src: url("../fonts/ibm/IBMPlexSansJP-Bold.ttf") format("truetype");
  font-weight: 700; /* Bold */
  font-style: normal;
  font-display: swap;
}
.brsps{
	display:none;
}
h1{
font-family: "IBMPlexSansJP", sans-serif;
}
h2{
font-family: "IBMPlexSansJP", sans-serif;
}
h3{
font-family: "IBMPlexSansJP", sans-serif;
}
h4{
	font-family: "IBMPlexSansJP", sans-serif;
}
ul li{
font-family: "IBMPlexSansJP", sans-serif;
}
p{
font-family: "IBMPlexSansJP", sans-serif;
}
a{
font-family: "IBMPlexSansJP", sans-serif;
}
span{
	font-family: "IBMPlexSansJP", sans-serif;
}
ul {
 padding-left:0;
}

.wrapperseo1{
	max-width:1200px;
	margin:0 auto;
}
.wrapperseo2{
	max-width:1050px;
	margin:0 auto;
}
.topflexseo{
	display:flex;
	flex-wrap:wrap;
	position:relative;
}
.topspan {
    display: flex
;
    flex-wrap: wrap;
	gap:2%;
	    margin-bottom: 20px;
}
.topspan p{
    max-width: 112px;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    background-color: #fff;
    border-radius: 20px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 7px;
    padding-bottom: 5px;
}

.wrap {

    width: auto;
}
.main{
	padding:0;
}
.content {
    margin-top: 0;
}
.topseobg {
    background-image: url(https://service.cominka.co.jp/wp-content/uploads/wbg.jpg);
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 45px;
    margin-bottom: 100px;
}
.topseop{
    font-size: 25px;
    font-weight: bold;
}
.seopageh{
    font-size: 55px;
    margin-bottom: 20px;
}
.seotoplink{
    display: block;
    font-weight: bold;
    max-width: 480px;
    background-color: #F6381E;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 12px;
    border-radius: 40px;
    font-size: 22px;
	    margin-bottom: 30px;
}
.seotoplink:before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(https://service.cominka.co.jp/wp-content/uploads/sicon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -14%;
    margin-right: 5px;
}
.emblemdiv{
    display: flex;
    flex-wrap: wrap;
}
.emblemdiv img:first-child{
	max-width:265px;
}
.emblemdiv img:nth-child(2){
	max-width:215px;
}
.topfleximg {
    max-width: 555px;
    position: absolute;
    top: -15%;
    right: 8%;
}
.problemp {
    text-align: center;
    font-size: 15px;
    color: #F6381E;
    font-weight: bold;
    margin-bottom: 20px;
}
.hatena{
    width: 35px;
    display: block;
    margin: 0 auto 20px;
}
.nayamih{
    text-align: center;
    font-size: 42px;
    margin-bottom: 30px;
}
.wrapperseo3{
	max-width:1450px;
	margin:0 auto;
}
.purbg {
    background-color: #F8F8FF;
    padding-top: 100px;
    padding-left: 125px;
    padding-right: 125px;
	border-radius:8px;
	    padding-bottom: 100px;
}
.nayamiw{
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
gap: 20px 2%;
}
.nayamiitem {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
}
.nayamiinner {
    background-color: #fff;
    width: 49%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
}
.nayamitext span {
    font-size: 18px;
    color: #F6381E;
    font-weight: bold;
    padding-bottom: 25px;
    display: block;
    padding-top: 30px;
}
.nayamitext h3 {
    font-size: 30px;
    line-height: 45px;
}
.nayamiw p{
    font-size: 15px;
    line-height: 28px;
    font-weight: 600;
}
.tribg {
    position: relative;
	    margin-bottom: 85px;
}

.tribg::after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: 47%;
    border: 50px solid transparent;
    border-top: 42px solid #F8F8FF;
	
}
.makasep {
    text-align: center;
    color: #F6381E;
    font-size: 25px;
    font-weight: bold;
	    margin-bottom: 5px;
}
.kh {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 40px;
}
.kspan2 {
    border-bottom: 5px solid #EFCA03;
}
.kspan1 {
    color: #fff;
    background-color: #F6381E;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 37px;
    font-size: 33px;
    vertical-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
    margin-top: 0px;
    display: inline-block;
    margin-right: 8px;
}
.borderdivs {
    border-left: 1.5px solid #000;
    display: block;
    margin: 0 auto;
    height: 75px;
    text-align: center;
    width: fit-content;
    margin-bottom: 40px;
}
.featurediv p.featurep {
    text-align: center;
    color: #F6381E;
    font-weight: bold;
    margin-bottom: 30px;
}
.featurediv h2 {
    text-align: center;
    font-weight: bold;
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 40px;
}
.featurediv h2 span{
    color: #F6381E;
    border-bottom: 5px solid #EFCA03;
}
ul {
    list-style: none;
}
.featurediv ul{
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3%;
}
.featurediv ul li {
    width: 31%;
}
.featurediv ul li span {
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #F6381E;
    width: fit-content;
    padding-top: 12px;
    padding-bottom: 9px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 38px;
    /* vertical-align: sub; */
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 20px;
}
.featurediv ul li h3 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 20px;
}
.featurediv ul li img {
    border-radius: 8px;
    margin-bottom: 15px;
}
.featurediv ul li p {
    font-size: 15px;
    line-height: 28px;
    font-weight: 600;
}
.featurediv{
	margin-bottom: 100px;
}
.aih {
    font-size: 35px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 45px;
}
.seoaitopdiv {
    padding-top: 75px;
    margin-bottom: 100px;
}
.seoaidiv {
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3%;
}
.seoaifirst{
	width:31%;
}

.seoaisec{
	width:31%;
}
.seoaitri{
	width:31%;
}

.jyuup1 {
color: #F6381E;
    text-align: center;
    background-color: #fff;
    border: 1px solid #F6381E;
    padding-top: 8px;
    padding-bottom: 5px;
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 20px;
}
.jyuup2{
    text-align: center;
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 600;
}
.seoaifirst img{
    width: 125px;
    display: sb;
    display: block;
    margin: 0 auto;
	margin-bottom:25px;
}

.seoaifirst ul {
    display: flex
;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.seoaifirst ul li{
font-size:16px;
}
.seoaifirst ul li:first-child{
color:#E65844;
}
.seoaifirst ul li:nth-child(2){
color:#62B0E3;
}
.seoaifirst ul li:nth-child(3){
color:#E5A743;
}
.seoaifirst ul li:nth-child(4){
color:#7DD6A3;
}
.seoaifirst ul li{
    margin-right: 10px;
    font-weight: 600;
	margin-bottom:5px;
}
.jyuup3{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #DDDDDD;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.honp1{
    color: #fff;
    background: #F6381E;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 5px;
    font-weight: 600;
    font-size: 22px;
	    margin-bottom: 25px;
}
.ayamaridiv {
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
}
.ayamarip{
    text-align: center;
    color: #F6381E;
    font-size: 18px;
    padding-bottom: 7px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
	font-weight:600;
}
.ayamaridiv ul li p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.ayamaridiv ul{
padding-left:0;
}
.ayamaridiv ul li p::before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('https://service.cominka.co.jp/wp-content/uploads/as.png');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 8px;
}
.honp2{
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    background: #F1F1F1;
    padding-top: 8px;
    padding-bottom: 5px;
}
.redar {
    background-image: url(https://service.cominka.co.jp/wp-content/uploads/sd.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
    width: 15px;
    margin: 10px auto;
}
.jissitsudiv{
    border: 1px solid #F6381E;
    background-color: #fff;
    padding: 20px;
}
.jissitsup1 {
    text-align: center;
    color: #fff;
    background: #F6381E;
    padding-top: 8px;
    padding-bottom: 5px;
    font-weight: 600;
    margin-bottom: 20px;
}
.jissitsudiv ul li p::before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('https://service.cominka.co.jp/wp-content/uploads/as.png');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 8px;
}
.jissitsudiv ul li p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.jissitsudiv ul{
padding-left:0;
}
.jissitsup2 {
    text-align: center;
    color: #F6381E;
    font-weight: 600;
    border: 1px solid #F6381E;
    background: #F1F1F1;
    padding-top: 8px;
    padding-bottom: 5px;
}
.jissitsudiv ul {
    padding-left: 0;
    margin-bottom: 20px;
}
.kawap1{
    text-align: center;
    color: #F6381E;
    font-weight: 600;
    border: 1px solid #F6381E;
    background-color: #fff;
    padding-top: 8px;
    padding-bottom: 5px;
    margin-bottom: 25px;
    font-size: 20px;
}
.seoaitri ul li p::before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('https://service.cominka.co.jp/wp-content/uploads/ch.png');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 8px;
}
.seoaitri ul {
    padding-left: 0;
    margin-bottom: 20px;
}
.seoaitri ul p{
    font-size: 20px;
    /* line-height: 27px; */
    font-weight: 600;
	    margin-bottom: 20px;
}
.seoaitri ul p span{
    font-size: 15px;
    display: block;
    text-indent: 35px;
}
.kawa2 {
    tec: c;
    text-align: center;
    color: #fff;
    font-weight: 600;
    background: #F6381E;
    padding-top: 8px;
    padding-bottom: 5px;
    font-size: 18px;
	    margin-bottom: 20px;
}
.kawadiv{
    background: #FDEED5;
    border-radius: 8px;
    padding: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.kawa3 {
    text-align: center;
    font-weight: 600;
}
.seoservicediv{
  background-image: url('https://service.cominka.co.jp/wp-content/uploads/rainbg.jpg');
	  background-size: cover;
  background-repeat: no-repeat;
	padding-top:120px;
	    padding-bottom: 80px;
	    margin-bottom: 120px;
}
.seoserviceinner{
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
	    gap: 6%;
}
.stextp {
    font-size: 15px;
    color: #F6381E;
    font-weight: bold;
    margin-bottom: 35px;
}
.seostext h2{
    font-size: 37px;
    margin-bottom: 30px;
}
.seostext p.stextp2{
    font-size: 16px;
    font-weight: 600;
    line-height: 35px;
	margin-bottom: 15px;
}
.seostext{
    width: 28%;
	position:relative;
}
.seostext img{
    max-width: 318px;
    position: absolute;
    left: -31%;
}

.seosul ul {
    display: flex
;
    flex-wrap: wrap;
    gap: 3%;
}
.seosul ul li {
    width: 30%;
    padding-bottom: 30px;
}
.seosul {
    width: 65%;
}
.seosul li div{
    background: #fff;
    border: 1px solid #F6381E;
    border-radius: 8px;
	padding: 15px;
	    margin-bottom: 20px;
}
.seosul li div img{
    width:50px;
    margin: 0 auto 5px;
	display:block;
}
.seosul li div p {
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    color: #f6381e;
}
.seosul li h3{
    font-size: 16px;
    font-weight: bold;
	    margin-bottom: 5px;
}
.innersup{
	    font-size: 13px;
	font-weight:600;
    line-height: 25px;
}
.pricesp {
    text-align: center;
    color: #f6381e;
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 30px;
}
.plansh{
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 40px;
}
.planshp {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 100px;
}
.planinnerdiv {
    background: #F8F8FF;
    position: relative;
    padding-top: 80px;
    height: 500px;
    margin-bottom: 230px;
}
.plancom {
    max-width: 210px;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: -20%;
    right: 44%;
}
.planinnerdiv ul.ful {
    display: flex
;
    flex-wrap: wrap;
    gap: 5%;
}
.planinnerdiv ul li.fli {
    width: 30%;
    border: 1px solid #f6381e;
    border-radius: 8px;
    background: #fff;
	padding: 30px;
}
.planinnerdiv ul li h3 {
    text-align: center;
    color: #fff;
    background-color: #f6381e;
    padding-top: 8px;
    padding-bottom: 5px;
    margin-bottom: 20px;
	font-size:20px;
}
.plan1p {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
.plan2p {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}
.plan2p span{
    font-size: 32px;
    color: #f6381e;
    padding-left: 5px;
    padding-right: 5px;
}
.plan3p{
text-align: center;
    font-size: 14px;
    font-weight: bold;
	    margin-bottom: 20px;
}
.plan3p span{
    font-size: 18px;
    color: #f6381e;

}
.planinnerdiv ul li h4{
    text-align: center;
    color: #777777;
    background: #F1F1F1;
    padding-top: 10px;
    font-size: 16px;
    padding-bottom: 8px;
    margin-bottom: 20px;
}
.planinnerdiv ul li ul li{
	list-style:none;
	font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.casesp {
    font-size: 15px;
    color: #F6381E;
    font-weight: bold;
    margin-bottom: 35px;
}
.perh {
    font-size: 37px;
    margin-bottom: 30px;
}
.perp{
    font-size: 16px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 15px;
}
.seocasetext img{
    max-width: 318px;
    position: absolute;
    left: -31%;
}
.seocasetext {
    width: 28%;
    position: relative;
}
.seocasediv {
    display: flex
;
    flex-wrap: wrap;
gap: 6%;
    margin-bottom: 100px;
}
.seocaselist {
    width: 63%;
    border-top: 1px solid #ddd;
    padding-top: 50px;
}
.perp {
    font-size: 16px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 15px;
}
.caselistinner {
    display: flex
;
    flex-wrap: wrap;
    gap: 5%;
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
}
.caseinnertext {
    position: relative;
    max-width: 260px;
}
.caseinnertext img:nth-child(2) {
    position: absolute;
width: 50px;
    right: -7%;
    top: -7%;
}
.caseinnertext img:first-child{
border-radius: 8px;
}
.caselisttext {
    width: 59%;
}
.caselisttext h3{
    font-size: 25px;
    color: #f6381e;
    line-height: 35px;
    margin-bottom: 10px;
	    padding-top: 20px;
}
.caselisttext .listpp{
    font-size: 15px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 30px;
}
.caselisttext .listpp2{
    font-size: 15px;
    font-weight: 600;
}
.fuki {
    display: block;
    margin: 0 auto;
    width: 45px;
	    margin-bottom: 20px;
}
.samazama {
font-size: 25px;
    text-align: center;
    font-weight: bold;
}
.samazama span {
    color: #F6381E;
}
.takusan {
    text-align: center;
    font-size: 40px;
	    margin-bottom: 20px;
}
.takusan span {
    color: #F6381E;
}



/* スライダー全体 */
.slider-container {
  position: relative;
  width: 90%;
  max-width: 1800px;
  margin: 0 auto;
  overflow: hidden;
	margin-bottom: 120px;
}

/* 横並び */
.slider-track {
  display: flex;
  transition: transform 0.6s ease;
}

/* 各スライド */
.slide {
  flex: 0 0 20%; /* PCでは5枚 */
  box-sizing: border-box;
  padding: 15px;
  display: flex; /* 高さ揃えのため追加 */
}

/* カード全体を均等に伸ばす */
.card {
  background: #F8F8FF;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  text-align: center;
padding: 25px 15px 5px 15px;
  transition: transform 0.3s ease;
  display: flex;               /* ★ 追加 */
  flex-direction: column;      /* 上下レイアウトにする */
  justify-content: space-between; /* ★ 上下を均等配置 */
  width: 100%;
  height: 100%;
  min-height: 170px;           /* ★ 高さの基準値（調整可） */
}

.card:hover {
  transform: translateY(-4px);
}

/* 中央テキストを安定させる */
.card p {
  margin: 0.5em 0;
  font-size: 14px;
  line-height: 1.6;
  flex-grow: 1;                /* ★ 中央テキストが伸縮 */
  display: flex;
  align-items: center;         /* ★ 縦中央寄せ */
  justify-content: center;
  text-align: center;
	    font-weight: 600;
}

/* 下部固定（会社名＋リンク） */
.card .company {
  font-size: 13px;
	margin-bottom: 0;
  color: #666;
	    display: block;
	    font-weight: 400;
  margin-top: auto;            /* ★ 一番下に固定 */
}

.card .company span {
  display: block;              /* URLを改行 */
  font-size: 12px;
  color: #999;
  margin-top: 3px;
  word-break: break-all;
}

/* ドット */
.dots {
  text-align: center;
  margin-top: 15px;
}

.dots span {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 5px;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
  transition: background 0.3s;
}

.dots span.active {
  background: #e85c3b;
}

/* レスポンシブ対応 */
@media screen and (max-width: 1024px) {
  .slide { flex: 0 0 33.333%; } /* タブレット：3枚 */
}
@media screen and (max-width: 768px) {
  .slide { flex: 0 0 50%; } /* スマホ横向き：2枚 */
}
@media screen and (max-width: 480px) {
  .slide { flex: 0 0 100%; } /* スマホ縦向き：1枚 */
}

.flowp{
	font-size:15px;
	font-weight:bold;
	color:#f6381e;
	text-align:center;
	    margin-bottom: 30px;
}
.flowh{
	    text-align: center;
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 30px;
}
.flowap {
    text-align: center;
    font-size: 15px;
    line-height: 28px;
	margin-bottom:30px;
}
.flowsteptop {
    display: flex
;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.flowsteps {
    max-width: 220px;
    position: relative;
    border: 3px solid #f6381e;
    border-radius: 8px;
    background: #fff;
    padding-top: 30px;
	    padding-left: 18px;
    padding-right: 18px;
	    padding-bottom: 30px;
}
.line{
	width:25px;
	height: 4px;
	    background: #f6381e;
}
.flowsteps img {
    width: 50px;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: -11%;
    right: 38%;
}
.fptext {
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    color: #f6381e;
    margin-bottom: 15px;
}
.flowsteps h3 {
    text-align: center;
    font-size: 17px;
    margin-bottom: 20px;
}
.fptext2 {
    font-size: 13px;
	font-weight:600;
    line-height: 22px;
}

/* ===============================
   FAQ 全体レイアウト
=============================== */
.faqdiv {
  background: #fff;
  padding-bottom: 120px;
  margin-top: -2px;
}

.faqdiv .usescene {
  color: #229EBC;
}

.faqdiv .sceneh h2 {
  color: #000;
}

.faqdiv .sceneh p {
  color: #000;
}

/* ===============================
   タイトル部（上部テキスト）
=============================== */
.faqtext {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 50px;
}

.faqtext h2 {
  font-size: 45px;
  font-weight: 600;
  color: #000;
  line-height: 65px;
}

.faqtext p {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  padding-top: 20px;
}

.faqtext span {
  color: #229EBC;
}

/* ===============================
   FAQコンテンツ全体
=============================== */
.faqflex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
gap: 5%;
}

.faqcontent {
  width: 100%;
  max-width: 800px;
}

/* ===============================
   アコーディオン基本構造
=============================== */
.accordion-container {
  max-width: 800px;
  margin: 0 auto;
}

.accordion-item {
  background: #F8F8FF;
  border-radius: 8px;
  margin-bottom: 20px;
  overflow: hidden;
}

.accordion-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.accordion-question:hover {
  background: #eaf6fb;
}

.accordion-icon::before {
  content: "+";
font-size: 35px;
  font-weight: 200;
  transition: transform 0.3s;
}

.accordion-item.open .accordion-icon::before {
  content: "−";
}

/* ===============================
   アコーディオン質問ラベル
=============================== */
.accordion-label {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
}

.accordion-label::before {
  content: "";
  background-image: url(https://service.cominka.co.jp/wp-content/uploads/hatena-1.png);
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: contain;
}

/* ===============================
   アコーディオン回答部
=============================== */
.accordion-answer {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
  margin: 0 30px;
}

.accordion-answer p {
  margin: 15px 0 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  font-weight: 500;
  line-height: 35px;
  padding-bottom: 20px;
  color: #000;
}


.faqp{
	color:#f6381e;
	font-size:15px;
	margin-bottom:30px;
	font-weight:bold;
}
.faqh{
	font-size:38px;
	font-weight:bold;
	margin-bottom:30px;
}
.faqp2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 35px;
}
.seoflowdiv{
	    margin-bottom: 120px;
}
.faqseotop{
	display:flex;
	flex-wrap:wrap;
	gap: 6%;
	    margin-bottom: 100px;
}
.faqseotext{
    width: 28%;
    position: relative;
}
.faqflex{
    width: 63%;
}
.seocontactdiv{
	background-color:#f6381e;
	    padding-top: 50px;
	    padding-bottom: 90px;
	    margin-bottom: 120px;
}
.csp1 {
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-bottom: 30px;
}
.seocontactdiv h2{
    text-align: center;
    color: #fff;
    font-size: 42px;
    margin-bottom: 20px;
}
.csp2 {
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
	font-size:15px;
}
.telpcs {
    display: block;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    font-size: 47px;
	color:#fff;
    font-weight: bold;
	    margin-bottom: 30px;
}
.telpcs:before {
    content: '';
    display: inline-block;
    width: 45px;
    height: 45px;
    background-image: url(https://service.cominka.co.jp/wp-content/uploads/telpicons.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -10%;
    margin-right: 5px;
}
.btnseo {
    text-align: center;
    color: #f6381e;
    background: #fff;
    font-weight: bold;
    margin: 0 auto;
    display: block;
    max-width: 590px;
    border-radius: 84px;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 27px;
    text-decoration: none;
}
.btnseo:before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(https://service.cominka.co.jp/wp-content/uploads/sicon2.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -14%;
    margin-right: 5px;
}
.columnsp{
	font-size:15px;
	text-align:center;
	color:#f6381e;
	font-weight:bold;
	margin-bottom:30px;
}
.seocolumndiv h2 {
    font-size: 42px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}
.seocolumndiv{
	margin-bottom:100px;
}
.seopagecolumn ul {
    gap: 20px 3%;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

@media(max-width:768px){
	    main.main, div.sidebar {
        padding: 0;
        margin: 0;
        border-width: 0;
    }
    .topfleximg {
        max-width: 320px;
        position: relative;
        top: unset;
        right: unset;
        display: block;
        margin: 20px auto 0;
    }
	
	.topseop {
    font-size: 20px;
}
.seopageh {
    font-size: 34px;
}	
	.seotoplink {

    font-size: 19px;
}
	.topflexseo {
    display: block;
}
	.topspan {
    width: fit-content;
    margin: 0 auto 20px;
}
	    .topseop {
        font-size: 20px;
        text-align: center;
    }
	
	.seopageh {
        font-size: 34px;
        text-align: center;
    }
	.emblemdiv {
    width: fit-content;
    margin: 0 auto;
}
	.emblemdiv img:first-child {
    max-width: 200px;
}
	.emblemdiv img:nth-child(2) {
    max-width: 165px;
}
	    .seotoplink {
        margin: 0 auto 30px;
    }
	
	
	
	.topseobg {

    margin-bottom: 50px;
}
	.nayamih {
    font-size: 24px;
}
	
	.purbg {
    padding-top: 50px;
     padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 50px;
}
	.nayamiw {
    gap: 10px 10px;
		    display: block;
}
.nayamiinner {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
	        margin-bottom: 20px;
    }
	.nayamitext span {
    font-size: 18px;
    padding-bottom: 15px;
    padding-top: 20px;
}
    .nayamitext h3 {
        font-size: 18px;
        line-height: 30px;
    }
.nayamitext{
    max-width: 215px;
}
.nayamiimg{
    display: block;
    margin: 0 auto;
    max-width: 120px;
    width: 100%;
}
.nayamiw p {
    font-size: 13px;
}	
	.tribg::after {
    left: 38%;
}
.tribg {
    margin-bottom: 50px;
}	
	
	
	.makasep {
    font-size: 20px;
}
    .kh {
        font-size: 26px;
		    margin-bottom: 30px;
    }
	
	.brsps{
	display:block;
}
	.kspan1 {
    font-size: 26px;
}
	
	.borderdivs {
    height: 45px;
    margin-bottom: 30px;
}
	.featurediv h2 {
    font-size: 20px;
    line-height: 35px;
}

	.featurediv p.featurep {
    margin-bottom: 15px;
}
	.featurediv h2 span {
    border-bottom: 2px solid #EFCA03;
}
	
	    .featurediv h2 {
        padding-left: 3%;
        padding-right: 3%;
    }
	
	
	.featurediv ul li {
    width: 85%;
}
	
	.featurediv {
    margin-bottom: 50px;
}
	.aih {
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 30px;
}
.seoaifirst {
    width: 100%;
}	
	
	.seoaisec {
    width: 100%;
}
		.seoaitri {
    width: 100%;
}
	
	.seoaitopdiv {
    margin-bottom: 0px;
}
	.seoservicediv {
    padding-top: 60px;
    margin-bottom: 60px;
		    padding-bottom: 40px;
}
	.seostext {
    width: 100%;
}
.stextp {
    margin-bottom: 15px;
}	
	.seostext h2 {
    font-size: 26px;
    margin-bottom: 15px;
}
	
	.seostext img {
    max-width: 250px;
    display: block;
    margin: 0 auto;
    position: static;
    left: 0;
}
	
.seosul {
    width: 100%;
}	
	
	.seosul ul {
    gap: 20px;
}
	.seosul ul li {
    width: 47%;
}
	.seoserviceinner {
    gap: 15px;
}
	.plansh {
    font-size: 26px;
		margin-bottom: 20px;
}
	.pricesp {
    padding-bottom: 15px;
}
	
	.plancom {
    max-width: 180px;
    top: -18%;
    right: 28%;
}
	.planinnerdiv ul li.fli {
    width: 100%;
}
	.planshp {
    padding-left: 3%;
    padding-right: 3%;
}
	
	.planinnerdiv {
    height: auto;
}
	    .plancom {
        top: -5.5%;
    }
	
	.planinnerdiv ul.ful {
    gap: 30px;
}
	.planinnerdiv {
    margin-bottom: 70px;
}
	
	.seocasetext {
    width: 100%;

}
.casesp {

    margin-bottom: 15px;
}	
	.perh {
    font-size: 26px;
    margin-bottom: 15px;
}
	.seocasetext img {
    max-width: 200px;
    position: static;
    display: block;
    margin: 0 auto;
}
.seocaselist {
    width: 100%;
}	
    .caselistinner {
        gap: 0px;
        padding-bottom: 20px;
        margin-bottom: 40px;
    }
	.caselisttext {
    width: 100%;
}
	
	.caselisttext h3 {
    font-size: 20px;
}
	
	.caselisttext .listpp {
    margin-bottom: 15px;
}
    .seocasediv {
        margin-bottom: 0px;
    }
	.samazama {
    font-size: 20px;
}
.takusan {
    text-align: center;
    font-size: 21px;
    margin-bottom: 20px;
}
.seovoicediv{
    padding-left: 3%;
    padding-right: 3%;
}
	
	.slider-container {
    margin-bottom: 60px;
}
	.flowp {
    margin-bottom: 15px;
}
	
	.flowh {
    font-size: 26px;
    margin-bottom: 15px;
}
	.flowap {
    padding-left: 3%;
    padding-right: 3%;
}
.line {
    display: none;
}	
	.flowsteps {
    max-width: 300px;
    margin-bottom: 35px;
}
	.seoflowdiv {
    margin-bottom: 60px;
}
	.faqseotext {
    width: 100%;
}
	
	.faqp {
    margin-bottom: 15px;
}
	.faqh {
    margin-bottom: 15px;
}
	
    .faqseotop {
        gap: 35px;
        margin-bottom: 50px;
    }
	.faqflex {
    width: 100%;
}
	
	.accordion-label {
    font-size: 15px;
}
	.accordion-question {
    display: flex
;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
}
	.accordion-icon::before {
    font-size: 24px;
}
	.accordion-answer p {
    font-size: 15px;
}
	.csp1 {
    margin-bottom: 15px;
}
	.seocontactdiv h2 {
    font-size: 26px;
}
    .csp2 {
        padding-left: 3%;
        padding-right: 3%;
        margin-bottom: 10px;
    }
	
	
.telpcs {
    font-size: 36px;
    margin-bottom: 15px;
}	
	
	.btnseo {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 20px;
}
.btnseo:before {
    width: 26px;
    height: 26px;
}	
	.btnseo {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    width: 90%;
}
	.btnseo:before {
    width: 25px;
    height: 25px;
}
	    .seocontactdiv {
        padding-bottom: 65px;
        margin-bottom: 60px;
    }
	
	.columnsp {
    margin-bottom: 15px;
}
	
	.seocolumndiv h2 {
    font-size: 26px;
    margin-bottom: 15px;
}
	    .columnpostlist ul li {
        margin: 0 auto;
    }
	.columnpostlist ul li img {
    width: 80%;
    max-width: 500px;
		        display: block;
    margin: 0 auto 15px;
}
	
	.seocolumndiv {
    margin-bottom: 50px;
}
	
	

		
		
		
		
		
		
	}
	
	@media(min-width:769px) and (max-width:1199px){
		
		.topfleximg {
    max-width: 325px;
    position: absolute;
    top: 30%;
    right: 0%;
}
		.purbg {
    padding-left: 40px;
    padding-right: 40px;
}
	.featurediv h2 {
    line-height: 60px;

}
.featurediv h2 span {
    border-bottom: 3px solid #EFCA03;
}	
	
    .seoaidiv {
        gap: 3%;
    }
    .nayamiw {
        gap: 20px 2%;
    }

		.seostext img {
    left: -9%;
}
		.featurediv ul {
    gap: 3%;
}
		.planinnerdiv ul.ful {

    gap: 5%;
}
		
		.featurediv ul li h3 {
    font-size: 20px;
}
		
		.seoserviceinner {
    justify-content: center;
    gap: 3%;
}
	
		.seocasediv {
 
    gap: 3%;
}
		
		.seocasetext {
    width: 34%;
}
		
	.seocasetext img {
    max-width: 230px;
    left: -6%;
}	
		.caselisttext {
    width: 100%;
}
		
		.flowsteps {
    max-width: auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 17%;
}
		.faqseotop {
    gap: 3%;
}
		
		
		
		
		
		
		
		
}