@charset "UTF-8";

.center_layout {text-align:center;}
/*!------------------------------------*\
    Index
\*!------------------------------------*/
.mainimg_support_index {background:url(../../images/support/support_main01.jpg) center center no-repeat #004440; background-size:cover;}
#support_container {width:100%; padding:100px 0 30px 0;}
#support_container h3 {font-size:30px; font-size:3.0rem; padding-bottom:48px;}
#support_container h4 {padding-bottom:30px;}
#support_container p {font-size:14px; font-size:1.4rem; line-height:2; letter-spacing:0.1em;}
#support_container .padbot10 {padding-bottom:10px;}
#support_container .padbot24 {padding-bottom:24px;}
#support_container .padbot32 {padding-bottom:32px;}
#support_container .padbot50 {padding-bottom:50px;}
#support_container .padtop40 {padding-top:40px;}
#support_container .padtop60 {padding-top:60px;}
#support_container .martop40 {margin-top:40px;}
#support_container .marbot50 {margin-bottom:50px;}

#support_container .icon_h3_area h3 {font-size:22px; font-size:2.2rem; padding-bottom:32px; text-align:center;}
#support_container .icon_h3_area h3.icon_supportmail {min-height:26px; background:url(../../images/support/icon_mail.png) 0 center no-repeat; display:inline-block; padding:10px 0 10px 60px; text-align:left; box-sizing:content-box;}
#support_container .icon_h3_area h3.icon_supportphone {min-height:26px; background:url(../../images/support/icon_phone.png) 0 center no-repeat; display:inline-block; padding:10px 0 10px 60px; text-align:left; box-sizing:content-box;}

.support_overview {max-width:860px; padding:0 20px 54px 20px; margin:0 auto;}
.support_overview p {padding-bottom:24px;}
.support_wid_980 {max-width:1020px; padding:0 20px 54px 20px; margin:0 auto;}
.support_index_kakomi_area {max-width:980px;background-color:#efefef; padding:50px 60px 60px 60px; text-align:center;}
.support_index_kakomi_area2 {max-width:980px;background-color:#efefef; padding:50px 60px 60px 60px; text-align:center;}
.support_index_kakomi_inner {background-color:#FFF; padding:32px;
border-radius:10px;
-webkit-border-radius:10px;/* for Safari and Chrome */
-moz-border-radius:10px; /* for Firefox */
-o-border-radius:10px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
.support_index_kakomi_inner.textleft {text-align:left;}

#support_container .link_btn_area_ul {font-size:0; text-align:center;}
#support_container .link_btn_area_ul li {width:44%; max-width:310px; margin:0 20px; display:inline-block; vertical-align:top;}
#support_container .link_btn_area {padding-bottom:30px;}
#support_container .link_btn_area.link_btn_note {padding-bottom:15px;}
#support_container .link_btn_area.link_btn_note p {font-size:11px; font-size:1.1rem; line-height:1.2; text-align:left; text-indent:-1em; padding:8px 0 0 1em;}

.support_overview_btn_area { padding:0 60px;}
.support_overview .link_btn_area {width:44%; max-width:310px;}
.support_overview .link_btn_area {width:44%; max-width:310px;}
.support_overview_btn_area02 {}
.support_overview_btn_area02 .link_btn_area {width:auto; max-width:310px;}

.freedial_area {border-bottom:2px solid #efefef; text-align:center; padding:20px 0 30px 0; margin-bottom:30px;}
.freedial_area img {max-width:66px;}
.freedial_area a {text-decoration: none; color: #676969; font-weight: bold; font-size: 3em;}
.mobile_area { text-align:center; padding-bottom:20px;}
.mobile_area h4 {font-size:14px; font-size:1.4rem; padding-bottom:14px;}
.mobile_area img {max-width:35px;}
.mobile_area a {text-decoration: none; color: #676969; font-size: 2.3em;}

.mail_link_btn_area {padding-top:46px;}
#supportphone_area {padding-top:46px;}
#supportphone_area h4 {font-size:16px; font-size:1.6rem;}
#supportphone_area p { line-height:1.6;}
#supportphone_area .mobile_area h4 {font-size:14px; font-size:1.4rem;padding-bottom:18px;}
#supportphone_area_left {width:48%; float:left;}
#supportphone_area_right {width:48%; float:right;}
#supportphone_area_right .freedial_area {padding:48px 0 30px;}
#supportphone_area_right .freedial_area.freedial_area2020 {padding:20px 0 30px;}
#supportphone_area_right .mobile_area,
#supportphone_area_right .mobile_area h4 {padding-bottom:0;}

#supportphone_area2020 {padding-top:46px;}
#supportphone_area2020 h4 {font-size:16px; font-size:1.6rem;}
#supportphone_area2020 p { line-height:1.6;}
#supportphone_area2020 .mobile_area h4 {font-size:14px; font-size:1.4rem;padding-bottom:18px;}

#support_annou { padding:46px 0 0 0;}
#support_annou p {}

/* 202004 お知らせ追加 */
.support_annou {padding:46px 0 0 0;}
.support_annou02 {padding:46px 0 20px 0;}


/*!------------------------------------*\
    Tablet
\*!------------------------------------*/
@media screen and (max-width: 981px) {
.stores_wid_980 {padding:0 20px;}
#stores_index_navi_area {max-width:1020px; padding:40px 20px; margin:0 auto;}
#stores_index_navi_area ul li dt {text-align:center;}
#stores_index_navi_area ul li dt {width:100%; max-width:31%; height:auto; padding:20px 6% 0 6%; margin:0 auto; text-align:center; float:none;}
#stores_index_navi_area ul li dd {width:100%; height:auto; margin-left:0; padding:20px 0;text-align:center;}
#stores_index_navi_area ul li dd p { height:auto; width:100%; display:block; vertical-align:middle; margin:0 auto;}

.stores_index_section .icon_h3_area,.stores_sub_section .icon_h3_area {padding-bottom:28px;}
.icon_h3_area p {font-size:16px; font-size:1.6rem; padding:28px 20px 0 20px;}
.stores_pickupstores_list li {padding:20px;}
.stores_kakomi_pickupstores_area { padding:30px 30px 40px 30px;}
.stores_kakomi_pickupstores_area .link_btn_area {padding-top:20px;}


#support_container .link_btn_area_ul li {width:44%; max-width:310px; margin:0 3%; display:inline-block;}

#supportphone_area_left {width:100%; float:none; margin-bottom:30px;}
#supportphone_area_right {width:100%; float:none;}
#supportphone_area_right .freedial_area {padding:20px 0 30px;}
}


@media screen and (max-width: 681px) {
#support_container .link_btn_area_ul li {width:100%; max-width:310px; margin:0; display:inline-block;}
.support_overview .link_btn_area {width:100%; max-width:310px;}
}

/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {
.mainimg_support_index {background:url(../../images/support/support_main01.jpg) center center no-repeat #004440; background-size:cover;}
#support_container {width:100%; padding:35px 0 10px 0;}
#support_container h3 {font-size:22px; font-size:2.2rem; padding-bottom:32px;}
#support_container h4 {padding-bottom:20px;}
#support_container p {font-size:14px; font-size:1.4rem; line-height:1.8; letter-spacing:0;}
#support_container .padbot10 {padding-bottom:10px;}
#support_container .padbot24 {padding-bottom:24px;}
#support_container .padbot32 {padding-bottom:20px;}
#support_container .padbot50 {padding-bottom:24px;}
#support_container .padtop40 {padding-top:40px;}
#support_container .padtop60 {padding-top:30px;}
#support_container .martop40 {margin-top:20px;}
#support_container .marbot50 {margin-bottom:30px;}

#support_container .icon_h3_area h3 {font-size:22px; font-size:2.2rem; padding-bottom:32px; text-align:center;}
#support_container .icon_h3_area h3.icon_supportmail {min-height:26px; background:url(../../images/support/icon_mail.png) 0 center no-repeat; display:inline-block; padding:10px 0 10px 60px; text-align:left; box-sizing:content-box;}

.support_wid_980 {max-width:1020px; padding:0 10px 54px 10px; margin:0 auto;}
.support_index_kakomi_area {max-width:980px;background-color:#efefef; padding:20px 20px 20px 20px; text-align:center;}
.support_index_kakomi_inner {background-color:#FFF; padding:20px;}

#support_container .link_btn_area {padding-bottom:20px;}
.support_overview_btn_area { padding:0 10px;}

.freedial_area {padding:10px 0 20px 0; margin-bottom:20px;}
.freedial_area img {max-width:50px;}
.freedial_area a {text-decoration: none; color: #676969; font-weight: bold; font-size: 2.5em;}	
.mobile_area { text-align:center; padding-bottom:0;}
.mobile_area h4 {font-size:14px; font-size:1.4rem; padding-bottom:14px;}
.mobile_area img {max-width:35px;}
.mobile_area a {text-decoration: none; color: #676969; font-size: 1.8em;}	

.mail_link_btn_area {padding-top:26px;}
#supportmail_area {padding-top:26px;}
#supportphone_area,
#supportphone_area2020 {padding-top:26px;}


#support_annou { padding:26px 0 0 0; }
#support_annou p {text-align:left;}

}