@charset "UTF-8";
/*  #message
================================================ */
#ceo { background-image: url("../img/about/message/pic06.jpg"); background-size: contain; background-repeat: no-repeat; padding: 248px 24px 55px; }

#ceo .box { position: relative; background-color: transparent; }

#ceo .box:before { position: absolute; top: -4px; left: -4px; height: 4px; width: 238px; content: ""; background-image: -webkit-gradient(linear, right top, left top, from(#088cad), to(#525eff)); background-image: linear-gradient(-90deg, #088cad 0%, #525eff 100%); }

#ceo .box .contents { box-shadow: 0 0 0 4px #f7f7f7; }

#ceo .box .contents .txtArea { background-image: url("../img/about/message/bg.png"); background-size: 50%; background-repeat: no-repeat; background-position: right 40px bottom 30px; padding: 44px 21px 38px; }

#ceo .box .contents .txtArea .copy { font-size: 2rem; font-weight: 600; text-align: center; letter-spacing: 0.08em; line-height: 1.7; }

#ceo .box .contents .txtArea .txt { font-size: 1.4rem; padding-top: 10px; }

#ceo .box .contents .txtArea .txtB { font-weight: 700; font-size: 1.8rem; padding: 30px 0 20px; }

#ceo .box .contents .txtArea .name { width: 210px; padding: 15px 0 0 72px; }

@media all and (max-width: 360px) { #ceo .box .contents .txtArea .name { padding: 14px 0 0 30px; } }

@media screen and (min-width: 600px) { #ceo { background-size: 965px 680px; background-position: left 0 top 100px; max-width: 1920px; min-width: 1350px; padding: 0 0 100px; margin: 0 auto; overflow: hidden; }
  #ceo .box { margin: 35px 60px 0; }
  #ceo .box:before { top: -7px; left: -7px; height: 7px; width: 71%; }
  #ceo .box .contents { box-shadow: 0 0 0 7px rgba(247, 247, 247, 0.5); min-height: 605px; margin: 0 auto; }
  #ceo .box .contents .txtArea { background-position: right 95px bottom 0; background-size: auto; background-color: #fff; float: right; margin: 0; padding: 64px 15% 100px 50px; }
  #ceo .box .contents .txtArea .copy { font-size: 3.8rem; font-weight: bold; text-align: left; font-family: "游ゴシック"; }
  #ceo .box .contents .txtArea .txt { width: 600px; font-size: 1.5rem; padding-top: 27px; }
  #ceo .box .contents .txtArea .txtB { width: 600px; font-size: 2rem; padding: 30px 0 20px; }
  #ceo .box .contents .txtArea .name { width: 300px; padding: 30px 0 30px 7px; } }

#contents .inner { padding: 4px 0 50px; }

#contents .inner .titWrap01 { margin: 0 20px 18px; padding-top: 43px; }

#contents .inner .titWrap02 { padding-top: 36px; margin: 0 20px 18px; }

#contents .inner .mod_section01_tit { text-align: left; }

@media screen and (max-width: 599px) { #contents .inner .mod_section01_img { padding-bottom: 10px; } }

@media screen and (min-width: 600px) { #contents .inner { padding: 0 0 143px; }
  #contents .inner .mod_tit_page_tit { margin-left: 20px; }
  #contents .inner .mod_tit_page_copy { margin-left: 15px; }
  #contents .inner .titWrap01 { margin-bottom: 65px; padding-top: 133px; }
  #contents .inner .titWrap02 { padding-top: 118px; margin-bottom: 64px; }
  #contents .inner .mod_section01_area_txt { width: 1338px; margin: -272px -56px 0 auto; padding-top: 58px; padding-bottom: 50px; }
  #contents .inner .mod_section01_txt { margin-top: 20px; }
  #contents .inner .mod_section01.is_reverse .mod_section01_area_txt { margin: -285px auto 0 -58px; padding-bottom: 105px; } }