@charset "UTF-8"; /* CSS Document */

/*
Theme Name: PTP Corporate
Author: AXIS Inc.
Description: PTPコーポレートウェブサイト用テーマです。
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: PTP
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* CSS Reset
********************************************************************************/
* {
    outline: 0;
    outline: none;
    margin: 0;
    padding: 0;
    zoom: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    outline: 0;
    outline: none;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "palt";
}
ol, ul {
    list-style: none;
}
a {
    cursor: pointer !important;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
    opacity: 0.5;
}
hr {
    width: 0px !important;
    height: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 0px !important;
    line-height: 0px !important;
    border: 0px !important;
    overflow: hidden !important;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}
/* Basic

********************************************************************************/
.clrdisp {
    width: 0px !important;
    height: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 0px !important;
    line-height: 0px !important;
    border: 0px !important;
    overflow: hidden !important;
}
.hidden {
    opacity: 0;
}
.spView {
    display: none !important;
}
.pcView {
    display: block !important;
}
.cboth {
    clear: both;
}
.clr {
    margin: 0px -1px -1px 0px;
    border: 0px;
    padding: 0px;
    width: 1px;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
}
.cfix:before, .cfix:after {
    content: "";
    display: table;
}
.cfix:after {
    clear: both;
}
.cfix {
    zoom: 1;
} /* for IE6/7 */
img {
    display: block;
    font-size: 0px;
    line-height: 0px;
    -webkit-backface-visibility: hidden;
}
/* Text

********************************************************************************/
.tx-left {
    text-align: left !important;
}
.tx-center {
    text-align: center !important;
}
.tx-right {
    text-align: right !important;
}
.tx-vcenter {
    display: table-cell;
    vertical-align: middle;
}
/*******************/
a {
    color: #333333;
    text-decoration: none;
}
a img {
    outline: 0;
    outline: none;
    border: 0px;
}
a:hover {
    color: #ff6633;
    text-decoration: none;
}
/*******************/
.tx-wt {
    color: #ffffff;
}
.tx-gry {
    color: #666666;
}
.tx-red {
    color: #cc0000;
}
.tx-key01 {
    color: #ff6633;
}
p.reg {
    text-justify: inter-word;
}
.caps {
    padding-top: 25px;
    display: block;
}
.dimTxt {
    height: 18px;
    margin-bottom: -2px;
    padding: 10px 0px;
    display: inline-block;
    position: relative;
}
.dimTxt img {
    width: auto;
    height: 100%;
}
/* テキストハイライト

 /*******************/
::selection {
    background-color: #ff6633;
    color: #fff;
}

.cntBox p::-webkit-selection, .cntBox ul li::-webkit-selection, .cntBox strong::-webkit-selection {
    background-color: #ff6633;
    color: #fff;
}
.cntBox p::-moz-selection, .cntBox ul li::-moz-selection, .cntBox strong::-moz-selection {
    background-color: #ff6633;
    color: #fff;
}
.cntBox p::selection, .cntBox ul li::selection, .cntBox strong::selection {
    background-color: #ff6633;
    color: #fff;
}
/*******************/ :placeholder-shown {
    color: #999999;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */ ::-webkit-input-placeholder {
    color: #999999;
}
/* Firefox 19+ */ ::-moz-placeholder {
    color: #999999;
}
/* IE 10+ */ :-ms-input-placeholder {
    color: #999999;
}
/* body

********************************************************************************/
html, body {
    width: 100%;
    height: 100%;
}
body {
    position: relative;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    color: #333333;
    background-color: #333333;
}
.wrapper {
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
}
/* header

********************************************************************************/
header {
    width: 100%;
    position: fixed;
    z-index: 300;
    top: 0;
    left: 0;
    //overflow-x:hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#article-page header {
    background-color: #ffffff;
}
.headerArea {
    padding: 40px;
    display: flex;
    align-items: center;
}
.headerArea:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.headerArea.bgShow {
    background-color: rgba(255, 255, 255, 1);
}
/* logoArea

**************************************/
.logoArea {
    width: 94px;
    height: 32px;
    background-image: url("../img/common/img_logo.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    float: left;
    margin-right: auto;
}
.logoArea a {
    width: 94px;
    height: 32px;
    display: block;
}
/* gNavi (PC)

**************************************/
.gnaviArea-sp .gnaviWrap{
    display:flex;
    justify-content: center;
}

.gnaviArea-sp .gnaviWrap nav{
    margin-left: auto;
    margin-right: 0;
}

.gNaviArea {
    padding: 7px 0px;
    float: right;
}
.gNavi {
    display: block;
}
.gNavi:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.gNavi li {
    padding-left: 40px;
    display: block;
    float: left;
}
.gNavi li a {
    display: block;
}
.gNavi li a.active {
    color: #ff6633 !important;
}
.gNavi li.sp {
    display:none;
}
/* localNaviArea

**************************************/
.localNaviArea {
    width: 100%;
    background-color: #eeeeee;
}
.localNavi {
    max-width: 1080px;
    margin: 0px auto;
    display: block;
}
.localNavi:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.localNavi li {
    padding: 15px 0px;
    display: block;
    float: left;
    text-align: center;
}
.localNavi.twoMenu li {
    width: 50%;
}
.localNavi.threeMenu li {
    width: 33.33%;
}
.localNavi.fourMenu li {
    width: 25%;
}
.localNavi.fiveMenu li {
    width: 20%;
}
.localNavi.sixMenu li {
    width: 16.66%;
}
.localNavi.sevenMenu li {
    width: 14.28%;
}
.localNavi li a {
    display: block;
}
.localNavi li a.active {
    color: #ff6633 !important;
}
/* Contents

********************************************************************************/
.contents {
    max-width: 1130px;
    margin: 0px auto;
    padding: 0px 25px;
    box-sizing: border-box;
}
#article-page .contents {
    margin-top: 230px;
}
#article-page .contents.noLocalMenu {
    margin-top: 180px;
}
#article-page .contents.full {
    max-width: none;
    margin: 0px;
    padding: 0px;
}
/* mainArea

**************************************/
.mainArea {
    //margin-top:-13px;
    position: relative;
}
.mainArea .titleArea {
    padding-bottom: 20px;
}
#article-page .mainArea .titleArea {
    padding-bottom: 80px;
}
#article-page .contents.full .mainArea .titleArea {
    max-width: 1130px;
    margin: 0px auto;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
}
.cntNarrow {
    max-width: 810px;
    margin: 0px auto;
}
/* cntBgArea

**************************************/
.cntBgArea {
    padding: 75px 0px 100px 0px;
    position: relative;
}
.cntBgArea.first {
    padding: 230px 0px 100px 0px;
}
.cntBgArea.first.noLocalMenu {
    padding: 180px 0px 100px 0px;
}
.cntBgArea.noSpcTop {
    padding: 0px 0px 100px 0px;
}
.cntBgArea .fixImgArea {
    width: 410px;
    height: 419px;
    position: absolute;
    top: 125px;
    right: 0px;
}
.cntBgArea .fixImgArea img {
    width: 100%;
}
.bg-wt {
    background-color: #ffffff;
}
.bg-gry {
    background-color: #f4f4f4;
}
.bg-key01 {
    background-image: url("../img/common/bg_contents.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
}
.cntBgArea .clmBox h3 {
    padding-bottom: 60px;
    display: block;
}
.cntBgArea .clmBox h3.minSpc {
    padding-bottom: 30px;
}
.cntBgArea .clmBox p.btmSpc {
    padding-bottom: 45px;
}
/* betweenImgArea

**************************************/
.betweenImgArea {
    position: relative;
}
.betweenImgArea img {
    width: 100%;
}
/* shTitle

**************************************/
.shTitle {
    position: absolute;
    top: 0px;
    left: 40px;
    -moz-transform-origin: 0px 0px;
    -webkit-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    letter-spacing: 0.1em;
}
/* cntBox

**************************************/
.cntBox {
    padding: 0px 0px 100px 0px;
    position: relative;
}
#article-page .contents.full .cntBox {
    max-width: 1130px;
    margin: 0px auto;
    padding: 0px 25px;
    //padding-bottom:100px;
    box-sizing: border-box;
    position: relative;
    z-index: 50;
}
/* pullDownArea

**************************************/
.pullDownArea {
    margin: 0px 0px 30px 0px;
    position: relative;
}
.pullDown {
    max-width: 200px;
    position: relative;
}
.pullDown .menuBody {
    top: 51px;
    z-index: 200;
}
/*FFハック*/
.firefox .pullDown .menuBody {
    top: 53px;
}
.pullDown .currentBtn {
    max-width: 200px;
    margin: 0px auto;
    padding: 15px;
    border: 1px solid #cccccc;
    position: relative;
    box-sizing: border-box;
}
.pullDown .currentBtn .arwBox {
    width: 50px;
    height: 100%;
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    position: absolute;
    top: -1px;
    right: -1px;
    background-image: url("../img/common/icn_arw_down_pdown.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px 12px;
}
.pullDown:hover .currentBtn .arwBox {
    //background-color:#ff6633;	
}
.pullDown a {
    opacity: 1 !important;
    display: block;
    box-sizing: border-box;
}
.pullDown .menuBody {
    width: 100%;
    position: absolute;
    left: 0px;
    visibility: hidden;
    //z-index:-1;
}
.pullDown .menuBody.on {
    visibility: visible;
}
.pullDown .menuBody ul {
    background-color: rgba(255, 255, 255, 0.9);
}
.pullDown .menuBody ul li {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
.pullDown .menuBody ul li a {
    color: #333333;
    border-bottom: 1px solid #cccccc;
}
.pullDown .menuBody ul li a span {
    padding: 15px;
    display: block;
}
.pullDown .menuBody ul li a:hover {
    color: #ffffff;
}
.pullDown .menuBody ul li a:hover {
    background-color: #ff6633;
}
/* readMoreBtn

**************************************/
.readMoreBtn, .dimBtn {
    width: 270px;
    border: 2px solid #ff6633;
    background-color: #ffffff;
}
.keyClmBox .readMoreBtn {
    border: 2px solid #ffffff;
    background-color: transparent;
}
.contactBtnArea .readMoreBtn {
    border: 2px solid #ffffff;
    background-color: #ffffff;
}
.dimBtn {
    opacity: 0.2;
}
.readMoreBtn a, .readMoreBtn .btnBody, .readMoreBtn .dimBtnBody {
    padding: 15px;
    display: block;
    text-align: center;
    color: #ff6633;
    position: relative;
    z-index: 2;
    overflow: hidden;
    cursor: pointer;
}
.readMoreBtn .dimBtnBody {
    cursor: default;
}
.keyClmBox .readMoreBtn a {
    color: #ffffff;
}
.contactBtnArea .readMoreBtn a {
    color: #333333;
}
.readMoreBtn a:hover, .readMoreBtn .btnBody:hover {
    color: #ffffff;
    opacity: 1 !important;
}
.keyClmBox .readMoreBtn a:hover {
    color: #ff6633;
}
.readMoreBtn a, .readMoreBtn a::before, .readMoreBtn a::after, .readMoreBtn .btnBody, .readMoreBtn .btnBody::before, .readMoreBtn .btnBody::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.readMoreBtn a::before, .readMoreBtn a::after, .readMoreBtn .btnBody::before, .readMoreBtn .btnBody::after {
    -webkit-transition: all .3s;
    transition: all .3s;
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.readMoreBtn a::after, .readMoreBtn .btnBody::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}
.readMoreBtn a:hover::after, .readMoreBtn .btnBody:hover::after {
    background: #ff6633;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.keyClmBox .readMoreBtn a:hover::after {
    background: #ffffff;
}
.contactBtnArea .readMoreBtn a:hover::after {
    background: #444444;
}
.readMoreBtn.btmSpc {
    margin-bottom: 50px;
}
.clmBox .twoClm .readMoreBtn {
    margin-top: 30px;
}
.tx-center .readMoreBtn {
    margin-top: 30px;
    display: inline-block;
}
/* subLinkBtn

**************************************/
.subLinkBtn {
    min-height: 24px;
    padding-top: 3px;
    padding-left: 35px;
    color: #ff6633;
    background-image: url("../img/common/icn_arw_left_sublink_off.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 24px 24px;
    box-sizing: border-box;
    display: inline-block;
}
.subLinkBtn:hover {
    background-image: url("../img/common/icn_arw_left_sublink_on.png");
}
/* servicesBnr

**************************************/
.servicesBnr {
    width: 100%;
}
.servicesBnr ul {
    margin-left: -5px;
    padding: 0px !important;
    display: block;
}
.servicesBnr ul:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.servicesBnr ul li {
    width: 33.33%;
    display: block;
    float: left;
}
.servicesBnr ul li a {
    margin-left: 5px;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1 !important;
}
.servicesBnr ul li a img {
    width: 100%;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    box-shadow: #000 0 0 0;
}
.servicesBnr ul li a:hover {
    opacity: 1;
}
.servicesBnr ul li a:hover img {
    opacity: 0;
}
/* clmBox

**************************************/
.clmBox {
    border: 5px solid #f6f6f6;
    background-color: #ffffff;
}
.clmBox.simple {
    border: 0px;
    background: none;
}
.clmBox .textArea.btmSpc {
    padding-bottom: 40px;
}
.clmBox .twoClm {
    padding: 60px;
    border: 1px solid #cccccc;
}
.clmBox.simple .twoClm {
    padding: 0px;
    border: 0px;
}
.clmBox .twoClm.passion, .clmBox .twoClm.ggMap {
    padding: 0px;
}
.clmBox .twoClm:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.clmBox .twoClm .textArea {
    width: 66%;
    float: left;
}
.clmBox.simple .twoClm .textArea {
    width: 50%;
    float: right;
}
.clmBox.simple .twoClm.imgRight .textArea {
    width: 66%;
    float: left;
}
.clmBox .passion .textArea {
    width: 61%;
    padding: 60px;
    box-sizing: border-box;
}
.clmBox .ggMap .textArea {
    width: 50%;
    padding: 60px;
    box-sizing: border-box;
}
.clmBox .twoClm .textArea h3, .clmBox .twoClm .textArea p {
    padding-right: 40px;
    padding-bottom: 45px;
    display: block;
}
.clmBox.simple .twoClm .textArea p {
    padding: 0px 0px 0px 70px !important;
}
.clmBox .twoClm.imgRight .textArea p {
    padding: 0px 30px 0px 0px !important;
}
.clmBox.simple .twoClm .textArea img {
    max-width: 218px;
    padding: 50px 0px 50px 70px;
}
.clmBox.simple .twoClm .textArea .fixW {
    width: 87%;
    min-width: 370px;
    padding: 0px;
    float: right;
}
.clmBox.simple .twoClm .textArea .fixW p {
    padding: 0px !important;
}
.clmBox.simple .twoClm .textArea .fixW img {
    padding: 50px 0px;
}
.clmBox .passion .textArea h3, .clmBox .passion .textArea p {
    padding-right: 0px;
}
.clmBox .ggMap .textArea p {
    padding-right: 0px;
    padding-bottom: 15px;
}
.clmBox .twoClm .imgArea {
    width: 34%;
    float: right;
}
.clmBox.simple .twoClm .imgArea {
    width: 50%;
    float: left;
}
.clmBox.simple .twoClm.imgRight .imgArea {
    width: 34%;
    max-width: none;
    padding: 0px;
    float: right;
}
.clmBox .passion .imgArea {
    width: 39%;
    height: 100%;
    float: right;
    overflow: hidden;
    position: relative;
}
.clmBox .ggMap .imgArea {
    width: 50%;
}
.clmBox .passion .imgArea img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.clmBox .imgArea img {
    width: 100%;
}
.clmBox.simple .inTwoClm {
    width: 100%;
    padding-top: 75px;
}
.clmBox.simple .inTwoClm:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.clmBox.simple .inTwoClm .textArea {
    width: 68%;
    float: right;
}
.clmBox.simple .inTwoClm .textArea p {
    display: block;
    padding: 0px !important;
}
.clmBox.simple .inTwoClm .imgArea {
    width: 32%;
    float: left;
}
.clmBox.simple .inTwoClm .imgArea img {
    max-width: 212px;
    margin: 0px auto;
    padding-top: 115px;
}
.clmBox.cntNarrow .imgArea {
    max-width: 380px;
    margin: 0px auto;
    padding-bottom: 40px;
}
.clmBox.cntNarrow .imgArea.wide {
    max-width: none;
}
.clmBox.cntNarrow .imgArea img {
    width: 100%;
}
/* snsBtn

**************************************/
.snsBtn {
    width: 100%;
    margin-left: -15px;
    padding-bottom: 40px;
}
.snsBtn:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.snsBtn a {
    width: 50px;
    height: 50px;
    float: left;
}
.snsBtn a img {
    width: 100%;
}
/* googleMapAPI

**************************************/
#ggMapArea {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#ggMapArea.wide {
    width: 100%;
    height: 100%;
    padding-bottom: 55%;
}
/* keyClmBox

**************************************/
.keyClmBox {
    border: 5px solid #f6f6f6;
    color: #ffffff;
    background-image: url("../img/common/bg_contents.jpg");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
}
.keyClmBoxBody {
    padding: 100px 100px 70px 100px;
}
.keyClmBoxBody .textArea {
    width: 100%;
}
.keyClmBoxBody .textArea h3 {
    padding-right: 0px;
    padding-bottom: 50px;
    display: block;
}
.keyClmBoxBody .textArea p {
    max-width: 830px;
    margin: 0px auto;
    padding-right: 0px;
    padding-bottom: 65px;
    display: block;
}
.keyClmBoxBody .textArea h3 {
    text-align: center;
}
.keyClmBoxBody .textArea .readMoreBtn {
    margin: 0px auto;
}
/* tabList

**************************************/
.tabList .tabBtnArea {
    margin: -5px;
    overflow: hidden;
}
.tabList .tabBtnArea ul:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.tabList .tabBtnArea ul li {
    width: 50%;
    float: left;
}
.tabList .tabBtnArea ul li.active {
    opacity: 1 !important;
}
.tabList .tabBtnArea ul li:hover {
    opacity: 0.8;
}
.tabList .tabBtnArea ul li label {
    display: block;
    cursor: pointer;
    margin: 5px;
    padding: 15px 20px;
    box-sizing: border-box;
    background-color: #f4f4f4;
}
.tabList .tabBtnArea ul li label .reg {
    padding-bottom: 8px;
    display: block;
}
.tabList .tabBtnArea ul li label .xsml {
    color: #ff6633;
    display: block;
}
.tabList .tabBtnArea ul li.active label {
    background-color: #333333;
}
.tabList .tabBtnArea ul li.active label .reg {
    color: #ffffff;
}
.panel-radios {
    display: none;
}
.tabList .panels {
    padding-top: 10px;
}
.tabList .panels .tabCntBody {
    height: 0;
    opacity: 0;
    -moz-transition: opacity 600ms;
    -webkit-transition: opacity 600ms;
    transition: opacity 600ms;
    overflow-y: hidden;
}
.tabList .panels .tabCntBody .readMoreBtn {
    margin: 0px auto;
    margin-top: 50px;
}
.tabList dd li {
    border: 0px !important;
    padding: 0px 0px 0px 20px !important;
    background-image: url("../img/common/icn_dot.png");
    background-repeat: no-repeat;
    background-position: 0px 16px;
}
.tabList .dlList dd span {
    display: inline;
}
/* dlList

**************************************/
.dlList {
    border-bottom: 1px solid #999999;
}
.noLineTB {
    overflow: hidden;
}
.noLineTB .dlList {
    margin-top: -1px;
    border: 0px;
}
.dlList dt {
    float: left;
    width: 270px;
    border-top: 1px solid #999999;
    padding: 20px 0px;
}
.dlList.dtNarrow dt {
    width: 135px;
}
.dlList dd {
    margin-left: 270px;
    padding: 20px 0px;
    border-top: 1px solid #999999;
}
.dlList.dtNarrow dd {
    margin-left: 135px;
}
.dlList dd span {
    display: block;
}
.dlList dd span.tx-key01 {
    display: inline;
}
.dlList dd .subLinkBtn {
    margin: 10px 0px 5px 0px;
    display: inline-block;
}
.dlList dd .subLinkBtn.oneLine {
    margin: 5px 0px;
}
.dlList dd ul li {
    border-bottom: 1px dotted #000000;
    padding: 20px 0px;
}
.dlList dd ul li:first-child {
    padding: 0px 0px 20px 0px;
}
.dlList dd ul li:last-child {
    padding: 20px 0px 0px 0px;
    border: 0px;
}
.dlList dd a.txtLink {
    display: inline-block;
}
/* newsList

**************************************/
.newsList .dlList {
    border-bottom: 1px solid #999999;
}
#article-page .newsList .dlList dt {
    padding: 40px 0px;
}
#article-page .newsList .dlList dd {
    padding: 40px 0px;
}
.newsList .dlList dd p a {
    margin: 10px 0px 5px 0px;
    min-height: 24px;
    padding-top: 3px;
    padding-left: 35px;
    color: #ff6633;
    background-image: url("../img/common/icn_arw_left_sublink_off.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 24px 24px;
    box-sizing: border-box;
    display: inline-block;
}
.newsList .dlList dd p a:hover {
    background-image: url("../img/common/icn_arw_left_sublink_on.png");
}
.newsList .readMoreBtn {
    margin: 0px auto;
    margin-top: 50px;
}
/* ulList

**************************************/
.ulList li {
    border-bottom: 1px dotted #000000;
    padding: 25px 0px;
}
.ulList.qa li {
    padding: 40px 0px;
}
.ulList li:first-child {
    padding-top: 0px;
}
.ulList li:last-child {
    border: 0px;
}
.ulList.qa li:last-child {
    padding-bottom: 0px;
}
.ulList li h3 {
    padding-bottom: 10px !important;
}
.ulList.qa li h4 {
    padding-bottom: 40px !important;
}
.ulList .vipBox {
    padding: 45px 0px;
    border: 0px;
}
.ulList .vipBox:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.ulList .vipBox .imgArea {
    width: 35%;
    padding-bottom: 0px;
    float: left;
}
.ulList .vipBox .imgArea img {
    width: 100%;
}
.ulList .vipBox .textArea {
    width: 65%;
    padding-left: 30px;
    float: right;
    box-sizing: border-box;
}
.ulList .vipBox .textArea h3 {
    margin-top: -10px;
}
.ulList.qa li ul li {
    border: 0px !important;
    padding: 0px 0px 0px 20px !important;
    background-image: url("../img/common/icn_dot_key01.png");
    background-repeat: no-repeat;
    background-position: 0px 16px;
}
/* dotList

**************************************/
.dotList li {
    border: 0px !important;
    padding: 0px 0px 0px 20px !important;
    background-image: url("../img/common/icn_dot.png");
    background-repeat: no-repeat;
    background-position: 0px 16px;
}
.dotList.key01 li {
    background-image: url("../img/common/icn_dot_key01.png");
    background-repeat: no-repeat;
    background-position: 0px 16px;
}
/* carouselArea

**************************************/
.carouselArea {
    margin: 0px;
    overflow: hidden;
}
.carouselArea .carousel {
    //max-width:1086px;
    margin: 0px auto;
    padding: 0px 0px 9px 0px;
}
.carouselArea .carousel img {
    width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    font-size: 0px;
    line-height: 0px;
}
.carouselArea .carousel .slick-next, .carouselArea .carousel .slick-prev {
    width: 16px;
    height: 60px;
    margin-top: -9px;
    z-index: 1;
    background-color: transparent;
    opacity: 0;
    visibility: hidden;
}
.carouselArea .carousel:hover .slick-next, .carouselArea .carousel:hover .slick-prev {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.8s;
    -moz-transition: opacity 0.8s;
    transition: opacity 0.8s;
}
.carouselArea .carousel .slick-next {
    right: 17px;
    background-image: url("../img/common/icn_arw_right.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.carouselArea .carousel .slick-prev {
    left: 17px;
    background-image: url("../imgs/common/icn_arw_left.png");
    background-repeat: no-repeat;
    background-position: center center;
}
#top-page .carouselArea {
    overflow: visible;
}
#top-page .carouselArea .carousel.move li a {
    background: none !important;
}
#top-page .carouselArea .carousel .slick-next {
    right: -25px;
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
}
#top-page .carouselArea .carousel .slick-prev {
    left: -25px;
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
}
.carouselArea .carousel .slick-dots {
    height: 4px;
    padding: 0px;
    z-index: 100;
    line-height: 0px;
    font-size: 0px;
    text-align: left;
}
.carouselArea .carousel .slick-dots li {
    height: 4px;
    margin: 0px 5px 0px 0px;
    display: inline-block;
}
.carouselArea .carousel .slick-dots .point {
    width: 80px;
    height: 4px;
    background-color: #cccccc;
}
.carouselArea .carousel .slick-dots .slick-active .point {
    background-color: #aaaaaa;
}
/* footer

********************************************************************************/
footer {
    background-color: #333333;
    position: relative;
}
.footerBody {
    max-width: 1130px;
    margin: 0px auto;
}
/* pageTopBtn

**************************************/
footer .pageTopBtn {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -70px;
    right: 20px;
}
footer .pageTopBtn a {
    width: 50px;
    height: 50px;
    background-image: url("../img/common/icn_arw_pagetop.png");
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
}
/* contactBtnArea

**************************************/
.contactBtnArea {
    width: 100%;
    padding: 30px 0px;
    background-color: #444444;
}
.contactBtnArea .readMoreBtn {
    margin: 0px auto;
}
/* footerNavi

**************************************/
footer .footerNavi {
    width: 100%;
    padding: 40px 0px;
}
footer .footerNavi:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
footer .fNaviList {
    width: 100%;
    padding: 0px 25px;
    float: left;
    box-sizing: border-box;
    display: flex;
}
footer .fNaviList > div {
    width: 25%;
}
footer .fNaviList input {
    display: none;
}
footer .fNaviList a {
    display: block;
}
footer .fNaviList h3 {
    padding-bottom: 20px;
    color: #ffffff;
}
footer .fNaviList ul li {
    padding-bottom: 15px;
}
footer .fNaviList ul li a {
    color: #cccccc;
}
/* copyright

**************************************/
footer .copyright {
    width: 100%;
    padding: 0px 25px 15px 25px;
    color: #999999;
    box-sizing: border-box;
}
/* IEハック

********************************************************************************/
/*IE ALL*/
.ie {}
/* firefoxハック

********************************************************************************/
.firefox {}
/* chromeハック

********************************************************************************/
.chrome {}
/* safariハック

********************************************************************************/
.safari {}