@media screen and (min-width: 668px), print {
/* ----------------------------------------
蜈･螻��ｧ伜ｰら畑繝壹�繧ｸ縲/customer/
---------------------------------------- */
body {
margin: 0;
}
ul {
margin: 0;
padding: 0;
}
ul li {
list-style: none;
}
a {
text-decoration: none;
color: #000;
}
.customer_pankuzu {
max-width: 1000px;
margin: 0px auto;
padding: 20px 40px;
}
.customer_pankuzu ul li {
display: inline-block;
margin-right: 15px;
}
.customer_pankuzu ul li:last-child:before {
content: ">";
margin-right: 15px;
}
header {
max-width: 100%;
margin: 0px auto;
padding: 20px 40px;
overflow: hidden;
border-bottom: solid 1px #CCC;
}
header h1 {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
position: unset !important;
width: auto;
}
header h1 p {
color: #333;
font-size: 16px;
font-weight: bold;
}
header nav {
float: right;
margin-top: 20px;
}
header nav ul li {
display: inline-block;
margin-right: 20px;
}
header nav ul li a {
font-weight: bold;
font-size: 17px;
}
header nav ul li a:hover {
text-decoration: underline;
}
.pankuzu {
max-width: 100%;
margin: 0px auto;
padding: 20px 40px;
height: 280px;
background-position: center bottom;
background-size: cover;
position: relative;
top: 0px;
left: 0px;
}
.pankuzu h1 {
width: 400px;
color: #FFF;
position: absolute;
top: 140px;
left: 0;
right: 0;
margin: auto;
text-align: center;
text-shadow: 0px 0px 5px #000000;
}
.pankuzu ul {
float: left;
}
.pankuzu ul li {
display: inline-block;
margin-right: 30px;
position: relative;
top: 0px;
left: 0px;
}
.pankuzu ul li:last-child:before {
content: ">";
position: absolute;
left: -25px;
}
.pankuzu ul li a {
font-size: 14px;
font-weight: bold;
}
.agreement {
background-image: url("../img/sub_bg1.jpg");
}
.customer h2 {
text-align: center;
font-size: 24px;
letter-spacing: 1px;
font-weight: bold;
}
.cus_con_ti {
width: 370px;
margin: 0 auto 30px;
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;
margin-top: 50px;
}
.cus_info_wrap {
margin-top: 50px;
}
.cus_info_inner {
width: 1000px;
margin: 0 auto;
}
.cus_con_ti p {
position: absolute;
top: 10px;
right: -315px;
}
.cus_con_ti a {
display: block;
width: 150px;
line-height: 40px;
letter-spacing: 2px;
border: solid 1px;
text-align: center;
text-decoration: none;
}
.cus_con_ti a:hover {
background-color: #eee;
}
.cuss_info_list {}
.cuss_info_list li a {
display: block;
line-height: 60px;
text-align: center;
color: #2f5290;
text-decoration: none;
border-radius: 5px;
font-size: 16px;
}
.cuss_info_list li:nth-child(1) a,
.cuss_info_list li:nth-child(3) a {
background-color: #f5f5f5;
}
.cuss_info_list li a:hover {
text-decoration: underline;
}
.cus_info_list_wrap iframe {
border: none;
width: 1000px;
height: 200px;
}
.manners_b {
width: 1000px;
margin: 0px auto 30px;
}
.manners_b a {
color: #FFF;
display: block;
padding: 15px;
text-align: center;
transition: 0.2s;
background-color: #4c974b;
border-radius: 5px;
}
.manners_b a:hover {
background-color: #377b36;
}
.cus_faq_wrap {
background-color: #f2fff2;
padding: 60px 0 70px;
}
.cus_faq_inner {
width: 955px;
margin: 0 auto;
}
.cus_faq_ti {}
.cus_faq_block {
overflow: hidden;
}
.cus_faq_block li a {
display: block;
width: 150px;
height: 150px;
background-color: #fff;
border: solid 3px #4c974b;
border-radius: 5px;
box-sizing: border-box;
text-align: center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
transition: 0.2s;
}
.cus_faq_block li:nth-child(6n) a {
margin-right: 0;
}
.cus_faq_block li a:hover {
border-radius: 10px;
background-color: #f6ffdf;
border: solid 5px #4c974b;
transition: 0.2s;
}
.cus_faq_block li a:hover p {
margin-top: 10px;
transition: 0.2s;
}
.cus_faq_block li img {
margin-top: 20px;
}
.cus_faq_block li p {
font-size: 14px;
font-weight: bold;
margin-top: 15px;
transition: 0.2s;
}
.cus_pro_wrap {
padding: 50px 0 70px;
}
.cus_pro_inner {
width: 1000px;
margin: 0 auto;
}
.cus_pro_ti {}
.cus_pro_block {
overflow: hidden;
padding-top: 10px;
padding-left: 10px;
}
.cus_pro_block li a {
display: block;
width: 480px;
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 a:hover {
box-shadow: 0 0 8px #b5b5b5;
}
.cus_pro_block li a:after {
content: "";
width: 15px;
height: 15px;
border-top: 3px solid #b5b5b5;
border-right: 3px solid #b5b5b5;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: 20px;
top: 50px;
}
.cus_pro_block li a:hover::after {
border-top: 3px solid #000;
border-right: 3px solid #000;
}
.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: 16px;
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;
}
.f_line {
background: url(/customer/img/f_line.png);
height: 58px;
margin: 50px 0px 30px 0px;
clear: both;
}
/* ﾂフﾂォﾂーﾂδﾂ甘鳴係 */
.mail_form {
background: #eaf1f7;
padding: 20px 50px;
}
.mailform h3 {
color: #FFF;
background: #2a4175;
border-bottom: solid 1px #CCC;
border-radius: 5px;
margin: 20px 0px 10px 0px;
padding: 10px 15px;
}
.mailform_koumoku {
overflow: hidden;
display: flex;
margin: 10px 0;
align-items: center;
margin: 5px 0 15px;
align-items: center;
border-top: 1px solid #ccc;
padding-top: 15px;
}
.kojin {
display: block;
font-size: 14px;
height: 100px;
margin: 50px 0px 20px 0px;
padding: 20px;
overflow: auto;
background: #FFF;
}
form#mailformpro dl dt {
float: left;
width: 180px;
}
form#mailformpro dl dd {
float: left;
min-width: 60px;
padding-top: 10px;
}
form#mailformpro dl dd ul li,
form#mailformpro dl dd ol li {
margin: 0px 0px 20px 0px;
padding: 0px;
list-style: none;
}
form#mailformpro label {
border-radius: 3px;
margin: 3px;
display: inline-block;
white-space: nowrap;
}
.mfp {
position: relative;
top: 0px;
left: 0px;
width: 160px;
line-height: 30px;
padding-left: 60px;
font-size: 14px;
font-weight: bold;
}
.must {
color: #FFF;
font-size: 12px;
font-weight: normal;
display: block;
background-color: #C00;
padding: 0px 10px;
position: absolute;
left: 0px;
border-radius: 5px;
}
#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;
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_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date,
.mfp_element_password {
border: none;
padding: 10px;
margin: 0px;
vertical-align: middle;
border-bottom: solid 1px #CCC;
border-right: solid 1px #CCC;
border-radius: 3px;
}
#wrapper {
width: 850px;
margin: 0px auto;
padding: 0px;
}
/*--end--*/
/*----------CMS---------*/
.faq {
background-color: #f2fff2;
}
.buy_list_ma {
width: 1000px;
margin: 40px auto;
overflow: hidden;
}
.buy_list_ma ul {
overflow: hidden;
border: solid 5px #4c974b;
}
.buy_list_ma li a {
display: block;
float: left;
width: 16.6%;
height: 160px;
border-right: solid 5px #4c974b;
box-sizing: border-box;
background-color: #fff;
text-align: center;
}
.buy_list_ma li:last-child a {
border-right: none;
}
.buy_list_ma li p {
font-weight: bold;
margin-top: 15px;
}
.buy_list_ma li img {
margin-top: 30px;
}
/*----------CMS END---------*/
.accordionbox {
width: 1000px;
margin: 10px auto 0px;
padding-bottom: 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: 15px 0 15px 57px;
background-color: #fff;
display: block;
width: 100%;
background-image: url(/img/faq-question.png);
background-repeat: no-repeat;
background-size: 30px;
background-position-y: center;
background-position-x: 10px;
}
.accordionlist dd {
display: none;
background: #fff;
padding: 20px 0 20px 53px;
margin: 0;
background-image: url(/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;
height: 30px;
float: right;
margin-right: 5px;
margin-top: -30px;
}
.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: 5px;
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: 5px;
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: 5px;
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;
background-image: url(/img/faq-question_on.png);
}
.accordionlist dt .title:hover p {
color: #fff;
}
.accordionlist dt .title.active {
background-color: #4c974b;
background-image: url(/img/faq-question_on.png);
}
.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(/img/cms_faq_main.jpg);
position: relative;
}
.cms_faq_main h2 {
color: #fff;
font-size: 35px;
padding-top: 115px
}
.cms_faq_main_menu ul {
width: 1000px;
position: absolute;
margin: 0 auto 15px;
left: 0;
right: 0;
bottom: 0;
}
.cms_faq_main_menu li a {
display: block;
float: left;
width: 240px;
background-color: #4c974b;
text-align: center;
color: #fff;
line-height: 50px;
margin-right: 13px;
border-radius: 5px;
}
.cms_faq_main_menu li:nth-child(4) a {
margin-right: 0px;
}
.buy_list_ma_tl {
text-align: center;
border-bottom: solid 3px #4c974b;
font-weight: bold;
margin-bottom: 20px;
font-size: 25px;
margin-top: 50px;
}
.buy_list_ma_tl a {
float: right;
font-size: 15px;
background: #4c974b;
display: block;
width: 100px;
line-height: 33px;
border-radius: 5px;
color: #fff;
}
.buy_list_ma li a:hover {
background-color: #f2fff2;
}
/*---------------------manners-----------------------*/
.manners {}
.manners .ma_main {
height: 300px;
background-image: url(/customer/manners/img/ma_main_bg.jpg);
background-size: cover;
margin-bottom: 30px;
}
.ma_main_inner {
width: 1000px;
margin: 0 auto;
}
.ma_main_inner p {
font-size: 35px;
padding-top: 120px;
font-weight: bold;
color: #fff;
}
.ma_main_inner span {
display: block;
font-size: 16px;
}
.manners .manners_inner {
width: 1000px;
margin: 0 auto;
}
.ma_menu {
margin-bottom: 20px;
}
.ma_menu ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.ma_menu li {
width: 245px;
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: 5px;
}
.ma_menu a {
display: block;
text-align: center;
color: #337832;
font-size: 16px;
}
.ma_menu a:hover {
color: #fff;
background-color: #337832;
}
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: 50px;
}
.ma_block img {
float: left;
margin-bottom: 20px;
}
.ma_block .txt {
width: 730px;
float: right;
}
.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_inner {
width: 1000px;
margin: 40px auto 50px;
}
.f_top {
overflow: hidden;
padding-bottom: 10px;
border-bottom: 1px solid #000;
}
.f_logo {
float: left;
margin: 0px 40px 0px 0px;
padding: 0px;
}
.f_logo p {
color: #333;
font-size: 16px;
font-weight: bold;
margin-top: -5px;
margin-bottom: 0px;
}
.f_t_link {
float: left;
margin-right: 50px;
}
.f_t_link ul {}
.f_t_link li {
line-height: 23px;
}
.f_t_link a {
position: relative;
padding-left: 20px;
font-size: 15px;
}
.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 a {
float: left;
font-size: 40px;
line-height: 45px;
}
.f_t_tel p {
font-size: 14px;
margin: 0px;
}
.f_t_tel i {
margin-right: 10px;
}
.f_form {
margin: 20px auto;
}
.f_form ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.f_form li {
line-height: 25px;
width: 190px;
text-align: center;
margin-right: 30px;
}
.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;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.f_bottom ul {}
.f_bottom ul li {}
.f_bottom ul a {
font-size: 15px;
color: #333;
}
.f_bottom ul a:hover {
text-decoration: underline;
}
.f_bottom ul p {}
.f_bottom .link_ti {}
.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;
}
.bouhan a {
width: 20% !important;
}
.mf_address {
height: auto;
}
.mf_address ol {
padding: 0;
}
.mf_address ol li {
margin: 5px 0;
}
.mailform {
width: 700px;
margin: 0 auto;
}
.mf_textform {
height: auto;
}
.mf_textform .jcjs_sf {
width: 440px;
height: 130px;
}
.cancelform {
width: 850px;
}
.num_list ol {
padding: 0;
margin: 0;
}
.cc_text{
font-size:12px;
}
.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;
}
}
}
/*---------------------manners-----------------------*/
.cust_in {
width: 98%;
}
.cust_in ul {
margin: 0;
padding: 0;
}
.cust_in ul li {
list-style: none;
}
.cust_in ul li a {
display: block;
padding: 12px 0 0;
font-size: 14px;
display: block;
color: #000;
text-decoration: none;
}
.cust_in ul li a:hover span {
text-decoration: underline;
}
.cust_in ul span {
margin-left: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* media screen fin 豸医＆縺ｪ縺�％縺ｨ */