/*
カスタム CSS へようこそ!

CSS (カスケーディングスタイルシート)
は、ブラウザに対し Web
ページの表示方法を指定するためのコードです。このコメントを削除し、カスタマイズを始めることができます。

デフォルトでは、ここで指定したカスタムスタイルはテーマのスタイルシートが読み込まれた後に追加されます。つまり、デフォルトの
CSS
ルールを上書きできるということです。テーマのスタイルシートの内容をここにコピーする必要はありません。追加したい内容だけを書き込んでください。
*/
/*LP 2024.11追加*/
.smp {
	display: none;
}
.page-id-7851 .section-inner,
.page-id-8163 .section-inner {
	width: 1120px;
}
p.lp_entry_p {
	text-align:center;
	font-size:24px;
	font-weight:bold;
}
.btn-entry,
.btn-entry2 {
	font-weight: bold;
}
.post-content h2.h2_lp001 {
	font-size: 30px;
	color: #0B41A0;
	text-align: center;
	margin-bottom: 1em;
}
ul.lp_check01_ul {
	margin-left: 0;
}
ul.lp_check02_ul {
	margin: 0 0 30px 0;
}
ul.lp_check01_ul li,
ul.lp_check02_ul li {
	list-style: none;
	padding-left: 50px;
	font-size: 20px;
	line-height: 30px;
	background: url(https://material-fukuyama.jp/wp-content/uploads/2024/11/mos-check01.png) left top no-repeat;
	background-size: 30px 30px;
	margin-bottom: 1em;
}
ul.lp_check02_ul li {
	font-size: 16px;
	background-image: url(https://material-fukuyama.jp/wp-content/uploads/2024/11/mos-check02.png);
}
ul.lp_check01_ul li span,
ul.lp_check02_ul li span {
	font-weight: bold;
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#f0f564 50%,#f0f564 100%);
}
.post-content h4.h4_lp_line {
	font-size: 24px;
	font-weight: bold;
	color: #0B41A0;
	padding-bottom: 5px;
	border-bottom: 2px solid #0B41A0;
}
.one_third_wrap {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.one_third_img {
	width: 30.61%;
}
.one_third_txt {
	width: 67.34%;
}
.one_third_txt p,
.lp_note_yl p,
.lp_note_f7 p {
	font-size: 16px;
	line-height: 1.87;
}
.lp_note_yl {
	background: #FAFCD4;
	padding: 20px;
}
.lp_note_yl p span {
	color: #0B41A0;
	font-weight: bold;
}
.lp_note_f7 {
	background: #f7f7f7;
	padding: 20px;
}
.fs18 p {
	font-size: 18px;
}
ul.ul_merit {
	margin-left: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.ul_merit li {
	list-style: none;
	width: 32.14%;
	display: flex;
  flex-direction: column;
	margin-bottom: 30px !important;
}
ul.ul_merit li h3 {
	font-size: 22px;
	line-height: 1.81;
	color: #0B41A0;
	background: url(https://material-fukuyama.jp/wp-content/uploads/2024/11/mos-merit02.png) left top no-repeat;
	padding-left: 76px;
	border: none;
}
ul.ul_merit li > div {
	flex-grow: 1;
	border: 3px solid #F464A6;
	padding: 1.12em;
}
ul.ul_merit li p {
	font-size: 16px;
	line-height: 1.87;
}
.page-id-7851 #pl-7851 .lp_fixed_woman,
.page-id-7851 #pl-7851 .lp_fixed_tree {
	background-position: top left;
}
.page-id-7851 #pl-7851 .lp_fixed_womans {
	background-position: top right;
}
.fs50 {
	font-size: 50px;
}
.post-content h2.lh1-6 {
	line-height: 1.6;
}
.lp_point_sec {
	padding: 30px 20px;
	margin-bottom: 30px;
}
h3.h3_lp_num {
	position: relative;
	font-size: 24px;
	color: #0B41A0;
	line-height: 1.66;
	border: none;
}
h3.h3_lp_num::before {
	content: attr(data-number);
	display: block;
	color: #0B41A0;
	font-size: 30px;
}
h3.h3_lp_num::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 1px;
	background-color: #0B41A0;
}
.lp_point_sec p span {
	font-weight: bold;
	color: #F464A6;
}
.lp_txtbox {
	margin-bottom: 30px;
}
.lp_txtbox p {
	font-size: 16px;
	line-height: 1.87;
}
.lp_txtbox p span,
ul.lp_3disc_ul li p span {
	font-weight: bold;
	color: #0B41A0;
}
ul.ul_lp_voice {
	margin-left: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.ul_lp_voice li {
	list-style: none;
	background: #fff;
	width: 32.14%;
	padding: 40px 20px;
	box-sizing: border-box;
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.6);
	margin-bottom: 30px !important;
}
h4.ul_lp_voice_man,
h4.ul_lp_voice_woman {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.66;
	margin: 0 0 1em 0;
}
h4.ul_lp_voice_man {
	color: #0B41A0;
}
h4.ul_lp_voice_woman {
	color: #F464A6;
}
ul.ul_lp_voice li p {
	font-size: 16px;
	line-height: 1.87;
}
h3.h3_lp_italic {
	position: relative;
	padding-top: 50px;
	padding-bottom: 30px;
	font-size: 24px;
	color: #0B41A0;
	text-align: center;
	border-bottom: 5px solid #F0F564;
}
h3.h3_lp_italic span {
	position: relative;
	z-index: 2;
}
h3.h3_lp_italic::before {
	content: attr(data-en);
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(11,65,160,0.3);
	font-size: 50px;
	font-style: italic;
	font-family: serif;
}
.lp_curri_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lp_curri_box {
	min-width: 50%;
	padding: 10px;
	margin-bottom: 30px !important;
}
.lp_curri_box ul {
	margin: 20px 0 0 20px;
}
.lp_curri_box ul li {
	list-style: none;
	font-size: 16px;
	line-height: 1.87;
}
ul.lp_3disc_ul {
	margin-left: 0;
	display: flex;
	justify-content: space-between;
}
ul.lp_3disc_ul li {
	list-style: none;
	width: 32.14%;
	text-align: center;
}
ul.lp_3disc_ul li p {
	text-align: left;
	font-size: 16px;
	line-height: 1.87;
	margin: 20px 0;
}
p.lp_line_yl {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
p.lp_line_yl span {
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #f0f564 50%, #f0f564 100%);
}
/*LP-WEB-DTP*/
.post-content h2.h2_lp002 {
    font-size: 30px;
    color: #333;
    text-align: center;
    margin-bottom: 1em;
}
ol.ol_merit_point {
	margin-left: 0;
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
ol.ol_merit_point li {
    list-style: none;
    width: 32.14%;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px !important;
}
ol.ol_merit_point li img {
	max-width: 125px;
  margin: 0 auto 15px;
}
ol.ol_merit_point li h3 {
  font-size: 20px;
  line-height: 2;
	min-height: 82px;
	text-align: center;
  color: #333;
  border: none;
}
ol.ol_merit_point li > div {
  flex-grow: 1;
  background: #FDF2F3;
  padding: 20px;
}
ol.ol_merit_point li > div p {
	font-size: 16px;
	line-height: 1.75;
}
.p20 {
	padding: 20px;
}
.post-content h2.h2_lp002_atten {
	font-size: 24px;
	color: #D92731;
    text-align: center;
    margin-bottom: 1em;
}
h2.h2_lp_italic {
	position: relative;
	padding-top: 50px;
	padding-bottom: 30px;
	font-size: 30px;
	color: #333;
	text-align: center;
}
h2.h2_lp_italic span {
	position: relative;
	z-index: 2;
}
h2.h2_lp_italic::before {
	content: attr(data-en);
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(14,93,222,0.3);
	font-size: 58px;
	font-style: italic;
	font-family: serif;
}
h3.h3_lp_bg001 {
	font-size: 24px;
	color: #333;
	padding: 10px 20px;
	background: #D6E3FA;
	line-height: 1.66;
	border: none;
}
.lp_txtbox ul {
	margin-left: 0;
}
.lp_txtbox ul li {
	list-style: none;
	line-height: 1.87;
}
h3.h3_lp_num2 {
	position: relative;
	padding-top: 50px;
	padding-bottom: 10px;
  font-size: 24px;
  color: #0E5DDE;
  line-height: 1.66;
  border-bottom: 2px solid #0E5DDE;
}
h3.h3_lp_num2::before {
  content: attr(data-number);
	position: absolute;
  top: -3px;
  color: rgba(14,93,222,0.3);
  font-size: 52px;
	font-style: italic;
  font-family: serif;
}
section.lp_step_box > div {
	margin-bottom: 1em;
}
.post-content h2.h2_lp002_wh {
	font-size: 30px;
  color: #fff;
  text-align: center;
  margin-bottom: 1em;
}
.lp_txtbox p span.atten,
.lp_note_yl p span.atten {
	font-weight: bold;
	color: #D92731;
}
ol.ol_merit_plan .atten {
	color: #D92731;
}
ol.ol_merit_plan li > div {
	background: none;
	border: 1px solid #D92731;
}
/*LP ここまで（メディアクエリ以外）*/
.bnr_ranking {
	padding-top: 90px;
}
.bnr_ranking a {
	position: relative;
	display: block;
	margin-bottom: 70px;
}
.bnr_ranking a .ranking_circle {
	position: absolute;
	top: -80px;
	left: -2px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 125px;
	height: 125px;
	background: #fff;
	border: 2px solid #D92731;
	border-radius: 100px;
	box-sizing: border-box;
	z-index: 99;
}
.bnr_ranking .ranking_circle > span {
	font-size: 18px;
	line-height: 1.5;
	color: #000;
	margin: 0;
	text-align: center;
}
.bnr_ranking .ranking_circle span span {
	font-size: 20px;
	display: block;
}
.bnr_ranking .ranking_circle b {
	font-size: 25px;
}
.widget_categories a {
	color: #333;
}

.footer .widget_categories a {
	color: #1abc9c;
}

#pg-2-0 {
/*margin-bottom: 4em;*/
}

.panel {
	margin-bottom: 4em;
}

span.wpcf7-list-item {
	display: block;
}

input[type="radio"], input[type="checkbox"] {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.date input[type="text"] {
	width: 80px !important;
	padding: 0 !important;
}

p .campaign-text {
	padding: 1em;
	border-width: 1px;
	border-style: solid;
	background-color: #fbd2d4;
	border-color: #fef6f6;
}

.complete-display {
	display: none;
}

.sent .complete-display {
	display: block;
}

.al_center_2 {
	display: inline-block;
	width: 48%;
	text-align: center;
	margin-bottom: 15px;
}

/*フロントページ　1年後にはＷＥＢ製作があなたの仕事に！！バナー
2018年ラストキャンペーン中は非表示*/
.aligncenter.size-full.wp-image-6023 {
}

/*バナー削除ここまで*/

/*e-ラーニング用css*/
.features_flex {
    display: flex;
    justify-content: space-between;
		margin-top: 2em;
}

.features_flex_box {
	width: 32%;
	border: 1px solid #ccc;
	padding:5em 15px 15px;
	position: relative;
}

h2.features {
    text-align: center;
    position: absolute;
    top: -30px;
    left: -30px;
    margin: 0;
    background: #333333;
    color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.features_flex_box img {
    height: 60px;
}

.flowchart_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flowchart_flex_box {
    width: 30%;
}

.flowchart_hedding {
    background-color: #8FC320;
    color: #fff;
    display: block;
    font-size: 1.2em;
    text-align: center;
    padding: 13px 0;
    font-weight: bold;
    border-radius: 14px;
}

.head_worries {
    font-size: 2.6rem;
    margin-bottom: 3rem;
    position: relative;
    text-align: center;
    font-weight: bold;
    font-family: "Helvetica Neue","Helvetica","Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif;
}

.worries_flex {
    display: flex;
    justify-content: space-between;
}

.worries_flex_box {
    border: 1px solid #cccccc;
    padding: 15px 10px;
}

.worries_flex_box p {
    text-align: center;
    font-size: 1.3em;
}

.resolution_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.resolution_flex .resolution_flex_box {
    width: 48%;
    border: 1px solid #ccc;
    padding: 30px 20px;
    margin-bottom: 50px;
}

.resolution_flex_box h2 {
    text-align: center;
    font-size: 1.3em;
    margin: 0 0 20px;
}

.resolution_flex_box p {
    text-align: center;
}

.resolution_flex_box img {
    height: 200px;
    width: auto;
}

button.checkzoom {
    padding: 9px;
    border-radius: 11px;
    border: 1px solid #a7a7a7;
    cursor: pointer;
}

.taisyou_kouza_flex {
    display: flex;
    justify-content: space-between;
}

.taisyou_kouza_flex div {
    width: 30%;
}

.taisyou_kouza h3 {
    background-color: #c60001;
    color: #fff;
    padding: 15px 30px;
    display: inline-block;
    font-size: 2em;
}

.taisyou_kouza ul li {
    font-size: 1.5em;
}

.syumishikakushigotonigate {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0;
}

.syumishikakushigotonigate div {
    width: 50%;
}

.number_of_people_limit {
    border: 2px solid red;
    text-align: center;
    font-size: 2em;
    padding: 1.3em;
}

.postcode input[type="text"] {
    width: 35%;
}

input[type="text"].short {
	width: 50px;
	padding:10px 7px;
}

ul.kouza_list li {
	width: 240px;
    position: relative;
    height: 46px;
	margin-bottom:15px;
}

span.kouza_second {
    position: absolute;
    right: 0;
	top:0;
}

.youken-radio span {
    margin-top: 5px;
}

@media screen and (max-width:1100px) {
	ol.ol_merit_point li h3 {
		font-size: 1.8vw;
	}
}

/*タブレット以下の端末*/
@media screen and (max-width:768px) {
	.features_flex {
    flex-wrap: wrap;
}
	
	.features_flex_box {
    width: auto;
    margin-bottom: 70px;
}
	
	.flowchart_flex_box {
    width: auto;
    margin-bottom: 70px;
}
	
	.worries_flex {
    flex-wrap: wrap;
    justify-content: center;
}
	
	.worries_flex_box {
    margin-bottom: 30px;
}
	
	.resolution_flex .resolution_flex_box {
		width: auto;
	}
	
	.head_worries {
		font-size: 1.3rem;
	}
	
	.taisyou_kouza_flex {
		flex-wrap: wrap;
	}
	
	.taisyou_kouza_flex div {
		width: 100%;
	}
	
	.number_of_people_limit {
		font-size:1em;
		padding:1em 0;
	}
}
@media screen and (max-width:767.98px) {
	.smp {
		display: block;
	}
	.pc {
		display: none;
	}
	.one_third_wrap {
		display: block;
	}
	.one_third_img {
		width: auto;
		text-align: center;
	}
	.one_third_txt {
		width: auto;
	}
	ul.ul_merit li,
	ul.ul_lp_voice li {
		width: 48.21%;
	}
	ol.ol_merit_point li {
		width: 100%;		
	}
	ol.ol_merit_point li:last-child {
		margin-bottom: 0 !important;
	}
	ol.ol_merit_point li h3 {
		font-size: 20px;
	}
}
@media screen and (max-width:700px) {
	.page-id-7851 .widget,
	.page-id-8163 .widget {
		border-bottom: none;
		padding-bottom: 0;
	}
	h3.h3_lp_num {
		margin-top: 0;
	}
}
@media screen and (max-width:599.98px) {
	ul.ul_merit li,
	ul.ul_lp_voice li {
		width: 100%;
	}
	.lp_curri_wrap {
		display: block;
	}
	.lp_curri_box {
		max-width: 300px;
    margin: 0 auto;
	}
	.lp_curri_box ul {
    margin: 10px 0 0 10px;
	}
	h3.h3_lp_italic {
		margin-top: 0;
	}
	ul.lp_3disc_ul {
		display: block;
	}
	ul.lp_3disc_ul li {
		width: auto;
	}
	.bnr_ranking {
    padding-top: 70px;
	}
	.bnr_ranking a {
		margin-bottom: 50px;
	}
	.bnr_ranking a .ranking_circle {
		top: -58px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 80px;
    height: 80px;
	}
	.bnr_ranking .ranking_circle > span {
		font-size: 12px;
		line-height: 1.2;
	}
	.bnr_ranking .ranking_circle span span {
		font-size: 14px;
	}
	.bnr_ranking .ranking_circle b {
		font-size: 20px;
	}
}
@media screen and (max-width:500px) {
	.post-content h2.h2_lp001,
	.post-content h2.h2_lp002,
	h2.h2_lp_italic,
	.post-content h2.h2_lp002_wh {
		font-size: 24px;
	}
	.post-content h2.h2_lp001:last-child,
	.post-content h2.h2_lp002:last-child {
		margin-bottom: 0;
	}
	.post-content h2.h2_lp002_atten {
		font-size: 20px;
	}
	h3.h3_lp_num,
	h3.h3_lp_num2 {
		font-size: 20px;
	}
	h3.h3_lp_bg001 {
		font-size: 20px;
	}
	.post-content h4.h4_lp_line {
		font-size: 20px;
	}
	.btn-entry2 span {
		font-size: 5.5vw !important;
	}
	p.lp_entry_p {
		font-size: 20px;
	}
	.btn-entry span {
		font-size: 24px !important;
	}
}
@media screen and (max-width:360px) {
	.post-content h2.h2_lp001,
	.post-content h2.h2_lp002,
	.post-content h2.h2_lp002_wh {
		font-size: 20px;
	}
	.btn-entry2 span {
		font-size: 5vw !important;
	}
	p.lp_entry_p {
		font-size: 18px;
	}
}

@media screen and (min-width:768px) {
	.btn-entry,
	.btn-entry2 {
		min-width: 498px;
		padding: 13px 0 !important;
	}
}