@charset "UTF-8";
@import url("reset.css");

body {margin: 0; padding: 0; text-align: center; font-family: ‘ヒラギノ角ゴ ProN W3‘,‘Hiragino Kaku Gothic ProN‘,‘Noto Sans JP’,sans-serif; font-feature-settings: "palt"; background: url("../img/sp/header_backimage.png") no-repeat;}
.pc {display: none;}
.sp {display: inline;}

div.wrap {width: 640px; margin: 0 auto; position: relative; overflow-x: hidden;}

div.header {height: 890px; position: relative;}
div.header div.tagline {margin-top: 24px; line-height: 1.7; font-size: 24px;}
div.header h1.siteid {margin-top: 24px;}
div.header h1.siteid img {}
div.header div.menu {text-align: left; margin-top: 40px; margin-left: 63px;}
div.header div.menu ul {}
div.header div.menu ul li {margin-bottom: 45px;}
div.header div.menu ul li a {}

div.main {}
div.main div.news {padding-top: 31px;}
div.main div.news h2.news_ttl {margin-bottom: 37px;}
div.main div.news div.news_list {line-height: 1.86; margin-bottom: 63px;}
div.main div.news div.news_list h3.news_list_ttl {font-size: 23px;}
div.main div.news div.news_list p.news_list_txt {font-size: 23px;}

/* #profile */
div.main div#profile.profile {padding-top: 11px; text-align: left;}
div.main div#profile.profile h2.profile_ttl {text-align: center;}
div.main div#profile.profile h2.profile_ttl img {}
div.main div#profile.profile p.profile_txt {margin-top: 29px; margin-left: 59px; font-size: 25px; line-height: 52px;}
div.main div#profile.profile p.profile_txt span {}
div.main div#profile.profile h3.profile_photho {margin-top: 25px; margin-left: 51px;}
div.main div#profile.profile h3.profile_photho img {}
div.main div#profile.profile div.career {margin-top: -18px; padding-left: 47px;}
div.main div#profile.profile div.career h4.career_ttl {font-size: 24px; color: #59C1D1;}
div.main div#profile.profile div.career p.career_txt {margin-top: 15px; line-height: 35px; font-size: 20px;}
div.main div#profile.profile div.position {margin-top: 39px; margin-left: 42px;}
div.main div#profile.profile div.position h4.position_ttl {font-size: 24px; color: #59C1D1;}
div.main div#profile.profile div.position p.position_txt {margin-top: 18px; font-size: 21px; line-height: 48px;}
div.main div#profile.profile div.position p.position_txt a {font-size: 21px; color: #000;}
div.main div#profile.profile div.icon {margin-top: -64px; margin-right: -10px; text-align: right;}
div.main div#profile.profile div.icon img {}

/* #business */
div.main div#business.business {margin-top: -12px;}
div.main div#business.business h2.business_ttl {}
div.main div#business.business p.business_tagline {margin-top: 47px; font-size: 25px;}
div.main div#business.business p.business_tagline a {display: block; margin-top: 16px; margin-bottom: -2px;}
div.main div#business.business p.business_tagline a img {}

/* #advisor */
div.main div#advisor.advisor {margin-top: 68px;}
div.main div#advisor.advisor h3.advisor_ttl {}
div.main div#advisor.advisor p.advisor_txt {margin: 28px 44px 0px; font-size: 22px; text-align: left; line-height: 43px;}
div.main div#advisor.advisor div.advisor_service {margin: 31px 31px 0; padding: 21px 22px 39px; text-align: left; border: 4px solid #59C1D1; border-radius: 20px;}
div.main div#advisor.advisor div.advisor_service div.advisor_service_list {}
div.main div#advisor.advisor div.advisor_service div.advisor_service_list h4.advisor_service_ttl {margin-bottom: 46px; text-align: center;}
div.main div#advisor.advisor div.advisor_service div.advisor_service_list div.advisor_service_list {}
div.main div#advisor.advisor div.advisor_service div.advisor_service_list div.advisor_service_list h4.advisor_service_list_ttl {margin-bottom: 27px; font-size: 27px;}
div.main div#advisor.advisor div.advisor_service div.advisor_service_list div.advisor_service_list p.advisor_service_list_txt {margin-bottom: 28px; font-size: 21px;}
div.main div#advisor.advisor div.advisor_service div.icon {text-align: center;}
div.main div#advisor.advisor div.advisor_service div.icon img {}
div.main p.business_info {margin-top: 39px; font-size: 25px; line-height: 43px;}
div.main div.business_info_icon {padding: 35px 0 32px;}
div.main div.business_info_icon img {}
div.main div.special {text-align: left;}
div.main div.special div.special_section {margin: 0 30px; padding: 0 12px; border-top: 8px solid #59C1D1;}
div.main div.special div.special_section div.special_section_icon {margin-top: 48px; text-align: center;}
div.main div.special div.special_section div.special_section_icon img {}
div.main div.special div.special_section div.special_section_ttl {margin-top: 53px; font-size: 25px; line-height: 37px;}
div.main div.special div.special_section div.special_section_txt {margin-top: 19px; margin-bottom: 42px; font-size: 20px; line-height: 35px;}

/* #succession */
div.main div#succession.succession {margin: 0 30px; text-align: left; border-top: 8px solid #59C1D1;}
div.main div#succession.succession h3.succession_ttl {margin-top: 59px; text-align: center;}
div.main div#succession.succession p.succession_txt {margin-top: 33px; padding: 0 12px; font-size: 22px; line-height: 43px;}
div.main div#succession.succession div.succession_service {margin-top: 57px; text-align: center;}
div.main div#succession.succession div.succession_service h4.succession_service_ttl {margin-bottom: 84px; font-size: 25px;}
div.main div#succession.succession div.succession_service h5.succession_service_list_ttl {margin: 0 7px; line-height: 41px; font-size: 25px; border: 6px solid #59C1D1; border-radius: 40px;}
div.main div#succession.succession div.succession_service div.succession_service_list_image {margin-top: 25px; margin-bottom: 61px;}
div.main div#succession.succession div.succession_service div.succession_service_list_image img {}
div.main div#succession.succession div.succession_service div.succession_service_list_section {margin-top: 66px; border-top: 8px solid #59C1D1;}
div.main div#succession.succession div.succession_service div.succession_service_list_section div.succession_service_list_image {margin-top: 40px; margin-bottom: 59px;}
div.main div#succession.succession div.succession_service div.succession_service_list_section div.succession_service_list_image img {}
div.main div#succession.succession div.succession_service div.succession_service_list_section div.succession_service_list_txt {margin-left: 10px; font-size: 25px; text-align: left; line-height: 47px;}

/* #contact */
div#contact.contact {padding-top: 67px;}
div#contact.contact h2.contact_ttl {}
div#contact.contact h2.contact_ttl img {}
div#contact.contact p.contact_txt {margin-top: 42px; padding: 0 37px; text-align: left; font-size: 22px; line-height: 43px;}
div#contact.contact div.contact_info {margin-top: 15px; margin-bottom: 20px; font-size: 22px;}
div#contact.contact div.contact_form {}
div#contact.contact p.contact_txt_end {font-size: 25px; line-height: 44px;}
div#contact.contact button.contact_btn {}
div#contact.contact button.contact_btn img {}
div.footer {}
div.footer div.siteid {margin-bottom: 102px;}
div.footer div.siteid img {}
div.footer div.info {height: 450px; padding-top: 63px; background-color: #59C1D1; color: #fff;}
div.footer div.info div.info_ttl {font-size: 27px;}
div.footer div.info div.info_ttl_en {margin-top: 28px; font-size: 23px;}
div.footer div.info div.info_mail {margin-top: 59px; font-size: 23px;}
div.footer div.info div.info_address {margin-top: 38px; font-size: 23px;}
div.footer div.info div.copy {margin-top: 66px; font-size: 16px;}

/* #form */
.field input, .field textarea {width: 500px; margin:0 auto 20px; padding: 5px; font-size: 22px;}
.form_btn {width: 225px; height: 52px; margin-top: 20px; margin-bottom: 50px; line-height: 52px; background: #fff; color: #000; border: none; font-size: 26px; font-weight: bold; letter-spacing: 2px; border-radius: 9px; box-shadow: 0px 0px 5px 3px #dedede; cursor: pointer;}
.alert-danger {width: 100%; padding: 1rem; text-align: center; font-size: 20px; color: #842029; background-color: #f8d7da; border-color: #f5c2c7;}
.alert-success {width: 100%; padding: 1rem; text-align: center; font-size: 20px; color: #0f5132; background-color: #d1e7dd; border-color: #badbcc;}


/* ----------------------------------------------------- 
　　PC
------------------------------------------------------- */

@media screen and (min-width:641px) {
    body {background: url("../img/pc/header_backimage.png") no-repeat; background-position: top center;}
    .fbg {width:100%; background: url("../img/pc/footer_back.png") no-repeat bottom}

    .pc {display: inline;}
    .sp {display: none;}
    .bdr {border-bottom: 8px solid #59C1D1;}
    .form_btn {width:141px; height:34px; line-height:34px; font-size:17px;}

    div.wrap {width: 980px; overflow: visible;}
    
    div.header {height: 530px; position: relative;}
    div.header div.tagline {margin-top: 34px; font-size: 19px; line-height: 39px;}
    div.header h1.siteid {margin-top: 55px;}
    div.header h1.siteid img {}
    div.header div.menu {margin: 0; position: absolute; top: 7px; left: 43px;}
    div.header div.menu ul {}
    div.header div.menu ul li {margin-bottom: 25px;}
    div.header div.menu ul li a {}
    
    div.main {position: relative;}
    div.main div.news {padding-top: 5px; position: relative;}
    div.main div.news h2.news_ttl {margin-bottom: 26px;}
    div.main div.news div.news_list {margin-bottom: 46px;}
    div.main div.news div.news_list h3.news_list_ttl {font-size: 17px}
    div.main div.news div.news_list p.news_list_txt {font-size: 17px}
    
    /* #profile */
    div.main div#profile.profile {height: 800px; padding-top: 37px; position: relative;}
    div.main div#profile.profile h2.profile_ttl {margin-left: 85px; text-align: left;}
    div.main div#profile.profile h2.profile_ttl img {}
    div.main div#profile.profile p.profile_txt {margin: 0; font-size: 17px; line-height: 42px; position: absolute; top: 109px; left: 86px;}
    div.main div#profile.profile p.profile_txt span {}
    div.main div#profile.profile h3.profile_photho {margin: 0; position: absolute; top: -30px; left: 619px;}
    div.main div#profile.profile h3.profile_photho img {}
    div.main div#profile.profile div.career {margin: 0; padding: 0;}
    div.main div#profile.profile div.career h4.career_ttl {font-size: 14px; position: absolute; top: 646px; left: 563px;}
    div.main div#profile.profile div.career p.career_txt {font-size: 10px; line-height: 18px; position: absolute; top: 572px; left: 622px;}
    div.main div#profile.profile div.position {margin: 0; padding: 0;}
    div.main div#profile.profile div.position h4.position_ttl {font-size: 14px; position: absolute; top: 755px; left: 563px;}
    div.main div#profile.profile div.position p.position_txt {font-size: 10px;  line-height: 18px; position: absolute; top: 719px; left: 622px;}
    div.main div#profile.profile div.position p.position_txt a {font-size: 10px}
    div.main div#profile.profile div.icon {position: absolute; top: 790px; left: 21px;}
    div.main div#profile.profile div.icon img {}
    
    /* #business */
    div.main div#business.business {margin-top: 7px;}
    div.main div#business.business h2.business_ttl {}
    div.main div#business.business p.business_tagline {margin-top: 20px; font-size: 17px;}
    div.main div#business.business p.business_tagline a {margin-bottom: -10px;}
    div.main div#business.business p.business_tagline a img {}
    
    /* #advisor */
    div.main div#advisor.advisor {margin-top: 38px;}
    div.main div#advisor.advisor h3.advisor_ttl {}
    div.main div#advisor.advisor p.advisor_txt {margin-top: 21px; font-size: 16px; line-height: 28px;}
    div.main div#advisor.advisor div.advisor_service {margin: 29px 45px 0; padding-left: 45px; padding-bottom: 8px; position: relative;}
    div.main div#advisor.advisor div.advisor_service div.advisor_service_list {}
    div.main div#advisor.advisor div.advisor_service div.advisor_service_list h4.advisor_service_ttl {margin-bottom: 19px;}
    div.main div#advisor.advisor div.advisor_service div.advisor_service_list div.advisor_service_list {margin-bottom: 18px; position: relative; overflow: hidden;}
    div.main div#advisor.advisor div.advisor_service div.advisor_service_list div.advisor_service_list h4.advisor_service_list_ttl {margin: 0; padding: 0; font-size: 19px; float: left;}
    div.main div#advisor.advisor div.advisor_service div.advisor_service_list div.advisor_service_list p.advisor_service_list_txt {margin: 0; padding: 4px 0 0; font-size: 14px; float: left;}
    div.main div#advisor.advisor div.advisor_service div.icon {position: absolute; top: 71px; right: 31px;}
    div.main div#advisor.advisor div.advisor_service div.icon img {}
    div.main p.business_info {margin-top: 20px; font-size: 19px; line-height: 34px;}
    div.main div.business_info_icon {padding-top: 19px; padding-bottom: 24px;}
    div.main div.business_info_icon img {}
    div.main div.special {position: relative; overflow: hidden;}
    div.main div.special div.special_section {margin: 0 47px; padding: 0; display: flex; position: relative; overflow: hidden;}
    div.main div.special div.special_section div.special_section_icon {margin-top: 27px; margin-left: 0px; text-align: left;}
    div.main div.special div.special_section div.special_section_icon img {}
    div.main div.special div.special_section div.special_section_ttl {margin-top: 22px; margin-left: 29px; font-size: 19px;}
    div.main div.special div.special_section div.special_section_txt {margin-top: 7px; margin-left: 29px; margin-bottom: 27px; font-size: 14px; line-height: 25px;}
    
    /* #succession */
    div.main div#succession.succession {border: none; position: relative;}
    div.main div#succession.succession h3.succession_ttl {}
    div.main div#succession.succession p.succession_txt {margin-top: 33px; font-size: 16px; line-height: 28px;}
    div.main div#succession.succession div.succession_service {margin-top: 66px;}
    div.main div#succession.succession div.succession_service h4.succession_service_ttl {margin-bottom: 57px; font-size: 20px;}
    div.main div#succession.succession div.succession_service h5.succession_service_list_ttl {font-size: 20px;}
    div.main div#succession.succession div.succession_service div.succession_service_list_image {margin-top: 30px; margin-left: 13px; text-align: left;}
    div.main div#succession.succession div.succession_service div.succession_service_list_image img {}
    div.main div#succession.succession div.succession_service div.succession_service_list_section {}
    div.main div#succession.succession div.succession_service div.succession_service_list_section div.succession_service_list_image {}
    div.main div#succession.succession div.succession_service div.succession_service_list_section div.succession_service_list_image img {}
    div.main div#succession.succession div.succession_service div.succession_service_list_section div.succession_service_list_txt {margin-top: 12px; margin-left: 249px; padding-bottom: 54px; font-size: 19px; line-height: 37px;}
    
    /* #contact */
    div#contact.contact {margin: 54px 44px 0; padding-top: 26px; border: 3px solid #59C1D1; border-radius: 27px;}
    div#contact.contact h2.contact_ttl {}
    div#contact.contact h2.contact_ttl img {}
    div#contact.contact p.contact_txt {margin-top: 24px; padding: 0 12px; text-align: center; font-size: 21px; line-height: 39px;}
    div#contact.contact div.contact_info {font-size: 15px;}
    div#contact.contact div.contact_form {}
    div#contact.contact p.contact_txt_end {font-size: 19px;}
    div#contact.contact button.contact_btn {}
    div#contact.contact button.contact_btn img {}
    div.footer {}
    div.footer div.siteid {margin-top: 104px; margin-bottom: 97px;}
    div.footer div.siteid img {}
    div.footer div.info {height: 96px; padding-top: 0px; box-sizing: border-box; text-align: left; position: relative; overflow: hidden;}
    div.footer div.info div.info_ttl {margin: 36px 0 0 14px; font-size: 14px; float: left;}
    div.footer div.info div.info_ttl_en {margin-top: 39px; margin-left: 10px; font-size: 10px; float: left;}
    div.footer div.info div.info_mail {margin-top: 39px; margin-left: 10px; font-size: 10px; float: left;}
    div.footer div.info div.info_address {margin-top: 39px; margin-left: 10px; font-size: 10px; float: left;}
    div.footer div.info div.copy {margin-top: 39px; margin-left: 20px; font-size: 10px; float: left;}
}