@charset "utf-8";
/* ========================================
    リセットcss
========================================= */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html {
  overflow-y: scroll;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
input,
textarea {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th {
  text-align: left;
}
a:focus {
  outline: none;
}
/* ========================================
    リセットcss　ここまで
========================================= */

/* ========================================
    全体設定
========================================= */
body {
  margin: 0 auto;
  min-height: 100vh;
  position: relative; /*←相対位置*/
  height: auto;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 9999;
}

a {
  text-decoration: none;
  color: #434343;
}

img {
  max-width: 100%;
  height: auto;
}

.clear {
  clear: both;
}

.main_image p,
.main_image a {
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.main_image a:hover {
  background-color: #b8b8b8;
}

#caption h2,
#caption2 h2 {
  font-family: chaparral-pro, serif;
  font-weight: 700;
  font-style: normal;
  color: #4d5156;
}

img.card_v {
  height: 320px;
  width: 230px;
}

.card_name h3,
.card_name p,
.mypic_wrapper p,
.intro_wrapper .sub h3,
.sub1 h3,
.sub2 h3,
.sub3 h3,
.link_wrapper a,
.link_wrapper2 a,
.link_wrapper3 a,
.link_wrapper4 a,
.intro_wrapper .sub p,
.sub1 p,
.sub2 p,
.sub3 p {
  font-family: 'メイリオ', 'Meiryo', 'ＭＳ ゴシック',
    'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

.capt_wrapper a:hover,
.capt_wrapper2 a:hover,
.link_wrapper a:hover,
.link_wrapper2 a:hover,
.link_wrapper3 a:hover,
.link_wrapper4 a:hover,
.u_nav_1_l a:hover,
.u_nav_2_l a:hover,
.u_nav_1_r a:hover,
.u_nav_2_r a:hover,
.u_nav_3_r a:hover,
.u_nav_3_r2 a:hover,
.u_nav2 a:hover {
  color: #7cd0f2;
}

.capt_wrapper p,
.capt_wrapper2 p {
  color: #d7d7d7;
}

.footerFixed {
  min-height: 100vh; /*←コンテンツの高さの最小値＝ブラウザの高さに指定 */
  position: relative; /* ←相対位置 */
  box-sizing: border-box;
  margin-top: auto;
  /* ↑ヘッダーやフッターを含むすべての要素の高さ＝min-height:100vhになるように指定 */
}

footer {
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  background-color: black;
  text-align: center;
  font-size: 12px;
  /* position: absolute;  ←絶対位置 */
  /* bottom: 0; 下に固定 */
  /* clear: both; */
  /* width: 100%; */
  /* z-index: 0; */
}

/* ハンバーガーボタン　設定ここから */
nav {
  display: block;
  width: 220px;
  position: fixed;
  background-color: #ffffff;
  top: 0;
  left: -300px;
  bottom: 0;
  transition: all 0.5s;
  z-index: 3;
  opacity: 0;
}

.open nav {
  left: 0;
  opacity: 1;
}

nav .inner {
  padding: 25px;
}

nav .inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav .inner ul li {
  margin: 0;
  border-bottom: 1px solid #333;
}

nav .inner ul li a {
  display: block;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  padding: 1rem;
  transition-duration: 0.2s;
}

nav .inner ul li a:hover {
  background-color: #e4e4e4;
}

/* ハンバーガー　ボタン位置設定 ここから */
.toggle-btn {
  display: block;
  position: fixed;
  top: 20px;
  right: 40px;
  width: 30px;
  height: 30px;
  z-index: 3;
  cursor: pointer;
}

.toggle-btn span {
  position: absolute;
  display: block;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #626262;
  transition: all 0.5s;
  border-radius: 4px;
}
/* ハンバーガー　ボタン位置設定 ここまで */

.toggle-btn span:nth-child(1) {
  top: 4px;
}

.toggle-btn span:nth-child(2) {
  top: 14px;
}

.toggle-btn span:nth-child(3) {
  bottom: 4px;
}

.open .toggle-btn span {
  background-color: white;
}

.open .toggle-btn span:nth-child(1) {
  transform: translateY(10px) rotate(-315deg);
}

.open .toggle-btn span:nth-child(2) {
  opacity: 0;
}

.open .toggle-btn span:nth-child(3) {
  transform: translateY(-10px) rotate(315deg);
}

#mask {
  display: none;
  transition: 0.5s;
}

.open #mask {
  display: block;
  background-color: #000000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  opacity: 0.8;
  cursor: pointer;
}
/* ハンバーガーボタン　全体設定ここまで */

/* カルーセル設定ここから */
/*スライダー001*/
.slider-001 {
  width: 320px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
}

.slide-001 {
  width: 320px;
  flex-shrink: 0;
  position: relative;
  top: 0;
  left: 0;
  transition: all 0.6s ease-in-out;
  z-index: -1;
}

.slide-content-001 {
  width: 320px;
  height: 230px;
  background-color: #c8e4ff;
}

.slide-content-001 img {
  width: 320px;
  object-fit: cover;
  height: 230px;
}

.prev-001,
.next-001 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  height: 65px;
  padding: 16px;
  margin-top: -28px;
  color: #e5e5e5;
  font-weight: bold;
  font-size: 18px;
  transition: all 0.2s ease;
  user-select: none;
}

.next-001 {
  right: 0;
}

.prev-001:hover,
.next-001:hover {
  background-color: rgba(107, 182, 255, 0.8);
}

.slide-caption-001 {
  color: #e5e5e5;
  font-size: 15px;
  padding: 0;
  position: absolute;
  bottom: 31px;
  width: 320px;
  text-align: center;
}

.numbertext {
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 16px;
  position: absolute;
  top: 0;
}

.dots {
  height: 15px;
  padding: 0;
  position: absolute;
  bottom: 22px;
  width: 100%;
  text-align: center;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 10px 4px;
  background-color: #e5e5e5;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.2s ease;
}

.dot:hover {
  background-color: rgba(107, 182, 255, 0.8);
}
/* カルーセル設定ここまで */

/* ========================================
    モバイル画面設定用css
========================================= */
@media screen and (max-width: 600px) {
  body {
    width: 375px;
    flex-direction: column;
  }

  .footerFixed {
    padding-bottom: 40px; /* ←フッターの高さを指定 */
  }

  #wrapper,
  #wrapper1 {
    margin: 0 8px;
    height: auto;
  }

  #header {
    height: 79px;
    border-bottom: 1px solid #a6a6a6;
    background-color: #fff;
    position: fixed;
    z-index: 9999;
  }

  #header .logo {
    margin-left: 58px;
  }

  #header .logo img {
    width: 240px;
    height: 40px;
    margin-top: 20px;
  }

  #caption {
    margin-top: 79px;
    height: 41px;
  }

  #caption h2,
  #caption2 h2 {
    padding-top: 9px;
    padding-left: 18px;
    font-size: 30px;
  }

  footer {
    height: 40px;
    line-height: 40px;
    width: 375px;
    /* position: absolute; ←絶対位置 */
    /* bottom: 0; 下に固定 */
  }

  /* ハンバーガー　ボタン位置設定 ここから */
  .toggle-btn {
    display: block;
    position: fixed;
    top: 20px;
    right: 34px;
    width: 30px;
    height: 30px;
    z-index: 3;
    cursor: pointer;
  }

  .toggle-btn span {
    position: absolute;
    display: block;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #626262;
    transition: all 0.5s;
    border-radius: 4px;
  }
  /* ハンバーガー　ボタン位置設定 ここまで */

  /* モバイルトップページCSS　ここから*/
  .main_image h2 {
    color: #555555;
    font-family: chaparral-pro, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 42px;
    padding-top: 95px;
    padding-left: 45px;
  }

  .slider-001 {
    margin-top: 35px;
  }

  .main_image p {
    height: 24px;
    margin-top: 36px;
    width: 360px;
    background-color: #ffffff;
    color: #1b1b1b;
    font-size: 24px;
    padding-left: 54px;
  }

  .main_image a {
    display: block;
    background-color: #474747;
    color: #ffffff;
    text-align: center;
    line-height: 35px;
    width: 146px;
    height: 35px;
    border-radius: 17.5px;
    margin-top: 59px;
    margin-left: 107px;
    margin-bottom: 110px;
  }

  /* モバイル版トップページのCSSここまで */

  /* モバイル版カードギャラリー見出しCSSここから */
  .sec_wrapper {
    margin-top: 15px;
    height: 128px;
    width: 359px;
    border-top: 1px solid #c6d0b2;
    border-bottom: 1px solid #c6d0b2;
    display: grid;
    grid-template-columns: 113px 246px;
  }

  .sec_wrapper2 {
    height: 128px;
    width: 359px;
    border-bottom: 1px solid #c6d0b2;
    display: grid;
    grid-template-columns: 113px 246px;
  }

  .sec_wrapper3 {
    height: 73px;
    width: 359px;
    border-bottom: 1px solid #c6d0b2;
  }

  .sec_wrapper img,
  .sec_wrapper2 img {
    margin-top: 15px;
    margin-left: 7px;
  }

  .sec_wrapper a,
  .sec_wrapper2 a {
    color: #4d5156;
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-top: 38px;
    margin-left: 8px;
  }

  .sec_wrapper3 a {
    color: #4d5156;
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-top: 51px;
    margin-left: 121px;
  }

  .sec_wrapper p,
  .sec_wrapper2 p {
    font-family: kozuka-gothic-pr6n, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    /* line-height: 1.5; */
    color: #cccccc;
    margin-left: 8px;
  }

  /* モバイル版カードギャラリー見出しCSSここまで */

  /* モバイル版カードギャラリーのCSSここから */
  .card_wrapper {
    height: auto;
    padding-bottom: 15px;
    border-bottom: 1px solid #c6d0b2;
  }

  img.card_h {
    margin-top: 15px;
    margin-left: 19px;
  }

  img.card_v {
    margin-left: 63px;
    margin-top: 15px;
  }

  .card_name h3 {
    font-family: kozuka-gothic-pr6n, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: #4d5156;
    margin-left: 20px;
  }

  .card_name p {
    margin: 0px 20px 0 20px;
    font-family: kozuka-gothic-pr6n, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1.5;
    color: #555555;
  }

  .suk {
    height: 46px;
    border-bottom: 1px solid #c6d0b2;
    border-top: 1px solid #c6d0b2;
  }

  .u_nav {
    display: grid;
    height: 46px;
    border-bottom: 1px solid #c6d0b2;
    width: 359px;
    grid-template-columns: 1fr 1fr;
  }

  .u_nav_1_l a,
  .u_nav_3_r a {
    height: 46px;
    margin-left: 73px;
    margin-top: 13px;
    display: block;
    font-size: 12px;
  }

  .u_nav_1_r a,
  .u_nav_3_r a {
    font-size: 10px;
    display: block;
    height: 46px;
    margin-top: 17px;
    margin-left: 53px;
  }

  .u_nav_3_r2 a {
    font-size: 10px;
    display: block;
    height: 46px;
    margin-top: 17px;
    margin-left: 141px;
    width: 78px;
  }

  .u_nav_4_r a {
    font-size: 10px;
    display: block;
    height: 46px;
    margin-top: 17px;
  }

  .u_nav2 {
    height: 46px;
    width: 359px;
    border-bottom: 1px solid #c6d0b2;
  }

  .u_nav2 a {
    margin-left: 141px;
    padding-top: 13px;
    display: block;
    font-size: 12px;
  }

  .suk2 {
    height: 26px;
  }

  .u_nav_2_l a {
    font-size: 10px;
    display: block;
    height: 46px;
    margin-left: 40px;
    margin-top: 17px;
  }

  /* 上に戻るボタン */
  .back_button {
    height: 57px;
    margin-top: 20px;
    border-top: 4px solid #474747;
    padding-bottom: 15px;
  }

  .back_button p {
    width: 117px;
    height: 24px;
    background-color: #474747;
    display: flex;
    float: right;
  }

  .back_button p a {
    font-size: 10px;
    font-family: kozuka-gothic-pr6n, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #ffffff;
    padding-left: 8px;
    padding-right: 6px;
  }
  /* 上に戻るボタンここまで */

  /* カードギャラリー　追加項目 */
  .capt_wrapper {
    margin-top: 8px;
  }

  .capt_wrapper,
  .capt_wrapper2 {
    padding-top: 15px;
    height: 113px;
    width: 359px;
    border-top: 1px solid #c6d0b2;
    display: grid;
    grid-template-columns: 129px 230px;
  }

  .capt_wrapper img,
  .capt_wrapper2 img {
    margin-left: 7px;
  }

  .capt_wrapper a,
  .capt_wrapper2 a {
    margin-top: 15px;
    display: block;
    font-size: 14px;
    font-weight: bold;
  }

  .capt_wrapper p,
  .capt_wrapper2 p {
    font-size: 14px;
  }

  .capt_wrapper3 {
    height: 128px;
    width: 359px;
    border-top: 1px solid #c6d0b2;
  }

  .capt_wrapper3 a {
    display: block;
    margin-top: 58px;
    font-size: 14px;
    font-weight: bold;
    margin-left: 129px;
  }

  /* カードギャラリー　追加項目 ここまで*/

  /* モバイル版カードギャラリーのCSSここまで */

  /* モバイル版プロフィールのCSSここから */
  .mypic_wrapper {
    width: 359px;
    height: 220px;
    border-bottom: 10px solid #e6e6e6;
  }

  .mypic_wrapper img {
    width: 171px;
    height: 171px;
    margin-top: 5px;
    margin-left: 93px;
  }

  .mypic_wrapper p,
  .intro_wrapper .sub h3,
  .sub1 h3,
  .sub2 h3,
  .sub3 h3,
  .link_wrapper a,
  .link_wrapper2 a,
  .intro_wrapper,
  .link_wrapper3 a,
  .link_wrapper4 a {
    font-weight: bold;
  }

  .intro_wrapper .sub p,
  .sub1 p,
  .sub2 p,
  .sub3 p {
    font-weight: normal;
  }

  .mypic_wrapper p {
    text-align: center;
    color: #7d7d7d;
    font-size: 18px;
  }

  .intro_wrapper {
    margin-top: 15px;
    width: 360px;
    height: auto;
  }

  .intro_wrapper .sub,
  .sub1,
  .sub2,
  .sub3,
  .link_wrapper {
    width: 360px;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    padding-bottom: 9px;
  }

  .intro_wrapper img {
    width: 18px;
    height: 18px;
    margin-left: 12px;
    margin-right: 10px;
  }

  .intro_wrapper .sub h3,
  .sub1 h3,
  .sub2 h3,
  .sub3 h3,
  .link_wrapper a,
  .link_wrapper2 a,
  .link_wrapper3 a,
  .link_wrapper4 a {
    color: #535353;
    font-size: 14px;
  }

  .intro_wrapper .sub p,
  .sub1 p,
  .sub2 p,
  .sub3 p {
    color: #313131;
    font-size: 14px;
  }

  .intro_wrapper .sub p {
    margin-left: 56px;
  }

  .intro_wrapper .sub1,
  .sub2,
  .sub3 {
    margin-top: 9px;
  }

  .intro_wrapper .sub1 p {
    margin-left: 43px;
  }

  .intro_wrapper .sub2 p {
    margin-left: 14px;
  }

  .intro_wrapper .sub3 h3 {
    margin-right: 28px;
  }

  .intro_wrapper .sub3 p,
  .link_wrapper p {
    width: 223px;
    height: auto;
  }

  .sns {
    display: flex;
    width: 360px;
    height: auto;
  }

  .sns img {
    padding-top: 48px;
    margin-bottom: 78px;
  }

  .sns .twitter {
    width: 56px !important;
    height: 46px !important;
    margin-left: 61px;
    margin-right: 48px;
  }

  .sns .insta {
    margin-right: 47px;
  }

  .sns .insta,
  .sns .rss {
    width: 47px !important;
    height: 47px !important;
  }

  /* モバイル版プロフィールのcssの設定ここまで */

  /* モバイル版リンクページのcssの設定ここから */
  .link_wrapper {
    width: 360px;
    height: auto;
    margin-top: 48px;
    display: flex;
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e6e6;
  }

  .link_wrapper a {
    width: 117px;
  }

  .link_wrapper2,
  .link_wrapper3,
  .link_wrapper4 {
    width: 360px;
    height: auto;
    margin-top: 15px;
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
  }

  .link_wrapper h3 {
    padding-left: 20px;
    width: 150px;
  }

  .link_wrapper3 h3 {
    width: 175px;
  }

  .link_wrapper2 h3,
  .link_wrapper3 h3,
  .link_wrapper4 h3 {
    padding-left: 20px;
  }

  .link_wrapper p,
  .link_wrapper2 p,
  .link_wrapper3 p,
  .link_wrapper4 p {
    color: #313131;
    font-family: 'メイリオ', 'Meiryo', 'ＭＳ ゴシック',
      'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    font-weight: normal;
    font-size: 14px;
  }

  .link_wrapper p {
    margin-left: 26px;
  }

  .link_wrapper2 p {
    width: 181px;
    margin-left: 52px;
  }

  .link_wrapper3 p {
    width: 181px;
    margin-right: 20px;
  }

  .link_wrapper4 p {
    width: 181px;
    margin-left: 12px;
  }

  .sns_wrapper {
    height: 141px;
    width: 360px;
    margin-top: 20px;
    border-bottom: 1px solid #e6e6e6;
  }

  .sns_wrapper #caption h2 {
    width: 154px;
  }

  .sns2 {
    display: flex;
    width: 360px;
    height: auto;
  }

  .sns2 img {
    margin-top: 20px;
  }

  .sns2 .twitter {
    width: 56px !important;
    height: 46px !important;
    margin-left: 61px;
    margin-right: 48px;
  }

  .sns2 .insta {
    margin-right: 47px;
  }

  .sns2 .insta,
  .sns2 .rss {
    width: 47px !important;
    height: 47px !important;
  }

  /* ダミーの余白設定 */
  .space {
    width: 360px;
    height: 103px;
  }
  /* ダミーの余白設定ここまで */

  /* モバイル版リンクページのcssの設定ここまで */

  /* モバイル版プライバシーポリシーのcss設定ここから */
  .pp_mokuji {
    border: 1px solid #e5e5e5;
    margin-top: 54px;
    margin-left: 54px;
    width: 249px;
    margin-bottom: 30px;
  }

  .pp_mokuji h3,
  .pp_mokuji p {
    font-size: 14px;
  }

  .pp_mokuji h3 {
    margin-bottom: 31px;
    margin-left: 89px;
  }

  .pp_mokuji p {
    width: 266px;
    padding-bottom: 9px;
  }

  .pp_mokuji_wrp {
    margin-top: 26px;
    margin-left: 13px;
  }

  .pp_main_wrp {
    width: 351px;
    /* margin-left: 12px; */
  }

  .pp_main_wrp p {
    font-size: 14px;
    margin-top: 43px;
    margin-bottom: 42px;
    margin-left: 11px;
  }

  .pp_main_cont {
    background-color: #004091;
    height: 60px;
    width: 351px;
    border-radius: 10px;
    margin-left: 4px;
  }

  .pp_main_cont h3 {
    line-height: 60px;
    font-weight: bold;
    font-size: 16px;
    padding-left: 26px;
    color: #fff;
  }
  /* モバイル版プライバシーポリシーのcss設定ここまで */
}

/* PC用の画面のCSS設定ここから */
@media screen and (min-width: 601px) {
  /* 共通設定 */
  body {
    width: 1440px;
    height: auto;
    margin: 0 auto;
  }

  .footerFixed {
    padding-bottom: 90px; /* ←フッターの高さを指定 */
  }

  #wrapper {
    width: 960px;
    height: auto;
  }

  #wrapper1 {
    width: 960px;
    height: auto;
    margin: 0 auto;
  }

  footer {
    height: 90px;
    width: 100%;
    line-height: 90px;
  }

  header {
    height: 72px;
    width: 100%;
    padding: 0 240px 0 240px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
    position: fixed;
    z-index: 9999;
  }

  #caption {
    padding-top: 114px;
  }

  #caption h2 {
    margin-bottom: 25px;
  }

  #caption h2,
  #caption2 h2 {
    font-size: 36px;
  }

  /* ハンバーガー　ボタン位置設定 ここから */
  .toggle-btn {
    display: block;
    position: fixed;
    top: 20px;
    right: 240px;
    width: 30px;
    height: 30px;
    z-index: 3;
    cursor: pointer;
  }

  .toggle-btn span {
    position: absolute;
    display: block;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #626262;
    transition: all 0.5s;
    border-radius: 4px;
  }
  /* ハンバーガー　ボタン位置設定 ここまで */

  /* index.htmlのCSS設定ここから */
  .main_image {
    padding-top: 73px;
    width: 1440px;
  }

  .main_image h2 {
    font-family: chaparral-pro, serif;
    font-weight: 700;
    font-style: normal;
    color: #555555;
    font-size: 54px;
    margin-top: 66px;
    margin-left: 392px;
  }

  .slider-001 {
    margin-top: 50px;
  }

  .main_image p {
    width: 184px;
    margin-left: 635px;
    margin-top: 55px;
    font-size: 16px;
    background-color: rgba(12, 107, 217, 0.7);
    color: #ffffff;
    text-align: center;
  }

  .main_image a {
    display: block;
    width: 156px;
    height: 30px;
    line-height: 30px;
    margin-left: 649px;
    margin-top: 42px;
    text-align: center;
    color: white;
    background-color: #474747;
    font-size: 16px;
    border-radius: 30px;
    margin-bottom: 266px;
  }

  /* index.htmlのCSS設定ここまで */

  /* カードギャラリー設定ここから */
  .card_wrapper {
    display: flex;
    padding-bottom: 20px;
    height: auto;
    border-bottom: 1px solid #d9d9d9;
    background-color: #fff;
  }

  .card_wrapper img.card_h {
    width: 320px;
    height: 234px;
  }

  .card_wrapper img.card_h,
  .card_wrapper img.card_v {
    padding-top: 20px;
  }

  .card_wrapper img.card_v {
    height: 320px;
    width: 230px;
  }

  .card_name {
    padding-top: 20px;
    margin-left: 55px;
    height: auto;
  }

  .card_name h3 {
    font-size: 16px;
    font-weight: bold;
    color: #626262;
  }

  .card_name p {
    padding-top: 35px;
    font-size: 14px;
    color: #555555;
  }

  .back_button {
    height: 181px;
    width: 960px;
  }

  .back_button p {
    margin-top: 61px;
    height: 32px;
    border-top: 4px solid #474747;
  }

  .back_button a {
    margin-left: 820px;
    height: 32px;
    width: 140px;
    line-height: 32px;
    display: block;
    background-color: #474747;
    color: white;
    font-size: 14px;
    font-family: kozuka-gothic-pr6n, sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  .u_nav {
    display: grid;
    height: 56px;
    border-bottom: 1px solid #c6d0b2;
    width: 960px;
    grid-template-columns: 1fr 1fr;
  }

  .u_nav_1_l a,
  .u_nav_3_r a {
    height: 56px;
    margin-left: 225px;
    margin-top: 16px;
    display: block;
    font-size: 14px;
  }

  .u_nav_3_r2 a {
    height: 56px;
    margin-top: 16px;
    display: block;
    font-size: 14px;
    width: 108px;
    margin-left: 426px;
  }

  .u_nav_1_r a {
    font-size: 14px;
    display: block;
    height: 56px;
    margin-top: 7px;
    margin-left: 176px;
  }

  .u_nav2 {
    height: 36px;
    width: 960px;
    border-bottom: 1px solid #c6d0b2;
  }

  .u_nav2 a {
    margin-left: 426px;
    margin-top: 20px;
    display: block;
    font-size: 14px;
  }

  .u_nav_2_l a {
    font-size: 14px;
    display: block;
    height: 56px;
    margin-left: 158px;
    margin-top: 16px;
  }

  img.pic_mini {
    margin-top: 44px;
    margin-left: 88px;
  }

  .capt_wrapper {
    border-top: 1px solid #c6d0b2;
  }

  .capt_wrapper,
  .capt_wrapper2 {
    height: 184px;
    width: 960px;
    border-bottom: 1px solid #c6d0b2;
    display: grid;
    grid-template-columns: 410px 550px;
  }

  .capt_wrapper a,
  .capt_wrapper2 a {
    display: block;
    margin-top: 66px;
    font-size: 16px;
    font-weight: bold;
  }

  .capt_wrapper2 a {
    margin-top: 62px;
  }

  .capt_wrapper3 {
    height: 76px;
    width: 960px;
  }

  .capt_wrapper3 .sec_name a {
    display: block;
    margin-top: 62px;
    font-size: 16px;
    font-weight: bold;
    margin-left: 410px;
    padding-bottom: 52px;
  }

  .suk {
    height: 56px;
    border-bottom: 1px solid #c6d0b2;
    border-top: 1px solid #c6d0b2;
    width: 960px;
  }

  /* カードギャラリー設定ここまで */

  /* プロフィールコーナー設定　ここから */
  .mypic_wrapper img {
    margin-left: 252px;
  }

  .mypic_wrapper p {
    text-align: center;
    color: #7d7d7d;
    font-weight: bold;
    font-size: 24px;
    padding-bottom: 62px;
    border-bottom: 10px solid #d9d9d9;
  }

  .intro_wrapper .sub,
  .sub1,
  .sub2,
  .sub3 {
    border-bottom: 1px solid #e6e6e6;
    display: flex;
  }

  .intro_wrapper .sub1 img,
  .sub2 img,
  .sub3 img {
    height: 18px;
    width: 18px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 10px;
  }

  .sub img {
    margin-left: 15px;
    margin-right: 10px;
    height: 18px;
    width: 18px;
  }

  .intro_wrapper .sub {
    margin-top: 12px;
    height: 28px;
    padding-bottom: 5px;
  }

  .intro_wrapper .sub p {
    margin-left: 136px;
  }

  .intro_wrapper .sub1 h3,
  .sub1 p {
    padding-top: 3px;
  }

  .intro_wrapper .sub1 p {
    margin-left: 120px;
  }

  .intro_wrapper .sub2 h3,
  .sub2 p {
    padding-top: 2px;
  }

  .intro_wrapper .sub2 p {
    margin-left: 88px;
  }

  .intro_wrapper .sub1,
  .sub2 {
    height: 43px;
    line-height: 43px;
  }

  .intro_wrapper .sub3 {
    height: 137px;
  }

  .intro_wrapper .sub3 h3 {
    width: 80px;
  }

  .intro_wrapper .sub3 h3,
  .sub3 p {
    padding-top: 10px;
  }

  .intro_wrapper .sub3 p {
    margin-left: 96px;
    height: 137px;
    width: 724px;
    padding-bottom: 2px;
  }

  .intro_wrapper .sub h3,
  .sub1 h3,
  .sub2 h3,
  .sub3 h3 {
    font-weight: bold;
    color: #626262;
  }

  .intro_wrapper .sub h3,
  .sub1 h3,
  .sub2 h3,
  .sub3 h3,
  .sub p,
  .sub1 p,
  .sub2 p,
  .sub3 p {
    font-size: 16px;
  }

  .intro_wrapper .sub p,
  .sub1 p,
  .sub2 p,
  .sub3 p {
    color: #555555;
    font-weight: normal;
  }

  .sns {
    display: flex;
    margin-top: 50px;
    height: 143px;
    width: 960px;
  }

  .sns .twitter {
    margin-left: 237px;
    margin-right: 106px;
  }

  .sns .insta {
    margin-right: 104px;
  }

  /* プロフィールコーナーPC用ダミーの余白設定ここから */
  .dammy_space2 span {
    margin: 0 auto;
    height: 254px;
    width: 960px;
    border-top: 1px solid #e6e6e6;
    display: block;
  }
  /* プロフィールコーナーPC用ダミーの余白設定ここまで */

  /* プロフィールコーナー設定 　ここまで */

  /* リンクコーナーの設定ここから */
  .link_wrapper,
  .link_wrapper2,
  .link_wrapper3,
  .link_wrapper4 {
    display: flex;
    width: 960px;
    border-bottom: 1px solid #e6e6e6;
    height: auto;
  }

  .link_wrapper2,
  .link_wrapper3,
  .link_wrapper4 {
    padding-top: 15px;
  }

  .link_wrapper a,
  .link_wrapper2 a,
  .link_wrapper3 a,
  .link_wrapper4 a {
    display: block;
    margin-left: 43px;
    font-weight: bold;
    color: #626262;
    padding-bottom: 15px;
  }

  .link_wrapper p {
    margin-left: 43px;
    width: 724px;
    padding-bottom: 15px;
  }

  .link_wrapper2 p {
    margin-left: 59px;
    width: 724px;
    padding-bottom: 15px;
  }

  .link_wrapper3 p {
    margin-left: 12px;
    width: 724px;
    padding-bottom: 15px;
  }

  .link_wrapper4 p {
    margin-left: 12px;
    width: 724px;
    padding-bottom: 15px;
  }

  #caption2 h2 {
    margin-top: 41px;
  }

  .sns2 {
    display: flex;
    margin-top: 50px;
    height: 143px;
    width: 960px;
  }

  .sns2 .twitter {
    margin-left: 237px;
    margin-right: 106px;
  }

  .sns2 .insta {
    margin-right: 104px;
  }

  /* リンクコーナーPC用ダミーの余白設定ここから */
  .space {
    margin: 0 auto;
    height: 369px;
    width: 960px;
    border-top: 1px solid #e6e6e6;
    display: block;
  }
  /* リンクコーナーPC用ダミーの余白設定ここまで */

  /* リンクコーナーの設定ここまで */

  /* pc版プライバシーポリシーのcss設定ここから */
  .pp_mokuji {
    border: 1px solid #e5e5e5;
    margin-top: 138px;
    margin-left: 341px;
    width: 326px;
    margin-bottom: 30px;
  }

  .pp_mokuji h3,
  .pp_mokuji p {
    font-size: 16px;
  }

  .pp_mokuji h3 {
    margin-bottom: 22px;
    margin-left: 126px;
  }

  .pp_mokuji p {
    width: 266px;
    padding-bottom: 9px;
  }

  .pp_mokuji_wrp {
    margin-top: 25px;
    margin-left: 13px;
  }

  .pp_main_wrp {
    width: 800px;
    margin-left: 80px;
  }

  .pp_main_wrp p {
    font-size: 16px;
    margin-top: 43px;
    margin-bottom: 42px;
    margin-left: 5px;
  }

  .pp_main_cont {
    background-color: #004091;
    height: 80px;
    width: 800px;
    border-radius: 10px;
    margin-left: 4px;
  }

  .pp_main_cont h3 {
    line-height: 80px;
    font-weight: bold;
    font-size: 22px;
    padding-left: 26px;
    color: #fff;
  }
  /* PC版プライバシーポリシーのcss設定ここまで */

  /* pc用の設定ここまで */
}