@charset "UTF-8";

/*-------------------------
__want_to_buy_style
-------------------------*/

#main{ text-align: center; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 50px; box-sizing: border-box;}
#main img{ width: 100%; height: auto;}
#contents_title{background:url("images/title_back.jpg")no-repeat center center;background-size:cover; position: relative;}
#contents_title:after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; display: block;}

.introductory{ font-size: 2.2em; font-weight: 700; margin-bottom: 60px;}

/*=================================== 検索 ===================================*/

#tax{}
#tax .tax_menu{}
#tax .tax_menu ul{ display: flex; justify-content: center; margin-bottom: 70px;}
#tax .tax_menu ul li{ width: 220px; margin-right: 30px;}
#tax .tax_menu ul li a{ display: block; font-size: 2em; line-height: 70px; font-weight: 700; color: #fff; border-radius: 5px; background: linear-gradient(270deg, #2ACAFF 0%, #2878D2 25%, #2878D2 51%, #2A2C8B 100%); background-position: 1% 50%; background-size: 200% auto; position: relative; width: 100%;}
#tax .tax_menu ul li:nth-child(4){ margin-right: 0;}

#tax .tax_box{ background-color: #fff; border-top: 5px solid #2A2C8B; padding: 55px; box-sizing: border-box; text-align: left; margin-bottom: 70px;}
#tax .tax_box .tax_box_top{ display: flex; justify-content: space-between;}
#tax .tax_box .tax_box_top .tax_box_text{ width: calc(100% - 490px);}
#tax .tax_box .tax_box_top .tax_box_text h2{ font-size: 3em; color: #fff; font-weight: 700; margin-bottom: 30px; background-color: #2A2C8B; display: inline-block; padding: 15px; box-sizing: border-box;}
#tax .tax_box .tax_box_top .tax_box_text h3{ font-size: 2.5em; color: #2A2C8B; font-weight: 700; margin-bottom: 20px;}
#tax .tax_box .tax_box_top .tax_box_text p{ font-size: 1.7em; line-height: 1.8;}
#tax .tax_box .tax_box_top .tax_box_photo{ width: 430px; height: 300px;}
#tax .tax_box .tax_box_top .tax_box_photo img{ width: 430px; height: 300px; object-fit: cover;}
#tax .tax_box .tax_box_btm{ margin-top: 50px;}
#tax .tax_box .tax_box_btm ul{ display: flex; flex-wrap: wrap;}
#tax .tax_box .tax_box_btm ul li{ width: calc(100% / 3); border-right: 1px solid #2A2C8B; box-sizing: border-box; padding: 35px; box-sizing: border-box; border-bottom: 1px solid #2A2C8B;}
#tax .tax_box .tax_box_btm ul li:nth-child(3n){ border-right: none;}
#tax .tax_box .tax_box_btm ul li p.icon_pic{ width: 84px; height: 84px; margin: 0 auto 20px;}
#tax .tax_box .tax_box_btm ul li p.icon_pic img{ width: 100%; height: auto;}
#tax .tax_box .tax_box_btm ul li p.icon_title{ text-align: center; color: #2A2C8B; font-size: 2em; line-height: 1.3; font-weight: 700; margin-bottom: 20px;}
#tax .tax_box .tax_box_btm ul li p.icon_title span{ display: block; font-size: 0.7em;}
#tax .tax_box .tax_box_btm ul li p.icon_text{ font-size: 1.5em; line-height: 1.8;}
#tax .tax_box:nth-child(odd) .tax_box_top{ flex-direction: row-reverse;}
#tax .tax_box .tax_bottom_text{ text-align: center; font-size: 2.3em; line-height: 1.7; color: #2A2C8B; font-weight: 700; margin-top: 40px;}

#tax .satei_contact > p{ font-size: 2.7em; line-height: 1.7; color: #2A2C8B; font-weight: 700; margin-bottom: 50px;}
#tax .satei_contact{ text-align: center;}
#tax .satei_contact .satei_contact_btn{ max-width: 500px; margin: 0 auto 50px;}
#tax .satei_contact .satei_contact_btn a{ display: block; width: 100%; height: 100%; background: linear-gradient(270deg, #FFE600 0%, #FFB900 25%, #FFB900 51%, #FF5F00 100%); background-position: 1% 50%; background-size: 200% auto; position: relative; border-radius: 15px; color: #fff!important; font-size: 2.8em; font-weight: 700; padding: 40px 0; box-sizing: border-box;}
#tax .satei_contact .satei_contact_btn a span{ font-size: 0.7em; color: #FF6E00; background-color: #fff; display: inline-block; padding: 5px 10px; margin-right: 15px;}
#tax .satei_contact .sell_back{ margin-bottom: 80px;}
#tax .satei_contact .sell_back a{ display: inline-block; color: #2A2C8B; font-size: 1.9em; border: 3px solid #2A2C8B; padding: 20px 30px; box-sizing: border-box; font-weight: 700; border-radius: 10px;}
#tax .satei_contact .sell_back a span{ position: relative; display: inline-block; padding: 0 0 0 30px; vertical-align: middle; text-decoration: none;}
#tax .satei_contact .sell_back a span::before,
#tax .satei_contact .sell_back a span::after{ content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
#tax .satei_contact .sell_back a span::before{ left: 3px; width: 17px; height: 2px; background: #2A2C8B;}
#tax .satei_contact .sell_back a span::after{ left: 3px; width: 12px; height: 12px; border-bottom: 2px solid #2A2C8B; border-left: 2px solid #2A2C8B; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

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

#tax .tax_box .tax_box_btm ul li:nth-last-child(-n+3){ border-bottom: none;}
#tax .satei_contact .satei_contact_btn a:hover{ background-position: 99% 50%;}
.pc_none{ display: none;}

}


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

#main{ padding: 0 20px;}
#tax .tax_menu ul{ flex-wrap: wrap; justify-content: center; margin-bottom: 20px;}
#tax .tax_menu ul li{ width: calc(50% - 10px); margin-right: 10px; margin-bottom: 10px;}
#tax .tax_menu ul li a{ font-size: 1.4em; line-height: 50px;}
#tax .tax_menu ul li:nth-child(2){ margin-right: 0;}
    
#tax .tax_box{ padding: 25px; margin-bottom: 30px; text-align: center;}
#tax .tax_box .tax_box_top{ display: block;}
#tax .tax_box .tax_box_top .tax_box_text{ width: 100%;}
#tax .tax_box .tax_box_top .tax_box_text h2{ font-size: 2em; margin-bottom: 15px; padding: 10px;}
#tax .tax_box .tax_box_top .tax_box_text h3{ font-size: 2em; margin-bottom: 10px;}
#tax .tax_box .tax_box_top .tax_box_text p{ font-size: 1.3em; line-height: 1.8; text-align: left;}
#tax .tax_box .tax_box_top .tax_box_photo{ display: block; width: 100%; height: 0; padding-top: 75%; overflow: hidden; position: relative; margin-top: 15px;}
#tax .tax_box .tax_box_top .tax_box_photo img{ width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
#tax .tax_box .tax_box_btm{ margin-top: 20px;}
#tax .tax_box .tax_box_btm ul{ display: block;}
#tax .tax_box .tax_box_btm ul li{ width: 100%; border-right: none; padding: 15px 0;}
#tax .tax_box .tax_box_btm ul li:last-child{border-bottom: none;}
#tax .tax_box .tax_box_btm ul li p.icon_pic{ width: 84px; height: 84px; margin: 0 auto 10px;}
#tax .tax_box .tax_box_btm ul li p.icon_pic img{ width: 100%; height: auto;}
#tax .tax_box .tax_box_btm ul li p.icon_title{ font-size: 1.8em; line-height: 1.3; margin-bottom: 10px;}
#tax .tax_box .tax_box_btm ul li p.icon_title span{ display: block; font-size: 0.7em;}
#tax .tax_box .tax_box_btm ul li p.icon_text{ font-size: 1.3em; line-height: 1.8; text-align: left;}
#tax .tax_box .tax_bottom_text{ font-size: 1.6em; line-height: 1.4; margin-top: 20px;}

#tax .satei_contact{ padding: 0; box-sizing: border-box;}
#tax .satei_contact .satei_contact_btn{ margin:30px auto;}
#tax .satei_contact .satei_contact_btn a{ font-size: 2em; padding: 25px 0; border-radius: 10px;}
#tax .satei_contact .satei_contact_btn a span{ margin-right: 10px;}
#tax .satei_contact > p{ font-size: 1.7em; line-height: 1.4; margin-bottom: 30px;}
#tax .satei_contact .sell_back{ margin-bottom: 40px;}
#tax .satei_contact .sell_back a{ font-size: 1.5em; border: 2px solid #2A2C8B; padding: 15px 20px;}

}