@charset "utf-8";
.lower_kv{
	padding: 4% 0;
	background: url("../img/lower_kv.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover; 
}
p.kv_tit{
	font-size: 30px;
	font-weight: bold;
	 background-color: rgba( 255, 255, 255, 0.75 );
	display: inline-block;
	padding: 1% 2%;
	color: #333;
}
ul.bread{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	padding: 10px 0;
}
ul.bread li::after {
    content: "";
    background: url("../img/next.png");
	background-repeat: no-repeat;
	background-position: left center;
    background-size: 10px 10px;
    padding-right: 13px;
    margin-left: 13px;
}
ul.bread li:last-child::after{
    background: none;
	 padding: 0;
}
ul.bread li a{
	text-decoration: underline;
	color: #333;
}
p.blog_name {
    margin: 3% 0;
}
.blog_contents {
    padding: 6% 0;
	background-color: #F5F5F5;
	margin-bottom: 3%;
}
.blog_area {
    width: 90%;
    margin: 0 auto;
}
ul.blog_list {
    display: flex;
    flex-wrap: wrap;
	gap: 5%;
}
ul.blog_list li{
	width: 30%;
	margin-bottom: 5%;
	background-color: #fff;
	box-shadow: 2px 6px 6px rgb(153 151 151 / 75%);
	padding: 1% 0 2% 0;
	border-radius: 10px;
}
.blog_day{
	text-align: right;
	color: #AEAEAE;
}
.blog_name a{
	font-size: 21px;
	font-weight: bold;
	color: #333;
}
ul.blog_list li ul.post-categories li{
	box-shadow:none;
	width: 100%;
	padding: 0;
	margin-bottom: 5px;
}
.blog_cotegory ul.post-categories li a{
	background-color:#F6931A;
    color: #fff;
	padding: 5px;
    margin: 0;
}
.case_cotegory ul.post-categories li a{
	background-color:#04275C;
    color: #fff;
	padding: 5px;
    margin: 0;
}
.blog_thumnail {
    margin-bottom: 10px;
}
.blog_page_contents p{
	line-height: 2;
}
p.blog_pagetit {
    font-size: 30px;
    color: #333;
    font-weight: bold;
    margin: 0 0 3% 0;
	border-bottom: 1px solid #eee;
	line-height: 1.5;
}
p.blog_day2{
	color: #AEAEAE;
	margin: 5px 0;
}
	.blog_page {
    background-color: #fff;
    padding: 3% 0;
}
	.blog_page {
    display: flex;
}
.blog_left {
    width: 75%;
}
.blog_right {
    width: 20%;
}
.blog_cotegory ul.post-categories li a{
	background-color:#F6931A;
    color: #fff;
	padding: 5px;
    margin: 0;
}
.blog_leftinner {
    width: 90%;
    margin: 0 auto;
}
ul.navigation {
    display: flex;
    width: 50%;
    margin: 5% auto 0;
}
ul.navigation li {
    margin: 0 3%;
    width: 30%;
    text-align: center;
}
p.navileft {
    background-color: #F6931A;
    padding: 15px 0;
}
p.navileft a {
    color: #fff;
}
p.navitop {
    background-color: #04275C;
    padding: 15px 0;
    text-align: center;
}
p.navitop a{
	color: #fff;
}
p.naviright {
    background-color: #F6931A;
    padding: 15px 0;
}
p.naviright a{
   color: #fff;	
}
.wp-block-image {
    margin: 3% 0;
}
h2.widgettitle {
    font-size: 16px;
    padding: 10px 0;
    color: #fff;
    background-color: #F6931A;
    font-weight: bold;
    text-align: center;
}
li#custom-post-type-recent-posts-2 {
	margin-bottom: 5%;
}
li#custom-post-type-recent-posts-2 a{
	color: #333;
}
li#custom-post-type-categories-2{
	margin-bottom: 5%;
}
li#custom-post-type-categories-2 a{
	color: #333;
}
li#custom-post-type-archives-2 a{
	color: #333;
}
.case_thum {
    margin: 3% 0;
}
p.all_cost{
	font-size: 30px;
	font-weight: bold;
	color:#F6931A; 
	margin-bottom: 2%;
}
.case_dital {
    margin: 3% 0;
}
dl.case_list2 {
    display: flex;
	
}
dl.case_list2.list_top{
	border-top: 1px solid #F6931A;
}
dl.case_list2 dt{
	width: 30%;
	padding: 10px 0 10px 10px;
    color: #fff;
    background-color: #F6931A;
    font-weight: bold;
	border-bottom: 1px solid #fff;
	text-align: center;
}
dl.case_list2 dd{
	width: 70%;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #F6931A;
}
.be_af {
    display: flex;
	justify-content: space-between;
}
.before {
    width: 48%;
}
.after {
    width: 48%;
}
p.be_tit{
	font-size: 28px;
	text-align: center;
	font-weight: bold;
	background-color: #04275C;
	color: #fff;
	margin-bottom: 1%;
}
p.af_tit{
	font-size: 28px;
	text-align: center;
	font-weight: bold;
	background-color: #F6931A;
	color: #fff;
	margin-bottom: 1%;
}
p.connection{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	background-color: #F6931A;
	color: #fff;
	margin-bottom: 3%;
}
.case_cotegory ul.post-categories li{
	margin-bottom: 5px;
}
.case_cotegory ul.post-categories li a{
	background-color:#04275C;
    color: #fff;
	padding: 5px;
    margin: 0;
}
.conect_tit {
    margin-bottom: 5%;
}
.conect_tit a{
	color: #F6931A;
}
.case_contents {
    padding: 6% 0;
	background-color: #FEEEDF;
	margin-bottom: 3%;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
    height: auto;
}
p.case_name a{
	color: #F6931A;
	font-size: 21px;
	font-weight: bold;
}
ul.ig_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.ig_list li{
	width: 16%;
	margin-bottom: 1%;
}

.post_area2 {
    width: 90%;
    margin: 0 auto;
}
.news_contents {
    margin: 1% 0;
}
.news_titpage{
	font-size: 24px;
	font-weight: bold;
	margin: 1% 0 2% 0; 
}
ul.company_list {
    display: flex;
    justify-content: space-between;
}
ul.company_list li:first-child{
	width: 68%;
}
ul.company_list li:last-child{
	width: 30%;
}
p.com_tit {
    font-size: 24px;
	text-align: center;
	font-weight: bold;
}
p.idea{
	background-color: #fff;
	color:#F6931A;
	margin: 2% auto;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
    padding: 10px 0;
}
p.ceo_name{
	margin-top: 3%;
	font-family: serif;
	font-size: 21px;
	font-weight: bold;
	text-align: right;
}
.faq_contents {
    padding: 6% 0;
}
.contact_inner {
    background-color: #fff;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    border-radius: 10px;
}
.thanks_tit{
	color: #333;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	padding-top: 3%;
}

p.p_text {
    margin-bottom: 3%;
}
p.p_tit {
    font-weight: bold;
    color: #333;
    margin-bottom: 1%;
}
h3.wp-block-heading {
    font-size: 26px;
    font-weight: bold;
    color: #333;
    margin: 2% 0 1% 0;
}
.company_info {
    margin: 5% 0 0 0;
}
p.review {
    text-align: center;
    font-size: 21px;
    margin-bottom: 1%;
}
.voice_info {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;

}
.slide{
	width: 48%;
	margin-bottom: 3%;
	border: 1px solid #ccc;
	padding-bottom: 1%;
}
p.plan_name1{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding: 1% 0;
	background-color: #EB6377;
	margin-bottom: 1%;
	color: #fff;
	border-radius: 10px;
}
p.plan_name2{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding: 1% 0;
	background-color: #23B9BA;
	margin-bottom: 1%;
	color: #fff;
	border-radius: 10px;
}
p.plan_name3{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding: 1% 0;
	background-color: #FF8700;
	margin-bottom: 1%;
	color: #fff;
	border-radius: 10px;
}
p.plan_name4{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding: 1% 0;
	background-color: #FECC30;
	margin-bottom: 1%;
	color: #fff;
	border-radius: 10px;
}
p.plan_setit{
	font-size: 24px;
	font-weight: bold;
}
p.plan_setext2{
	background-color: #FEEEDF;
	padding: 10px;
	color: #F6931A;
	font-weight: bold;
	border-radius: 5px;
	margin-bottom: 5%;
}
p.ex_tit{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 1% 0;
	background-color: #eee;
	margin-bottom: 1%;
	color: #04275C;
}
.ex_img{
	margin: 2% auto;
	text-align: center;
}
.ex_img img{
	max-width: max-content;
	margin-bottom: 5%;
}
section.plan_wrap {
    padding: 3% 0 6% 0;
}
p.plan_setext {
    margin-bottom: 2%;
}
p.plobrem {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
	border-bottom: 2px solid #F6931A;
	border-top: 2px solid #F6931A;
	color: #F6931A;
	margin: 3% 0;
	padding: 10px 0;
}
.plan_info {
    display: flex;
    justify-content: space-between;
    margin: 3% 0;
}
.plan_left {
    width: 49%;
}
.plan_right {
    width: 49%;
}
.plan_left ol {
   margin-bottom: 3%;
}
/* ■02.横幅1280px以上（PC用）
--------------------------------------------------- */
@media screen and (min-width:1280px) and (max-width:1375px) {
    /* ▼PC用================================================================== */

/* ▲PC用================================================================== */
}
/* ■02.横幅1280px以上（PC用）
--------------------------------------------------- */
@media screen and (min-width:1024px) and (max-width:1280px) {
    /* ▼PC用================================================================== */
  /* ▲PC用================================================================== */
}   

/* ■03.横幅768px以上、1299px以下（Tab用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:1280px) and (max-width:1024px) {
    /* ▼tab用================================================================= */


    /* ▲tab用================================================================== */
}
/* ■05.横幅767px以下（SP用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:768px) {
/* ▼SP用================================================================ */
.lower_kv {
    padding: 25% 0 10% 0;
	}
	ul.bread{
		display: none;
	}
	ul.blog_list li {
    width: 100%;
    margin-bottom: 8%;
    background-color: #fff;
    box-shadow: 2px 6px 6px rgb(153 151 151 / 75%);
    padding: 5% 0;
    border-radius: 10px;
}
	.blog_contents {
    padding: 15% 0;
    margin-bottom: 3%;
}
.blog_page {
    padding: 10% 0;
	display: block;
}
	.blog_left {
    width: 100%;
}
	p.blog_pagetit {
    font-size: 21px;
    margin: 0 0 5% 0;
}
	.wp-block-image {
    margin: 8% 0;
}
	 ul.navigation {
        display: flex;
        width: 100%;
        margin: 10% auto 0;
    }
	.blog_right {
    width: 90%;
    margin: 8% auto 3%;
}
	section.ig_wrap {
    padding: 15% 0;
}
	ul.ig_list li {
    width: 49%;
    margin-bottom: 2%;
}
	.news_titpage {
    font-size: 18px;
    font-weight: bold;
    margin: 1% 0 5% 0;
}
	.case_contents {
    padding: 15% 0;
}
	ul.company_list {
    display: block;
}
	ul.company_list li:first-child{
		width: 100%;
		margin-bottom: 8%;
	}
	ul.company_list li:last-child {
    width: 100%;
}
	p.com_tit {
    font-size: 21px;
    margin-bottom: 5%;
	}
	p.p_text {
    margin-bottom: 10%;
}
	h3.wp-block-heading {
    font-size: 21px;
    margin: 8% 0 2% 0;
}
	dl.case_list2 {
    display: block;
}
	dl.case_list2 dt {
    width: 100%;
    padding: 10px 0;
    border-bottom: none;
    text-align: center;
}
	dl.case_list2 dd {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #F6931A;
}
	.be_af {
    margin: 10% 0;
}
	p.review {
    font-size: 16px;
    margin-bottom: 1%;
}
	.voice_info {
    display: block;
	}
	.slide {
    width: 100%;
    margin-bottom: 6%;
	}
	.contact_inner {
    width: 95%;
    margin: 0 auto;
}
	.post_area2 {
    width: 95%;
    margin: 0 auto;
}
	section.plan_wrap {
    padding: 6% 0 15% 0;
}
	p.plan_name3 {
    font-size: 24px;
    padding: 1% 0;
    margin-bottom: 3%;
}
	.plan_setit {
    font-size: 18px;
    margin-bottom: 3%;
}
	p.plan_setext {
    margin-bottom: 5%;
}
	p.ex_tit {
    margin: 10% 0 3% 0;
}
	p.kv_tit {
    font-size: 24px;
    padding: 1% 5%;
	}
	p.case_name a {
    font-size: 18px;
	}
	p.plan_name1 {
    font-size: 24px;
	}
	.plan_info {
    display: block;
    margin: 3% 0;
}
	.plan_left {
    width: 100%;
}
	.plan_right {
    width: 100%;
}
	p.plan_setit {
    font-size: 21px;
    line-height: 1.5;
}
	p.plan_setext2 {
    margin-bottom: 10%;
}
/* ▲sp用================================================================== */
}