@charset "UTF-8";
@import url("../common/common.css");
@import url("../common/base.css");



/*----- 会社案内 設定 ----------------------------------------------------*/


/*----- 各セクション 設定 ----------------------------------------------------*/

section.sectionWrap{ position:relative; width:100%; padding:30px 0; float:left; }
.sectionWrap2{ background:#f3f7ff; }
.sectionWrap3{ background:url('../../img/companyprolife/section_contact_bg.jpg') no-repeat; background-size:cover; background-position:top center;}

div.sectionArea{ width:1200px; margin:0 auto; }

h2.sectionTit{ width:100%; padding:30px 0; text-align:center; line-height:1.2em; float:left; }
h2.sectionTit2{ width:100%; padding:30px 0; text-align:left; line-height:1.2em; float:left; }
h2.sectionTit strong,
h2.sectionTit2 strong{ font-size:2em; font-weight:bold; }
h2.sectionTit small,
h2.sectionTit2 small{ font-size:1em; font-weight:normal; letter-spacing:0.2em; line-height:0em; }

.icon {
    margin-right: 10px;
    font-size: 1em;
    vertical-align: middle;
}

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){
 
    div.sectionArea{ width:96%; }
    
    h2.sectionTit{ padding:10px 0; text-align:center; line-height:1.2em; float:left; }
    h2.sectionTit2{ padding:10px 0; text-align:left; line-height:1.2em; float:left; }
    h2.sectionTit strong,
    h2.sectionTit2 strong{ font-size:1em; }
    h2.sectionTit small,
    h2.sectionTit2 small{ font-size:0.6em; }
    
}

/*----- 会社案内 設定 ----------------------------------------------------*/

div.introArea{ width:100%; padding:40px 0; text-align:center; float:left; }
.introArea_tit{ width:100%; padding-bottom:30px; font-size:1.6em; float:left; }
.introArea_text{ width:90%; padding:0 5%; flaot:left; }
.introArea_text p{ padding-bottom:1.7em; }

div.campanyprofileBox{ width:90%; padding:0 5%; float:left; }
.company_profile { border-top: 1px solid #ddd; }
.company_profile > div { display: flex; border-bottom: 1px solid #ddd; padding: 10px 0; }
.company_profile dt { width: 180px; font-weight: bold; text-align:right; }
.company_profile dd { margin:0 0 0 3em; flex: 1; }
.company_profile dd ol { display: block; counter-reset: num; margin: 0; list-style: none; }
.company_profile dd ol li { position: relative; margin-bottom: 4px; padding-left: 1.5em; }
.company_profile dd ol li::before { counter-increment: num; content: counter(num) "."; position: absolute; left: 0; }




/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){
 
    .introArea_tit{ font-size:1.1em; float:left; }
    .introArea_text{ width:100%; padding:0; }
    
    div.campanyprofileBox{ width:100%; padding:0; }
    .company_profile > div { display: block; }
    .company_profile dt { width: 100%; text-align: left; margin-bottom: 5px; }
    .company_profile dd { margin: 0; }
    
}


/*----- Contact 設定 ----------------------------------------------------*/

div.contactBtnArea{ display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; padding:20px 5%; float:left; }

div.cotactBtnBox{ width:46%; padding:15px 0; border:1px solid #131c2e; background-color:#f3f7ff; text-align:center; }
.cotactBtnBox h3{ width:100%; padding-bottom:15px; font-size:2em; font-weight:normal; float:left; }
.cotactBtnBox p{ width:100%; padding-bottom:20px; float:left; }
.cotactBtnBox_tel{ width:100%; font-size:2em; font-weight:bold; float:left; }
.cotactBtnBox_mail{ width:100%; text-align:center; float:left; }
.cotactBtnBox_mail a{ display:inline-block; padding:10px; border:1px solid #131c2e; text-decoration:none; font-size:1.6em; font-weight:bold; }
.cotactBtnBox_mail a:hover{ text-decoration:underline; }


/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){
 
    div.cotactBtnBox{ width:100%; margin:20px 0; }
    .cotactBtnBox h3{ font-size:1.2em; }
    .cotactBtnBox_tel{ font-size:1em; font-weight:bold; float:left; }
    .cotactBtnBox_mail a{ font-size:1em; }
    
}