@charset "UTF-8";

/*PC用*/
@media screen and (min-width:641px) {
  .pc { display: block !important }
  .sp { display: none !important }
  .h_menu, #sp_global_nav { display: none; }

  /* CSS Document */
  .h2-box { background: url(../images/greeting/h2.jpg) no-repeat top; height: 220px; font-size: 30px; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; margin-bottom: 35px; }
  #box1 { margin-bottom: 30px; }
  #box1 .inner .bg_box { background: url(../images/greeting/box1_bg.jpg) no-repeat top; padding: 35px 0; }
  #box1 .inner .bg_box h4 { margin-bottom: 15px; }
  #box1 .inner .bg_box02 { background: url(../images/greeting/box1_h6_bg.png) repeat top; padding: 0 10px 30px; }
  #box1 .inner .bg_box02 .h6_box { position: relative; }
  #box1 .inner .bg_box02 .h6_box h6 { padding: 20px 30px 20px 20px; }
  #box1 .inner .bg_box02 .h6_box .ab_photo { position: absolute; top: -20px; right: 35px; }
  #box1 .inner .bg_box02 .wh_box { background-color: #fff; padding: 25px 35px 35px; }
  #box1 .inner .bg_box02 .wh_box .txt { font-size: 14px; line-height: 2.3; letter-spacing: 0.05em; color: #0a090a; width: 420px; }
  #box1 .inner .bg_box02 .wh_box .orange { color: #ff7e00; font-weight: bold; }
  #box1 .inner .bg_box02 .wh_box .txt02 { font-size: 14px; line-height: 2.3; letter-spacing: 0.05em; }
  #box1 .inner .bg_box02 .wh_box .txt03 { font-size: 14px; line-height: 2.3; letter-spacing: 0.05em; color: #0a090a; }
  #box1 .inner .bg_box02 .ttl { padding: 20px 30px 0px 20px; }
  #box1 .inner .bg_box02 .photo { padding-top: 10px; }
  #box1 .inner .bg_box02 .photo02 { padding-top: 10px; }
  #box2 { background: url(../images/greeting/box2_bg.jpg) no-repeat center; padding: 40px 30px 120px; position: relative; border: 1px solid #9a9a9a; margin-bottom: 70px; }
  #box2 .txt02 { position: absolute; bottom: 20px; left: 222px; }
  #box3 { margin-bottom: 70px; }
  #box3 .inner { background: url(../images/greeting/box3_bg.png) repeat top; padding: 0 4px 4px; position: relative; }
  #box3 .inner h4 { padding: 10px 20px; }
  #box3 .inner .wh_box { background-color: #fff; padding: 40px 20px 25px; }
  #box3 .inner .wh_box .box_r { width: 447px; }
  #box3 .inner .wh_box h5 { font-size: 20px; font-weight: bold; color: #0a090a; letter-spacing: 0.05em; line-height: 1.5; border-bottom: 2px dotted #ffc600; padding-bottom: 5px; }
  #box3 .inner .wh_box .name { font-size: 32px; padding-left: 1em; padding-right: 0.5em; }
  #box3 .inner .wh_box .kana { font-size: 14px; }
  #box3 .inner .wh_box dl { font-size: 14px; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; }
  #box3 .inner .wh_box dt { float: left; padding: 15px 0px 15px 5px; width: 10em; }
  #box3 .inner .wh_box dd { border-bottom: 1px dotted #000; padding: 15px 0 15px 7em; }
  #box3 .inner .wh_box .bg_box { background: url(../images/greeting/box3_bg02.png) repeat top; position: relative; padding-top: 40px; padding-bottom: 15px; }
  #box3 .inner .wh_box .bg_box h6 { position: absolute; top: -10px; left: 20px; }
  #box3 .inner .wh_box .bg_box .txt { padding-left: 20px; font-size: 14px; line-height: 2; letter-spacing: 0.05em; color: #0a090a; }
  #box4 { margin-bottom: 70px; }
  #box4 .border { border: 4px solid #214f93; margin-bottom: 30px; padding: 20px 20px 15px; position: relative; }
  #box4 .border:nth-child(2n) { margin-bottom: 0px; }
  #box4 .border .box_r { width: 447px; }
  #box4 .border h5 { font-size: 20px; font-weight: bold; color: #0a090a; letter-spacing: 0.05em; line-height: 1.5; border-bottom: 2px dotted #ffc600; padding-bottom: 10px; padding-top: 10px; }
  #box4 .border .name { font-size: 32px; padding-left: 1em; padding-right: 0.5em; }
  #box4 .border .kana { font-size: 14px; }
  #box4 .border dl { font-size: 14px; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; }
  #box4 .border dt { float: left; padding: 15px 0px 15px 5px; width: 10em; }
  #box4 .border dd { border-bottom: 1px dotted #000; padding: 15px 0 15px 11em; line-height: 2; }
  #box4 .border dd:last-child { border-bottom: none; }
  #box5 { margin-bottom: 60px; }
  #box5 .bg_box { background: url(../images/greeting/box6_bg.jpg) no-repeat top; padding: 40px 0 35px 45px; border-bottom: 4px solid #305496; }
  #box5 .border { background: url(../images/greeting/box5_bg.jpg) repeat top; padding: 20px; }
  #box5 .border .wh_box { background-color: #fff; padding: 40px 30px; position: relative; }
  #box5 .border .wh_box h5 { font-size: 20px; line-height: 1.5; font-weight: bold; letter-spacing: 0.05em; color: #ff4800; margin-bottom: 20px; }
  #box5 .border .wh_box .bob { border-bottom: 1px dotted #000; padding-bottom: 30px; margin-bottom: 40px; }
  #box5 .border .wh_box .list li { font-size: 14px; line-height: 2.5; letter-spacing: 0.05em; color: #0a090a; }
  #box5 .border .wh_box .list li span { margin-right: 1em; }
  #box5 .border .wh_box .list li span:before { content: "◎"; margin-right: .3em; }
  #box5 .border .wh_box .list .blue { color: #0051b5; padding-top: 20px; }
  #box5 .border .wh_box .list .blue:before { content: "★"; margin-right: .3em; }
  #box5 .border .wh_box h6 { font-size: 14px; line-height: 2.5; letter-spacing: 0.05em; color: #0a090a; }
  #box5 .border .wh_box .txt { font-size: 14px; line-height: 2.5; letter-spacing: 0.05em; color: #0a090a; }

  #box5 .border .wh_box .ab01{ position: absolute; top: 40px; right: 20px; }
  #box5 .inner .cv-area{ margin-top: 40px; position: relative; }
  #box5 .inner .cv-area .r-btn{ position: absolute; bottom: 30px; right: 85px; }

}

/*SP用*/
@media screen and (max-width:640px) {
  .pc { display: none !important }
  .sp { display: block !important }
  img { max-width: 100%; height: auto; width: auto; }
  body { min-width: auto !important; overflow: inherit !important; }
  .sp_tac { text-align: center !important; }
  .sp_tar { text-align: right !important; }
  .sp_mb15 { margin-bottom: 15px !important; }
  .sp_mb20 { margin-bottom: 20px !important; }
  div, p, dd, dl, dt, th, td, span, li { box-sizing: border-box; }

  /* CSS Document */
  .h2-box { background: url(../images/greeting/h2.jpg) no-repeat top; height: 220px; font-size: 30px; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; margin-bottom: 35px; }
  #box1 { margin-bottom: 30px; }
  #box1 .inner .bg_box { background: url(../images/greeting/box1_bg.jpg) no-repeat top; padding: 5vw 3vw; }
  #box1 .inner .bg_box h4 { margin-bottom: 15px; }
  #box1 .inner .bg_box02 { background: url(../images/greeting/box1_h6_bg.png) repeat top; padding: 0 10px 30px; }
  #box1 .inner .bg_box02 .h6_box { position: relative; }
  #box1 .inner .bg_box02 .h6_box h6 { padding: 20px 30px 20px 20px; }
  #box1 .inner .bg_box02 .h6_box .ab_photo { position: absolute; top: -20px; right: 35px; display: none; }
  #box1 .inner .bg_box02 .wh_box { background-color: #fff; padding: 4vw; }
  #box1 .inner .bg_box02 .wh_box .txt { font-size: 14px; line-height: 1.8; letter-spacing: 0.05em; color: #0a090a; width: 100%; }
  #box1 .inner .bg_box02 .wh_box .orange { color: #ff7e00; font-weight: bold; }
  #box1 .inner .bg_box02 .wh_box .txt02 { font-size: 14px; line-height: 1.8; letter-spacing: 0.05em; }
  #box1 .inner .bg_box02 .wh_box .txt03 {font-size: 14px;line-height: 1.8;letter-spacing: 0.05em;color: #0a090a;}
  #box1 .inner .bg_box02 .ttl { padding: 20px 0 0; }
  #box1 .inner .bg_box02 .photo { padding-top: 10px; text-align: center; display: none; }
  #box1 .inner .bg_box02 .photo02 { text-align: center; margin: 0 0 20px; }
  #box2 { margin-bottom: 70px; }
  #box3 { margin-bottom: 70px; }
  #box3 .inner { background: url(../images/greeting/box3_bg.png) repeat top; padding: 0 4px 4px; }
  #box3 .inner h4 { padding: 4vw 15vw; }
  #box3 .inner .wh_box { background-color: #fff; padding: 4vw; }
  #box3 .inner .wh_box .photo {         width: 100%;text-align: center; margin-bottom: 20px; }
  #box3 .inner .wh_box .box_r { width: 100%; }
  #box3 .inner .wh_box h5 { font-size: 20px; font-weight: bold; color: #0a090a; letter-spacing: 0.05em; line-height: 1.5; border-bottom: 2px dotted #ffc600; padding-bottom: 5px; }
  #box3 .inner .wh_box .name { font-size: 26px; display: block; }
  #box3 .inner .wh_box .kana { font-size: 14px; }
  #box3 .inner .wh_box dl { font-size: 14px; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; }
  #box3 .inner .wh_box dt { float: left; padding: 2vw 0; width: 8em; }
  #box3 .inner .wh_box dd { border-bottom: 1px dotted #000; padding: 2vw 0; }
  #box3 .inner .wh_box .bg_box { background: url(../images/greeting/box3_bg02.png) repeat top; position: relative; padding: 15px 10px; }
  #box3 .inner .wh_box .bg_box h6 { margin-bottom: 5px; }
  #box3 .inner .wh_box .bg_box .txt { font-size: 14px; line-height: 2; letter-spacing: 0.05em; color: #0a090a; }
  #box4 { margin-bottom: 70px; }
  #box4 .border { border: 4px solid #214f93; margin-bottom: 30px; padding: 5vw 3vw; }
  #box4 .photo {         width: 100%; text-align: center; margin-bottom: 20px; }
  #box4 .border:nth-child(2n) { margin-bottom: 0px; }
  #box4 .border .box_r { width: 100%; }
  #box4 .border h5 { font-size: 20px; font-weight: bold; color: #0a090a; letter-spacing: 0.05em; line-height: 1.5; border-bottom: 2px dotted #ffc600; padding-bottom: 10px; padding-top: 10px; }
  #box4 .border .name {font-size: 28px;/* padding-left: 1em; */display: block;}
  #box4 .border .kana { font-size: 14px; }
  #box4 .border dl { font-size: 14px; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; }
  #box4 .border dt { float: left; padding: 2vw 0; width: 8em; }
  #box4 .border dd { border-bottom: 1px dotted #000; padding: 2vw 0; }
  #box4 .border dt:last-of-type { float: none; }
  #box4 .border dd:last-child { border-bottom: none; }
  #box5 { margin-bottom: 60px; }
  #box5 .bg_box {background: url(../images/greeting/box6_bg.jpg) no-repeat top;padding: 6vw 2vw;border-bottom: 4px solid #305496;}
  #box5 .border { background: url(../images/greeting/box5_bg.jpg) repeat top; padding: 3vw; }
  #box5 .border .wh_box { background-color: #fff; padding: 5vw 3vw; }
  #box5 .border .wh_box h5 { font-size: 20px; line-height: 1.5; font-weight: bold; letter-spacing: 0.05em; color: #ff4800; margin-bottom: 10px; text-align: center; }
  #box5 .border .wh_box .bob { border-bottom: 1px dotted #000; padding-bottom: 30px; margin-bottom: 40px; }
  #box5 .border .wh_box .list li { font-size: 14px; line-height: 1.8; letter-spacing: 0.05em; color: #0a090a; }
  #box5 .border .wh_box .list li span { margin-right: 1em; }
  #box5 .border .wh_box .list li span:before { content: "◎"; margin-right: .3em; }
  #box5 .border .wh_box .list .blue { color: #0051b5; padding-top: 20px; }
  #box5 .border .wh_box .list .blue:before { content: "★"; margin-right: .3em; }
  #box5 .border .wh_box h6 { font-size: 14px; line-height: 2.5; letter-spacing: 0.05em; color: #0a090a; }
  #box5 .border .wh_box .txt { font-size: 14px; line-height: 2.5; letter-spacing: 0.05em; color: #0a090a; }
  .ten-ce { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;  }
  .banner li { width:48%; margin:0 1% 15px; }

  #box5 .inner .cv-area{ margin-top: 10vw; position: relative; }
  #box5 .inner .cv-area .r-btn{ width: 70%; position: absolute; bottom: 2.5vw; left: 13vw; }

}