@charset "UTF-8";

/*Gnavの表示幅*/
.bl_gnav_list_item{
	padding-right: 40px;
}

/*ニュースの箇所 追記*/
#news p{
    text-align: center;
}

#news .newsListDetail{
	font-weight: 600;
}

/*オートコンプリートで入力すると背景色が自動で水色になってしまうのをリセット*/
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #EEEEEE inset;
}

.un_sell,.un_blog,.un_contact p{
	line-height: 1.75;
}

/*「売る」ページ*/
/*不動産売却の本質・王道*/
.un_sell .un_sell_fontSize_5{
	font-size: 26px;
}

.un_sell .un_sell_essential_h3{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}

.un_sell .un_sell_1colBox_cream__wrap{
	text-align: center;
}

.un_sell .un_sell_1colBox_cream {
	background-color: #faf6f2;
	padding: 30px;
	margin-bottom: 40px;
}

.un_sell .un_sell_1colBox_cream ul{
	font-weight: 600;
	display: inline-block;
}

.un_sell .un_sell_1colBox_cream li{
	text-align: left;
	line-height: 2;
	font-size: 18px;
}

.un_sell .un_sell_essential_text{
	margin-bottom: 40px;
}

.un_sell .un_sell_1colBox_blue{
	background-color: #e8f4ff;
	padding: 12px 35px 35px 35px;
	margin-bottom: 30px;
}

.un_sell .un_sell_point_heading{
	display: flex;
	align-items: center;
	border-bottom: solid 2px #005BAC;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.un_sell .un_sell_point_heading_text{
	font-size: 24px;
	font-weight: 600;
	padding-top: 18px;
}

.un_sell .un_sell_point_heading img{
	margin-right: 20px;
}

.un_sell .un_ttlclr_blue{
	color: #005bac;
}

.un_sell .un_sell_1colBox_blue ul{
	padding: 24px 0;
}

.un_sell .un_sell_1colBox_blue li{
	text-indent: -1.3em;
	padding-left: 1.3em;
	padding-bottom: 20px;
}

.un_sell .un_sell_1colBox_blue li:last-child{
	padding-bottom: 0;
}

.un_sell .un_section_essential{
	margin-bottom: 90px;
}


/*「売却一括サイト」「査定一括サイト」の注意点*/

.un_sell .un_section_notice{
	margin-bottom: 120px;
}

/*不動産仲介価格と買取再販価格の違いに注意*/

.un_sell .un_sell_differential_text{
	margin-bottom: 40px;
}

.un_sell .un_sell_2colBox_cream{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.un_sell .un_sell_2colBox_cream__left{
	width: 535px;
	background-color: #faf6f2;
	padding: 30px 35px;
}

.un_sell .un_sell_2colBox_cream__right{
	width: 535px;
	background-color: #faf6f2;
	padding: 30px 35px;
}

.un_sell .un_sell_differential_h3{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 28px;
}

/*ブログ一覧*/

.un_blog .un_blog_contents__wrap{
	display: flex;
	padding-bottom: 30px;
	border-bottom: solid 1px;
	margin-bottom: 30px;
}

.un_blog .un_blog_contents__wrap img{
	margin-right: 30px;
	width: 150px;
}

.un_blog .un_blog_text__wrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.un_blog .un_blog_text__wrap .un_blog_contents_date{
	padding-bottom: 6px;
	font-size: 14px;
}

.un_blog .un_blog_text__wrap .un_blog_contents_title{
	color: #005BAC;
	font-weight: 600;
	font-size: 18px;
}

/*ブログ一覧のページネーション*/

.pagination_wrap{
	text-align: center;
	padding: 37px 0 46px;
}

.un_blog .page-numbers {
	color: #2D57AA;
	margin: 0 5px;
	border: solid 2px #2D57AA;
	padding: 10px 12px;
}

.un_blog .page-numbers.current {
	background-color: #2D57AA;
	color: #fff;
	padding: 10px 12px;
}

.un_blog .page-numbers.dots {
	border: none;
}

/*ブログ詳細*/
.un_blog_article .un_blog_article_title{
    font-size: 24px;
    font-weight: 600;
    border-bottom: solid 2px;
    margin-bottom: 40px;
    padding-bottom: 30px;
}

/*WPのgutenbergで入力した値を、the_contentで吐き出したときの調整が以下*/

.un_blog_article .un_blog_article_content .wp-block-image{
    margin-bottom: 40px;
    text-align: center;
}

.un_blog_article .un_blog_article_content figure img{
    width: 700px;
}

.un_blog_article .un_blog_article_content p{
    margin-bottom: 50px;
}

.un_blog_article .un_blog_article_content pre{
    margin-bottom: 20px;
}

.un_blog_article .un_blog_article_content a{
    color: #005bac;
    text-decoration: underline;
}

.un_blog_article .un_blog_article_content a:hover{
    text-decoration: none;
}

.un_blog_article .un_blog_article_content ul{
    margin-left: 30px;
    list-style: disc;
}

.un_blog_article .un_blog_article_content ol{
    margin-left: 30px;
}

.un_blog_article .un_blog_article_content li{
    margin-bottom: 20px;
    line-height: 2;
}

.un_blog_article .un_blog_article_content ul ul{
    margin-left: 0;
    list-style: circle;
}

.un_blog_article .un_blog_article_content ol ol{
    margin-left: 0;
}

.un_blog_article .un_blog_article_content li li{
    line-height: 2;
    margin-left: 1.3em;
    margin-bottom: 5px;
	margin-top: 10px;
}

.un_blog_article h2{
	color: #005BAC;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px;
}

.un_blog_article h3{
	font-size: 20px;
	font-weight: 600;
	border-left: solid 4px #005BAC;
	padding-left: 15px;
	margin-bottom: 20px;
}

.un_blog_article h4{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
}

.un_blog .un_blog_article{
    padding-bottom: 30px;
}

/*お問い合わせ入力ページ*/
.un_contact .un_contact_description{
	margin-bottom: 100px;
}

.un_contact .un_contact_block form{
	margin-left: 35px;
}

/*フォームの箇所*/

.un_contact .bl_formTable_row{
    display: flex;
    margin-bottom: 30px;
    align-items: baseline;
}

.un_contact .bl_formTable_row:last-child{
	margin-bottom: 50px;
}

.un_contact .bl_formTable_row.bl_formTable_row_contact{
	align-items: flex-start;
}

.un_contact .bl_formTable_row__name{
	width: 200px;
	font-weight: 600;
}

.un_contact .bl_formTable_row__name.bl_formTable_row__name_contact{
	padding-top: 15px;
}

.un_contact .bl_formTable_row__required{
	font-size: 12px;
	color: #fff;
	background-color: #005bac;
	padding: 0 18px;
    margin-right: 20px;
}

.un_contact .bl_formTable_row__required.bl_formTable_row__required_contact{
	margin-top: 15px;
}


.un_contact .bl_formTable_row__field{
	background-color: #EEEEEE;
    border: none;
    width: 400px;
    height: 45px;
	padding: 10px;
}

.un_contact .bl_formTable_row__field.error_bgColor{
	background-color: #FCEBEB;
}

.un_contact textarea.bl_formTable_row__field_text {
    height: auto;
}

.un_contact .bl_formTable_row__field_address{
    width: 600px;
}

.un_contact .bl_formTable_row__field_text{
    width: 750px;
}

/*フォームの箇所（エラーメッセージ）*/

.bl_formTable_row .error{
	color: #E64646;
	font-size: 14px;
}

.un_contact_privacyAgreement{
	width: 750px;
	height: 312px;
	border: solid 1px;
	overflow: scroll;
	padding: 22px 45px 22px 32px;
	margin: 0 auto;
}

.un_contact_privacyAgreement ol{
	margin-left: 22px;
	margin-bottom: 10px;
}

.un_contact_privacyAgreement p{
	margin-bottom: 10px;
}

.un_contact_privacyAgreement__heading{
	font-weight: 600;
}



.un_contact .un_contact_privacy_agreement__checkbox{
	text-align: center;
	margin-top: 30px;
	font-weight: normal;
	margin-bottom: 50px;
}

.un_contact .un_contact_privacy_agreement__errorMsg{
    font-weight: normal;
    margin-top: 20px;
    text-align: center;
    color: #E64646;
}

/*右向き矢印ボタン*/
.bl_button_rightArrow {
	width: 380px;
	height: 80px;
	margin: 0 auto;
}
.bl_button_rightArrow button {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 50px;
	color: #fff;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 600;
	background-color: #005bac;
	text-decoration: none;
	position: relative;
	z-index: 2;
	border: none;
	cursor: pointer;
}

.bl_button_rightArrow_hidden {
	overflow: hidden;
}

.bl_button_rightArrow button:before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #c3e2ff;
	transition: 0.2s;
	cursor: pointer;
}
.bl_button_rightArrow button:hover {
	color: #005bac;
}
.bl_button_rightArrow button:hover:before {
	left: 0;
}

.bl_button_rightArrow button:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	background: url(/common/images/right_arrow.png)no-repeat center;
	background-size: contain;
	width: 17px;
	height: 18px;
}

.bl_button_rightArrow button:hover:after {
	background: url(/common/images/right_arrow_hover.png)no-repeat center;
}

/*左向き矢印ボタン*/
.bl_button_leftArrow {
	width: 380px;
	height: 80px;
	margin: 0 auto;
}
.bl_button_leftArrow button {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 50px;
	color: #fff;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 600;
	background-color: #A29D9C;
	text-decoration: none;
	position: relative;
	z-index: 2;
	border: none;
	cursor: pointer;
}

.bl_button_leftArrow_hidden {
	overflow: hidden;
}

.bl_button_leftArrow button:before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #D3D3D3;
	transition: 0.2s;
	cursor: pointer;
}
.bl_button_leftArrow button:hover {
	color: #231815;
}
.bl_button_leftArrow button:hover:before {
	left: 0;
}

.bl_button_leftArrow button:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	background: url(/common/images/left_arrow.png)no-repeat center;
	background-size: contain;
	width: 17px;
	height: 18px;
}

.bl_button_leftArrow button:hover:after {
	background: url(/common/images/left_arrow_hover.png)no-repeat center;
}

.left_right_arrow_wrap{
	display: flex;
	width: 800px;
	margin: 0 auto;
}

.label_wrap{
	margin-bottom: 50px;
}

/*オリジナルのチェックボックスレイアウト*/

input[type=checkbox] {
	margin-right: 8px;
}

/* ベースのチェックボックス */
.un_contact_privacy_agreement__checkbox input[type=checkbox] {
	display: none;
}

.un_contact_privacy_agreement__checkbox label {
	position: relative;
	padding-left: 25px;
}

.un_contact_privacy_agreement__checkbox input[type=checkbox]  + label::before {
	border: none;
	position: absolute;
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	background: #EEEEEE;
	left: 0;
	top: 0;
}

.un_contact_privacy_agreement__checkbox input[type=checkbox]  + label::after {
	position: absolute;
	content: '';
	display: block;
	width: 6px;
	height: 10px;
	transform: rotate(45deg);
	border-right: 2px solid #005bac;
	border-bottom: 2px solid #005bac;
	left: 4px;
	top: 0;
	opacity: 0;
	transition: .2s;
}

.un_contact_privacy_agreement__checkbox input[type=checkbox]:checked + label::after {
	opacity: 1;
}

.bl_under.un_contact{
	margin-bottom: 100px;
}

/*お問い合わせ入力確認ページ*/

.un_contactConfirm{
	margin-left: 35px;
}

.un_contactConfirm_row{
	display: flex;
	margin-bottom: 55px;
}

.un_contactConfirm_row__name{
	width: 300px;
	display: flex;
	justify-content: space-between;
	font-weight: 600;
	align-items: baseline;
}

.un_contactConfirm_row__required{
	font-size: 12px;
	color: #fff;
	background-color: #005bac;
	padding: 0 18px;
	margin-right: 40px;
}

.un_contactConfirm_row__text{
	width: 730px;
}

/*お問い合わせ入力完了ページ*/

.un_contact_hasBeenSent_title{
	font-size: 30px;
	text-align: center;
	font-weight: 600;
	margin-bottom: 45px;
}

.un_contact_hasBeenSent_text{
	text-align: center;
	margin-bottom: 100px;
	line-height: 2;
}

.un_contact_contBtnWrap {
	width:380px;
	margin:0 auto 350px;
}

.un_contact_contBtn {
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #2D57AA;
	padding: 24px;
	position: relative;
	transition: 0.2s;
	overflow: hidden;
}

.un_contact_contBtn:hover .btn_bg {
	left: 0;
}

.btn_txt {
	position: relative;
	z-index: 5;
	transition: 0.2s
}

.un_contact_contBtn:hover .btn_txt {
	color: #005bac;
}

.un_contact_contBtn:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 18px;
	z-index: 5;
	width: 15px;
	height: 15px;
	margin-top: -7.5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	border-top-width: 2px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	transition: 0.2s;
}
.un_contact_contBtn:hover:after {
	border-top-color: #005bac;
	border-right-color: #005bac;
}

.btn_bg.btn_bg02 {
	background-color: #c3e2ff;
}

/*404ページ*/

/*TOPへボタン*/
.bl_button_leftArrow_back {
	width: 380px;
	height: 80px;
	margin: 0 auto;
}
.bl_button_leftArrow_back a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 50px;
	color: #fff;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 600;
	background-color: #005bac;
	text-decoration: none;
	position: relative;
	z-index: 2;
	border: none;
	cursor: pointer;
	padding: 15px;
}

.bl_button_leftArrow_hidden_back {
	overflow: hidden;
}

.bl_button_leftArrow_back a:before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #c3e2ff;
	transition: 0.2s;
	cursor: pointer;
}
.bl_button_leftArrow_back a:hover {
	color: #005bac;
}
.bl_button_leftArrow_back a:hover:before {
	left: 0;
}

.bl_button_leftArrow_back a:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 40%;
	left: 15px;
	/*transform: translateY(-50%);*/
	background: url(/common/images/right_arrow.png)no-repeat center;
	background-size: contain;
	width: 17px;
	height: 18px;
	transform: rotate(180deg);
}

.bl_button_leftArrow_back a:hover:after {
	background: url(/common/images/right_arrow_hover.png)no-repeat center;
}

.un_404_text_center{
	text-align: center;
	margin: 40px 0;
}

.un_404_text{
	display: inline-block;
	text-align: left;
}

@media screen and (max-width:768px) {

	/*不動産売却の本質・王道*/

	.un_sell .un_sell_1colBox_cream {
		margin: 0 -15px 25px;
		padding: 20px 0;
	}

	.un_sell .un_sell_essential_h3{
		font-size: 17px;
	}

	.un_sell .un_sell_1colBox_cream li{
		font-size: 14px;
	}

	.un_sell .un_sell_fontSize_5{
		font-size: 20px;
	}

	.un_sell .un_sell_essential_text{
		margin-bottom: 20px;
	}

	.un_sell .un_sell_point_heading{
		padding-bottom: 10px;
		margin-bottom: 15px;
		padding-top: 15px;
	}

	.un_sell .un_sell_point_heading img{
		width: 51px;
	}

	.un_sell .un_sell_point_heading_text {
		font-size: 17px;
		font-weight: 600;
		padding-top: 0px;
	}

	.un_sell .un_sell_1colBox_blue{
		background-color: #e8f4ff;
		padding: 0 15px 20px;
		margin-bottom: 15px;
	}

	.un_sell .un_sell_1colBox_blue ul{
		padding: 18px 0 12px;
	}

	.un_sell .un_sell_1colBox_blue li {
		padding-bottom: 13px;
	}

	.un_sell .un_section_essential{
		margin-bottom: 30px;
	}

	/*「売却一括サイト」「査定一括サイト」の注意点*/

	.un_section_notice .bl_headingH2Common{
		line-height: 1.4;
	}

	.un_sell .un_section_notice{
		margin-bottom: 60px;
	}

	/*不動産仲介価格と買取再販価格の違いに注意*/

	.un_section_differential .bl_headingH2Common{
		line-height: 1.4;
	}

	.un_sell .un_sell_differential_text {
		margin-bottom: 15px;
	}

	.un_sell .un_sell_differential_h3 {
		font-size: 17px;
		margin-bottom: 15px;
	}

	.un_sell .un_sell_2colBox_cream {
		display: block;
		margin-bottom: 15px;
	}

	.un_sell .un_sell_2colBox_cream__left {
		margin-bottom: 15px;
		width: 100%;
		padding: 20px 15px;
	}

	.un_sell .un_sell_2colBox_cream__right {
		width: 100%;
		padding: 20px 15px;
	}

    /*ブログ一覧*/

	.un_blog .un_blog_contents__wrap{
		display: block;
		margin-bottom: 33px;
	}

	.un_blog .un_blog_contents__wrap img{
		width: 270px;
		margin: 0 auto 15px;
	}

	.un_blog .un_blog_text__wrap .un_blog_contents_title{
		font-size: 15px;
		padding-right: 15px;
	}

	/*ブログ一覧のページネーション*/

	.un_blog .page-numbers.dots {
		padding: 10px 0;
	}

	.pagination_wrap{
		display: flex;
		justify-content: space-between;
		/*width: 100%;*/
	}

	/*ブログ詳細*/

    .un_blog_article .un_blog_article_title {
        font-size: 16px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    /*WPのgutenbergで入力した値を、the_contentで吐き出したときの調整が以下*/

    .un_blog_article .un_blog_article_content .wp-block-image{
        margin-bottom: 20px;
    }

    .un_blog_article .un_blog_article_content figure img{
        width: 690px;
    }

    .un_blog_article .un_blog_article_content p{
        margin-bottom: 40px;
    }

    .un_blog_article .un_blog_article_content p:last-child{
        margin-bottom: 0;
    }

    .un_blog_article .un_blog_article_content ul{
        margin-left: 15px;
    }

    .un_blog_article .un_blog_article_content ol{
        margin-left: 15px;
    }

    .un_blog_article .un_blog_article_content ul ul{
        margin-left: 15px;
    }

    .un_blog_article .un_blog_article_content ol ol{
        margin-left: 15px;
    }

    .un_blog_article .un_blog_article_content li li{
        margin-left: 0.3em;
    }

    .un_blog .un_blog_article{
        padding-bottom: 0;
    }

	.un_blog_article h2{
		font-size: 15px;
		margin-bottom: 10px;
	}

	.un_blog_article h3{
		font-size: 15px;
		margin-bottom: 15px;
	}

	.un_blog_article h4{
		font-size: 14px;
		margin-bottom: 10px;
	}

	/*お問い合わせ入力ページ*/
	.un_contact .un_contact_description{
		margin-bottom: 25px;
	}

	.un_contact .un_contact_block form{
		margin-left: 0;
	}

	/*フォームの箇所*/

	.un_contact .bl_formTable_row{
        display: block;
    }

    .un_contact .bl_formTable_row__field{
        width: 100%;
		margin-top: 10px;
    }

	.un_contact .bl_formTable_row__required {
		margin-right: 0;
		padding: 2px 12px;
		font-size: 10px;
	}

    .un_contact .bl_formTable_row__name {
        margin-right: 12px;
    }

	.bl_formTable_row .error {
		margin-top: 10px;
	}

	.un_contact_privacyAgreement {
		width: 100%;
		height: 250px;
		padding: 20px 30px 20px 15px;
		font-size: 13px;
	}

	.un_contact .un_contact_privacy_agreement__checkbox {
		margin-bottom: 23px;
	}

	.label_wrap{
		margin-bottom: 25px;
	}

	.bl_button_rightArrow{
		width: 240px;
		height: 50px;
	}

	.bl_button_rightArrow button{
		font-size: 15px;
	}

	.bl_button_rightArrow button:after {
		height: 15px;
	}

	.bl_under.un_contact {
		margin-bottom: 50px;
	}

	/*お問い合わせ入力確認ページ*/

	.un_contactConfirm{
		margin-left: 0;
	}

	.un_contactConfirm_row{
		display: block;
		margin-bottom: 40px;
	}

	.un_contactConfirm_row__name {
		display: block;
		margin-bottom: 10px;
	}

	.un_contactConfirm_row__required {
		margin-left: 10px;
		margin-right: 0;
		font-size: 10px;
		padding: 2px 13px;
	}

	.un_contactConfirm_row__text{
		width: 100%;
	}

	.bl_button_leftArrow{
		width: 240px;
		height: 50px;
		margin-top: 15px;
	}

	.bl_button_leftArrow button{
		font-size: 15px;
	}

	.bl_button_leftArrow button:after {
		height: 15px;
	}

	.left_right_arrow_wrap{
		width: auto;
		flex-direction: column-reverse;
	}

	/*お問い合わせ入力完了ページ*/

	.un_contact_hasBeenSent_title{
		font-size: 18px;
		margin-bottom: 15px;
	}

	.un_contact_hasBeenSent_text{
		margin-bottom: 15px;
		text-align: left;
	}

	.un_contact_contBtnWrap{
		width: 240px;
		margin-bottom: 120px;
	}

	.btn_txt{
		font-size: 15px;
	}

	.un_contact_contBtn{
		padding: 13px;
		font-size: 15px;
	}

	.un_contact_contBtn:after {
		font-size: 15px;
	}

	/*404ページ*/

	.bl_button_leftArrow_back{
		width: 240px;
		height: 50px;
		margin-top: 15px;
	}

	.bl_button_leftArrow_back a{
		font-size: 15px;
		padding: 0;
	}

	.bl_button_leftArrow_back a:after {
		height: 15px;
		top: 34%;
	}
}
