@charset "UTF-8";
/* ---------------- reset ----------------- */
* {
  box-sizing: border-box; }

::before, ::after {
  box-sizing: inherit; }

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent; }

body {
  margin: 0; }

main {
  display: block; }

p, table, blockquote, address, pre, iframe, form, figure, dl {
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0; }

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit; }

pre {
  font-family: monospace, monospace;
  font-size: inherit; }

address {
  font-style: inherit; }

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: 900; }

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: inherit; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  width: 100%;
  border-style: none;
  vertical-align: baseline; }

embed, object, iframe {
  border: 0;
  vertical-align: bottom; }

button, input, optgroup, select, textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit; }

[type="checkbox"] {
  -webkit-appearance: checkbox;
  appearance: checkbox; }

[type="radio"] {
  -webkit-appearance: radio;
  appearance: radio; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none; }

button[disabled], [type="button"][disabled], [type="reset"][disabled], [type="submit"][disabled] {
  cursor: default; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

option {
  padding: 0; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0; }

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"], [type="radio"] {
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px; }
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

label[for] {
  cursor: pointer; }

details {
  display: block; }

summary {
  display: list-item; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption {
  text-align: left; }

td {
  vertical-align: top;
  padding: 0; }

th {
  vertical-align: top;
  padding: 0;
  text-align: left;
  font-weight: bold; }

template, [hidden] {
  display: none; }

/* ---------------- style ----------------- */
/* common */
body {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 30px;
  font-size: min(calc((30/750)*100vw), 30px);
  font-weight: 300;
  color: #06201d;
}
.clearfix:after {
  clear: both;
  content: '';
  display: block;
}
.font_large{
  font-size: 36px;
  font-size: min(calc((36/750)*100vw), 36px);
}
.bold{
  font-weight: 600;
}
.yellow_line{
  background:linear-gradient(transparent 70%, #f5dc44 0%);
  padding-left: 5px;
  padding-left: min(calc((5/750)*100vw), 5px);
}
.text_red{
  color: #e70145;
}
.text_blue{
  color: #00378e;
}
.text_yellow{
  color: #f5dc44;
}
.shorten{
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.center{text-align: center;}
.contents_wrap{
  margin-bottom: 100px;
  margin-bottom: min(calc((100/750)*100vw), 100px);
}
.headline{
  width: 720px;
  width: min(calc((720/750)*100vw), 720px);
  background-color: #00378e;
  margin-bottom: 49px;
  margin-bottom: min(calc((49/750)*100vw), 49px);
  padding: 12px 0;
  padding: min(calc((12/750)*100vw), 12px) 0;
  padding-left: 50px;
  padding-left: min(calc((50/750)*100vw), 50px);
  transform: translateX(calc((-30/750)*100vw));  
  font-size: 36px;
  font-size: min(calc((36/750)*100vw), 36px);
  font-weight: 600;
  color: #ffffff;
}
@media screen and (min-width:750px){
  .headline{transform: translateX(-30px);}
}
.images_inner1{
  width: 373px;
  width: min(calc((373/750)*100vw), 373px);
  margin: auto;
}
.images{
  margin-bottom: 45px;
  margin-bottom: min(calc((45/750)*100vw), 45px);
  text-align: center;
}
.text_area{
  margin-bottom: 80px;
  margin-bottom: min(calc((80/750)*100vw), 80px);
  line-height: 56px;
  line-height: min(calc((56/750)*100vw), 56px);
  text-align: justify;
  text-justify: inter-ideograph;
}
.attention{
  position: relative;
  display: inline-block;
  margin-bottom: 19px;
  margin-bottom: min(calc((19/750)*100vw), 19px);
  left: 50%;
  transform: translateX(-50%);
  font-size: 34px;
  font-size: min(calc((34/750)*100vw), 34px);
  font-weight: 600;
  line-height: 1;
}
.attention::before,
.attention::after{
  position: absolute;
  content: '';
  display: block;
  height: 35px;
  height: min(calc((35/750)*100vw), 35px);
  top: -2px;
  top: max(calc((-2/750)*100vw), -2px);
}
.attention::before{
  -webkit-transform: rotate(-39deg);
  transform: rotate(-39deg);
  border-left: solid 3px #000;
  border-left: solid min(calc((3/750)*100vw), 3px) #000;
  left: -15px;
  left: max(calc((-15/750)*100vw), -15px);
}
.attention::after{
  -webkit-transform: rotate(39deg);
  transform: rotate(39deg);
  border-right: solid 3px #000;
  border-right: solid min(calc((3/750)*100vw), 3px) #000;
  right: -15px;
  right: max(calc((-15/750)*100vw), -15px);
}
.notes{
  font-size: 20px;
  font-size: min(calc((20/750)*100vw), 20px);
  line-height: 1;
}

/* header */
header{
  width: 690px;
  width: min(calc((690/750)*100vw), 690px);
  margin: 30px auto 50px;
  margin: min(calc((30/750)*100vw), 30px) auto min(calc((50/750)*100vw), 50px);
}
.header_inner{
  margin-bottom: 15px;
  margin-bottom: min(calc((15/750)*100vw), 15px);
  border-left: solid #00378e 10px;
  border-left: solid #00378e min(calc((10/750)*100vw), 10px);
  padding-left: 20px;
  padding-left: min(calc((20/750)*100vw), 20px);
  font-size: 39px;
  font-size: min(calc((39/750)*100vw), 39px);
  font-weight: 600;
}
.header_inner .title_line{
  position: relative;
  display: inline-block;
  padding-left: 95px;
  padding-left: min(calc((95/750)*100vw), 95px);
}
.header_inner .title_line:before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  width: 81px;
  width: min(calc((81/750)*100vw), 81px);
  height: 2px;
  height: min(calc((2/750)*100vw), 2px);
  background-color: #ffffff;
}

/* custom_margin */
.mgb_15{
  margin-bottom: 15px;
  margin-bottom: min(calc((15/750)*100vw), 15px);
}
.mgb_30{
  margin-bottom: 30px;
  margin-bottom: min(calc((30/750)*100vw), 30px);
}
.mgb_47{
  margin-bottom: 47px;
  margin-bottom: min(calc((47/750)*100vw), 47px);
}
/* main */
main{display: block;}
.over_wrap{
  display: block;
  width: 690px;
  width: min(calc((690/750)*100vw), 690px);
  margin: 0 auto;
}
.contents_wrap.last{
  margin-bottom: 90px;
  margin-bottom: min(calc((90/750)*100vw), 90px);
}
/* check_area */
.check_area{
  margin-left: 30px;
  margin-left: min(calc((30/750)*100vw), 30px);
}
li.list{
  list-style: disc;
}
.sub_ttl{
  margin-bottom: 30px;
  margin-bottom: min(calc((30/750)*100vw), 30px);
  font-size: 32px;
  font-size: min(calc((32/750)*100vw), 32px);
  font-weight: 600;
  text-align: center;
  color: #00378e;
}

/* diagnosis_area */
.diagnosis_wrap{
  background-color: #e5ebf3;
  padding-top: 56px;
  padding-top: min(calc((56/750)*100vw), 56px);
}
.diagnosis_inner{
  padding: 0px 30px 48px;
  padding: 0 min(calc((30/750)*100vw), 30px) min(calc((48/750)*100vw), 48px);
  text-align: center;
}
.diagnosis_inner2{
  text-align: left;
}
.diagnosis_wrap .sub_ttl{
  margin-bottom: 22px;
  margin-bottom: min(calc((22/750)*100vw), 22px);
  font-size: 30px;
  font-size: min(calc((30/750)*100vw), 30px);
}
.diagnosis_wrap .underline{
  border-bottom: 2px solid #00378e;
  padding-bottom: 3px;
}
.diagnosis_cont{
  margin-bottom: 30px;
  margin-bottom: min(calc((30/750)*100vw), 30px);
}

/* uv_area */
.uv_wrap .images{
  margin-bottom: 50px;
  margin-bottom: min(calc((50/750)*100vw), 50px);
}

.cv_btn01{
  width: 650px;
  width: min(calc((650/750)*100vw), 650px);
  margin: 0 auto 30px;
  margin: 0 auto min(calc((30/750)*100vw), 30px);
}
.cv_btn02{
  width: 550px;
  width: min(calc((550/750)*100vw), 550px);
  margin: 0 auto;
}

/* youkou_area */
.about{
  width: 750px;
  width: min(calc((750/750)*100vw), 750px);
  margin: 0 auto 50px;
  margin: 0 auto min(calc((50/750)*100vw), 50px);
}
.flex-youkou {
  border: 2px solid #01A729;
  margin: 1vw;
}
.flex {
  display: flex;
  justify-content: center;
  margin: 2% auto;
  padding: 0 1%;
}
.youkou-ttl {
  background-color: #fff;
  margin: 0 auto;
  padding: 2vw;
}
.youkou_icon{
  width: 108px;
  width: min(calc((108/750)*100vw), 108px);
}
.mid-white {
  color: #01A729;
  font-size: 40px;
  font-size: min(calc((40/750)*100vw), 40px);
  font-weight: bold;
  margin: 40px 0 0;
  margin: min(calc((40/750)*100vw), 40px) 0 0;
}
.b-color {
  display: flex;
  align-items: center;
  background-color: #f9f5f5;
  padding: 15px 0;
  padding: min(calc((15/750)*100vw), 15px) 0;
}
.youkou-subttl {
  width: 44vw;
}
.youkou-subttl span {
  background-color: #01A729;
  border-radius: 2vw;
  color: white;
  font-size: 38px;
  font-size: min(calc((38/750)*100vw), 38px);
  margin-left: 7px;
  margin-left: min(calc((7/750)*100vw), 7px);
  padding: 8px 22px;
  padding: min(calc((8/750)*100vw), 8px) min(calc((22/750)*100vw), 22px);
  text-align: center;
}
.youkou-sentence {
  margin-left: 8px;
  margin-left: min(calc((8/750)*100vw), 8px);
  text-align: left;
  width: 50vw;
}
.flex-con {
  border: 1px solid red;
  padding-bottom: 2%;
  padding-top: 2%;
  width: 52%;
}
.flex-con:first-child {
  margin-right: 1%;
}
.flex-con span {
  font-size: 3vw;
}
.flex-con img {
  display: block;
  margin: 0 auto 4%;
  width: 50%;
}
.flex-con .watch_icon {
  width: 90px;
  width: min(calc((90/750)*100vw), 90px);
}
.flex-con .kesshou_icon {
  width: 100px;
  width: min(calc((100/750)*100vw), 100px);
}
.about h3 {
  font-size: 5vw;
  font-weight: bold;
}
.flex-con h3 {
  font-size: 45px;
  font-size: min(calc((45/750)*100vw), 45px);
  text-align: center;
}
h4 {
  margin-bottom: 4%;
  text-align: center;
}
.end-time {
  margin: 0 auto;
  text-align: center;
}
.red-text {
  color: #FF9326;
  font-weight: bold;
}
.end-time p {
  text-align: center;
}
.time-flex {
  display: flex;
  margin: 1vw auto;
  width: 100%;
}
.time-flex p {
  background-color: #F7E5CF;
  margin: auto;
  text-align: center;
  width: 48%;
}
.bold-text {
  font-size: 37px !important;
  font-size: min(calc((37/750)*100vw), 37px) !important;
  font-weight: bold;
}
.flex-con1 {
  border: 1px solid red;
  margin: 1% 1%;
  padding: 2% 1%;
  padding: 2%;
}
.flex-con-2 {
  padding: 2%;
  width: 48%;
}
.flex-con .notes{
  padding: 0 15px;
  padding: 0 min(calc((15/750)*100vw), 15px);
}
.flex-con .terms {
  font-size: 26px;
  font-size: min(calc((26/750)*100vw), 26px);
}
.non-flex {
  border: 1px solid #E8646F;
  margin: 1% 1%;
  padding: 2%;
}
.non-flex ul {
  padding-left: 3%;
}
.non-flex .clearfix li {
  float: left;
}
.non-flex li img {
  width: 50%;
}
.mid {
  color: #eb1c24;
  font-size: 140%;
  font-weight: bold;
}
.content-data {
  display: none;
}
.table-ttl-cnt {
  width: 205px;
  width: min(calc((205/750)*100vw), 205px);
  background: #E8646F;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  letter-spacing: .1rem;
  line-height: 1.1;
  padding: 7px 33px;
  padding: min(calc((7/750)*100vw), 7px) min(calc((33/750)*100vw), 33px);
  text-align: center;
}
.non-flex ul {
  padding-left: 3%;
}
.table-icon {
  position: relative;
  padding: 8px 0 8px 40px;
  padding: min(calc((8/750)*100vw), 8px) 0 min(calc((8/750)*100vw), 8px) min(calc((40/750)*100vw), 40px);
  text-align: left;
}
.table-icon:before {
  content: "";
  position: absolute;
  display: block;
  width: 25px;
  width: min(calc((30/750)*100vw), 25px);
  height: 25px;
  height: min(calc((30/750)*100vw), 25px);
  top: 16px;
  top: min(calc((16/750)*100vw), 16px);
  left: 0;
  background: url(../img/arrow_sp.png) no-repeat;
  background-size: cover;
}
#about-table {
  margin: 15px;
  margin: min(calc((15/750)*100vw), 15px);
  width: 100%;
}
#test-table {
  margin: 0 auto;
  width: 99%;
}
#top {
  background-color: #6A6DCA;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 0 auto;
}
.grade p {
  border-bottom: 1px solid #6A6DCA;
  border-left: 1px solid #6A6DCA;
  border-right: 1px solid #6A6DCA;
  color: #6A6DCA;
  font-size: 21px;
  font-size: min(calc((21/750)*100vw), 21px);
  font-weight: bold;
  text-align: center;
  width: 146px;
  width: min(calc((146/750)*100vw), 146px);
  padding: 19.8px 0;
  padding: min(calc((19.8/750)*100vw), 19.8px) 0;
}
.info-top {
  border-bottom: 1px solid #6A6DCA;
  border-left: 1px solid #fff;
  width: 120px;
  width: min(calc((120/750)*100vw), 120px);
}
.info-top p {
  font-size: 3.3vw;
  padding-top: 1.35vw;
  text-align: center;
}
#white {
  display: flex;
}
.info-cream {
  align-items: center;
  border-bottom: 1px solid #6A6DCA;
  border-right: 1px solid #6A6DCA;
  display: flex;
  justify-content: center;
  width: 120px;
  width: min(calc((120/750)*100vw), 120px);
}
.info-senior {
  border-bottom: 1px solid #6A6DCA;
  border-right: 1px solid #6A6DCA;
  width: 240px;
  width: min(calc((240/750)*100vw), 240px);
}
.info-cream p {
  font-size: 24px;
  font-size: min(calc((24/750)*100vw), 24px);
  line-height: 1;
  text-align: center;
}
#cream {
  background-color: #e0e0e0;
  display: flex;
}
.minwidth {
  width: 90%;
}
.report-box-header {
  border: solid 1px #fbd1d3;
  width: 340px;
  width: min(calc((340/750)*100vw), 340px);
}
h6 {
  background-color: #475A96;
  text-align: center;
  padding: 3px;
  padding: min(calc((3/750)*100vw), 3px);
}
.report-box-header li{
  padding: 3px 0;
  padding: min(calc((3/750)*100vw), 3px);
}
.report-box-header .underline {
  text-decoration: underline;
  color: #fff;
}

.red-dash-border1 .icon{
  width: 80px;
  width: min(calc((80/750)*100vw), 80px);
}
.red-dash-border1 .mid{
  margin-left: 70px;
  margin-left: min(calc((70/750)*100vw), 70px);
}
.red-dash-border2 .icon{
  width: 70px;
  width: min(calc((70/750)*100vw), 70px);
}
.red-dash-border2 .mid{
  margin-left: 162px;
  margin-left: min(calc((162/750)*100vw), 162px);
}
.red-dash-border3 .icon{
  width: 60px;
  width: min(calc((60/750)*100vw), 60px);
}
.red-dash-border3 .mid{
  margin-left: 194px;
  margin-left: min(calc((194/750)*100vw), 194px);
}
.flexy-hubokai .icon{
  width: 75px;
  width: min(calc((75/750)*100vw), 75px);
}
.flexy-hubokai .mid{
  margin-left: 200px;
  margin-left: min(calc((200/750)*100vw), 200px);
}
.flexy-taisaku .icon{
  width: 60px;
  width: min(calc((60/750)*100vw), 60px);
}
.flexy-taisaku .mid{
  margin-left: 200px;
  margin-left: min(calc((200/750)*100vw), 200px);
}
.flexy-minaoshi .icon{
  width: 65px;
  width: min(calc((65/750)*100vw), 65px);
}
.flexy-minaoshi .mid{
  margin-left: 130px;
  margin-left: min(calc((130/750)*100vw), 130px);
}
.flexy-nyujuku .icon{
  width: 60px;
  width: min(calc((60/750)*100vw), 60px);
}
.flexy-nyujuku .mid{
  margin-left: 200px;
  margin-left: min(calc((200/750)*100vw), 200px);
}
.see-data{
  position: relative;
}
.triangle {
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 45px solid #E8646F;
  border-left: min(calc((30/750)*100vw), 30px) solid transparent;
  border-right: min(calc((30/750)*100vw), 30px) solid transparent;
  border-top: min(calc((45/750)*100vw), 45px) solid #E8646F;
  height: 0;
  margin-top: 10px;
  margin-top: min(calc((10/750)*100vw), 10px);
  position: absolute;
  right: 0;
  transition: .5s;
  width: 0;
}
.red-dash-border2 .triangle{
  border-top: 45px solid #696CCB;
  border-top: min(calc((45/750)*100vw), 45px) solid #696CCB;
}
.red-dash-border3 .triangle{
  border-top: 45px solid #6072B0;
  border-top: min(calc((45/750)*100vw), 45px) solid #6072B0;
}
.flexy-hubokai .triangle{
  border-top: 45px solid #26A055;
  border-top: min(calc((45/750)*100vw), 45px) solid #26A055;
}
.flexy-taisaku .triangle{
  border-top: 45px solid #FE9426;
  border-top: min(calc((45/750)*100vw), 45px) solid #FE9426;
}
.flexy-minaoshi .triangle{
  border-top: 45px solid #0698ED;
  border-top: min(calc((45/750)*100vw), 45px) solid #0698ED;
}
.flexy-nyujuku .triangle{
  border-top: 45px solid #E8646F;
  border-top: min(calc((45/750)*100vw), 45px) solid #E8646F;
}
.open .triangle {
  transform: rotate(-180deg);
}
.flexy {
  display: flex;
  flex-direction: row;
  margin-bottom: 3vw;
}
.red-dash-border1 {
  border-bottom: dashed .5vw #E8646F;
  margin-bottom: 3vw;
}
.red-dash-border2 {
  border-bottom: dashed .5vw #696CCB;
  margin-bottom: 3vw;
}
.red-dash-border3 {
  border-bottom: dashed .5vw #6072B0;
  margin-bottom: 3vw;
}
.flexy-hubokai {
  border-bottom: dashed .5vw #26A055;
  padding-left: 20px;
  padding-left: min(calc((20/750)*100vw), 20px);
}
.flexy-taisaku {
  border-bottom: dashed .5vw #FE9426;
  padding-left: 20px;
  padding-left: min(calc((20/750)*100vw), 20px);
}
.flexy-minaoshi {
  border-bottom: dashed .5vw #0698ED;
  padding-left: 20px;
  padding-left: min(calc((20/750)*100vw), 20px);
}
.flexy-nyujuku {
  border-bottom: dashed .5vw #E8646F;
  padding-left: 20px;
  padding-left: min(calc((20/750)*100vw), 20px);
}
.flexy p {
  color: #eb1c24;
  font-size: 140%;
  font-weight: bold;
}

.apply{
  margin-bottom: 100px;
  margin-bottom: min(calc((100/750)*100vw), 100px);
}

/* footer */
footer{
  background-color: #dcdcdc;
  color: #323333;
  text-align: center;
}
.footer_inner{
  padding: 21px 0;
  padding: min(calc((21/750)*100vw), 21px) 0;
}
.footer_link{
  padding-bottom: 26px;
  padding-bottom: min(calc((26/750)*100vw), 26px);
  font-size: 22px;
  font-size: min(calc((22/750)*100vw), 22px);
}
.footer_link p:first-child{
  padding-bottom: 14px;
  padding-bottom: min(calc((14/750)*100vw), 14px);
}
.copyright{
  font-size: 18px;
  font-size: min(calc((18/750)*100vw), 18px);
}