@charset "utf-8";
/* CSS Document */
@media screen and (max-width:768px) {
input {
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
width: 100%;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
select {
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sp_off {
display: none;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
font-family: 'Noto Sans JP',"メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
li {
list-style-type: none;
}
ul {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #333;
}
header {
margin: -2% 3% 3% 3%;
}
header img {
width: 30%;
vertical-align: bottom;
}
header p {
font-size: 10px;
margin: 2px 0 0 0;
}
header h1 {
margin: 0;
line-height: 1;
}
.manners_b a {
width: 70%;
color: #FFF;
display: block;
padding: 15px;
text-align: center;
transition: 0.2s;
background-color: #4c974b;
border-radius: 5px;
margin: 0px auto 20px;
font-size: 4.2vw;
}
.pankuzu {
max-width: 100%;
margin: 0px auto;
padding: 0 10px 10px 10px;
height: 140px;
background-position: center bottom;
background-size: cover;
position: relative;
top: 0px;
left: 0px;
}
.pankuzu h1 {
width: 340px;
color: #FFF;
position: absolute;
top: 60px;
left: 0;
right: 0;
margin: auto;
text-align: center;
text-shadow: 0px 0px 5px #000000;
font-size: 5vw;
}
.pankuzu ul {
float: left;
}
.pankuzu ul li {
display: inline-block;
margin-right: 25px;
position: relative;
top: 0px;
left: 0px;
}
.pankuzu ul li:last-child:before {
content: ">";
position: absolute;
left: -20px;
top: -2px;
}
.pankuzu ul li a {
font-size: 2.6vw;
font-weight: 400;
}
.agreement {
background-image: url("../img/sub_bg1.jpg");
}
.drawer-menu li a {
color: #FFFFFF;
padding: 30px 0 30px 20px;
display: block;
border-bottom: dotted 1px #fff;
}
.drawer-menu li a:hover {
color: #9ee1ac;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
font-size: 35px !important;
}
/* .customer {
width: 100vw;
} */
.customer h2 {
text-align: center;
font-size: 24px;
letter-spacing: 1px;
font-weight: bold;
}
.cus_con_ti {
width: 100%;
margin: 0 auto 20px;
position: relative;
}
.customer h2 span {
font-size: 14px;
color: #4c974b;
}
.cus_con_ti:before {
content: url(../img/ti_add.png);
position: absolute;
left: 0;
top: 2px;
}
.cus_con_ti:after {
content: url(../img/ti_add.png);
position: absolute;
right: 0;
top: 2px;
}
.cus_main {
text-align: center;
width: 100%;
}
.cus_main img {
max-width: 100%;
}
.cus_info_wrap {
padding: 50px 0 70px;
}
.cus_info_inner {
width: 96%;
margin: 0 auto;
}
.cus_info_list_wrap iframe {
border: none;
width: 100%;
height: 260px;
}
.cus_con_ti p {
display: none;
}
.motto_btn a {
display: block;
width: ;
line-height: 40px;
letter-spacing: 2px;
border: solid 1px;
text-align: center;
text-decoration: none;
color: #000;
font-size: 16px;
margin-top: 20px;
}
.cuss_info_list {}
.cuss_info_list li a {
display: block;
line-height: 22px;
text-align: center;
color: #2f5290;
text-decoration: none;
border-radius: 5px;
font-size: 16px;
padding: 15px;
}
.cuss_info_list li:nth-child(1) a,
.cuss_info_list li:nth-child(3) a {
background-color: #f5f5f5;
}
.cus_faq_wrap {
background-color: #f2fff2;
padding: 60px 0 70px;
}
.cus_faq_inner {
width: 96%;
margin: 0 auto;
}
.cus_faq_ti {}
.cus_faq_block {
overflow: hidden;
}
.cus_faq_block li a {
display: block;
width: 32%;
height: 130px;
background-color: #fff;
border: solid 5px #4c974b;
border-radius: 5px;
box-sizing: border-box;
text-align: center;
float: left;
margin-right: 2%;
margin-bottom: 5%;
}
.cus_faq_block li:nth-child(3n) a {
margin-right: 0;
}
.cus_faq_block li img {
margin-top: 10px;
}
.cus_faq_block li p {
font-size: 3vw;
margin-top: 5px;
}
.cus_pro_wrap {
padding: 50px 0 70px;
}
.cus_pro_inner {
width: 96%;
margin: 0 auto;
}
.cus_pro_ti {}
.cus_pro_block {
overflow: hidden;
padding: 5px;
}
.cus_pro_block li a {
display: block;
width: 100%;
height: 120px;
box-shadow: 0 0 5px #b5b5b5;
padding: 10px;
box-sizing: border-box;
position: relative;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.cus_pro_block li:nth-child(2n) a {
margin-right: 0px;
}
.cus_pro_block .img {
float: left;
margin-right: 20px;
}
.cus_pro_block .txt {
float: left;
}
.cus_pro_block .txt p {
color: #959595;
font-size: 12px;
line-height: 30px;
margin-top: 20px;
}
.cus_pro_block .txt span {
font-size: 24px;
display: block;
}
.cus_pro_block .red {
color: #dd2228;
}
.cus_pro_block .navy {
color: #2a4074;
}
.cus_pro_block .blue {
color: #5d8b92;
}
.cus_pro_block .green {
color: #4c974b;
}
.cus_pro_block li a:after {
width: 4px;
height: 4px;
border-top: 2px solid #7a0;
border-right: 2px solid #7a0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: 20px;
top: 40px;
}
.f_line {
background: url(../img/f_line.png);
height: 59px;
margin-bottom: 30px;
}
/* フォーム関係 */
.mail_form {
margin: 0px auto;
background: #eaf1f7;
padding: 10px;
}
.mailform_koumoku {
overflow: hidden;
align-items: center;
}
.mailform h3 {
color: #FFF;
background: #2a4175;
border-bottom: solid 1px #CCC;
border-radius: 5px;
margin: 20px 0px 10px 0px;
padding: 10px 15px;
}
.mailform input {
width: 100%;
}
.mailform_w input {
width: 20% !important;
}
.mailform_w label {
width: 30%;
display: flex ;
align-items: center;
}
.mailform_z input {
width: 20% !important;
}
.mailform_z label {
width: 38%;
display: flex ;
align-items: center;
}
.mailform_x input {
width: 40px !important;
}
.mailform_x label {
width: 100%;
display: flex ;
align-items: center;
}
.mf_textform .jcjs_sf {
height: 80px;
}
.mailform_koumoku dt {
font-size: 4vw;
display: flex;
align-items: center;
margin: 0px 10px 10px 0;
padding: 0;
overflow: hidden;
line-height: 35px;
}
.kojin {
display: block;
font-size: 14px;
height: 100px;
margin: 20px 0px 20px 0px;
padding: 20px;
overflow: auto;
background: #FFF;
}
.mailform_koumoku dd {
padding: 0px !important;
clear: both;
margin: 5px 0 10px;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.mf_address ol {
padding: 0;
}
#jc_btn_submit {
position: relative;
font-size: 18px;
line-height: 60px;
font-weight: bold;
background: #DE3838;
display: block;
height: 60px;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 3px #C43333;
border: none;
width: 300px !important;
letter-spacing: 1px;
cursor: pointer;
margin: 0 auto;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.mfp {
padding-top: 8px;
font-size: 14px;
font-weight: bold;
}
.mailform_koumoku ol li span {
font-size: 14px;
display: block;
}
.mailform_koumoku label {
font-size: 3.5vw;
}
.mailform_checkbox input {
width: auto !important;
}
.must {
color: #FFF;
font-size: 12px;
font-weight: normal;
display: inline-block;
background-color: #C00;
margin: 0px 5px 0px 0px;
padding: 0px 10px 0 10px;
border-radius: 5px;
float: left;
height: 25px;
line-height: 25px;
}
.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date,
.mfp_element_password {
font-size: 16px;
border: none;
padding: 10px;
margin: 0px 0px 10px 0px;
vertical-align: middle;
width: 100%;
}
form#mailformpro dl dd ul li, form#mailformpro dl dd ol li {
margin: 0px 0px 10px 0px;
padding: 0px;
list-style: none;
}
form#mailformpro label {
border-radius: 3px;
margin: 3px;
display: inline-block;
}
.taikyo_form_lead li {
font-size: 3.8vw;
line-height: 6vw;
margin-bottom: 2vw;
}
.taikyo_form_lead li:nth-child(9) {
text-decoration: underline;
& span {
display: none;
}
}
.taikyo_form_lead li:nth-child(10),.taikyo_form_lead li:nth-child(11) {
& a {
color: blue;
}
}
.parking_form_lead li:nth-child(6) {
& a {
color: blue;
}
}
/*--end--*/
/*----------CMS---------*/
.faq {
background-color: #f2fff2;
}
.buy_list_ma {
width: 96%;
margin: 40px auto;
overflow: hidden;
}
.buy_list_ma ul {
overflow: hidden;
border: solid 5px #4c974b;
/* padding: 2% !important; */
}
.buy_list_ma li a {
display: block;
float: left;
width: 100%;
height: 130px;
border-right: solid 5px #4c974b;
box-sizing: border-box;
background-color: #fff;
text-align: center;
border-bottom: solid 5px #4c974b;
}
.buy_list_ma_theme ul li {
width: 32% !important;
}
.bouhan {
padding: 2% !important;
display: flex;
flex-wrap: wrap;
justify-content: center;
& li {
margin: 2% 0.5% 0 0.5% !important;
}
}
.buy_list_ma li:nth-child(5) a,
.buy_list_ma li:nth-child(6) a {
border-bottom: double 1px #333;
}
.buy_list_ma li p {
font-weight: bold;
margin-top: 0px;
}
.buy_list_ma li img {
margin-top: 9px;
}
/*----------CMS END---------*/
.accordionbox {
width: 96%;
margin: 10px auto 40px;
}
.accordionlist dt {
display: block;
background-color: #fff;
overflow: hidden;
}
.accordionlist dt:first-child,
.accordionlist dt:nth-child(2) {
border-top: none !important;
}
.accordionlist dt .title {
padding-left: 53px;
float: left;
font-weight: bold;
padding: 5px 0 5px 57px;
background-color: #fff;
display: block;
width: 100%;
background-image: url(/customer/img/faq-question.png);
background-repeat: no-repeat;
background-size: 30px;
background-position-y: center;
background-position-x: 10px;
}
.accordionlist dt .title p {
width: 70%;
}
.accordionlist dd {
display: none;
background: #fff;
padding: 20px 20px 20px 53px;
margin: 0;
background-image: url(/customer/img/faq-answer.png);
background-repeat: no-repeat;
background-size: 30px;
background-position-y: 20px;
background-position-x: 10px;
}
.accordion_icon,
.accordion_icon span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.accordion_icon {
position: relative;
width: 30px;
float: right;
margin-right: 5px;
margin-top: -40px;
}
.accordion_icon span {
position: absolute;
left: 6px;
width: 50%;
height: 2px;
background-color: #F88789;
border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
top: 70px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
top: 70px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
display: none;
}
.accordion_icon.active span:nth-of-type(2) {
top: 70px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.clearfix.active {
background-color: #38a1ce;
}
.accordionlist dt .title:hover {
background-color: #4c974b;
}
.accordionlist dt .title:hover p {
color: #fff;
}
.accordionlist dt .title.active {
background-color: #4c974b;
}
.accordionlist dt .title.active p {
color: #fff;
}
.qa_block {
margin-bottom: 10px;
border-radius: 5px;
display: block;
overflow: hidden;
border-bottom: solid 3px #d9d9d9;
}
.cms_faq_main {
height: 300px;
background: url(/customer/img/cms_faq_main.jpg)50% 50%;
position: relative;
}
.cms_faq_main h2 {
color: #fff;
font-size: 32px;
padding-top: 85px;
margin-top: 0;
}
.cms_faq_main_menu ul {
width: 100%;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
bottom: 0;
}
.cms_faq_main_menu li a {
display: block;
float: left;
width: 50%;
background-color: #4c974b;
text-align: center;
color: #fff;
line-height: 50px;
box-sizing: border-box;
}
.cms_faq_main_menu li:nth-child(1) a {
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
}
.cms_faq_main_menu li:nth-child(2) a {
border-bottom: solid 1px #fff;
}
.cms_faq_main_menu li:nth-child(3) a {
border-right: solid 1px #fff;
}
.buy_list_ma_tl {
text-align: center;
border-bottom: solid 3px #4c974b;
font-weight: bold;
margin-bottom: 20px;
font-size: 25px;
margin-top: 50px;
padding: 5% 0 !important;
}
.buy_list_ma_tl a {
float: right;
font-size: 14px;
background: #4c974b;
display: block;
width: 100px;
line-height: 27px;
border-radius: 5px;
color: #fff;
}
.buy_list_ma li a:hover {
background-color: #f2fff2;
}
/*---------------------manners-----------------------*/
.manners {}
.manners .ma_main {
height: 200px;
background-image: url(/customer/manners/img/ma_main_bg.jpg);
background-size: cover;
margin-bottom: 20px;
}
.ma_main_inner p {
font-size: 35px;
padding-top: 65px;
padding-left: 10px;
font-weight: bold;
color: #fff;
margin: 0;
}
.ma_main_inner span {
display: block;
font-size: 16px;
}
.manners .manners_inner {
width: 96%;
margin: 0 auto;
}
.ma_menu {}
.ma_menu ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.ma_menu li {
width: 49%;
line-height: 50px;
border: 3px solid #337832;
border-radius: 5px;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 2%;
}
.ma_menu li:nth-child(2n) {
margin-right: 0;
}
.ma_menu a {
display: block;
text-align: center;
color: #337832;
font-size: 14px;
}
h2.ma_ti {
line-height: 55px;
background-color: #337832;
color: #fff;
font-size: 20px;
padding-left: 20px;
margin-bottom: 20px;
}
.ma_block {
overflow: hidden;
margin-bottom: 30px;
}
.ma_block img {
display: block;
margin: 0 auto;
}
.ma_block .txt {
width: ;
}
.ma_block .txt p {
font-size: 16px;
}
.ma_block .ma_comment {
clear: both;
margin-top: 20px;
}
.ma_block .ma_comment p {
font-size: 16px;
padding: 10px;
box-sizing: border-box;
border: 3px solid #337832;
border-radius: 5px;
}
/*---------------------manners-----------------------*/
/*------ footer -------*/
.f_line {
background: url(/customer/img/f_line_bg_sp.webp);
background-repeat: no-repeat;
background-position: right;
background-size: 150%;
height: 50px;
margin: 0;
clear: both;
width: 100%;
}
.footer{
width: 100%;
padding: 30px 0 60px;
background-color: #ecf6e7;
overflow: hidden;
.f_inner{
width: 90%;
margin: 0 auto;
.f_top{
margin: 0 auto 25px;
.f_logo {
margin: 0px auto;
padding: 0px;
img{
width: 40%;
margin: 0 auto;
display: block;
}
p{
color: #333;
font-size: 3.4vw;
font-weight: bold;
text-align: center;
margin-top: 3px;
margin-bottom: 0px;
}
}
.f_t_link {
ul{
overflow-x: auto;
width: 265px;
margin: 20px auto;
display: flex;
justify-content: space-between;
li{
line-height: 23px;
a{
position: relative;
padding-left: 24px;
font-size: 15px;
font-weight: bold;
&:hover {
text-decoration: underline;
}
&::before{
position: absolute;
content: "";
width: 20px;
height: 20px;
top: 1px;
left: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #7a0;
}
&::after{
position: absolute;
content: "";
left: 6px;
top: 8px;
width: 5px;
height: 5px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
}
}
}
.f_t_tel {
p{
font-size: 3.4vw;
text-align: center;
line-height: 1;
margin: 10px 0 4px;
}
a {
display: block;
text-align: center;
font-size: 24px;
font-weight: bold;
line-height: 28px;
position: relative;
img{
width: 11%;
margin: 0;
}
}
}
}
.f_btm{
border-top: 1px solid #a7a7a7;
padding: 30px 0 0 0;
#accordion .t_question_box dd .acc_a_item {
display: flex;
gap: 0px 25px;
align-items: flex-start;
padding: 0 40px;
width: 93%;
}
#accordion .t_question_box dd .acc_a_item table {
width: 1050px;
margin: 30px 0;
border-collapse: collapse;
/* 繧ｻ繝ｫ縺ｮ髢薙�髫咎俣繧偵↑縺上☆ */
}
#accordion .t_question_box dd .acc_a_item table thead th {
background-color: #2b4b67;
padding: 15px 0 15px 20px;
font-size: 15px;
color: #fff;
border: 1px solid #cccccc;
/* 繧ｻ繝ｫ縺ｮ繝懊�繝繝ｼ濶ｲ繧�#cccccc縺ｫ險ｭ螳� */
}
#accordion table td:nth-child(1),
#accordion table th:nth-child(1) {
width: 208px;
box-sizing: border-box;
}
#accordion table td:nth-child(2),
#accordion table th:nth-child(2) {
width: 310px;
box-sizing: border-box;
}
#accordion table td:nth-child(3),
#accordion table th:nth-child(3) {
width: 340px;
box-sizing: border-box;
}
#accordion table td:nth-child(4),
#accordion table th:nth-child(4) {
width: 193px;
box-sizing: border-box;
}
#accordion table td {
background: #fff;
height: 70px;
padding: 0 0 0 20px;
font-size: 15px;
line-height: 22px;
border: 1px solid #cccccc;
/* 繧ｻ繝ｫ縺ｮ繝懊�繝繝ｼ濶ｲ繧�#cccccc縺ｫ險ｭ螳� */
}
#accordion table tr:nth-child(3) td:nth-child(3) {
font-size: 14px;
}
#accordion table tr:nth-child(4) td:nth-child(3) {
font-size: 14px;
}
.accordion_icon,
.accordion_icon span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.accordion_icon {
position: relative;
width: 30px;
height: 30px;
float: right;
}
.accordion_icon span {
position: absolute;
left: 35px;
width: 14px;
height: 1px;
background-color: #333333;
border-radius: 2.5px;
}
.accordion_icon span:nth-of-type(1) {
top: 70px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
top: 70px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.accordion_icon.active span:nth-of-type(1) {
display: none;
}
.accordion_icon.active span:nth-of-type(2) {
top: 70px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
dl{
margin: 0 auto;
width: 270px;
.t_question_box{
border-bottom: 1px solid #333333;
padding: 0 0 5px 0;
&:not(:last-child){
margin-bottom: 13px;
}
.active{
}
.question{
width: 230px;
display: flex;
justify-content: space-between;
cursor: pointer;
.t_question_box_side{
.t_question_box_tit{
color: #333333;
font-size: 16px;
font-weight: 400;
margin-left: 8px;
}
}
}
.answer{
margin: 0;
padding: 8px 15px 0px;
box-sizing: border-box;
a{
display: block;
font-size: 3.4vw;
line-height: 7.2vw;
position: relative;
padding-left: 20px;
cursor: pointer;
&::before{
content: "";
position: absolute;
top: 42%;
left: 0;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-left: 1px solid #333;
border-bottom: 1px solid #333;
}
&:hover{
text-decoration: underline;
}
}
}
}
}
}
}
}
.cu_copylight{
background-color: #4c974b;
color: #fff;
text-align: center;
line-height: 30px;
font-size: 11px;
}
/*------ /footer -------*/
/* .footer {}
.f_inner {
width: 100%;
margin: 40px auto 50px;
}
.f_top {
overflow: hidden;
padding-bottom: 10px;
border-bottom: 1px solid #000;
padding: 0 10px;
}
.f_logo {
float: left;
margin: 0px 20px 0px 0px;
padding: 0px;
}
.f_logo p {
color: #333;
font-size: 16px;
font-weight: bold;
}
.f_t_link {
float: left;
margin-right: 0px;
}
.f_t_link ul {}
.f_t_link li {}
.f_t_link a {
position: relative;
padding-left: 20px;
}
.f_t_link a:hover {
text-decoration: underline;
}
.f_t_link a:before {
position: absolute;
content: "";
width: 15px;
height: 15px;
top: 4px;
left: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #7a0;
}
.f_t_link a:after {
position: absolute;
content: "";
left: 4px;
top: 8px;
width: 4px;
height: 4px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.f_t_tel {
clear: both;
text-align: center;
}
.f_t_tel a {
font-size: 40px;
line-height: 45px;
}
.f_t_tel p {
font-size: 14px;
margin: 0 0 5px 0;
}
.f_t_tel i {
margin-right: 10px;
}
.f_form {
margin: 20px auto;
width: 96%;
}
.f_form ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.f_form li {
line-height: 25px;
width: 49%;
text-align: center;
margin-bottom: 2%;
}
.f_form li:nth-child(1) {
}
.f_form li:nth-child(1) a {
color: #dd2228;
}
.f_form li:nth-child(2) a {
color: #2a4074;
}
.f_form li:nth-child(3) a {
color: #4c974b;
}
.f_form li:nth-child(4) a {
color: #5d8b92;
}
.f_form a {
display: block;
position: relative;
font-size: 14px;
padding: 10px 0;
border-radius: 5px;
border: 2px solid;
}
.f_form a:after {
position: absolute;
content: "";
right: 15px;
top: 40px;
width: 6px;
height: 6px;
border-top: 2px solid;
border-right: 2px solid;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.f_form i {
font-size: 40px;
display: block;
text-align: center;
}
.f_bottom {
overflow: hidden;
width: 96%;
margin: 0 auto;
}
.f_bottom ul {
overflow: hidden;
margin-bottom: 10px;
}
.f_bottom ul li {
float: left;
padding: 0px 10px;
border-right: solid 1px #777;
margin: 5px 0;
}
.f_bottom ul a {
font-size: 13px;
color: #333;
}
.f_bottom ul a:hover {
text-decoration: underline;
}
.f_bottom ul p {
margin: 0;
}
.f_bottom .link_ti {
width: 100%;
}
.f_bottom .link_ti a {
font-size: 18px;
font-weight: bold;
}
.f_bottom .link_ti p {}
.footer .cu_copylight {
background-color: #4c974b;
color: #fff;
text-align: center;
line-height: 30px;
} */
.cc_text{
font-size:12px;
}
.cc_text_red{
color:red;
font-size: 3.5vw;
}
.meiwakumail{
color:red;
font-size:14px;
margin:40px auto;
padding:10px;
border:solid 1px #f00;
background:#fff;
border-radius:5px;
}
.customer_kaiyaku {
display: flex !important;
flex-direction: column;
align-items: center;
& img {
width: 40px;
}
}
/* 入居時チェックフォーム */
.form_check_con {
& h4 {
padding: 0 0 0 20px;
font-size: 16px;
text-align: left;
position: relative;
margin: 20px 0 10px 0;
&::before {
content: "";
width: 10px;
height: 10px;
background: #2a4175;
display: block;
position: absolute;
top: 8px;
left: 3px;
}
}
& .form_check {
padding: 0 0 10px 0px;
font-size: 14px;
& .tl {
margin: 0;
}
& .te textarea {
width: 100%;
height: 60px;
}
& .te {
margin: 5px 0 0 0;
}
& .pic {
padding: 0;
margin: 0;
display: flex;
column-gap: 10px;
align-items: center;
text-align: left;
& th {
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: 14px;
font-weight: 400;
& img {
width: 70px !important;
}
}
}
}
.syuzen {
margin: 0 0 30px 0;
position: relative;
& h4::before {
display: none;
}
}
.syuzen .chek {
display: flex;
align-items: center;
}
.syuzen .must {
}
.syuzen span label{
display: flex;
align-items: center;
& input {
width: auto;
}
}
& .mailform_koumoku_check {
overflow: hidden;
margin: 10px 0;
align-items: center;
margin: 5px 0 15px;
align-items: center;
border-top: 1px solid #ccc;
padding-top: 15px;
& dd {
margin: 5px 0 0 50px;
font-size: 14px;
}
& .mfp {
display: flex;
align-items: center;
column-gap: 5px;
}
& input {
width: 20px;
}
}
}
.date_max {
color: #ff0000;
font-size: 4vw;
}
/* /入居時チェックフォーム */
.form_pri {
padding: 30px 0 0 0;
}
}