@charset "utf-8";

/*---------------------------------
共通      <1110以上
---------------------------------*/

body,div,img,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,li,table,tr,td{
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
argin-inline-start: 0;
/* vertical-align: baseline; */
}
ol{
margin: 0;
padding: 0 0 0 2rem;
border: 0;
font-weight: normal;
}
/* ol li{
padding: 1rem;
} */
.ol-pad4r{
padding: 0 0 0 4rem;
}
html{
font-size: 62.5%;
}
body{
font-family:
sans-serif,
'メイリオ',
Meiryo,
'ＭＳ Ｐゴシック',
sans-serif;
letter-spacing: -0.2px;
font-weight: 400;
line-height: 160%;
}

a {
text-decoration: none;
color:#000;
}
a:hover {
}
img,iframe{
vertical-align: bottom;
}
ul{
list-style: none;
}
.no-ok1109,
.no-ok768,
.no-ok1109-no768{
display: none;
}
/* （1110以上）ハンバーガーアイコン */
.triggerBtn{
display: none;
}
/* （1110以上）タイトル　1110以上無・1109以下あり・768以下無 */
.tit1109{
display: none;
}
/* （1110以上）タイトル　1110以上無・1109以下無・768以下あり */
.tit768{
display: none;
}
/*---------- （1110以上）flex（共通）ここから ----------*/
/* （1110px以上）flex横並び、基本 */
.btn-e,
.t-hed-tit1,
.t-hed-menu-ul,
.foot1,
.t-hed-tit2-name,
.t-con-gi-area ul,
.foot1,
.foot-menu,
.foot-menu-eng,
.o-hed2,
.o-hed-menu ul,
.o-con-imgarea,
.o-con-imgarea2,
.ms-btn-area ul,
.ms-con-area2,
.ed-con-li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;/* 小要素の並ぶ向き */
}
/* （1110px以上）flex、左・上・折返無 */
.o-hed-menu ul{
flex-wrap: nowrap;/* 折返無 */
justify-content: flex-end;/* 左 */
align-items: flex-start ;/* 上 */
}
/* （1110px以上）flex、右・上・折返有 */
.o-hed2,
.t-hed-tit2-name{
flex-wrap: wrap;/* 折返有 */
justify-content: flex-end;/* 右 */
align-items: flex-start ;/* 上 */
}
/* （1110px以上）flex、右・上・折返有 */
.foot-menu ul,
.foot-menu-eng ul{
flex-wrap: wrap;/* 折返有 */
justify-content:flex-end;/* 右 */
align-items: flex-start ;/* 上 */
}
/* （1110px以上）flex、左・下・折返有 */
.t-hed-tit1,
.ed-con-li{
flex-wrap: wrap;/* 折返有 */
justify-content: flex-start;/* 左 */
align-items: flex-end ;/* 下 */
}
/* （1110px以上）flex横並び・上下広がる・折返有 */
.btn-e{
flex-wrap: wrap;/* 折返有 */
align-items: stretch;/* 垂直方向上下に広がる */
}
/* （1110px以上）flex横並び・上・左右均等・折返有 */
.t-hed-menu-ul,
.foot1,
.t-con-gi-area ul,
.foot1,
.o-con-imgarea,
.o-con-imgarea2,
.ms-btn-area ul,
.ms-con-area2{
flex-wrap: wrap;/* 折返有 */
justify-content: space-between;/* 左右均等に間隔をあけて配置 */
align-items: flex-start;/* 上 */
}
/*---------- （1110以上）flex（共通）ここまで ----------*/
.pad-top10 {
padding-top: 10px;
}
.pad-top30 {
padding-top: 30px;
}
.pad-top40 {
padding-top: 40px;
}
.pad-top50 {
padding-top: 50px;
}
.pad-top60 {
padding-top: 60px;
}
.pad-top70 {
padding-top: 70px;
}
.pad-top80 {
padding-top: 80px;
}
.pad-top90 {
padding-top: 90px;
}
.pad-top100 {
padding-top: 100px;
}
.pad-btm10{
padding-bottom: 10px;
}
.pad-btm20{
padding-bottom: 20px;
}
.pad-btm30{
padding-bottom: 30px;
}
.pad-btm50{
padding-bottom: 50px;
}
.pad-btm60{
padding-bottom: 60px;
}
.mar-btm10{
margin-bottom: 10px;
}
.mar-btm20{
margin-bottom: 20px;
}
.mar-btm30{
margin-bottom: 30px;
}
.mar-btm50{
margin-bottom: 50px;
}
.mar-btm60{
margin-bottom: 60px;
}
.pad-lef20{
padding-left: 20px;
}
/*---------- （1110以上）Newアイコン（共通） ----------*/
.new-icon{
font-size: 10px;
color:#fff;
background: #C30D23;
border-radius: 10px;
display: inline-block;
padding: 2px 10px;
margin-left: 10px;
}
/*---------- （1110以上）iphoneフォームデザインリセット ----------*/
input[type="submit"], input[type="button"], input[type="reset"] { -webkit-appearance: none; }


/*---------- （1110以上）メニュー（フッター） ----------*/

/*---------- （1110以上）リンク（フッター） ----------*/
.res-link {
    color: #C30D23;
    text-decoration: underline;
}
/*---------- （1110以上）PAGE TOP（フッター） ----------*/

/*---------- （1110以上）コピー（フッター） ----------*/


/*---------- （1110以上）モバイルメニュー（非表示） ----------*/
#cover{
display: none;
}
#menu768 {
display: none;
}
/*---------- （1110以上）テキスト設定（共通） ----------*/
.soon-txt{
font-size: 1.6rem;
line-height: 1.6rem;
}

.tex-cen{
text-align: center;
}
.tex-le{
text-align: left;
}

/* （1110以上）説明文 */
.com-ttl{
font-size: 1.6rem;
line-height: 1.7rem;
color: #000;
margin-bottom: 15px;
}
/* （1110以上）※ */
.note-icon{
font-size: 1.3rem;
color: #C30D23;
}
/* （1110以上）※の文字 */
.note{
font-size: 1.3rem;
color: #C30D23;
padding-top: 5px;
}
.note-link{
text-decoration: underline;
color: #C30D23;
}
/* （1110以上）行下げ */
.note-txt-lef1{
  padding-left: 1rem;
}
/*---------- （1110以上）太字（共通） ----------*/
.fw700{
  font-weight: 700;
}
/*---------- （1110以上）赤字（共通） ----------*/
.fc-red{
  color: #C30D23;
}

/*---------- （1110px以上）小見出し　紺縦（共通）  ----------*/
/* タイトル横に縦四角 */
.subheading-h3{
padding: 0.5rem 1rem;
border-left: 10px solid #1e366a;
font-size: 1.8rem;
line-height: 1.9rem;
color:#1e366a;
margin-bottom: 20px;
font-weight: 800;
}
.subheading-h3-con{
width: 80%;
margin: 0 auto;
}

/*---------- （1110以上）ボタンEnglish（共通） ----------*/
.eng-btn{
  background: #F7F8F8;
  padding: 4px 16px;
  text-align: center;
  font-size: 1.2rem;
  box-sizing: border-box;
  font-family: 'Libre Baskerville', serif;
  font-weight: 400;
}
/*---------- （1110以上）ボタン幅100％（共通） ----------*/
.botm100p a{
display: block;
width: 100%;
border: 2px solid #eee;
box-sizing: border-box;
text-align: center;
padding: 10px 0;
vertical-align: middle;
font-size: 1.6rem;
line-height: 1.0rem;
vertical-align: middle;
transition: 0.4s;
}
.botm100p a:hover{
border: 2px solid rgba(3, 110, 184, 1);
background: rgba(3, 110, 184, 1);
color:#fff;
}/*---------- （1110以上）ボタン幅100％　アイコンなし（共通） ----------*/
.botm100p2 a{
display: block;
width: 100%;
border: 2px solid #eee;
box-sizing: border-box;
text-align: center;
padding: 15px 0;
vertical-align: middle;
font-size: 1.6rem;
line-height: 1.0rem;
vertical-align: middle;
transition: 0.4s;
}
.botm100p2 a:hover{
border: 2px solid rgba(3, 110, 184, 1);
background: rgba(3, 110, 184, 1);
color:#fff;
}
/*---------- （1110以上）テーブルa（共通）  ----------*/
.table-a{
border-collapse: collapse;
width: 100%;
font-size: 1.6rem;
line-height: 1.8rem;
}

/* .table-a thead tr th, */
.table-a tbody tr td {
border: solid 1px #84BAE5;
text-align:left;
vertical-align: top;
padding: 10px 10px;
}
.table-a thead tr,
.table-a tbody tr{
vertical-align: middle;
}
.table-a thead tr th{
padding: 10px;
color: #fff;
background: #84BAE5;
border-right: solid 1px #C0D9F1;
text-align:center;
}
.table-a thead tr th:last-child{
 border-right: solid 1px #84BAE5;
}
.table-a-w10{
  width: 10%;
}
.table-a-w45{
  width: 45%;
}
/*---------- （1110以上）テーブルb（共通）  ----------*/
.table-b{
border-collapse: collapse;
width: 100%;
font-size: 1.4rem;
}
.table-b thead tr th,
.table-b tbody tr td {
border: solid 1px #84BAE5;
text-align:center;
}
.table-b thead tr,
.table-b tbody tr{
vertical-align: middle;
}
.table-b thead tr th{
padding: 10px;
color: #fff;
background: #84BAE5;
border-right: solid 1px #C0D9F1;
}
.table-b thead tr th:last-child{
border-right: solid 1px #84BAE5;
}
.table-b tbody tr td{
padding: 7px 0px;
}
/*---------- （1110以上）ボタンa　ボタンb（共通）  ----------*/
.btn-a a{
display: block;
width: 80%;
border: 2px solid #eee;
box-sizing: border-box;
text-align: center;
padding: 20px 0;
vertical-align: middle;
font-size: 1.6rem;
line-height: 1.0rem;
vertical-align: middle;
transition: 0.4s;
margin: 0 auto;
}
.btn-a a:hover,
.btn-b a:hover{
border: 2px solid rgba(3, 110, 184, 1);
background: rgba(3, 110, 184, 1);
color:#fff;
}
.btn-b a{
display: block;
width: 80%;
border: 2px solid #eee;
box-sizing: border-box;
text-align: center;
padding: 30px 0;
vertical-align: middle;
font-size: 1.6rem;
line-height: 1.0rem;
vertical-align: middle;
transition: 0.4s;
margin: 0 auto;
}
/*---------- （1110以上）ボタンc（共通）  ----------*/
.btn-c a{
padding: 5px 20px;
border-radius: 14px;
background-color:rgba(0, 0, 0, 1);
color:#fff;
text-align: center;
box-sizing: border-box;
width: 100px;
font-size: 1.2rem;
cursor: pointer;
cursor: hand;
transition: 0.4s;
}
.btn-c a:hover{
background-color: rgba(3, 110, 184, 1);
}
/*---------- （1110以上）ボタンd（共通）  ----------*/
.btn-d{
box-sizing: border-box;
text-align: center;
border-radius: 40px;
background: rgba(84, 195, 241, 1);
color: #fff;
display:block;
position: absolute;
top:160px;
left: calc(50% - 555px);
font-size: 1.6rem;
padding: 13px 50px;
transition: 0.4s;
}
.btn-d:hover{
background: rgba(84, 195, 241, 0.7);
}
/*---------- （1110以上）ボタンe（横並び2個）（共通）  ----------*/
.btn-e a {
    display: block;
    width: calc( 100% - 20px );
    border: 2px solid #eee;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 0;
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 1.0rem;
    vertical-align: middle;
    transition: 0.4s;
}
.btn-e a:last-child {
    margin-left: 20px;
}

.btn-e a:hover{
border: 2px solid rgba(3, 110, 184, 1);
background: rgba(3, 110, 184, 1);
color:#fff;
}
/*---------- （1110以上）ボーダー（共通）  ----------*/
.border-un{
  border-bottom: 1px dotted #333;
}
.border-img{
  border: 1px solid #333;
  box-sizing: border-box;
}
/*---------- （1110以上）ヘッダー（TOP） ----------*/
.thead{
width: 100%;
height: 55vw;
min-height: 600px;
background-image: url("../img/topimg.jpg");
background-position:top center;
background-repeat: no-repeat;
background-size:cover;
position:relative;
}
/*---------- （1110以下）TOPの上部のグレイのライン（共通） ----------*/
.t-hed-line{
  width: 100%;
  height: 40px;
  background: #727171;
  text-align: right;
  margin: 0 auto;
  padding-top: 8px;
  box-sizing:border-box;
}
/*---------- （1110以下）Englishのボタンのコンテナ（共通） ----------*/
.t-eng-btn-con{
  width: 1110px;
  margin: 5px auto;
  box-sizing: border-box;
}

/* ヘッダーエリア */
.t-hed-area{
  position: relative;
  height: calc( 100% - 40px );
  width: 100%;
  box-sizing: border-box;
}

/* ヘッダー(上部)タイトル・アイコン */
.t-hed-tit1{
  width: 1110px;
  position:absolute;
  --widthA: 1110px;
  --widthB: calc(100% - var(--widthA));
  --widthC: calc(var(--widthB) / 2);
left:var(--widthC);
top:20px;
}
.t-hed-tit1-img{
  width: 25px;
}

.t-hed-tit1-con{
  margin-left: 10px;
  color:#7ECEF4;
  font-size: 2.4rem;
  line-height: 2.6rem;
  letter-spacing: 0.1rem;
font-family: 'Libre Baskerville', serif;
}
.t-hed-tit1-con-eng{
  margin-left: 10px;
  color:#7ECEF4;
  font-size: 2.2rem;
  line-height: 2.4rem;
  letter-spacing: 0.1rem;
font-family: 'Noto Serif JP', serif;
}
/* ヘッダー(中部)タイトル */
.t-hed-tit2{
  width: 1110px;
  position:absolute;
  --widthA: 1110px;
  --widthB: calc(100% - var(--widthA));
  --widthC: calc(var(--widthB) / 2);
left:var(--widthC);
bottom:55%;
text-align: right;
}

.t-hed-tit2-tit{
    font-size: 4rem;
    line-height: 4.2rem;
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    padding-bottom: 10px;
    box-sizing: border-box;
    text-align: right;
    /* height: 3.8rem; */
}

.t-hed-tit2-tit-eng{
    font-size: 4rem;
    color: #fff;
    font-family: 'Libre Baskerville', serif;
    font-weight:700;
    padding-bottom: 10px;
    box-sizing: border-box;
    height: 3.8rem;
}
.t-hed-tit2-name{
font-size: 1.9rem;
line-height: 2.1rem;
/* margin-top: 14px; */
font-family: 'Noto Sans JP', sans-serif;
color: #fff;
box-sizing: border-box;
}
.t-hed-mail{
width: 200px;
margin-left: 10px;
box-sizing: border-box;
}
.t-hed-mail img{
  width: 100%;
}
/* ヘッダー(下部) */
.t-hed-un{
  width: 1110px;
  position:absolute;
  --widthA: 1110px;
  --widthB: calc(100% - var(--widthA));
  --widthC: calc(var(--widthB) / 2);
left:var(--widthC);
bottom:0;
}
.t-hed-menu{
margin: 0 auto 40px;
width: 900px;
}
.t-hed-menu-ul li a{
  background: #C30D23;
display: block;
width: 200px;
border-radius: 20px;
text-align: center;
font-size: 1.7rem;
padding-top:12px;
padding-bottom: 12px;
color:#fff;
box-sizing: border-box;
font-family: 'Noto Serif JP', serif;
transition: 0.4s;
}
.t-hed-menu-ul li a:hover{
  background: #770011;
}
.menu-soon{
background: #ccc!important;
}
.menu-soon:hover{
  background: #ccc!important;
}
.menu-soon2{
border: #777 solid 1px!important;
color: #777!important;
}
.menu-soon2:hover{
  border: #777 solid 1px!important;
  color: #777!important;
}
.t-hed-txt{
color: #fff;
font-size: 1.2rem;
padding-bottom: 40px;
box-sizing: border-box;
}
/*---------- （1110以上）コンテンツ　エリア（TOP） ----------*/
.t-con-area{
  width: 100%;
  margin: 0 auto;
  background-image: url("../img/top-conimg.jpg");
  background-size: 1000px;
  background-position: 50% 15%;
  background-repeat: no-repeat;

}
/*---------- （1110以上）コンテンツタイトル（TOP） ----------*/
.t-tit-area{
  position: relative;
  height: 80px;
  width: 100%;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.t-tit-line{
width: 100%;
background: #DCDDDD;
height:40px;
}
.t-tit{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
  font-size: 3rem;
  font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  text-align: center;
  width: 100%;
}
/*---------- （1110以上）コンテンツ（TOP） ----------*/
.t-con-txt{
  width: 900px;
  margin: 0 auto 20px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: 0.05rem;
}
.t-con-date{
  width:100%;
  text-align: center;
  margin-bottom: 30px;
  font-size: 1.2rem;
}
.t-con-gi-area{
width: 900px;
}
.gi-area1{
margin: 0 auto 30px;
}
.gi-area2{
margin: 0 auto 60px;
}
.t-con-btn1 a,.t-con-btn2 a{
  display: block;
  width: 270px;
  border-radius: 20px;
  text-align: center;
  font-size: 1.6rem;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.t-con-btn1 a{
  border: 1px solid #036EB8;
  color:#036EB8;
  background: #fff;
  transition: 0.4s;
}
.t-con-btn1 a:hover{
    border: 1px solid #D1E9F2;
  background: #D1E9F2;
}
.t-con-btn2 a{
  border: 1px solid #4C829A;
  color:#4C829A;
  background: #fff;
  transition: 0.4s;
}
.t-con-btn2 a:hover{
  border: 1px solid #CDDCE0;
  background: #CDDCE0;
}

.t-con-btn3{
  display: block;
  width: 270px;
  border-radius: 20px;
  text-align: center;
  font-size: 1.6rem;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
/* 蒙古斑のボタン */
.t-con-btn{
width: 100%;
text-align: center;
margin-bottom: 60px;
box-sizing: border-box;
}
.t-con-btn a{
color: #fff;
font-size: 1.4rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 200;
background: #9FA0A0;
padding: 3px 22px 5px;
box-sizing: border-box;
border-radius: 15px;
}


/* （1110以上）TOPニュースMOREボタン */
.twn-more{
margin: 18px 0 0 auto;
text-align: right;
}


/*---------- （1110以上）遺伝画像ボタン（英語）（共通）  ----------*/
.t-con-btn-eng a{
  height: 68px;
}

.t-con-btn-eng a{
  display: -webkit-flex;
display: flex;
-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
align-items: center; /* 縦方向中央揃え */
-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
justify-content: center; /* 横方向中央揃え */
}

/*---------- （1110以上）画像（TOP） ----------*/

/*---------- （1110以上）ご注意（TOP） ----------*/


/*---------------------------------
フッター      <1110以上
---------------------------------*/
/*---------- （1110以上）フッター ----------*/
footer{
background:#3E3A39;
}
/* フッター（上部） */
.foot1{
width: 1110px;
margin: 0px auto 10px;
padding-top: 30px;
box-sizing: border-box;
}
.foot-lef{
  /* margin-top: 10px; */
  font-size: 1.2rem;
  color: #fff;
}
.foot-lef-tit{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 2.4rem;
color: #fff;
padding-bottom: 10px;
}
.foot-lef-txt{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  color: #fff;
  padding-bottom: 8px;
  box-sizing: border-box;
}
.foot-lef-txt span{
    font-size: 1.2rem;
    margin-left: 5px;
}
.foot-mail-con{
text-align: right;
width: 100%;
}
.foot-mail{
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  width: 180px;
  margin-left:auto;
}
.foot-mail img{
  width: 100%;
}
.foot-rig{
text-align: right;
}
.foot-menu{

}

.foot-menu li a{
  display: block;
width: 110px;
border: #fff solid 1px;
border-radius: 20px;
text-align: center;
padding: 5px;
margin-left: 10px;
box-sizing:border-box;
color: #fff;
font-size: 1.4rem;
}

.foot-menu-eng li a{
  display: block;
width: 100px;
border: #fff solid 1px;
border-radius: 20px;
text-align: center;
padding: 5px;
margin-left: 10px;
box-sizing:border-box;
color: #fff;
font-size: 1rem;
}
/* フッター（下部） */
.foot2{
  width: 1110px;
  margin: 0 auto;
  text-align: right;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.foot-copy{
  margin-top: 10px;
  font-size: 1.2rem;
  color: #fff;
}

/*---------------------------------
各ページ     <1110以上
---------------------------------*/
/*---------- （1110以上）ヘッダー（各ページ） ----------*/
.o-hed{
  background-image: url("../img/o-hed-img.jpg");
  background-position: 80% 40%;
  background-size: 800px;
  background-repeat: no-repeat;
  background-color: #000;
  padding: 20px 0;
  width: 100%;
}
.o-hed1{
  width: 1110px;
  margin: 5px auto;
  box-sizing: border-box;
  text-align: right;
}
.o-hed2{
width: 1110px;
margin: 0 auto;
}
.o-hed-img{
width: 25px;
}
.o-hed2-con{
  text-align: left;
  width: calc( 100% - 35px);
  margin-left: 10px;
  /* margin-top: 5px; */
}
.o-hed-tit{
  font-size: 2.8rem;
  line-height: 2.8rem;
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.o-hed-tit-name{
font-size: 1.4rem;
font-family: 'Noto Sans JP', sans-serif;
color: #fff;
box-sizing: border-box;
  display: inline-block;
}
.o-hed-mail{
  display: inline-block;
  /* font-size: 1.2rem; */
  /* color: #2EA7E0; */
  /* background: #fff;
  border-radius: 20px; */
  width: 180px;
  text-align: center;
  margin-left: 10px;
  /* padding: 2px; */
  box-sizing: border-box;
  /* font-family: 'Noto Serif JP', serif; */
}
.o-hed-mail img{
  width: 100%;
}
.o-hed-menu{
  margin-top: 10px;
}
.o-hed-menu ul li {
   margin-left: 10px;

 }
.o-hed-menu ul li a{
  display: block;
  background: #C30D23;
  border-radius: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font-size: 1.4rem;
  width: 160px;
  color: #fff;
  box-sizing: border-box;
  font-family: 'Noto Serif JP', serif;
}
/*---------- （1110以上）コンテンツ（各ページ） ----------*/
.o-con{

}
/*---------- （1110以上）タイトル（各ページ） ----------*/
.o-tit{
  width: 100%;
  background: #DCDDDD;
  text-align: center;
  font-size: 3.2rem;
  line-height: 3.6rem;
letter-spacing: 0.1rem;
color: #000;
padding-top: 20px;
padding-bottom: 20px;
font-family: 'Noto Serif JP', serif;
font-weight: 700;
margin-bottom: 60px;
box-sizing: border-box;
}
.o-tit-btm0{
  width: 100%;
  background: #DCDDDD;
  text-align: center;
  font-size: 3.2rem;
  line-height: 3.6rem;
letter-spacing: 0.1rem;
color: #000;
padding-top: 20px;
padding-bottom: 20px;
font-family: 'Noto Serif JP', serif;
font-weight: 700;
/* margin-bottom: 60px; */
box-sizing: border-box;
}
.o-tit-sub{
  font-size: 1.6rem;
  line-height: 1.8rem;
  text-align: center;
  padding-top: 18px;
}
/*---------- （1110以上）ページ説明（各ページ） ----------*/
.o-abaut{
 text-align: center;
 font-family: 'Noto Serif JP', serif;
 font-size: 1.6rem;
 line-height: 2.4rem;
 letter-spacing: 0.05rem;
 margin: 0 auto 20px;
 box-sizing: border-box;
  width: 1110px;
}
/* ページの説明　bottomに60px */
.o-abaut-btm60{
 text-align: center;
 font-family: 'Noto Serif JP', serif;
 font-size: 1.6rem;
 line-height: 2.4rem;
 letter-spacing: 0.05rem;
 margin: 0 auto 60px;
 box-sizing: border-box;
 width: 1110px;
}
.o-memo{
  margin-bottom: 60px;
  box-sizing: border-box;
    text-align: center;
}
/*---------- （1110以上）サブタイトル　青いライン（各ページ） ----------*/
.o-con-tit{
  width: 100%;
  background: #2EA7E0;
  text-align: center;
  font-size: 2rem;
  line-height: 2rem;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 8px;
box-sizing: border-box;
}
/* サブタイトル　bottomに30px */
.o-con-tit-btm30{
  width: 100%;
  background: #2EA7E0;
  text-align: center;
  font-size: 2rem;
  line-height: 2rem;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 30px;
box-sizing: border-box;
}
/* サブタイトル　bottomに60px */
.o-con-tit-btm60{
  width: 100%;
  background: #2EA7E0;
  text-align: center;
  font-size: 2rem;
  line-height: 2rem;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 60px;
box-sizing: border-box;
}
.o-con-tit-eng{
  text-align: center;
  font-family: 'Libre Baskerville', serif;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #00A0E9;
  margin-bottom: 30px;
  box-sizing: border-box;
}
/*---------- （1110px以上）テキスト（各ページ） ----------*/
.o-con-txt{
  box-sizing: border-box;
    text-align: left;
    width: 900px;
    margin: 0 auto 60px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.4rem;
    font-family: 'Noto Sans JP', sans-serif;
}
.o-con-txt-ce{
  box-sizing: border-box;
    text-align: center;
    width: 900px;
    margin: 0 auto 60px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.4rem;
    font-family: 'Noto Sans JP', sans-serif;
}
.o-con-txt-ce-btm60{
  box-sizing: border-box;
    text-align:center;
    width: 900px;
    padding-bottom: 60px;
    margin: 0 auto 60px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.4rem;
    font-family: 'Noto Sans JP', sans-serif;
}
.o-con-imgarea{
  width: 900px;
  margin: 0 auto 60px;
}
.o-con-imgarea2{
  width: 900px;
  margin: 0 auto;
}
.o-con-img-con{
    width: 45%;
    margin-bottom: 60px;
    text-align: center;
}
.o-con-img-con3{
  width: 30%;
  margin: 0 auto 60px;
  text-align: center;
}
.o-con-img-con img,
.o-con-img-con3 img{
  width: 90%;
}
.o-con-img-con4{
  width: 24%;
  margin-bottom: 60px;
  text-align: center;
}
.o-con-img-con4 img{
  width: 40%;
}
.o-con-img-con1{
  width: 100%;
  margin-bottom: 60px;
  text-align: center;
}
.o-con-img-con1 img{
  width: 20%;
}
.o-con-img-con1-2{
  width: 100%;
  /* margin-bottom: 60px; */
  text-align: center;
}
.o-con-img-con1-2 img{
  width: 30%;
}
.o-con-img-con2{
  width: 48%;
  margin: 0 auto 60px;
  box-sizing: border-box;
  text-align: center;
}
.o-con-img-con2 img{
  display: block;
  width: 60%;
  margin: 0 auto;
}
.o-con-img-con2-30p{
  width: 50%;
  margin: 0 auto 60px;
  box-sizing: border-box;
  text-align: center;
}
.o-con-img-con2-30p img{
  display: block;
  width: 18%;
  margin: 0 auto;
}
.o-con-img-con3-tenza{
  width: 30%;
  margin: 0 auto 60px;
  box-sizing: border-box;
  text-align: center;
}
.o-con-img-con3-img1{
 display: block;
 width: 80%;
 margin: 0 auto;
}
.o-con-img-con3-img2{
 display: block;
 width: 30%;
 margin: 0 auto;
}
.gi-08-icon1{
  margin-bottom: 6px;
  margin-top: 6px;
  margin-right: 5px;
}
.gi-08-icon2{
  margin-bottom: 2px;
  margin-top: 2px;
  margin-right: 5px;
}
.gi-09-icon1{
  margin:2px 5px 5px 0px!important;
  width: 5px!important;
  display: inline!important;
}
.o-con-img-txtle{
text-align: left;
font-size: 1.4rem;
line-height: 1.8rem;
}
.o-con-img-btn{
  width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
  box-sizing: border-box;
}
.o-con-img-btn a{
  color: #fff;
  font-size: 1.4rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 200;
  background: #9FA0A0;
  padding: 3px 22px 5px;
  box-sizing: border-box;
  border-radius: 15px;
}
.o-con-img-txtce{
text-align: center;
font-size: 1.4rem;
line-height: 1.8rem;
}
.o-con-img-txtce-s{
text-align: center;
font-size: 1.4rem;
line-height: 1.8rem;
margin-bottom: 20px;
height: 30px;
}
.o-con-img-txtri{
text-align: right;
font-size: 1.4rem;
line-height: 1.8rem;
}
.o-con-img-tit{
  font-size: 1.6rem;
  line-height:1.8rem;
  text-align: center;
  margin-bottom: 20px;
}
.o-con-img-tit-gi10{
  font-size: 1.6rem;
  line-height:1.8rem;
  text-align: center;
  margin-bottom: 5px;
  /* height: 38px; */
}
.o-con-img-txtle{

}
/*---------------------------------
パワーポイント　埋め込み      <1110以上
---------------------------------*/
.ppt1{
width:100%;
height:481px;
  margin: 0 auto 30px;
}
/*---------------------------------
準備中(soonページ)      <1110以上
---------------------------------*/
.soon-area{
  width: 1110px;
  margin: 500px auto 500px;
  font-size: 2rem;
  line-height: 2rem;
  text-align: center;
}
/*---------------------------------
蒙古斑（英語）     <1110以上
---------------------------------*/
.ms-mainimg{
  width: 90%;
  display: block;
  margin: 0 auto;
}
.ms-mainimg-con{
  width: 1110px;
  margin: 60px auto 30px;
}
/*---------- （1110以上）著者（蒙古斑） ----------*/
.ms-author{
  width: 1110px;
  margin: 0 auto 60px;
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: 0.05rem;
  font-family: 'Libre Baskerville', serif;
  font-weight: 700;
text-align: center;
}
/*---------- （1110以上）ボタン（蒙古斑） ----------*/
.ms-btn-area{
  width: 1000px;
  margin: 0 auto 30px;
}
.ms-btn a{
display: block;
width: 290px;
border-radius: 20px;
text-align: center;
font-size: 1.6rem;
padding: 10px;
box-sizing: border-box;
margin-bottom: 20px;
border: 1px solid #C30D23;
color:#C30D23;
background: #fff;
}
/*---------- （1110以上）コンテンツエリア（蒙古斑） ----------*/
/* 蒙古斑について */
.ms-con-area{
  width: 900px;
  margin: 0 auto 60px;
}
.ms-con-h3{
  font-size: 2rem;
  line-height: 2rem;
  letter-spacing: 0.05rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.ms-con-p{
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0.03rem;
  margin-bottom: 30px;
}
.ms-con-p-b{
  font-weight: 600;
}
.ms-con-li-con{
  margin-bottom: 30px;
}
.ms-con-li-num{
  list-style-type: decimal;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0.03rem;
  margin-bottom: 30px;
  padding-left: 2rem;
}
/* 蒙古斑の例を挙げた説明 */
.ms-con-area2{
  width: 900px;
  margin: 0 auto 60px;
}
.ms-con-area2-con1{
width: 100%;
text-align: center;
}
.ms-con-area2-con1 img{
  width: 60%;
}
.ms-con-area2-con2{
width: 48%;
/* text-align: center; */
}
.ms-con-area2-con2 img{
width: 100%;
}
.ms-con-area2-li{
  list-style-type: lower-latin;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0.03rem;
  margin-bottom: 30px;
  padding-left: 2rem;
}
.ms-con-area2-li li{
  margin-bottom: 20px;
}
/* 鑑別診断 */
.ms-con-area3{
  width: 900px;
  margin: 0 auto 60px;
}
/*---------- （1110以上）鑑別診断テーブル（共通）  ----------*/
.ms-con-area3-table{
border-collapse: collapse;
width: 100%;
font-size: 1.6rem;
line-height: 1.8rem;
}

/* .table-a thead tr th, */
.ms-con-area3-table tbody tr td {
border: solid 1px #84BAE5;
text-align:left;
vertical-align: top;
padding: 10px 10px;
}
.ms-con-area3-table thead tr,
.ms-con-area3-table tbody tr{
vertical-align: middle;
}
.ms-con-area3-table thead tr th{
padding: 10px;
color: #fff;
background: #84BAE5;
border-right: solid 1px #C0D9F1;
text-align:center;
}
.ms-con-area3-table thead tr th:last-child{
 border-right: solid 1px #84BAE5;
}
/*---------------------------------
教育用画像     <1110以上
---------------------------------*/
.ed-txt-area{
  width: 900px;
  margin: 60px auto 0;
  font-size: 1.6rem;
line-height: 2rem;
letter-spacing: 0.03rem;
}
.ed-txt-sign{
  display: block;
  text-align: right;
  margin-top: 30px;
}
.ed-con-area{
  width: 900px;
  margin: 80px auto 120px;
}
.ed-con-li li{
  width: 180px;
  text-align: center;
  font-size: 1.6rem;
  margin-right: 60px;
  margin-bottom: 60px;
}
.ed-con-li li:nth-child(4n){
  margin-right: 0px;
}
.ed-con-li li:nth-child(5),
.ed-con-li li:nth-child(6){
  margin-bottom: 0px;
}
.ed-con-li li img{
  width: 100%;
  margin-bottom: 20px;
}
/*---------------------------------
お知らせ     <1110以上
---------------------------------*/
.newco-area{
width: 1110px;
margin: 50px auto 50px;
font-size: 1.6rem;
}
/*---------- （1110以上）パンくず（お知らせ） ----------*/
.news-bread-con{
margin: 0 auto 0;
width: 100%;
background: #eee;
}
.news-bread{
width: 1110px;
margin: 0 auto 0;
padding: 10px 0;
font-size: 1.6rem;
line-height: 1.8rem;
display: block;
box-sizing: border-box;
}
.news-bread a{
color:rgba(3, 110, 184, 1);
}
.newco-con{
width: 80%;
margin: 0 auto;
}
/*---------- （1110以上）タグ（お知らせ） ----------*/
.newco-cat{
display: inline-block;
padding: 0 20px;
color: #fff;
background: #383838;
border-radius: 5px;
font-size: 1.5rem;
line-height: 180%;
margin-left: 20px;
}
/*---------- （1110以上）記事タイトル（お知らせ） ----------*/
.newco-tit{
padding: 20px 0;
border-bottom: 1px solid #bbb;
box-sizing: border-box;
font-size: 2.4rem;
line-height: 2.6rem;
}
/*---------- （1110以上）記事本文（お知らせ） ----------*/
.newco-body{
margin-top: 50px;
line-height: 2.4rem;
}
.newco-body-cen{
text-align: center;
}
.newco-body-rig{
text-align: right;
}
.newco-body-tab60{
margin: 0 auto;
width: 60%;
}
.newco-body-tab80{
margin: 0 auto;
width: 80%;
}
.newco-body-tab80-note{
margin: 0 auto;
width: 80%;
}
.newco-body-tab100,
.newco-body-tab100-2{
margin: 0 auto;
width: 100%;
}

.newco-body-tab100-trun20px{
  margin: 0 auto;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 20px;
}
.newco-body-tab60 tbody tr td,
.newco-body-tab80 tbody tr td,
.newco-body-tab100 tbody tr td,
.newco-body-tab100-2 tbody tr td,
.newco-body-tab100-trun20px tbody tr td{
vertical-align: top;
}
.newco-body-fb{
font-weight: 800;
font-size: 1.8rem;
line-height: 2rem;
}
.wi60px1110-768{
width: 60px;
}
.wi80px{
width: 80px;
}
.wi100px{
width: 100px;
}
.wi160px{
width: 160px;
}

/*---------------------------------
1109px以下　ここから
---------------------------------*/
@media screen and (max-width: 1109px){
/* （1109以下）1110以上あり・1109以下無 */
.no1109,
.o-hed,
.t-hed-line,
.t-hed-tit1,
.t-hed-menu,
.foot-rig,
.eng-btn{
display: none;
}

/* （1109以下）1109以下 表示 */
.triggerBtn,
.no-ok1109,
.no-ok1109-no768,
.tit1109{
display: block;
}
/* （1109以下）1109以下 非表示 */
.ok-no1109{
display: none;
}

/*---------- （1109以下）flex　ここから（共通） ----------*/
/* （1109以下）flex横縦並び */
.aaa{
flex-direction: column;
}
/* （1109以下）flex横並び、基本 */
.tit1109{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;/* 小要素の並ぶ向き 左から右 */
}
/* （1109以下）flex縦並び、基本 */
.foot1{
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: -o-flex;
  -webkit-flex-direction: column;
  flex-direction: column;/* 小要素の並ぶ向き 上から下 */
}

/* （1109以下）flex、左寄せ・上寄せ・折返し無 */
.aaa{
flex-wrap: nowrap;/* 折返し無 */
justify-content: flex-end;/* 左寄せ */
align-items: flex-start ;/* 上寄せ */
}
/* （1109以下）flex、左寄せ・上寄せ・折返し有 */
.aaa{
flex-wrap: wrap;/* 折返し有 */
justify-content: flex-end;/* 左寄せ */
align-items: flex-start ;/* 上寄せ */
}
/* （1109以下）flex、右寄せ・上寄せ・折返し有 */
.aaa{
flex-wrap: wrap;/* 折返し有 */
justify-content:flex-end;/* 右寄せ */
align-items: flex-start ;/* 上寄せ */
}
/* （1109以下）flex、左寄せ・下寄せ・折返し有 */
.aaa{
flex-wrap: wrap;/* 折返し有 */
justify-content: flex-start;/* 左寄せ */
align-items: flex-end ;/* 下寄せ */
}
/* （1109以下）flex横並び・上下広がる・折返し有 */
.aaa{
flex-wrap: wrap;/* 折返し有 */
align-items: stretch;/* 垂直方向上下に広がる */
}
/* （1109以下）flex、上寄せ・左右均等・折返し有 */
.aaa{
flex-wrap: wrap;/* 折返し有 */
align-items: flex-start;/* 上寄せ */
justify-content: space-between;/* 左右均等に間隔をあけて配置 */
}
/* （1109以下）flex、上寄せ・中央寄せ・折返し有 */
.foot1,
.ms-btn-area ul{
flex-wrap: wrap;/* 折返し有 */
align-items: flex-start;/* 上寄せ */
justify-content: center;/* 中央寄せ */
}
/* （1109以下）flex、上寄せ・両端含め左右均等・折返し有 */
.t-con-gi-area ul{
flex-wrap: wrap;/* 折返し有 */
align-items: flex-start;/* 上寄せ */
justify-content: space-around;/* 左右均等に間隔をあけて配置 */
}
/*---------- （1109以下）flex　ここまで（共通） ----------*/

/* （1109以下）ヘッダーイメージ（共通） */
.thead{
background-image: url("../img/topimg.jpg");
/* height:calc(70vh - 60px); */
height: 90vh;
background-position:center center;
margin-top: 60px;
min-height: 500px;
}
/*---------- （1109以下）Englishボタンコンテナ（共通） ----------*/
.t-eng-btn-con{
  width: 100%;
}
/*---------- （1109以下）コンテンツ（共有） ----------*/
.o-con{
  margin-top: 60px;
}
/*---------- （1109以下）モバイルタイトル(共有) ----------*/
.tit1109{
width: 100%;
background: #000;
height: 60px;
box-sizing: border-box;
position:fixed;
top: 0;
left: 0;
background-image: url("../img/o-hed-img.jpg");
/* background-color: #333; */
background-size: 70%;
background-position: 70% 40%;
background-repeat: no-repeat;
padding: 5px 5px;
}
.mo1109-hed-img{
width: 18px;
height: 50px;
}
.mo1109-hed-con{
width: calc(100% - 15px);
margin-left: 5px;
margin-top: 2px;
box-sizing: border-box;
}
.mo1109-hed-tit{
  font-size: 2.2rem;
  line-height: 2.2rem;
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  padding-top: 2px;
  padding-bottom: 5px;
  box-sizing: border-box;
}
.mo1109-hed-name{
  font-size: 1.2rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  color: #fff;
  box-sizing: border-box;
    display: inline-block;
}
.mo1109-hed-mail{
  display: inline-block;
  width: 150px;
  margin-left: 10px;
  padding: 0px;
  box-sizing: border-box;
}
.mo1109-hed-mail img{
  width: 100%;
}

/*---------- （1109以下）モバイルメニュー（ハンバーガーアイコン） ----------*/
.triggerBtn {
width: 60px;
height: 60px;
display: block;
position: fixed;
top: 0;
right: 0;
z-index: 10;
transform:translate3d(0,0,0);
background: none;
}
#menuTrigger{
position: relative;
top: 0;
left: 0;
width: 60px;
height: 60px;
background-color: #C30D23;
text-align: center;
cursor:pointer;
}
#menuTrigger,#menuTrigger span{
display: inline-block;
box-sizing: border-box;
transition: all .4s;
}
#menuTrigger span{
width: 20px;
height: 2px;
position: absolute;
border-radius: 4px;
background-color: #FFFFFF;
left: 18px;
}
#menuTrigger span:nth-of-type(1){
top: 20px;
}
#menuTrigger span:nth-of-type(2){
top: 25px;
}
#menuTrigger span:nth-of-type(3){
top: 30px;
}
#menuTrigger p {
position: absolute;
bottom: 5px;
left: 0;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #FFF;
right: 0px;
}
#menuTrigger.active span:nth-of-type(1) {
-webkit-transform: translateY(2px) rotate(-45deg);
transform: translateY(2px) rotate(-45deg);
}
#menuTrigger.active span:nth-of-type(2) {
opacity: 0;
}
#menuTrigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-8px) rotate(45deg);
transform: translateY(-8px) rotate(45deg);
}
/*---------- （1109以下）モバイルメニュー（ここから） ----------*/
.wrapper{
overflow-y: hidden;
min-height: 100vh;
position: relative;
-webkit-overflow-scrolling:touch;
}
#cover{
background: #000;
opacity: 0.6;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
}
#menu768 {
position: fixed;
top: 0;
right: -400px;
width: 400px;
background: #fff;
padding: 0px;
box-sizing: border-box;
min-height: 100%;
transition: .4s;
display: block;
color:blue;
overflow-y: scroll;
background: #fff;
}
.menu-mob-tit{
line-height: 60px;
color:  #C30D23;
background: #f5f5f5;
padding: 0px 0px 0px 30px;
font-size: 14px;
font-weight: bold;
}
.menu768ul{
padding-top:20px;
padding-bottom: 15px;
box-sizing: border-box;
background: #fff;
}
.menu768ul li a{
padding: 15px 10px 15px 30px;
display: block;
color: #C30D23;
text-decoration: none;
background: #FFF;
font-size: 1.4rem;
line-height: 1.4rem;
background: #fff;
}
.menu768ul li a .fa{
margin: 0px 5px 0px 0px;
font-size: 10px
}
.fa{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.menu-mob-botm{
width: 100%;
height: calc( 100vh - 396px );
}
.menu-mob-clo{
margin: 0 20px 20px;
padding: 10px;
text-align: center;
background: #C30D23;
color:#fff;
font-size: 1.4rem;
}
body.menu768-open {
overflow-y: hidden;
}
body.menu768-open #cover {
display: block;
}
body.menu768-open #menu768 {
right: 0;
}
/*---------- （1109以下）モバイルメニュー（ここまで） ----------*/



/*---------------------------------
TOP     <1109px以下
---------------------------------*/
/* ヘッダーエリア */
.t-hed-area{
  /* position: relative; */
  /* height: 100vh; */
  height: 100%;
  /* width: 100%;
  box-sizing: border-box; */
}
/* ヘッダー(中部)タイトル */
.t-hed-tit2{
  /* width: 1110px; */
  width: 95%;
  position:absolute;
  /* --widthA: 1110px;
  --widthB: calc(100% - var(--widthA));
  --widthC: calc(var(--widthB) / 2);
left:var(--widthC); */
left: 50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%);
margin: auto;
bottom:60%;
text-align: center;
}

/* ヘッダー(下部) */
.t-hed-un{
  width: 95%;
  position:absolute;
  /* --widthA: 1110px;
  --widthB: calc(100% - var(--widthA));
  --widthC: calc(var(--widthB) / 2);
left:var(--widthC); */
left: 50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%);
margin: auto;
bottom:0;
}
/*---------- （1110以上）コンテンツ（TOP） ----------*/
.t-con-txt{
  width: 95%;
  margin: 0 auto 20px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: 0.05rem;
}
.t-con-gi-area{
width: 95%;
margin: auto;
}
.gi-area2{
padding-bottom: 30px;
}
/*---------- （1110以上）コンテンツタイトル（TOP） ----------*/
.t-tit{
  font-size: 2.5rem;
  line-height: 2.9rem;
}

/*---------------------------------
フッター     <1109px以下
---------------------------------*/
/* フッター（上部） */
.foot1{
width: 100%;
margin: auto;
}
.foot-lef{
  margin: 0 auto 10px;
}
/* フッター（下部） */
.foot2{
  width: 95%;
  text-align: center;
}
.foot-copy{

}
/*---------------------------------
各ページ     <1109px以下
---------------------------------*/
/*---------- （1109以上）タイトル（各ページ） ----------*/
.o-tit-btm0{
  font-size: 2.2rem;
  line-height: 2.4rem;
}
.o-tit-sub{
  padding-top: 5px;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
/*---------- （1109以上）コンテンツ（各ページ） ----------*/
.o-con-imgarea{
  width: 95%;
}
.o-con-imgarea2{
  width: 95%;
}
/*---------- （1109以上）ページ説明（各ページ） ----------*/
.o-abaut{
    width: 95%;
}
/* ページの説明　bottomに60px */
.o-abaut-btm60{
    width: 95%;
}
/*---------- （1109以上）テキスト（各ページ） ----------*/
.o-con-txt{
  box-sizing: border-box;
    width: 95%;
}
.o-con-txt-ce{
    width: 95%;
}
/*---------------------------------
蒙古斑（英語）     <1109以下
---------------------------------*/
.ms-mainimg-con{
  width: 800px;
  margin: 30px auto 10px;
}
/*---------- （1109以下）著者（蒙古斑） ----------*/
.ms-author{
  width: 95%;
}
/*---------- （1109以下）ボタン（蒙古斑） ----------*/
.ms-btn-area{
  width: 95%;
}
.ms-btn{
  width: 80%;
}
.ms-btn a{
width: 100%;
}
/*---------- （1109px以下）コンテンツエリア（蒙古斑） ----------*/
/* 蒙古斑について */
.ms-con-area{
  width: 95%;
}
/* 蒙古斑の例を挙げた説明 */
.ms-con-area2{
  width: 95%;
}
/* 鑑別診断 */
.ms-con-area3{
  width: 95%;
  overflow-x: auto;
}
.ms-con-area3-table{
  width: 768px;
margin: auto;
}
/*---------------------------------
教育用画像     <1109以下
---------------------------------*/
.ed-txt-area{
  width: 95%;
}
.ed-con-area{
  width: 95%;
}
.ed-con-li li{
  width: 22%;
  margin-right: 4%;
}
.ed-con-li li:nth-child(4n){
    margin-right: 0;
}
/*---------------------------------
パワーポイント　埋め込み      <1109px以下
---------------------------------*/
.ppt1{
width: 95%;
}

/*---------------------------------
準備中(soonページ)      <1109px以下
---------------------------------*/
.soon-area{
  width: 95%;
}
/*---------------------------------
お知らせ     <1109px以下
---------------------------------*/
.newco-area{
width: 95%;
}
.news-bread-con{
width: 100%;
}
.news-bread{
width: 100%;
padding: 10px 10px;
}
.newco-con{
width: 100%;
}

}

/*---------------------------------
768px以下　ここから
---------------------------------*/
@media screen and (max-width: 768px){
/*---------------------------------
共通     <768px以下
---------------------------------*/
.no-ok768{
display: block;
}
/* （768px以下）768以下 非表示（共通）  */
.tit1109,
.no-ok1109-no768,
.ok-no768{
display: none;
}
/* （768px以下）768以下あり */
.tit768{
display: block;
}
/*---------- （768px以下）flex　ここから ----------*/
/* （768px以下）flex768px縦並び(共通) */
.btn-e{
flex-direction: column;
justify-content: center;
}
/* （768px以下）flex横並び、基本 */
.tit768{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;/* 小要素の並ぶ向き */
}
/* （768px以下）flex縦並び、基本 */
.t-hed-tit2-name{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: horizontal;
flex-direction: column;/* 小要素の並ぶ向き */
/* justify-content: center; */
}
/* （768px以下）flex、左寄せ・上寄せ・折返し無 */
.aaa{
flex-wrap: nowrap;/* 折返し無 */
justify-content: flex-end;/* 左寄せ */
align-items: flex-start ;/* 上寄せ */
}
/* （768px以下）flex、左寄せ・上寄せ・折返し有 */
.aaa{
flex-wrap: wrap;/* 折返し有 */
justify-content: flex-end;/* 左寄せ */
align-items: flex-start ;/* 上寄せ */
}
/* （768px以下）flex、右寄せ・上寄せ・折返し有 */
.aaa{
flex-wrap: wrap;/* 折返し有 */
justify-content:flex-end;/* 右寄せ */
align-items: flex-start ;/* 上寄せ */
}
/* （768px以下）flex、左寄せ・下寄せ・折返し有 */
.aaa{
flex-wrap: wrap;/* 折返し有 */
justify-content: flex-start;/* 左寄せ */
align-items: flex-end ;/* 下寄せ */
}
/* （768px以下）flex横並び・上下広がる・折返し有 */
.aaa{
flex-wrap: wrap;/* 折返し有 */
align-items: stretch;/* 垂直方向上下に広がる */
}
/* （768px以下）flex横並び・上寄せ・左右均等・折返し有 */
.aaa{
flex-wrap: wrap;/* 折返し有 */
align-items: flex-start;/* 上寄せ */
justify-content: space-between;/* 左右均等に間隔をあけて配置 */
}
/* （768px以下）flex、上寄せ・中央寄せ・折返し有 */
.t-con-gi-area ul{
flex-wrap: wrap;/* 折返し有 */
align-items: flex-start;/* 上寄せ */
justify-content: center;/* 中央寄せ */
}
/*---------- （768px以下）flex　ここまで ----------*/
/*---------- （768px以下）モバイルタイトル ----------*/
.tit768{
width: 100%;
background: #000;
height: 60px;
box-sizing: border-box;
position:fixed;
top: 0;
left: 0;
background-image: url("../img/o-hed-img.jpg");
background-size: 70%;
background-position: 70% 40%;
background-repeat: no-repeat;
padding: 5px 5px;
}
.mo768-hed-img{
width: 18px;
height: 50px;
}
.mo768-hed-con{
width: calc(100% - 15px);
margin-left: 5px;
margin-top: 6px;
box-sizing: border-box;
}
.mo768-hed-tit{
  font-size: 1.6rem;
  line-height: 1.8rem;
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  padding-top: 2px;
  padding-bottom: 5px;
  box-sizing: border-box;
}
.mo768-hed-tit-eng{
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  padding-top: 2px;
  padding-bottom: 5px;
  box-sizing: border-box;
}
.mo768-hed-name{
  font-size: 1rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  color: #fff;
  box-sizing: border-box;
    display: inline-block;
}
/*---------- （768px以下）リンク（フッター） ----------*/

/*---------- （768px以下）コピー（フッター） ----------*/

/*---------- （768以下）モバイルメニュー（ここから） ----------*/
#menu768 {
right: -100%;
width: 100%;
}
/*---------- （768px以下）テーブルb（共通） ----------*/
.table-b{
font-size: 1.3rem;
line-height: 1.35rem;
}
/*---------- （768px以下）ボタンa（共通）  ----------*/
.botn-a a,
.botn-b a{
width: 100%;
}
/*---------- （768px以下）ボタンe（横並び2個）ボタン（共通）  ----------*/
.btn-e a{
width: 100%;
}
.btn-e a:last-child{
margin-left: 0px;
margin-top: 10px;
}
/*---------------------------------
フッター      <768px以下
---------------------------------*/
.foot-lef{
  width: 95%;
}
.foot-lef-tit{
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin: auto;
    text-align: center;
}
.foot-lef-txt{
  text-align: center;
    font-size: 1.4rem;
}
.foot-mail{
  margin-left: inherit;
  margin: auto;
}
/*---------------------------------
TOP     <768px以下
---------------------------------*/
.thead{
height:80hv;
min-height: initial;
background-position:50% 50%;
}
/* ヘッダー(中部)タイトル（日本語） */
.t-hed-tit2-tit{
    font-size: 3.2rem;
    line-height: 3.6rem;
    height: auto;
    text-align: center;
}
.t-hed-tit2-name{
  width: 100%;
  display: block;
  /* text-align: center; */
}
.t-hed-mail{
margin: 10px auto 0;
}
.t-con-btn1,.t-con-btn2,.t-con-btn3{
  width: 80%;
  margin: auto;
}
.t-con-btn1 a,.t-con-btn2 a{
    width: 100%;
}
/*---------- （768px以下）遺伝画像ボタン（英語）（共通）  ----------*/

.t-con-btn-eng11 a,
.t-con-btn-eng13 a{
  padding-top: 25px;
}

.t-con-btn-eng7 a,
.t-con-btn-eng9 a{
  padding-top: 18px;
}

/*---------------------------------
各ページ     <768px以下
---------------------------------*/
/*---------- （768px以下）タイトル（各ページ） ----------*/
.o-tit{
  font-size: 2.2rem;
  line-height: 2.4rem;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 40px;
}
.o-tit-btm0{
  font-size: 2.2rem;
  line-height: 2.4rem;
}
.o-tit-sub{
  padding-top: 5px;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
/*---------- （768px以下）コンテンツ（各ページ） ----------*/
.o-con-imgarea{
  width: 95%;
}
.o-con-imgarea2{
  width: 95%;
}
.o-con-img-con{
  width: 90%;
  margin: auto;
}
.o-con-img-con3{
  width: 90%;
}
.o-con-img-con4{
  width: 45%;
}
/*---------------------------------
蒙古斑（英語）     <768px以上
---------------------------------*/
.ms-mainimg-con{
  width: 100%;
}
/* 鑑別診断 */
.ms-con-area3-table{
  width: 600px;
}
/*---------------------------------
教育用画像     <768px以上
---------------------------------*/
.ed-txt-area{
  width: 90%;
  font-size: 1.4rem;
    margin: 30px auto 0;
}
.ed-con-area{
  width: 80%;
  margin: 60px auto 80px;
}
.ed-con-li li{
  width: 45%;
  margin-right:10%;
  margin-bottom: 30px;
    font-size: 1.4rem;
}
.ed-con-li li:nth-child(2n){
    margin-right: 0;
}
/*---------------------------------
パワーポイント　埋め込み      <768px以上
---------------------------------*/
.ppt1{
height:400px;

}
/*---------------------------------
     <768px以下
---------------------------------*/

/*---------------------------------
お知らせ    <768px以下
---------------------------------*/
.newco-body-tab60,
.newco-body-tab80{
width: 100%;
}
.newco-body-tab80 tbody tr th,
.newco-body-tab80 tbody tr td{
width: 100%;
display:block;
text-align: left;
}
.newco-body-tab80-note{
width: 100%;
}
.wi60px{
width: 60px;
}
.newco-body-tab100 tbody tr td,
.newco-body-tab100-2 tbody tr td{
width:100%;
display:block;
}
.newco-body-tab100,
.newco-body-tab100-2{
width: 100%;
}
.newco-body-tab100 tbody tr,
.newco-body-tab100-2 tbody tr{
border-bottom: 1px solid #eee;
}
.mob-pad-lef tbody tr td{
padding-left: 20px;
}
.newco-body-tab100 tbody tr td:first-child,
.newco-body-tab100-2 tbody tr td:first-child{
padding-left: 0;
}
.newco-body-tab100 tbody tr td:last-child{
padding-bottom: 20px;
}
.mob-lef200px tbody tr td:first-child{
width: 100px;
}
/*---------- （768px以下）記事タイトル（お知らせ） ----------*/
.newco-tit{
font-size: 1.6rem;
line-height: 2rem;
}
.newco-body{
line-height: 2rem;
font-size: 1.4rem;
}

/*---------------------------------
個人情報保護      <768px以下
---------------------------------*/


/*---------------------------------
お問い合わせサンクスページ     <768px以下
---------------------------------*/

}

/*---------------------------------
1400px以上　ここから
---------------------------------*/
@media screen and (min-width:1400px){

/*---------------------------------
共有     <1400px以上
---------------------------------*/

}

/*---------------------------------
1600px以上　ここから
---------------------------------*/
@media screen and (min-width:1600px){

/*---------------------------------
共有     <1600px以上
---------------------------------*/


/*---------------------------------
TOP     <1600px以上
---------------------------------*/
.thead{
height: 100vh;
}

/*---------------------------------
会長挨拶     <1600px以上
---------------------------------*/

}

/*---------------------------------
1700px以上　ここから
---------------------------------*/
@media screen and (min-width:1700px){


}
/*---------- （1110以上）display:none;（共通） ----------*/
.dis-non{
display: none;
}