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

/*********************************************************************
*
* Copyright (c) CUBIC DESIGN INC.
*
* Url : http://www.cubicdesign.co.jp
*
* Built       : 2017/04/15
* Last update : 2017/04/17
* Made by     : Murata Hiroyuki
* Updated by  : Murata Hiroyuki
*
**********************************************************************/


/*************************************************************************************************************************
* 画面幅：680px 以下
*************************************************************************************************************************/

.title{ position: relative; overflow: hidden;}

.title h2{ position: absolute; top: 30px;}
.saito .title h2,
.mabuchi .title h2{ left: 15px;}
.mabuchi .title h2{ top: 22px;}
.kawamura .title h2,
.myo .title h2{ right: 15px; text-align: right;}

.title h2 span{ background: #be0716; padding: 6px 6px 6px 0; font: bold 14px/2.2 "游ゴシック",YuGothic,sans-serif; color: #fff;}
.saito .title h2 span,
.mabuchi .title h2 span{ padding: 6px 6px 6px 0;}
.kawamura .title h2 span,
.myo .title h2 span{ padding: 6px 0 6px 6px;}

.title dl{ background: #be0716; width: 37.333%; height: 220px; font: bold 15px/1 "游ゴシック",YuGothic,sans-serif; color: #fff;}
.saito .title dl{ padding: 110px 0 0 15px; float: left;}
.mabuchi .title dl{ padding: 100px 0 0 15px; float: left;}
.kawamura .title dl,
.myo .title dl{ padding: 110px 15px 0 0; float: right; text-align: right;}

.title dl dt span{ display: block; margin: 0 0 8px; font: 600 13px/1 "futura-pt",sans-serif;}
.title dl dd{ margin: 13px 0 0; font-size: 12px; line-height: 1.5;}

.title div{ width: 62.667%; height: 220px; overflow: hidden;}
.saito .title div,
.mabuchi .title div{ float: right;}
.kawamura .title div,
.myo .title div{ float: left;}

.title div img{ max-width: none; min-height: 220px;}
.saito .title div img{ width: 140%; min-width: 435px; margin: -15% 0 0 -84px;}
.kawamura .title div img{ width: 120%; min-width: 342px; margin: -7% 0 0 -55px;}
.mabuchi .title div img{ width: 110%; min-width: 331px; margin: -3% 0 0 -32px;}
.myo .title div img{ width: 130%; min-width: 380px; margin: -13% 0 0 -29px;}

@media print, screen and (max-width:374px){
  .title dl{ width: 140px;}
  .title div{ width: calc(100% - 140px);}
  .saito .title div img{ margin: -36px 0 0 calc(-84px - (375px - 100vw) / 2);}
  .kawamura .title div img{ margin: -16px 0 0 calc(-55px - (375px - 100vw) / 2);}
  .mabuchi .title div img{ margin: -7px 0 0 calc(-32px - (375px - 100vw) / 2);}
  .myo .title div img{ margin: -31px 0 0 calc(-29px - (375px - 100vw) / 2);}
}

.main-block section h4{ font: bold 14px/1.4 "游ゴシック",YuGothic,sans-serif; color: #be0716;}
.main-block section p{ margin: 1rem 0 0;}

.block01 .photo{ width: calc(100vw - 40px); height: 245px; overflow: hidden;}
.saito .block01 .photo,
.kawamura .block01 .photo{ margin: 0 -15px;}
.mabuchi .block01 .photo,
.myo .block01 .photo{ margin: 0 -15px 0 25px;}

.block01 .photo img{ max-width: none;}
.saito .block01 .photo img{ width: 538px; margin: -35px 0 0 -44px;}
.kawamura .block01 .photo img{ width: 456px; margin: -42px 0 0 -9px;}
.mabuchi .block01 .photo img{ width: 572px; margin: -39px 0 0 -98px;}
.myo .block01 .photo img{ width: 480px; margin: -45px 0 0 -67px;}

.block01 .text{ background: #fff; width: calc(100vw - 40px); padding: 25px 30px; position: relative;}
.saito .block01 .text,
.kawamura .block01 .text{ margin: -40px -15px 0 25px;}
.mabuchi .block01 .text,
.myo .block01 .text{ margin: -40px 25px 0 -15px;}

.block01 .text::before{ content: ""; background: #efddd9; width: 100vw; height: calc(100% + 80px); position: absolute; top: -40px; z-index: -1}
.saito .block01 .text:before,
.kawamura .block01 .text:before{ left: -40px;}
.mabuchi .block01 .text:before,
.myo .block01 .text:before{ right: -40px;}

.block02{ margin: 40px 0 0;}
.block02 .photo{ height: 160px; margin: 0 -15px 24px; position: relative; overflow: hidden;}
.block02 .photo::before,
.block02 .photo::after{ content: ""; width: calc(100% - 220px); height: 100%; position: absolute; top: 0; z-index: 2;}

.saito .photo::before{ background: linear-gradient(to right, rgba(207,214,219,1) 80%,rgba(207,214,219,0) 100%); right: 500px;}
.kawamura .photo::before{ background: linear-gradient(to right, rgba(237,239,247,1) 80%,rgba(207,214,219,0) 100%); right: 450px;}
.mabuchi .photo::before{ background: linear-gradient(to right, rgba(237,239,247,1) 80%,rgba(207,214,219,0) 100%); right: 400px;}
.myo .photo::before{ background: linear-gradient(to right, rgba(237,239,247,1) 80%,rgba(207,214,219,0) 100%); right: 400px;}

.saito .photo::after{ background: linear-gradient(to right, rgba(237,239,247,0) 0%,rgba(237,239,247,1) 20%); left: 500px;}
.kawamura .photo::after{ background: linear-gradient(to right, rgba(237,239,247,0) 0%,rgba(237,239,247,1) 20%); left: 400px;}
.mabuchi .photo::after{ background: linear-gradient(to right, rgba(237,239,247,0) 0%,rgba(237,239,247,1) 20%); left: 400px;}
.myo .photo::after{ background: linear-gradient(to right, rgba(237,239,247,0) 0%,rgba(237,239,247,1) 20%); left: 350px;}

.block02 .photo img{ max-width: none;}
.saito .block02 .photo img{ width: 568px; margin: -223px 0 0 calc((100% - 568px) / 2 - 10px);}
.kawamura .block02 .photo img{ width: 497px; margin: -160px 0 0 calc((100% - 497px) / 2 - 10px);}
.mabuchi .block02 .photo img{ width: 448px; margin: -161px 0 0 calc((100% - 448px) / 2 - 2px);}
.myo .block02 .photo img{ width: 418px; margin: -149px 0 0 calc((100% - 418px) / 2 - 22px);}

.additional-block ul{ margin: -10px 0 0;}
.additional-block ul li{ height: 170px; margin: 10px 0 0; position: relative; overflow: hidden;}
.additional-block ul li.saito{ background: url(../img/saito_link.jpg) no-repeat right -120px top -26px / 414px auto;}
.additional-block ul li.kawamura{ background: url(../img/kawamura_link.jpg) no-repeat right -83px top -30px / 306px auto;}
.additional-block ul li.mabuchi{ background: url(../img/mabuchi_link.jpg) no-repeat right -91px top -60px / 366px auto;}
.additional-block ul li.myo{ background: url(../img/myo_link.jpg) no-repeat right -123px top -31px / 381px auto;}

.saito .additional-block ul li.saito{ display: none;}
.kawamura .additional-block ul li.kawamura{ display: none;}
.mabuchi .additional-block ul li.mabuchi{ display: none;}
.myo .additional-block ul li.myo{ display: none;}

.additional-block ul li::before{ content: ""; background: #e6eaf4; width: calc(100% - 214px); height: 100%; position: absolute; top: 0; left: 0;}
.additional-block ul li a{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: 0 0 0 0 #be0716 inset; transition: box-shadow .3s linear;}
.additional-block ul li a:hover{ box-shadow: 0 0 0 3px #be0716 inset;}
.additional-block ul li a div{ background: rgba(255,255,255,.8); width: calc(100% - 164px); height: 150px; margin: 10px 0 0 10px; position: relative;}
.additional-block ul li a div p{ position: absolute; top: 5px; right: 5px; font: 500 27px/1 "futura-pt",sans-serif; color: #be0716;}
.additional-block ul li a div dl{ position: absolute; top: 50%; left: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font: bold 15px/1 "游ゴシック",YuGothic,sans-serif; color: #000;}
.additional-block ul li a div dl dt span{ display: block; margin: 0 0 6px; font: 600 13px/1 "futura-pt",sans-serif;}
.additional-block ul li a div dl dd{ margin: 10px 0 0; padding: 10px 0 0; position: relative; font-size: 12px; line-height: 1.5;}
.additional-block ul li a div dl dd::before{ content: ""; background: #be0716; width: 35px; height: 2px; position: absolute; top: 0; left: 0;}
.additional-block ul li a div dl dd span{ display: block; color: #be0716;}



/*************************************************************************************************************************
* 画面幅：681px 以上
*************************************************************************************************************************/
@media print, screen and (min-width:681px){
  
  .title h2{ top: 146px;}
  .saito .title h2,
  .mabuchi .title h2{ left: 56px;}
  .mabuchi .title h2{ top: 146px;}
  .kawamura .title h2,
  .myo .title h2{ right: 56px;}
  
  .title h2 span{ font-size: 28px; line-height: 1.7;}
  
  .title dl{ width: 240px; height: 570px;}
  .saito .title dl,
  .mabuchi .title dl{ padding: 310px 0 0 56px;}
  .kawamura .title dl,
  .myo .title dl{ padding: 310px 56px 0 0; font-size: 20px;}
  
  .title dl dt span{ margin-bottom: 10px; font-size: 18px;}
  .title dl dd{ margin-top: 25px; font-size: 13px;}
  
  .title div{ width: calc(100% - 240px); min-width: 780px; height: 570px;}
  .title div img{ min-height: 570px;}
  .saito .title div img{ width: 124%; min-width: 1127px; margin: -27px 0 0 -103px;}
  .kawamura .title div img{ width: 103%; min-width: 937px; margin: 0 0 0 -5px;}
  .mabuchi .title div img{ width: 101%; min-width: 919px; margin: 0 0 0 -9px;}
  .myo .title div img{ width: 111%; min-width: 1007px; margin: -39px 0 0 -4px;}
  
  .main-block section h4{ font-size: 20px; line-height: 1.5;}
  .main-block section p{ margin-top: 2rem;}
  
  .block01{ margin: 0 -20px; padding: 0 0 80px; position: relative;}
  
  .block01 .photo{ width: 700px; height: 620px;}
  .saito .block01 .photo,
  .kawamura .block01 .photo{ margin: 0;}
  .mabuchi .block01 .photo,
  .myo .block01 .photo{ margin-left: 320px;}
  
  .block01 .photo img{ max-width: none;}
  .saito .block01 .photo img{ width: 1325px; margin: -71px 0 0 -119px;}
  .kawamura .block01 .photo img{ width: 1137px; margin: -72px 0 0 -23px;}
  .mabuchi .block01 .photo img{ width: 1324px; margin: -67px 0 0 -367px;}
  .myo .block01 .photo img{ width: 1076px; margin: -85px 0 0 -244px;}
  
  .block01 .text{ width: 510px; padding: 45px 60px; position: absolute; bottom: 120px;}
  .saito .block01 .text,
  .kawamura .block01 .text{ margin: 0; right: 0;}
  .mabuchi .block01 .text,
  .myo .block01 .text{ margin: 0; left: 0;}
  
  .block01 .text::before{ width: 1020px; height: calc(100% + 20px); top: auto; bottom: -120px;}
  .saito .block01 .text:before,
  .kawamura .block01 .text:before{ left: auto; right: 0;}
  .mabuchi .block01 .text:before,
  .myo .block01 .text:before{ left: 0;}
  
  .block02{ margin-top: -30px; overflow: hidden;}
  
  .block02 .photo{ width: 450px; height: 580px; margin: 0; position: relative; overflow: hidden;}
  .saito .block02 .photo,
  .kawamura .block02 .photo{ float: right;}
  .mabuchi .block02 .photo,
  .myo .block02 .photo{ float: left;}
  
  .block02 .photo::before,
  .block02 .photo::after{ display: none;}
  
  .saito .block02 .photo img{ width: 819px; margin: -282px 0 0 -194px;}
  .kawamura .block02 .photo img{ width: 819px; margin: -231px 0 0 -188px;}
  .mabuchi .block02 .photo img{ width: 618px; margin: -183px 0 0 -85px;}
  .myo .block02 .photo img{ width: 583px; margin: -171px 0 0 -95px;}
  
  .block02 .text{ width: 430px; margin: 100px 0 0;}
  .saito .block02 .text,
  .kawamura .block02 .text{ float: left;}
  .mabuchi .block02 .text,
  .myo .block02 .text{ float: right;}
  
  .additional-block ul{ margin-top: 0; overflow: hidden; }
  .additional-block ul li{ width: 310px; height: 370px; margin: 0 25px 0 0; float: left;}
  .additional-block ul li.saito{ background-position: -43px -9px; background-size: 383px auto;}
  .additional-block ul li.kawamura{ background-position: -2px -16px; background-size: 316px auto;}
  .additional-block ul li.mabuchi{ background-position: -35px -27px; background-size: 351px auto;}
  .myo .additional-block ul li.mabuchi{ margin-right: 0;}
  .additional-block ul li.myo{ background-position: -19px -9px; background-size: 359px auto; margin-right: 0;}
  
  .additional-block ul li::before{ display: none;}
  
  .additional-block ul li a div{ width: 270px; height: 160px; margin: 190px 0 0 20px; position: relative;}
  .additional-block ul li a div p{ top: -17px; right: 10px; font-size: 35px;}
  .additional-block ul li a div dl{ left: 30px; font-size: 18px;}
  .additional-block ul li a div dl dt span{ font-size: 16px;}
  .additional-block ul li a div dl dd{ margin-top: 15px; padding-top: 15px; font-size: 13px;}
  
}



@media print, screen and (min-width:1020px){
  
  .block01{ margin: 0 calc(((100vw - 1020px) / 2) * -1 - 20px); }
  
  .mabuchi .block01 .photo,
  .myo .block01 .photo{ margin-left: calc(320px + 100vw - 1020px);}
  
  .block01 .text::before{ width: 100vw;}
  
}



@media print, screen and (min-width:1100px){
  
  .title dl{ width: calc(240px + (100% - 1100px) / 2);}
  .saito .title dl,
  .mabuchi .title dl{ padding-left: calc((100vw - 988px) / 2);}
  .kawamura .title dl,
  .myo .title dl{ padding-right: calc((100vw - 988px) / 2);}
  
  .saito .title h2,
  .mabuchi .title h2{ left: calc((100vw - 988px) / 2);}
  .kawamura .title h2,
  .myo .title h2{ right: calc((100vw - 988px) / 2);}
  
  .title div{ width: calc(860px + (100% - 1100px) / 2);}
  
  .block01{ margin: 0 -60px; }
  
  .mabuchi .block01 .photo,
  .myo .block01 .photo{ margin-left: 400px;}
  
  .saito .block01 .text:before,
  .kawamura .block01 .text:before{ right: calc(((100vw - 1100px) / 2) * -1);}
  .mabuchi .block01 .text:before,
  .myo .block01 .text:before{ left: calc(((100vw - 1100px) / 2) * -1);}
  
}



/*20191001追記
///////////////////////////////////////////////////////////////////////////////////*/
.contents{ padding-bottom: 0 !important;}
.title__wrap{ width: 100%; height: calc(100vh - 50px); position: relative;}
.title__wrap-catch{ font: 18px/1 "游ゴシック",YuGothic,sans-serif; color: #fff; letter-spacing: 2px; writing-mode:vertical-rl; position: absolute; top: 30px; right: 20px;}
.title__wrap-catch span{ display: inline-block; margin: 0 5px 0 0; padding: 7px 5px; background: #bd0716;}
.yokoyama .title__wrap{ background: url("../img/yokoyama_mainimg_sp.jpg") no-repeat center top/cover;}
.takahashi .title__wrap{ background: url("../img/takahashi_mainimg_sp.jpg") no-repeat center top/cover;}
.sato .title__wrap{ background: url("../img/sato_mainimg_sp.jpg") no-repeat center top/cover;}
.thiri .title__wrap{ background: url("../img/thiri_mainimg_sp.jpg") no-repeat center top/cover;}
.title__wrap-profbox{ width: 235px; height: 210px; position: absolute; bottom: 20px; right: 0;}
.yokoyama .title__wrap-profbox{ background: url("../img/yokoyama_profilebg_sp.svg") no-repeat center center/cover;}
.takahashi .title__wrap-profbox{ background: url("../img/takahashi_profilebg_sp.svg") no-repeat center center/cover;}
.sato .title__wrap-profbox{ background: url("../img/sato_profilebg_sp.svg") no-repeat center center/cover;}
.thiri .title__wrap-profbox{ background: url("../img/thiri_profilebg_sp.svg") no-repeat center center/cover;}
.title__wrap-profbox-text{ width: 220px; font: 14px/1 "游ゴシック",YuGothic,sans-serif; color: #fff; text-align: right; position: absolute; bottom: 25px; right: 0px;}
.title__wrap-profbox-text dt{ padding: 0 12px 12px 0; font-size: 20px; font-weight: bold; line-height: 1.6; letter-spacing: 2px;}
.title__wrap-profbox-text dt span{ display: block; font: 100 14px/1 "futura-pt",sans-serif; color: rgba(255,255,255,.5); letter-spacing: 1px;}
.title__wrap-profbox-text dd{ padding: 10px 12px 0 0; line-height: 1.5; border-top: 1px solid rgba(255,255,255,.5);}
.title__wrap-profbox-text dd span{ font-size: 13px;}
.section__wrap{ margin: 0 0 30px 0; padding: 20px 0 0 0; background: rgba(255,255,255,.9); position: relative; z-index: 2;}
.section__wrap-section02{ margin-top: -50px;}
.section__wrap-section03{ margin-top: -50px;}
.section__wrap-title{ margin: 0 0 20px 0; font: bold 16px/1.6 "游ゴシック",YuGothic,sans-serif; color: #333; text-align: center;}
.section__wrap-title::before{ display: block; content: ""; width: 160px; height: 72px; margin: 0 auto 20px auto;}
.section__wrap-section01 .section__wrap-title::before{ background: url("../img/section01.svg") no-repeat center center/cover;}
.section__wrap-section02 .section__wrap-title::before{ background: url("../img/section02.svg") no-repeat center center/cover;}
.section__wrap-section03 .section__wrap-title::before{ background: url("../img/section03.svg") no-repeat center center/cover;}
.section__wrap-body{ padding: 0 15px; font: 14px/1.6 "游ゴシック",YuGothic,sans-serif;}
.section__img{ width: 100%; height: 250px; overflow: hidden; position: relative; z-index: 1;}
.section__img img{ width: calc(100vw*1.8); max-width: calc(100vw*1.8); height: auto; margin: 0 0 0 calc(100vw*1.8/-6);}
.section__img-img01 img{ margin-top: calc(100vw*-0.5);}
.section__img-img02 img{ margin-top: calc(100vw*-0.5 - 100px);}
.message__wrap{ margin: 0 0 30px 0; padding: 20px 0 0 0; border-top: 1px solid #CECECE;}
.message__wrap-title{ margin: 0 0 30px 0; font: bold 16px/1.6 "游ゴシック",YuGothic,sans-serif; color: #333; text-align: center;}
.message__wrap-title::before{ display: block; content: ""; width: 160px; height: 72px; background: url("../img/message.svg") no-repeat center center/cover; margin: 0 auto 10px auto;}
.message__wrap-box{ padding: 0 15px;}
.message__wrap-box dd{ padding: 15px; background: #BD0716; font: 14px/1.6 "游ゴシック",YuGothic,sans-serif; color: #fff;}
.other__wrap{ background: url("../img/other_bg02.svg") no-repeat center top/auto 92px,url("../img/other_bg01.svg") repeat-x center top/auto 92px;}
.other__wrap-title{ width: 100%; height: 92px; padding: 13px 0 0 0; font: 600 25px/1.5 "futura-pt",sans-serif; color: #BE0716; text-align: center; letter-spacing: 2px;}
.other__wrap-title span{ display: block; font: bold 16px/1 "游ゴシック",YuGothic,sans-serif; color: #333; letter-spacing: 0px;}
.other__wrap-box{ padding: 30px; background: #F2F2F2;}
.other__wrap-list a{ display: block; position: relative; overflow: hidden;}
.other__wrap-list li{ margin: 0 0 15px 0;}
.other__wrap-list-prof{ width: calc(100% - 40px); padding: 17px; background: rgba(255,255,255,.8); font: 14px/1 "游ゴシック",YuGothic,sans-serif; position: absolute; bottom: 20px; left: 20px; z-index: 3;}
.other__wrap-list-prof::after{ display: block; content: ""; width: 59px; height: 40px; position: absolute; right: 20px; top: -25px;}
.other__wrap-list-01 .other__wrap-list-prof::after{ background: url("../img/thum_01.svg") no-repeat center center/cover;}
.other__wrap-list-02 .other__wrap-list-prof::after{ background: url("../img/thum_02.svg") no-repeat center center/cover;}
.other__wrap-list-03 .other__wrap-list-prof::after{ background: url("../img/thum_03.svg") no-repeat center center/cover;}
.other__wrap-list-04 .other__wrap-list-prof::after{ background: url("../img/thum_04.svg") no-repeat center center/cover;}
.other__wrap-list-prof dt{ font-size: 20px; color: #333; font-weight: bold; letter-spacing: 2px;}
.other__wrap-list-prof dt span{ display: block; margin: 7px 0 0 0; font: 100 14px/1 "futura-pt",sans-serif; color: rgba(0,0,0,.5); letter-spacing: 1px;}
.other__wrap-list a:hover .other__wrap-list-prof dt,
.other__wrap-list a:hover .other__wrap-list-prof dt span{ color: #BD0716;}
.other__wrap-list-prof dd{ margin: 13px 0 0 0; font-size: 14px; color: #BD0716; font-weight: bold;}
.other__wrap-list-prof dd span{ display: block; margin: 7px 0 0 0; font-size: 13px; color: #333;}
.ther__wrap-list-border{ width: calc(100vw - 60px); height: 100%; position: absolute; top: 0; left: 0; z-index: 3; transition: border .2s ease-in-out;}
.ther__wrap-list-over{ width: 0; height: 100%; position: absolute; top: 0; left: -30px; z-index: 2; overflow: hidden; transition: all .3s ease-in-out;}
.other__wrap-list-01 .ther__wrap-list-over{ background: url("../img/thum_img01_ov.jpg") no-repeat top left/cover;}
.other__wrap-list-02 .ther__wrap-list-over{ background: url("../img/thum_img02_ov.jpg") no-repeat top left/cover;}
.other__wrap-list-03 .ther__wrap-list-over{ background: url("../img/thum_img03_ov.jpg") no-repeat top left/cover;}
.other__wrap-list-04 .ther__wrap-list-over{ background: url("../img/thum_img04_ov.jpg") no-repeat top left/cover;}
.other__wrap-list a:hover .ther__wrap-list-border{ border: 8px solid #BD0716;}
.other__wrap-list a:hover .ther__wrap-list-over{ width: calc(100vw - 60px); left: 0px;}
.yokoyama .other__wrap-list-01{ display: none;}
.takahashi .other__wrap-list-02{ display: none;}
.sato .other__wrap-list-03{ display: none;}
.thiri .other__wrap-list-04{ display: none;}
@media print, screen and (min-width:681px){
  .br-sponly{ display: none;}
  .title__wrap{ height: calc(100vh + 100px);}
  .yokoyama .title__wrap{ background: url("../img/yokoyama_mainimg_pc.jpg") no-repeat center top/cover;}
  .takahashi .title__wrap{ background: url("../img/takahashi_mainimg_pc.jpg") no-repeat center top/cover;}
  .sato .title__wrap{ background: url("../img/sato_mainimg_pc.jpg") no-repeat center top/cover;}
  .thiri .title__wrap{ background: url("../img/thiri_mainimg_pc.jpg") no-repeat center top/cover;}
  .title__wrap-catch{ font-size: 25px; writing-mode:horizontal-tb; top: 180px; right: auto; left: 500px;}
  .title__wrap-catch span{ margin: 0 0 5px 0; padding: 8px 8px;}
  .title__wrap-profbox{ width: 250px; height: 105px; background: none !important; bottom : calc(100vh - 480px); right: auto; left: 500px;}
  .title__wrap-profbox::before{ display: block; content: ""; width: 136px; height: 92px; position: absolute; top: -130px; left: -10px;}
  .yokoyama .title__wrap-profbox::before{ background: url("../img/thum_01.svg") no-repeat left top/cover;}
  .takahashi .title__wrap-profbox::before{ background: url("../img/thum_02.svg") no-repeat left top/cover;}
  .sato .title__wrap-profbox::before{ background: url("../img/thum_03.svg") no-repeat left top/cover;}
  .thiri .title__wrap-profbox::before{ background: url("../img/thum_04.svg") no-repeat left top/cover;}
  .title__wrap-profbox::after{ display: block; content: ""; width: 50px; height: 3px; background: #BD0716; position: absolute; top: -20px; left: 0;}
  .yokoyama .title__wrap-profbox::before{ width: 136px; height: 92px; background: url("../img/thum_01.svg") no-repeat left top/cover;}
  .takahashi .title__wrap-profbox::before{ width: 136px; height: 92px; background: url("../img/thum_02.svg") no-repeat left top/cover;}
  .sato .title__wrap-profbox::before{ width: 136px; height: 92px; background: url("../img/thum_03.svg") no-repeat left top/cover;}
  .thiri .title__wrap-profbox::before{ width: 136px; height: 92px; background: url("../img/thum_04.svg") no-repeat left top/cover;}
  .title__wrap-profbox-text{ width: 250px; color: #333; text-align: left; bottom: auto; top: 0; right: auto; left: 0;}
  .title__wrap-profbox-text dt{ padding: 0; font-size: 25px;}
  .title__wrap-profbox-text dt span{ color: rgba(0,0,0,.5);}
  .title__wrap-profbox-text dd{ font-size: 16px; color: #BD0716; font-weight: bold; border-top: none;}
  .title__wrap-profbox-text dd span{ font-size: 14px; color: #333; font-weight: normal;}
  .section__wrap{ width: 980px; margin: -100px auto 80px auto; padding: 70px 0 0 0;}
  .section__wrap-title{ margin: 0 0 50px 0; font-size: 25px; font-weight: normal;}
  .section__wrap-title::before{ width: 200px; height: 90px; margin: 0 auto 50px auto;}
  .section__wrap-body{ width: 780px; margin: 0 auto; padding: 0; font-size: 16px; line-height: 2;}
  .section__img{ min-width: 1020px; height: 450px;}
  .section__img img{ width: calc(100vw); max-width: calc(100vw); min-width: 1020px; height: auto; margin: 0;}
  .section__img-img01 img{ margin-top: calc(100vw*-0.15) !important;}
  .section__img-img02 img{ margin-top: calc(100vw*-0.15 - 150px) !important;}
  .message__wrap{ width: 100%; height: 750px; margin: 0; padding: 100px 0 0 0; position: relative;}
  .message__wrap-title{ margin: 0; position: absolute; top: 100px;}
  .message__wrap-left .message__wrap-title{ left: 760px;}
  .message__wrap-right .message__wrap-title{ right: 760px;}
  .message__wrap-title::before{ width: 200px; height: 90px;}
  .message__wrap-box{ width: 980px; height: 560px; margin: 0 auto; padding: 0; position: relative;}
  .message__wrap-box dt{ width: 700px; height: 500px; position: absolute; top: 0;}
  .message__wrap-left .message__wrap-box dt{ left: 0;}
  .message__wrap-right .message__wrap-box dt{ right: 0;}
  .message__wrap-box dt::before{ content: ""; width: 700px; height: 87px; background: url("../img/message_shadow.png") no-repeat top left/cover; position: absolute; bottom: -87px; left: 0;}
  .message__wrap-box dd{ width: 450px; padding: 50px; font-size: 15px; line-height: 2; position: absolute; top: 160px;}
  .message__wrap-left .message__wrap-box dd{ right: 0px;}
  .message__wrap-right .message__wrap-box dd{ left: 0px;}
  .other__wrap-box{ padding: 100px 0;}
  .other__wrap-list{ display: flex; width: 980px; margin: 0 auto;}
  .other__wrap-list li{ width: 310px; margin: 0 25px 0 0;}
  .other__wrap-list li:last-child{ margin: 0;}
  .ther__wrap-list-border{ width: 310px;}
  .other__wrap-list a:hover .ther__wrap-list-over{ width: 310px; left: 0px;}
  
}
@media print, screen and (min-width:1020px){
  .title__wrap-catch{ left: calc(100vw*0.9 - 398px);}
  .title__wrap-profbox{ left: calc(100vw*0.9 - 398px);}
  .message__wrap-left .message__wrap-title{ left: calc((100vw*0.5) + 250px);}
  .message__wrap-right .message__wrap-title{ right: calc((100vw*0.5) + 250px);}
}