@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.serviceListArea{ display:flex; flex-wrap:wrap; gap:10px; width:100%; padding:0; float:left; }
div.serviceListBox{ width:24%; padding:10px 1%; text-align:center; box-sizing:border-box; border:1px solid #131c2e; }
div.serviceListBox_dummy{ background:url("../../img/ourservice/servicelistbox_dummy.png") #131c2e no-repeat; background-position:center center; background-size:60%; }
.serviceListBox_icon{ width:30%; padding:20px 35%; float:left; }
.serviceListBox_title{ width:90%; height:30px; padding:15px 5%; font-size:0.9em; font-weight:normal; border-bottom:1px solid #131c2e; float:left; }
.serviceListBox_text{ width:100%; padding:20px 0 0; font-size:0.8em; float:left; }


div.servicesDetailArea{ display:flex; flex-wrap:wrap; gap:60px 0; width:100%; padding:60px 0; float:left; }

div.servicesDetailBox{ width:100%; }
.servicesDetailBox_tit{ width:100%; padding:0 0 10px; margin:0 0 15px; border-bottom:2px solid #131c2e; font-size:1.4em; font-weight:normal; float:left; }
.servicesDetailBox_img{ width:40%; float:left; }
.servicesDetailBox_img img{ border-radius:6px; }
.servicesDetailBox_detail{ width:56%; float:right; }
.servicesDetailBox_detail_text{ width:100%; font-size:1.1em; line-height:2em; float:left;}
.servicesDetailBox_detail_btn{ width:100%; margin:100px 0 0; text-align:center; float:left; }
.servicesDetailBox_detail_btn a{ display:inline-block; padding:10px; border:1px solid #131c2e; text-decoration:none; font-size:1.6em; letter-spacing:0.2em; font-weight:bold; }
.servicesDetailBox_detail_btn a:hover{ text-decoration:underline; }

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){
    
    div.serviceListBox{ width:48%; }
    div.serviceListBox_dummy{ display:none; }
    
    div.servicesDetailArea{ gap:50px 0; width:100%; padding:40px 0; }
    
    .servicesDetailBox_tit{ font-size:1em; }
    .servicesDetailBox_img{ width:50%; padding:0 25%; text-align:center; }
    .servicesDetailBox_detail{ width:100%; padding:20px 0 0; float:right; }
    .servicesDetailBox_detail_btn{ margin:20px 0 0; }
    
}

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:480px){
    
    div.serviceListBox{ width:100%; }
    .serviceListBox_title{ height:auto; }
    .serviceListBox_title{ font-size:1em; }
    
}