/*
Theme Name: aml
Theme URI: https://www.aml.co.jp/
Author: 青山メインランド
Description: 青山メインランドのコーポレートサイト用WordPressテーマ
Version: 1.0
*/




/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　WordPress最適化　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/


.rec_btns {
    display: inline-block;
    color: #fff;
    font-size: 10px;
    padding: 2px 10px;
    border-radius: 16px;
    text-decoration: none;
    margin-left: 8px;
    transition: background-color 0.3s;
    vertical-align: bottom;
}
.map_btn {
    background-color: #283180;
}
.map_btn:hover {
    background-color: #000066;
}
.site_btn {
    background-color: #2D737F;
}
.site_btn:hover {
    background-color: #205755;
}
.cf_dl .wpcf7-previous.prev {
	margin: 0 auto;
	display: block;
	border-color: #333;
}

.recaptcha-notice {
	font-size: 12px;
	color: #666;
	margin-top: 1em;
}

.recaptcha-notice span {
	display: block;
	line-height: 1.6;
}

.grecaptcha-badge {
	display: none !important;
}


/* add 2025june --start--- */

/* 入力エラー時のスタイル */
input.error,
textarea.error,
select.error {
	border: 2px solid #A70000 !important;
	background-color: #fff6f6;
}

/* ラベルなどにエラー付与された場合 */
label.error {
	color: #A70000;
}

/* add 2025june --end--- */



@media print, screen and (min-width: 768px){
	.cf_dl .submit_button,
	.cf_dl .wpcf7-previous.prev {
		height: 64px;
		border-radius: 32px;
		width: 343px;
		transition: 0.3s ease-in-out;
	}
	.cf_dl .wpcf7-previous.prev {
		margin-bottom: 1em;
		cursor: pointer;
	}
	.cf_dl .wpcf7-previous.prev:hover {
		background: #999;
		color: #fff;
	}
	.wpcf7-spinner {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.nd_content h2,
	.nd_content h3,
	.nd_content h4 {
		margin-bottom: 25px;
		font-weight: 600;
	}
	.nd_content h2 {
		padding: 10px;
		border-bottom: 2px #252F7D solid;
		background: #FAFAFA;
		font-size: 16px;
	}
	.nd_content h3 {
		position: relative;
		padding-left: 20px;
		font-size: 16px;
	}
	.nd_content h3:before {
		position: absolute;
		top: 7px;
		left: 0;
		content: "";
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background: #252F7D;
	}
	.nd_content h4 {
		font-size: 14px;
	}
	.nd_content p {
		color: #707070;
		font-size: 14px;
		line-height: 2;
	}
	.nd_content p:not(:last-child) {
		margin-bottom: 25px;
	}
	.nd_content figure {
		width: 100%;
		max-width: 750px;
		margin: 0 auto 30px;
	}
	.nd_content figure:last-child {
		margin-bottom: 0;
	}
	.nd_content figure img {
		width: 100%;
	}
	.nd_content figure figcaption {
		margin-top: 10px;
		color: #999999;
		font-size: 10px;
	}
	.contact_box .cf_dl {
		margin-bottom: 27px;
	}
	.cf7-confirm .flx {
		display: flex;
		justify-content: space-between;
		max-width: 600px;
		margin: 0 auto;
	}
	.cf7-confirm .flx .submit_button {
		width: 280px;
	}
	.cf7-confirm .flx .cf7-back {
		background-color: #4a4d66;
		border-color: #4a4d66;
		font-weight: normal;
	}
	.cf7-confirm .flx .cf7-back:hover {
		background-color: #fff;
		color: #4a4d66;
	}
	.contact_box .cf_dl a {
		color: #252F7D;
		font-weight: 500;
	}
	.contact_box .cf_dl a:hover {
		color: #1698e6;
	}
	.contact_box03 {
		margin-top: 20px;
	}
	.contact_box03 > li {
		padding: 4px;
		background: linear-gradient(to right bottom, #1698E6 0%, #252E7C 100%);
	}
	/* for_desktop */
}

@media print, screen and (min-width: 768px){
	#contact_thanks .contact_box {
		padding: 80px 50px 125px;
		max-width: 750px;
		margin: 0 auto;
	}
	#contact_thanks .contact_box p {
		margin-bottom: 1em;
	}
}

.wpcf7-response-output {
	display: none !important;
}

@media print, screen and (max-width: 768px){
	.cf_dl .submit_button,
	.cf_dl .wpcf7-previous.prev {
		width: 60vw;
		height: 10vw;
		border-radius: 6vw;
		padding: 0;
		font-size: 4vw;
	}
	.cf_dl .wpcf7-previous.prev {
		margin-bottom: 5vw;
	}
	.wpcf7-spinner {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.nd_content h2,
	.nd_content h3,
	.nd_content h4 {
		margin-bottom: 5vw;
		font-weight: 600;
	}
	.nd_content h2 {
		padding: 2vw;
		border-bottom: 2px #252F7D solid;
		background: #FAFAFA;
		font-size: 4.5vw;
	}
	.nd_content h3 {
		position: relative;
		padding-left: 6vw;
		font-size: 4.5vw;
	}
	.nd_content h3:before {
		position: absolute;
		top: 1.5vw;
		left: 0;
		content: "";
		width: 4.5vw;
		height: 4.5vw;
		border-radius: 50%;
		background: #252F7D;
	}
	.nd_content h4 {
		font-size: 4vw;
	}
	.nd_content p {
		color: #707070;
		font-size: 4vw;
		line-height: 2;
	}
	.nd_content p:not(:last-child) {
		margin-bottom: 4vw;
	}
	.nd_content figure {
		width: 100%;
		max-width: 492px;
		margin: 0 auto 5vw;
	}
	.nd_content figure img {
		width: 100%;
		max-width: 492px;
	}
	.nd_content figure img {
		width: 100%;
	}
	.nd_content figure figcaption {
		margin-top: 2vw;
		color: #999999;
		font-size: 3.5vw;
	}
	.rec_btns {
		vertical-align: bottom;
		margin-bottom: 3px;
	}
	#contact_thanks .contact_box {
		padding: 8vw 4vw 12vw;
		margin: 0 auto;
	}
	#contact_thanks .contact_box p {
		margin-bottom: 4vw;
	}
	.contact_box .cf_dl {
		margin-bottom: 5vw;
	}
	.cf7-confirm .contact_text {
		text-align: left;
	}
	.cf7-confirm .flx {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.cf7-confirm .flx .submit_button {
		width: 45%;
	}
	.cf7-confirm .flx .cf7-back {
		background-color: #4a4d66;
		border-color: #4a4d66;
		font-weight: normal;
	}
	.contact_box .cf_dl a {
		color: #252F7D;
		font-weight: 500;
	}
	.contact_box03 {
		margin-top: 3vw;
	}
	.contact_box03 > li {
		padding: 4px;
		background: linear-gradient(to right bottom, #1698E6 0%, #252E7C 100%);
	}
	/* for_sp */
}