@charset "UTF-8";

/*
==================================================

   AI検索最適化案

==================================================
*/



/*
==================================================
  AI検索最適化案
==================================================
*/

/* ----- サイト側も変化していくことが求められます ----- */
#point {

}

#point h2 {
margin: 0 0 60px;
font-size: 2.4rem;
}

#point p {
margin: 0 0 1.2em;
line-height: 2;
}
#point p:last-child {
margin: 0;
}

/* ----- なぜAIOの施策が必要なのか ----- */
#necessity {
background: var(--normal-bgcol);
}

#necessity p {
margin: 0 0 1.2em;
line-height: 2;
}
#necessity p:last-child {
margin: 0;
}

#necessity ul {
margin: 30px 0 30px 1.3em;
list-style-type: disc;
}
#necessity ul li {
margin: 0 0 5px;
font-weight: bold;
line-height: 1.5;
}

/* ----- すぐに取り組める3つの施策 ----- */
#measures {

}

#measures ul.list {
display: flex;
justify-content: space-around;
gap: 0 20px;
margin: 0 0 60px;
}
#measures ul.list li {
text-box: trim-both cap alphabetic;
width: 33.3%;
padding: 25px 3px;
border: 4px #c0c0c0 solid;
border-radius: 40px;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
line-height: 1.4;
}

#measures section {
margin: 0 0 30px;
padding: 50px 35px 45px;
background: var(--normal-bgcol);
border-radius: 10px;
}

#measures h3 {
margin: 0 0 40px;
padding: 2px 0 0 10px;
border-left: 5px var(--accent2-col) solid;
font-size: 1.6rem;
line-height: 1.4;
}

#measures p {
margin: 0 0 1.2em;
line-height: 2;
}
#measures p:last-child {
margin: 0;
}

#measures dl {
margin: 40px 0;
}
#measures dl dt {
margin: 0 0 3px;
line-height: 1.5;
}
#measures dl dd {
margin: 0 0 10px 10px;
line-height: 1.8;
}

/* ----- 提供サービス ----- */
#service {
background: var(--normal-bgcol);
}

#service div.wrap {

}

#service table {
margin: 50px 0;
}
#service table colgroup.item {
width: 16em;
}

#service p {
margin: 0 0 1.2em;
line-height: 2;
}
#service p:last-child {
margin: 0;
}

#service ul {
margin: 0 0 0 1.3em;
list-style-type: disc;
}
#service ul li {
margin: 0 0 3px;
line-height: 1.5;
}
#service ul li:last-child {
margin: 0;
}

#service p.note {
margin: 60px 0 0;
text-align: center;
line-height: 1.8;
}

#service div.btn {
width: 20rem;
margin: 20px auto 0;
}

/* ----- AI検索最適化のFAQ ----- */
#faq {

}

/* FAQ本体 */
#faq ul.faq {

}
#faq ul.faq li {
margin: 0 0 20px;
}

#faq p.note {
margin: 60px 0 0;
text-align: center;
line-height: 1.8;
}

#faq div.btn {
width: 20rem;
margin: 20px auto 0;
}



/* ----- ★899 ----- */
@media screen and (max-width: 899px) {

/* ----- サイト側も変化していくことが求められます ----- */
#point h2 {
margin: 0 0 50px;
font-size: 1.4rem;
}

/* ----- なぜAIOの施策が必要なのか ----- */
#necessity ul li {
margin: 0 0 10px;
}

/* ----- すぐに取り組める3つの施策 ----- */
#measures ul.list {
display: block;
width: 320px;
max-width: 100%;
margin: 0 auto 40px;
}
#measures ul.list li {
width: auto;
padding: 15px 3px;
margin: 0 0 10px;
border-radius: 25px;
font-size: 1.1rem;
}
#measures ul.list li:last-child {
margin: 0;
}

#measures section {
padding: 30px 10px;
}

#measures h3 {
margin: 0 0 20px;
padding: 2px 0 0 7px;
border-left: 3px var(--accent2-col) solid;
font-size: 1.1rem;
line-height: 1.6;
}

#measures dl {
margin: 30px 0;
}

/* ----- 提供サービス ----- */
#service table {
margin: 40px 0;
}
#service table colgroup.item {
width: auto;
}

#service p.note {
margin: 40px 0 0;
}

#service div.btn {
width: 18rem;
margin: 30px auto 0;
}

/* ----- AI検索最適化のFAQ ----- */

#faq p.note {
margin: 40px 0 0;
}

#faq div.btn {
width: 18rem;
margin: 30px auto 0;
}

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