@charset "utf-8";

/* --------------------------------------------
 767px以下
--------------------------------------------- */
@media screen and (max-width: 767px){

/* h2_midasi */
.h2_midasi {
    margin: 0 0 20px;
}
.h2_midasi span{
	font-size: 20px;
}
.h2_midasi h2{
	font-size: 23px;
}

/* h3_midasi */
.h3_midasi {
    margin: 0 0 20px;
}
.h3_midasi span{
	font-size: 20px;
}

/* h3-simple */
.p-page h3.h3-simple{
	margin: 0 0 20px;
}

/* p spanなど */
.p-page p {
    margin: 15px 0 30px;
}

/* わたしたちについて ページ */
.about_reason {
    margin: 60px 0 0;
}
.about_feature{
	margin: 60px 0 0;
}
.about_feature ul li {
	width: 100%;
}
.about_feature ul li a{
	padding: 40px 20px;
    min-height: auto;
}
.about_feature ul li:nth-child(4) a,
.about_feature ul li:nth-child(5) a,
.about_feature ul li:nth-child(6) a{
	min-height: auto;
}
.about_strategy{
	margin: 60px 0 0;
}

/* SEO対策 ページ */
.seo_point{
	margin: 60px 0 0;
}
.seo_point dl {
    flex-direction: column;
}
.seo_point dl dt,
.seo_point dl dd{
	width: 100%;
}
.seo_point dl p{
	font-size: 16px;
}
.seo_point dl dt{
	margin: 0 0 30px;
}
.seo_point dl dt .icon img{
	min-width: 40px;
}
.seo_tool{
	margin: 60px 0 0;
}
.seo_tool h2{
	text-align: left;
}
.seo_tool p.text{
	text-align: left;
}

/* ホームページ制作 ページ */
.homepage_feature{
	margin: 60px 0 0;
}
.homepage_feature .layout_01 .txt_box,
.homepage_feature .layout_02 .txt_box{
	width: 100%;
}
.homepage_feature .layout_01 .img_box,
.homepage_feature .layout_02 .img_box{
	width: 100%;
}

/* MEO対策 ページ */
.meo_intro{
	flex-direction: column;
}
.meo_intro .left{
	width: 100%;
	margin: 0 0 20px;
}
.meo_intro .right{
	width: 100%;
}
.meo_solution{
	margin: 60px 0 0;
}
.meo_solution ul{
	flex-direction: column;
	gap: 30px 0;
}
.meo_solution li{
	width: 100%;
}
.meo_solution li .icon {
    display: flex;
    justify-content: center;
}
.meo_important {
    margin: 60px 0 0;
    gap: 40px 0;
}
.meo_important .toukei{
	margin: 30px 0 0;
}
.meo_important .toukei div {
    width: 100%;
}
.meo_important .toukei div.syukei{
	margin: 20px 0 0;
}
.meo_google{
    margin: 60px 0 0;
    gap: 40px 0;
}
.meo_google_list{
	margin: 0 0 30px;
	gap: 30px 0;
}
.meo_google_list .meo_google_list_child {
    width: 47%;
}
.meo_keiro {
    margin: 50px 0 0;
}
.meo_keiro .layout_01,
.meo_keiro .layout_02{
	gap: 30px 0;
}
.meo_keiro .layout_01 .txt_box,
.meo_keiro .layout_02 .txt_box {
    width: 100%;
}
.meo_keiro .layout_01 .img_box,
.meo_keiro .layout_02 .img_box {
    width: 100%;
}
.meo_value {
    margin: 60px 0 0;
}
.meo_value ul.meo_value_list{
	gap: 0 20px;
}
.meo_value ul.meo_value_list li {
    width: 43%;
}
.meo_graph {
    margin: 60px 0 0;
}
.meo_voice {
    margin: 60px 0 60px;
}
.meo_voice_list{
	gap: 20px 0;
}
.meo_voice_list_child{
	flex-direction: column;
}
.meo_voice_list .img_box{
	width: 100%;
	margin: 0 0 20px;
}
.meo_voice_list .txt_box{
	width: 100%;
}

/* SNS運用　ページ */
.sns_intro h2{
}
.sns_intro p{
	text-align: left;
}
.sns_point{
	margin: 60px 0 0;
}
.sns_point_in{
	gap: 30px 0;
}
.sns_point_in .child{
	width: 100%;
}
.sns_flow {
    margin: 60px 0;
}
.sns_flow dt {
    width: 100%;
}
.sns_flow dl{
	flex-direction: column;
}
.sns_flow dd{
	margin: 30px 0 0;
}

/* 広告運用　ページ */
.ad_nayami {
    margin: 60px 0 0;
}
.ad_nayami_in{
	gap: 90px 0;
}
.ad_nayami_in .child{
	width: 100%;
}
.ad_nayami_in .label{
	top: -35px;
}
.ad_nayami_in p{
	margin: 0;
}
.ad_nayami_q {
    min-height: auto;
}
.ad_nayami_a {
    min-height: auto;
}
.ad_nayami_a:before{
	top: -80px;
}
.ad_nayami_a:after{
	top: -67px;
	left: calc(50% + 7px);
}
.ad_reason{
	margin: 60px 0 0;
}
.ad_reason h2 span {
    font-size: 23px;
    margin: 0;
}
.ad_reason p {
    text-align: left;
}
.ad_point{
	margin: 60px 0 0;
}
.ad_point_in {
    gap: 50px 0;
    margin: 40px 0 0;
}
.ad_point_in .child01 .img_box,
.ad_point_in .child02 .img_box{
	width: 100%;
	margin: 0 0 20px;
}
.ad_point_in .child01 .text_box,
.ad_point_in .child02 .text_box{
	width: 100%;
}
.ad_point_in .child01,
.ad_point_in .child02{
	flex-direction: column;
}
.ad_point_in p{
	margin: 0;
}
.ad_support {
    margin: 60px 0 40px;
}
.ad_support_in{
	gap: 50px 0;
}
.ad_support_in .child {
    width: 100%;
}
.ad_support_in p {
    margin: 0;
}

/* 求人対策　ページ */
.job-measures_service{
	margin: 60px 0 0;
}
.job-measures_service_in .child{
	width: 100%;
}
.job-measures_strengths {
    margin: 70px 0 40px;
}
.job-measures_strengths_in{
	flex-direction: column;
	gap: 40px 0;
	margin: 0;
}
.job-measures_strengths_in .child {
    width: 100%;
}
.job-measures_strengths_in p.img{
	width: 120px;
	height: 120px;
}

/* 会社概要　ページ */
.company_mission-vision-values_in .child{
	flex-direction: column;
	padding: 40px 20px;
}
.company_mission-vision-values_in .left {
    width: 100%;
    padding: 0;
}
.company_mission-vision-values_in .right {
    width: 100%;
    padding: 0;
}
.company_member {
    margin: 60px 0 40px;
}
.company_member_in {
    gap: 40px 0;
    flex-direction: column;
}
.company_member_in .child {
    width: 100%;
}

/* footer */
.l-footer-container {
    flex-direction: column;
}
.l-footer--right {
    flex-direction: column;
    border-top: 1px solid #dedede;
    padding: 30px 0 0 0;
}
.l-footer--list {
    justify-content: flex-start !important;
    font-size: 12px !important;
    margin: 0 0 50px 0 !important;
}

/* 767px終了 */
}
/* 767px終了 */