@charset "UTF-8";
/* Theme Name: 佐々木智治総合法律事務所2021 */
html {
	font-size: 62.5%;
}

body {
	font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
	color: #030D7B;
}

a {
	color: #030D7B;
}

img {
	width: 100%;
	height: auto;
}

.sp {
	display: block;
}

.pc {
	display: none;
}

#wrap {
	width: 100%;
	overflow: hidden;
}

.section {
	padding: 80px 0;
}

.inner_section {
	width: 90%;
	margin: 0 auto;
}

/*======================================== header ========================================*/
#header {
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

.wrap_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 5%;
	height: 80px;
}

.ttl_h1 {
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
}

.ttl_h1 a {
	color: #030D7B;
}

.header_info {
	display: none;
}

/* ハンバーガーメニュー ここから*/
#nav_toggle {
	height: 80px;
	width: 80px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#nav_toggle div {
	position: relative;
	height: 46px;
	width: 49px;
	margin: 0 auto;
}

#nav_toggle span {
	width: 100%;
	height: 2px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	background: #030D7B;
	position: absolute;
	-webkit-transition: top .5s ease, -webkit-transform .6s ease-in-out;
	transition: top .5s ease, -webkit-transform .6s ease-in-out;
	transition: transform .6s ease-in-out, top .5s ease;
	transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
}

#nav_toggle span:nth-child(2) {
	top: 0%;
}

#nav_toggle span:nth-child(3) {
	top: 16px;
}

#nav_toggle p {
	font-weight: 900;
	position: absolute;
	bottom: 0;
	left: 0;
}

.open #nav_toggle {
	background: #030D7B;
}

.open #nav_toggle span {
	background: #fff;
}

.open #nav_toggle span:nth-child(2) {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	top: 8px;
	width: 33px;
}

.open #nav_toggle span:nth-child(3) {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
	top: 8px;
	width: 33px;
}

.open #nav_toggle p {
	color: #fff;
}

/* z-index */
#nav_toggle {
	z-index: 1000;
}

#g_nav {
	height: calc(100vh - 80px);
	background: #FFF9EE;
	color: #030D7B;
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 990;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	visibility: hidden;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	opacity: 0;
	-webkit-transition: opacity .6s ease, visibility .6s ease;
	transition: opacity .6s ease, visibility .6s ease;
	overflow-y: scroll;
	padding: 48px 0 40px;
}

#g_nav ul a {
	display: block;
	color: #030D7B;
	text-decoration: none;
	padding: 16px 0;
	-webkit-transition: color .6s ease;
	transition: color .6s ease;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}

#g_nav ul {
	list-style: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#g_nav ul li {
	opacity: 0;
	-webkit-transition: opacity .2s ease, -webkit-transform .6s ease;
	transition: opacity .2s ease, -webkit-transform .6s ease;
	transition: transform .6s ease, opacity .2s ease;
	transition: transform .6s ease, opacity .2s ease, -webkit-transform .6s ease;
}

/* ハンバーガーメニュー内ボタン */
#g_nav .ul_btn {
	margin-top: 40px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

#g_nav .ul_btn li {
	width: 49%;
	max-width: 250px;
}

#g_nav .ul_btn li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 74px;
	border: 2px solid #030D7B;
	border-radius: 20px;
	line-height: 1.4;
	padding: 0;
}

#g_nav .ul_btn li a span {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0.1em;
	display: block;
}

#g_nav .ul_btn li a span.pc {
	display: none;
}

#g_nav .ul_btn li.li_tel {
	margin-right: 24px;
}

#g_nav .ul_btn li.li_tel a {
	background: #fff;
}

#g_nav .ul_btn li.li_tel a::before {
	content: "";
	display: block;
	background: url(images/icon_tel_small.png) no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	margin: 0 auto;
}

#g_nav .ul_btn li.li_mail a {
	background: #FFC353;
}

#g_nav .ul_btn li.li_mail a::before {
	content: "";
	display: block;
	background: url(images/icon_mail_small.png) no-repeat;
	background-size: contain;
	width: 21px;
	height: 16px;
	margin: 0 auto;
}

@media (max-width:600px){
	#g_nav .ul_btn{
		display:block;
		margin-top:20px;
	}
	#g_nav .ul_btn li.li_tel{
		margin:auto;
		margin-bottom: 20px;
	}
	
	#g_nav .ul_btn li{
    max-width: 250px;
    margin: auto;
    width: 100%;

}
}

/* open */
.open {
	overflow: hidden;
}

.open #g_nav {
	visibility: visible;
	opacity: 1;
}

.open #g_nav li {
	opacity: 1;
	-webkit-transition: opacity .9s ease, -webkit-transform 1s ease;
	transition: opacity .9s ease, -webkit-transform 1s ease;
	transition: transform 1s ease, opacity .9s ease;
	transition: transform 1s ease, opacity .9s ease, -webkit-transform 1s ease;
}

/* ハンバーガーメニュー ここまで*/
/*======================================== main ========================================*/
/* キーイメージ */
.wrap_keyimage {
	margin-top: 80px;
}

/* cta */
.wrap_cta {
	background: #030D7B;
	padding: 40px 0;
}

.inner_cta {
	width: 90%;
	margin: 0 auto;
}

.ttl_cta {
	max-width: 314px;
	margin: 0 auto 40px;
}

.btn_cta a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 92px;
	border-radius: 10px;
	color: #030D7B;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: 0.2em;
	line-height: 1.16;
	background: #fff;
	text-align: center;
}

.btn_cta a::before {
	content: "";
	display: inline-block;
	background: url(images/icon_tel.png) no-repeat;
	background-size: contain;
	width: 32px;
	height: 32px;
	margin-right: 24px;
}

.btn_cta a .cta_text {
	font-weight: normal;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	line-height: 1.75;
	display: block;
}

.btn_cta.btn_cta_mail {
	margin-top: 40px;
}

.btn_cta.btn_cta_mail a {
	background: #FFC353;
}

.btn_cta.btn_cta_mail a::before {
	background: url(images/icon_mail.png) no-repeat;
	background-size: contain;
	margin-right: 8px;
}

/* お悩み */
.ttl_h2 {
	margin-bottom: 48px;
}

.wrap_ul_trouble {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 24px;
}

.ul_trouble::before {
	content: "";
	display: block;
	background: url(images/icon_trouble_sp.png) no-repeat;
	background-size: contain;
	width: 237px;
	height: 199px;
	margin: 0 auto 40px;
}

.ul_trouble li {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.55;
	margin-bottom: 16px;
}

.ul_trouble li:last-child {
	margin-bottom: 0;
}

.txt_trouble1 {
	text-align: center;
	font-weight: 900;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.5;
	margin-bottom: 24px;
	padding: 24px 0 88px;
	position: relative;
	z-index: 1;
}

.txt_trouble1::before {
	content: "";
	display: inline-block;
	background: url(images/bg_trouble_sp.png) no-repeat center;
	background-size: contain;
	width: 328px;
	height: 184px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
}

/* 選ばれる理由 */
.reason {
	background: #FFF9EE;
}

.reason .ttl_h2 {
	margin-bottom: 80px;
}

.reason_contents {
	background: #fff;
	border: 2px solid #030D7B;
	padding: 8px 0 54px;
	border-radius: 10px;
	width: 80%;
	margin: 0 auto 90px;
	text-align: center;
	line-height: 1.5;
	position: relative;
}

.reason_contents:last-child {
	margin-bottom: 0;
}

.reason_contents::before {
	content: "";
	display: inline-block;
	width: 64px;
	height: 64px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.reason_contents:nth-child(1)::before {
	background: url(images/num1.png) no-repeat;
	background-size: contain;
}

.reason_contents:nth-child(2)::before {
	background: url(images/num2.png) no-repeat;
	background-size: contain;
}

.reason_contents:nth-child(3)::before {
	background: url(images/num3.png) no-repeat;
	background-size: contain;
}

.reason_contents::after {
	content: "";
	display: inline-block;
	background: url(images/icon_hand.png) no-repeat;
	background-size: contain;
	width: 37px;
	height: 76px;
	position: absolute;
	bottom: -16px;
	right: 26px;
}

.ttl_h3_reason {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	padding-bottom: 8px;
	border-bottom: 1px solid #030D7B;
	max-width: 180px;
	margin: 0 auto 16px;
}

.txt_reason {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}

/* 流れ */
.flow {
	background: rgba(131, 141, 153, 0.05);
}

.flow .ttl_h2 {
	margin-bottom: 72px;
}

.flow_contents {
	background: #fff;
	padding: 56px 9% 40px;
	-webkit-box-shadow: 2px 2px 0 #030D7B;
	box-shadow: 2px 2px 0 #030D7B;
	position: relative;
	margin-left: 5%;
	margin-bottom: 104px;
	position: relative;
}

.flow_contents::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 20px 0 20px;
	border-color: #030D7B transparent transparent transparent;
	position: absolute;
	bottom: -24px;
	left: 50%;
	-webkit-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%);
}

.flow_contents:last-child {
	margin-bottom: 0;
	background: #FFC353;
}

.flow_contents:last-child::after {
	content: none;
}

.ttl_step {
	max-width: 312px;
	position: absolute;
	top: 0;
	left: -16px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.txt_flow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 160px;
	margin-top: 16px;
	font-weight: 900;
}

/* 費用目安 */
.wrap_fee_contents {
	margin-top: 80px;
}

.ttl_fee {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 84px;
	background: #030D7B;
	color: #fff;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 900;
	letter-spacing: 0.2em;
}

.fee_contents {
	padding: 24px 5% 40px;
	border: 2px solid #030D7B;
	background: #fff;
	position: relative;
}

.fee_contents::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 40px 40px;
	border-color: transparent transparent #ffc353 transparent;
	position: absolute;
	bottom: -2px;
	right: -2px;
}

.dl_fee {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-weight: 900;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 16px;
}

.dl_fee dt, .dl_fee dd {
	width: 50%;
	text-align: center;
	border-bottom: 1px solid #FFC353;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 52px;
	line-height: 1.2;
}

.dl_fee dt {
	border-right: 1px solid #FFC353;
}

.dl_fee dt:last-of-type {
	border-bottom: none;
}

.dl_fee dd:last-of-type {
	border-bottom: none;
}

.dl_fee dd .free {
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: 0.2em;
	position: relative;
	z-index: 1;
}

.dl_fee dd .free::after {
	content: "";
	display: inline-block;
	width: 52px;
	height: 16px;
	background: #FFC353;
	position: absolute;
	bottom: -2px;
	left: 49%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
}

.dl_fee dd .tax {
	font-size: 14px;
	font-size: 1.4rem;
}

.txt_fee1 {
	text-align: center;
	background: #FFDB98;
	font-weight: 900;
	margin-bottom: 16px;
}

.txt_fee2 {
	font-size: 14px;
	font-size: 1.4rem;
}

/* お客様の声 */
.voice_contents {
	margin-bottom: 48px;
}

.voice_contents:last-child {
	margin-bottom: 0;
}

.voice_img {
	width: 70%;
	margin: 0 auto 68px;
}

.voice_txt {
	position: relative;
	background: #FFF9EE;
	border: 1px solid #030D7B;
	padding: 16px 5%;
}

.voice_txt::before {
	content: "";
	display: inline-block;
	background: url(images/icon_speech_sp.png) no-repeat;
	background-size: contain;
	width: 40px;
	height: 43px;
	position: absolute;
	top: 1px;
	left: 50%;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}

.voice_txt span {
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(60%, transparent), color-stop(50%, #FFC363), to(#FFC353));
	background: linear-gradient(to bottom, transparent 0, transparent 60%, #FFC363 50%, #FFC353 100%);
}

/* よくあるご質問 */
.faq {
	background: rgba(3, 13, 123, 0.05);
}

.dl_faq dt,
.dl_faq dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 16px 5%;
}

.dl_faq dt span,
.dl_faq dd span {
	font-size: 18px;
	font-size: 1.8rem;
	display: block;
	margin-right: 16px;
	margin-top: -2px;
	font-weight: bold;
}

.dl_faq dt {
	background: #FFDB98;
	font-weight: bold;
}

.dl_faq dd {
	background: #FFF9EE;
	margin-bottom: 24px;
}

.dl_faq dd:last-of-type {
	margin-bottom: 0;
}

/* お問い合わせ */
.contact {
	background: #FFF9EE;
}

.contact_text {
	letter-spacing: 0.1em;
}

input[type="text"],
input[type="submit"],
textarea {
	-webkit-appearance: none;
	width: 100%;
	background: #fff;
	border: 1px solid #030D7B;
	border-radius: 5px;
	padding: 10px;
}

.dl_contact {
	margin-top: 40px;
}

.dl_contact .required {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 40px;
	height: 27px;
	background: #030D7B;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	margin-right: 24px;
}

.dl_contact dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0;
	margin-bottom: 16px;
}

.dl_contact dd {
	margin-bottom: 24px;
}

/* 個人情報 */
.wrap_personal_infomation {
	height: 170px;
	overflow-y: scroll;
	background: #fff;
	border: 1px solid #000;
	border-radius: 3px;
	padding: 16px 5%;
}

.ttl_personal_infomation {
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 16px;
}

.personal_infomation_contents {
	font-weight: 500;
	letter-spacing: 0;
}

.dl_personal_information {
	margin: 2em 0;
}

/* チェックボックス */
.check {
	line-height: 1.75;
	font-weight: 500;
	margin-top: 16px;
}

input[type=checkbox] {
	display: none;
}

.checkbox + span {
	cursor: pointer;
	display: inline-block;
	padding: 5px 20px 5px 40px;
	position: relative;
	width: auto;
}

.checkbox + span::before {
	border: 1px solid #030D7B;
	content: '';
	display: block;
	margin-top: -13px;
	position: absolute;
	top: 50%;
	left: 5px;
	width: 24px;
	height: 24px;
}

.checkbox + span::after {
	border-right: 3px solid #030D7B;
	border-bottom: 3px solid #030D7B;
	content: '';
	display: block;
	margin-top: -9px;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 14px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
	height: 14px;
}

input[type=checkbox]:checked + span::before {
	background: #fff;
}

input[type=checkbox]:checked + span::after {
	opacity: 1;
}

/* チェックボックス */
/* 送信ボタン */
.btn_contact_form {
	margin-top: 24px;
}

.btn_contact_form input {
	background: #030D7B;
	color: #fff;
	font-weight: 900;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.4em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 50px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-shadow: 4px 4px 0 #FFC353;
	box-shadow: 4px 4px 0 #FFC353;
}

/* 事務所情報 */
.office {
	background: rgba(3, 13, 123, 0.05);
}

.dl_office div {
	padding: 24px 0;
	border-bottom: 1px solid #030D7B;
}

.dl_office div:first-child {
	border-top: 1px solid #030D7B;
}

.dl_office dt {
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 8px;
}

.dl_office dd {
	line-height: 1.5;
}

/* サンクスページ */
.thanks {
	background: #FFF9EE;
	margin-top: 80px;
	font-weight: bold;
	color: #030D7B;
	letter-spacing: 0.1em;
	text-align: center;
}

.thanks_text {
	margin-bottom: 24px;
}

/*======================================== footer ========================================*/
#footer {
	background: #030D7B;
	color: #fff;
	text-align: center;
	padding: 16px 0;
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 80px;
}

/* 追従ボタン */
.ul_footer_btn {
	margin-top: 40px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	background: #030D7B;
	position: fixed;
	bottom: 0;
	left: 0;
	height: 80px;
	z-index: 99;
}

.ul_footer_btn li {
	width: 49%;
	max-width: 152px;
}

.ul_footer_btn li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 74px;
	color: #030D7B;
	font-weight: bold;
	font-size: 1.5rem;
	border: 2px solid #030D7B;
	border-radius: 20px;
	line-height: 1.4;
	padding: 0;
}

.ul_footer_btn li a span {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0.1em;
	display: block;
}

.ul_footer_btn li.li_tel {
	margin-right: 0px;
}

.ul_footer_btn li.li_tel a {
	background: #fff;
}

.ul_footer_btn li.li_tel a::before {
	content: "";
	display: block;
	background: url(images/icon_tel_small.png) no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	margin: 0 auto;
}

.ul_footer_btn li.li_mail a {
	background: #FFC353;
}

.ul_footer_btn li.li_mail a::before {
	content: "";
	display: block;
	background: url(images/icon_mail_small.png) no-repeat;
	background-size: contain;
	width: 32px;
	height: 24px;
	margin: 0 auto;
}

@media print, screen and (min-width: 769px) {
	body {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.sp {
		display: none;
	}
	.pc {
		display: block;
	}
	.inner_section {
		width: 95%;
		max-width: 960px;
	}
	/*======================================== header ========================================*/
	.open #header {
		background: #fff;
	}
	.wrap_header {
		padding-left: 60px;
	}
	.ttl_h1 {
		font-size: 24px;
		font-size: 2.4rem;
		max-width: 317px;
	}
	.wrap_header_right {
		min-width: 525px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.header_info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.wrap_header_tel p {
		font-weight: bold;
		font-size: 18px;
		font-size: 1.8rem;
		letter-spacing: 0.015em;
	}
	.wrap_header_tel p:first-child {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 500;
	}

	.btn_header_line02 {
		height: 50px;
		margin-top: 6px;


	}

	.btn_header_line02 a{
		width: 150px;
		display: flex;
		align-items: center;
		height: 50px;
		background-color: #06C755;
		border-radius: 10px;
		color: #fff;
		font-weight: bold;
		padding-left: 40px;
		border: 3px solid #fff;
		position: relative;
		font-size: 14px;
		transition: all 0.3s ease;
	}

	.btn_header_line02 a:hover {
		opacity:.7;
	}

	.btn_header_line02 a::before{
		position: absolute;
		content: "";
		background: url(images/LINE.png) no-repeat center center /cover;
		width: 30px;
		height: 30px;
		top: 50%;
		transform: translateY(-50%);
		left: 5px;
		border-radius: 50%;
	}


	
	.btn_header a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 272px;
		height: 59px;
		background: #FFC353;
		color: #030D7B;
		border: 3px solid #030D7B;
		border-radius: 40px;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		margin: 0 24px;
	}
	.btn_header a::before {
		content: "";
		display: inline-block;
		background: url(images/icon_mail.png) no-repeat;
		background-size: contain;
		width: 16px;
		height: 16px;
		margin-right: 10px;
	}
	.btn_header a:hover {
		background: #030D7B;
		color: #fff;
	}
	.btn_header a:hover::before {
		background: url(images/icon_mail_on.png) no-repeat;
		background-size: contain;
	}
	/* ハンバーガーメニュー ここから*/
	#nav_toggle div {
		height: 36px;
		width: 48px;
	}
	#nav_toggle span:nth-child(2) {
		top: auto;
		bottom: 10px;
	}
	#nav_toggle span:nth-child(3) {
		top: auto;
		bottom: 0;
	}
	#nav_toggle p {
		bottom: auto;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		font-size: 12px;
		font-size: 1.2rem;
	}
	.open #nav_toggle span:nth-child(2) {
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
		bottom: 0;
		top: auto;
		width: 24px;
	}
	.open #nav_toggle span:nth-child(3) {
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
		transform: translate(-50%, -50%) rotate(-45deg);
		bottom: 0px;
		top: auto;
		width: 24px;
	}
	/* ハンバーガーメニュー内ボタン */
	#g_nav .ul_btn li.li_tel a {
		pointer-events: none;
	}
	#g_nav .ul_btn li.li_tel a::before {
		content: none;
	}
	#g_nav .ul_btn li.li_tel .pc {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	#g_nav .ul_btn li.li_tel .pc::before {
		content: "";
		display: block;
		background: url(images/icon_tel_small.png) no-repeat;
		background-size: contain;
		width: 16px;
		height: 16px;
		margin: 0 4px 0 0;
	}
	#g_nav .ul_btn li.li_mail a:hover {
		background: #fff;
		border-color: #FFC353;
	}

	#g_nav .btn_cta_line a {
		height: 74px;
	}
	/*======================================== main ========================================*/
	/* cta */
	.wrap_cta {
		padding: 16px 0;
	}
	.inner_cta {
		width: 100%;
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0;
	}

	
	


	@media screen and (min-width:768px) and ( max-width:881px) {
		.btn_cta_line a {
			width: 200px;
			font-size: 16px;
			margin-right: 15px;
			height: 58px;
		}
	}


	.ttl_cta {
		max-width: 458px;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.wrap_cta_btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.btn_cta {
		width: 300px;
	}
	.btn_cta a {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 126px;
		font-size: 30px;
		font-size: 3.0rem;
		letter-spacing: 0;
		line-height: 1.4;
	}
	.btn_cta a::before {
		content: none;
	}
	.btn_cta a .pc {
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: bold;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
	}
	.btn_cta a .pc::before {
		content: "";
		display: inline-block;
		background: url(images/icon_tel_big.png) no-repeat;
		background-size: contain;
		width: 28px;
		height: 28px;
		margin-right: 2px;
	}
	.btn_cta a .cta_text {
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
	}
	.btn_cta.btn_cta_tel a {
		pointer-events: none;
	}
	.btn_cta.btn_cta_mail {
		margin-top: 0;
		margin-left: 16px;
	}
	.btn_cta.btn_cta_mail a {
		border: 2px solid #FFC353;
	}
	.btn_cta.btn_cta_mail a::before {
		content: "";
		background: url(images/icon_mail_big.png) no-repeat;
		background-size: contain;
		margin-right: 0;
		width: 40px;
		height: 40px;
	}
	.btn_cta.btn_cta_mail a:hover {
		background: #fff;
	}
	/* お悩み */
	.ttl_h2 {
		margin-bottom: 48px;
	}
	.wrap_ul_trouble {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 40px;
	}
	.ul_trouble {
		position: relative;
	}
	.ul_trouble::before {
		background: url(images/icon_trouble01_pc.png) no-repeat;
		background-size: contain;
		width: 113px;
		height: 199px;
		margin: 0;
		position: absolute;
		top: 0;
		left: -100px;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	.ul_trouble::after {
		content: "";
		display: block;
		background: url(images/icon_trouble02_pc.png) no-repeat;
		background-size: contain;
		width: 113px;
		height: 199px;
		margin: 0;
		position: absolute;
		top: 0;
		right: -100px;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	.ul_trouble li {
		letter-spacing: 0.1em;
	}
	.txt_trouble1 {
		letter-spacing: 0.1em;
	}
	.txt_trouble1::before {
		background: url(images/bg_trouble_pc.png) no-repeat center;
		background-size: contain;
		width: 100%;
		height: 184px;
	}
	.txt_trouble2 {
		max-width: 858px;
		margin: 0 auto;
	}
	/* 選ばれる理由 */
	.wrap_reason_contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		max-width: 860px;
		margin: 0 auto;
	}
	.reason_contents {
		width: 33%;
		max-width: 260px;
		margin: 0;
	}
	.ttl_h3_reason {
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: bold;
		padding-bottom: 8px;
		border-bottom: 1px solid #030D7B;
		max-width: 180px;
		margin: 0 auto 16px;
	}
	.txt_reason {
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	/* 流れ */
	.flow .ttl_h2 {
		margin-bottom: 48px;
	}
	.wrap_flow_contents {
		max-width: 640px;
		margin: 0 auto;
	}
	.flow_contents {
		padding: 96px 40px 24px 16px;
		max-width: 616px;
		margin: 0 0 80px auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.ttl_step {
		max-width: 600px;
		top: 16px;
		left: -24px;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.img_flow {
		width: 260px;
	}
	.txt_flow {
		margin-top: 0;
		width: 260px;
		text-align: center;
		line-height: 2;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.wrap_fee_contents {
		max-width: 640px;
		margin: 64px auto 0;
	}
	/* 費用目安 */
	.fee_contents {
		padding: 24px 5%;
	}
	.dl_fee {
		font-size: 24px;
		font-size: 2.4rem;
		margin: 0 auto 24px;
		max-width: 480px;
	}
	.dl_fee dd:last-of-type {
		border-bottom: none;
	}
	.dl_fee dd .tax {
		font-size: 16px;
		font-size: 1.6rem;
		display: inline-block;
		margin-top: 10px;
	}
	.txt_fee1 {
		max-width: 440px;
		margin: 0 auto 24px;
		font-size: 18px;
		font-size: 1.8rem;
		letter-spacing: 0.2em;
	}
	.txt_fee2 {
		max-width: 440px;
		margin: 0 auto;
		letter-spacing: 0.2em;
		line-height: 1.5;
	}
	/* お客様の声 */
	.voice_contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.voice_contents:nth-child(even) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.voice_contents:nth-child(even) .voice_txt::before {
		left: auto;
		right: 1px;
		-webkit-transform: translate(99%, -50%) rotate(180deg);
		transform: translate(100%, -50%) rotate(180deg);
	}
	.voice_img {
		width: 25%;
		max-width: 232px;
		margin: 0;
	}
	.voice_txt {
		width: 69%;
		max-width: 660px;
		padding: 16px 24px;
		line-height: 2.25;
	}
	.voice_txt::before {
		background: url(images/icon_speech_pc.png) no-repeat;
		background-size: contain;
		width: 42px;
		height: 40px;
		top: 50%;
		left: 1px;
		-webkit-transform: translate(-99%, -50%);
		transform: translate(-100%, -50%);
	}
	/* お問い合わせ */
	.contact_text {
		text-align: center;
	}
	.wrap_contact_form {
		max-width: 640px;
		margin: 0 auto;
	}
	/* 個人情報 */
	.wrap_personal_infomation {
		height: 168px;
		padding: 16px;
	}
	.personal_infomation_contents {
		text-align: left;
	}
	/* チェックボックス */
	.check {
		text-align-last: left;
	}
	/* 送信ボタン */
	.btn_contact_form input {
		background: #fff;
		color: #030D7B;
		-webkit-box-shadow: 4px 4px 0 #030D7B;
		box-shadow: 4px 4px 0 #030D7B;
	}
	.btn_contact_form input:hover {
		-webkit-box-shadow: 4px 4px 0 #FFC353;
		box-shadow: 4px 4px 0 #FFC353;
		color: #fff;
		background: #030D7B;
		cursor: pointer;
	}
	/* 事務所情報 */
	.dl_office div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.dl_office dt {
		width: 20%;
		margin-bottom: 0;
	}
	.dl_office dd {
		width: 80%;
	}
	/*======================================== footer ========================================*/
	#footer {
		margin-bottom: 0;
	}
	/* 追従ボタン */
	.ul_footer_btn {
		display: none;
	}
}
@media screen and (min-width:768px) and ( max-width:1139px) {
	.wrap_header {
		padding-left: 15px;
	}

	.wrap_header_tel p:first-child {
		font-size: 1rem;

	}

	.wrap_header_tel p {
		font-size: 1.4rem;
	}

	.btn_header a  {
		width: 207px;
		font-size: 14px;
		margin-left: 5px;
		margin-right: 0;
	}

	.ttl_h1 {
		max-width: 200px;
		font-size: 18px;
	}



}

.btn_cta_line_nav a{
	margin-right: 0 !important;
	border-radius: 20px !important;
}

.btn_cta_line a{

	width: 260px;
	height: 126px;	
	display: flex;

	align-items: center;
	border-radius: 10px;
	border: 3px solid #FFF;
	background: #06C755;
	color: #fff;
	font-weight: bold;
	margin-right: 27px;
	font-size: 24px;
	padding-left: 70px;
	position: relative;
	transition: all 0.3s ease;
}

.btn_cta_line a:hover {
	opacity:.7;
}

.btn_cta_line a::before{
	position: absolute;
	content: "";
	background: url(images/LINE.png) no-repeat center center /cover;
	width: 49px;
	height: 48.97px;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
	}


	@media (max-width: 768px) {
		.btn_cta_line a {
			width: 100%;
			margin-bottom: 40px;
			padding-left: 84px;
			height: 92px;
		}

		.btn_cta_line a::before {
			left: 19%;
			transform: translate(-50%,-50%);
	
		}

		.btn_cta_line_nav a {
			margin-right: 0;
			width: 250px;
			margin-bottom: 0;
			padding-left: 82px;
			border-radius: 20px;
			font-size: 20px;
		}

		.btn_cta_line_nav a::before {
			left: 40px;
		}

		.btn_cta_line a {
			justify-content: center;
		}

		.btn_cta_line_nav a {
			padding-left: 42px;

		}



	}


	.li_line a {
		background: #06C755;
		color: #fff !important;
		padding-top: 25px !important;
		position: relative;
	}

	.li_line a:before {
		content: "";
		position: absolute;
		background: url(images/LINE.png) no-repeat center center /cover;
		width: 32px;
		height: 32px;
		left: 50%;
		transform: translateX(-50%);
		top: 3px;
		border-radius: 50%;
	}