@charset "utf-8";
/*=============================================================
Common Layout
=============================================================*/
/* #topicPath
---------------------------------------------------*/
#topicPath li,
#topicPath li a{
  color:#333;
}
/* #topicPath
---------------------------------------------------*/
.boxContentsBlue {
  /* background-color:#338daa; */
  background-color:#0a4d85;
}
.boxContentsGlay {
  background-color:#f5f5f5;
}
.boxContentsRed {
  background-color:#840e19;
}
.boxContentsPink {
/*  background-color:#A88E8E; */
/*  background-color:#AF7F7F; */
  background-color:#B96969;
  /* background-color:#BF6766; */
}
.boxContentsAsagi {
  background-color:#0D8797;
}
.boxContentsBrown {
  background-color:#5F5135;
}
/*=============================================================
MAIN
=============================================================*/
#ttlOuter{
}
#ttl{
  width:100%;
  border-radius:20px;
  position:absolute;
  top:50%;
  left:0;
  transform:translate(0,-50%);
}
#ttlInner{
  position:relative;
  width:100%;
  height:100%;
  text-align:center;
  line-height:1.65;
}
#ttlTxt{
  position:absolute;
  bottom:50%;
  left:0;
  right:0;
  transform:translate(0,40px);
}
#ttlTxt #sholder{
  width:560px;
  margin:0 auto 2em;
  position:relative;
}
.school #ttlTxt #sholder::before{
  position: absolute;
  content: "";
  top: 0px;
  right: 100%;
  width:38px;
  height:54px;
  background: url(/program/img/ttl_bg_school_03.png) no-repeat center center;
}
.school #ttlTxt #sholder::after{
  position: absolute;
  content: "";
  top: 0px;
  left: 100%;
  width:38px;
  height:54px;
  background: url(/program/img/ttl_bg_school_03.png) no-repeat center center;
  transform:scale(-1,1);
}
.plan #ttlTxt #sholder::before{
  position: absolute;
  content: "";
  top: 0px;
  right: 100%;
  width:38px;
  height:54px;
  background: url(/program/img/ttl_bg_plan.png) no-repeat center center;
}
.plan #ttlTxt #sholder::after{
  position: absolute;
  content: "";
  top: 0px;
  left: 100%;
  width:38px;
  height:54px;
  background: url(/program/img/ttl_bg_plan.png) no-repeat center center;
  transform:scale(-1,1);
}
.nursing #ttlTxt #sholder::before{
  position: absolute;
  content: "";
  top: 0px;
  right: 100%;
  width:38px;
  height:54px;
  background: url(/program/img/ttl_bg_nursing.png) no-repeat center center;
}
.nursing #ttlTxt #sholder::before{
  position: absolute;
  content: "";
  top: 0px;
  right: 100%;
  width:38px;
  height:54px;
  background: url(/program/img/ttl_bg_nursing.png) no-repeat center center;
}
.nursing #ttlTxt #sholder::after{
  position: absolute;
  content: "";
  top: 0px;
  left: 100%;
  width:38px;
  height:54px;
  background: url(/program/img/ttl_bg_nursing.png) no-repeat center center;
  transform:scale(-1,1);
}
#ttlTxt #sholderTxt{
  width:100%;
  height:42px;
  display:table;
  overflow:hidden;
  text-align:center;
}
#ttlTxt #sholderTxtCell{
  width:100%;
  height:42px;
  display:table-cell;
  vertical-align:middle;
}
#ttlTxt #sholderTxtCell p{
  font-size:26px;
  color:#fff;
  line-height:1.0;
  padding:5px 0;
}
#ttlTxt h1{
  padding:10px 0 0;
  font-size:60px;
}
.plt { font-feature-settings: "palt"; } 

@media all and (-ms-high-contrast: none){
  #ttlTxt #sholderTxtCell p{
    padding:13px 0 0;
  }
  #ttlTxt h1{
    padding:25px 0 0;
  }
}
.school #ttlTxt #sholderTxtCell{
  /* background-color:#338daa; */
  background-color:#0a4d85;
}
.plan #ttlTxt #sholderTxtCell{
  background-color:#5F5135;
}
.nursing #ttlTxt #sholderTxtCell{
  background-color:#840e19;
}
.school #ttlTxt h1{
  /* color:#338daa; */
  color:#0a4d85;
}
.plan #ttlTxt h1{
  color:#5F5135;
}
.nursing #ttlTxt h1{
  color:#840e19;
}
#ttlLead{
  position:absolute;
  top:50%;
  left:0;
  right:0;
  transform:translate(0,40px);
}
#ttlLead p{
  font-size:18px;
  font-weight:600;
  text-align:center;
  line-height:1.65;
}
/*=============================================================
#result
=============================================================*/
#resultArea{
}
/*  ttl
-------------------------------------------------------------*/
#resultArea .ttlArea{
  text-align:center;
}
#resultArea .ttlArea .ttlAreaH2{
  display:inline-block;
  font-size:48px;
  color:#fff;
  position:relative;
  padding:10px 40px;
}
@media all and (-ms-high-contrast: none){
  #resultArea .ttlArea .ttlAreaH2{
    padding:20px 40px 0px;
  }
}
#resultArea .ttlArea .ttlAreaH2::before{
  content:"";
  display:block;
  width:46px;
  height:91px;
  background:url(/shared/img/icn_ttl_wh.png) no-repeat center center;
  background-size:100% 100%;
  position:absolute;
  top:50%;
  left:0;
  transform:translate(0,-50%);
}
#resultArea .ttlArea .ttlAreaH2::after{
  content:"";
  display:block;
  width:46px;
  height:91px;
  background:url(/shared/img/icn_ttl_wh.png) no-repeat center center;
  background-size:100% 100%;
  position:absolute;
  top:50%;
  right:0;
  transform:translate(0,-50%) scale(-1,1);
}
#resultArea .ttlArea .ttlLead{
  color:#fff;
}
/* boxClm
-------------------------------------------------------------*/
#resultArea .boxClm{
  width:100%;
  display:flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  box-sizing:border-box;
  margin:30px 0 0;
  padding:50px;
  background-color:#FFF;
  border-radius:20px;
}
#resultArea .boxClm .boxPhoto{
  width:286px;
  order:2;
}
#resultArea .boxClm .boxPhoto img{
  width:100%;
}
#resultArea .boxClm .boxDisc{
  width:calc(100% - 310px);
}
.plan #resultArea .boxClm .boxDisc{
  width:100%;
}
#resultArea .boxClm .boxDiscTtl{
  width:100%;
  display:table;
  padding-bottom:10px;
}
#resultArea .boxClm .boxDiscTtl figure{
  display:table-cell;
  vertical-align:middle;
  width:67px;
}
#resultArea .boxClm .boxDiscTtl figure img{
  width:100%;
}
#resultArea .boxClm .boxDiscTtl h3{
  display:table-cell;
  vertical-align:middle;
  padding:10px 0 10px 15px;
  font-size:30px;
  line-height:1.2;
}
.plan #resultArea .boxClm .boxDiscTtl h3{
  padding:10px 0 10px 0;

}
#resultArea .boxClm .boxDiscTheme{
  border-top:1px solid #ccc;
  padding:15px 0 5px;
  position:relative;
  font-size:16px;
}
.plan #resultArea .boxClm .boxDiscTheme{
  font-size:20px;
}
#resultArea .boxClm .boxDiscTheme dt{
  width:4.5em;
  position:absolute;
  top:15px;
  left:0;
  font-weight:600;
}
#resultArea .boxClm .boxDiscTheme dd{
  padding:0 0 0 4.5em;
}
@media all and (-ms-high-contrast: none){
  #resultArea .boxClm ul.listPdf li a::before{
    top: 1px;
  }
}
#resultAreaBtm{
}
/*  ttl
-------------------------------------------------------------*/
#resultAreaBtm .ttlArea{
  text-align:center;
}
#resultAreaBtm .ttlArea .ttlAreaH2{
  display:inline-block;
  font-size:48px;
  color:#fff;
  position:relative;
  padding:10px 40px;
}
@media all and (-ms-high-contrast: none){
  #resultAreaBtm .ttlArea .ttlAreaH2{
    padding:20px 40px 0px;
  }
}
#resultAreaBtm .ttlArea .ttlAreaH2::before{
  content:"";
  display:block;
  width:46px;
  height:91px;
  background:url(/shared/img/icn_ttl_wh.png) no-repeat center center;
  background-size:100% 100%;
  position:absolute;
  top:50%;
  left:0;
  transform:translate(0,-50%);
}
#resultAreaBtm .ttlArea .ttlAreaH2::after{
  content:"";
  display:block;
  width:46px;
  height:91px;
  background:url(/shared/img/icn_ttl_wh.png) no-repeat center center;
  background-size:100% 100%;
  position:absolute;
  top:50%;
  right:0;
  transform:translate(0,-50%) scale(-1,1);
}
#resultAreaBtm .ttlArea .ttlLead{
  color:#fff;
}
/* boxClm
-------------------------------------------------------------*/
#resultAreaBtm{
  border-top:2px dashed #fff;
}
#resultAreaBtm .boxClm{
  width:100%;
  display:flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  box-sizing:border-box;
  margin:30px 0 0;
  padding:50px;
  background-color:#FFF;
  border-radius:20px;
}
#resultAreaBtm .boxClm .boxPhoto{
  width:286px;
  order:2;
}
#resultAreaBtm .boxClm .boxPhoto img{
  width:100%;
}
#resultAreaBtm .boxClm .boxDisc{
  width:calc(100% - 310px);
}
#resultAreaBtm .boxClm .boxDiscTtl{
  width:100%;
  display:table;
  padding-bottom:10px;
}
#resultAreaBtm .boxClm .boxDiscTtl figure{
  display:table-cell;
  vertical-align:middle;
  width:67px;
}
#resultAreaBtm .boxClm .boxDiscTtl figure img{
  width:100%;
}
#resultAreaBtm .boxClm .boxDiscTtl h3{
  display:table-cell;
  vertical-align:middle;
  padding:10px 0 10px 15px;
  font-size:30px;
  line-height:1.2;
}
#resultAreaBtm .boxClm .boxDiscTheme{
  border-top:1px solid #ccc;
  padding:15px 0 5px;
  position:relative;
  font-size:16px;
}
.plan #resultAreaBtm .boxClm .boxDiscTheme{
  font-size:20px;
}
#resultAreaBtm .boxClm .boxDiscTheme dt{
  width:4.5em;
  position:absolute;
  top:15px;
  left:0;
  font-weight:600;
}
#resultAreaBtm .boxClm .boxDiscTheme dd{
  padding:0 0 0 4.5em;
}
@media all and (-ms-high-contrast: none){
  #resultAreaBtm .boxClm ul.listPdf li a::before{
    top: 1px;
  }
}


/*=============================================================
mirai
=============================================================*/

.pre_mirai{
  position: relative;
  margin:60px auto 0px;
  padding: 2em 2em 1em;
  border: solid 3px #840E19;
  border-radius: 8px;
  text-align: left;
  width: 90%;
}
.pre_mirai_title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0 1em;
  line-height: 1;
  color: #840E19;
  font-size: 24px;
  font-weight: bold;
  text-indent: 0.5em;
  text-align: center;
  background: #FFF;
  width: 17em;
}

.sci_mirai{
  position: relative;
  margin:60px auto 0px;
  padding: 2em 2em 1em;
  border: solid 3px #0A4D85;
  border-radius: 8px;
  text-align: left;
  width: 90%;
}
.sci_mirai_title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0 1em;
  line-height: 1;
  color: #0A4D85;
  font-size: 24px;
  font-weight: bold;
  text-indent: 0.5em;
  text-align: center;
  background: #FFF;
  width: 17em;
}


 /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  Smartphones small (portrait)
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
.pre_mirai, .sci_mirai { padding: 1em; }
.pre_mirai p.textL, .sci_mirai p.textL { font-size: 14px; margin-bottom:7px; margin-top:0;}
.pre_mirai_title { font-size: 16px; width: 16em;  padding: 0; }
.sci_mirai_title { font-size: 16px; width: 16em;  padding: 0; }
  }



/*  #resultArea2nd
-------------------------------------------------------------*/
#resultArea2nd{
}
/*  ttl
-------------------------------------------------------------*/
#resultArea2nd .ttlArea{
  text-align:center;
}
#resultArea2nd .ttlArea .ttlAreaH2{
  display:inline-block;
  font-size:40px;
  position:relative;
  padding:10px 40px;
}
@media all and (-ms-high-contrast: none){
  #resultArea2nd .ttlArea .ttlAreaH2{
    padding:15px 40px 0;
  }
}
#resultArea2nd .ttlArea .ttlAreaH2::before{
  content:"";
  display:block;
  width:46px;
  height:91px;
  background:url(/shared/img/icn_ttl_blk.png) no-repeat center center;
  background-size:100% 100%;
  position:absolute;
  top:50%;
  left:0;
  transform:translate(0,-50%);
}
#resultArea2nd .ttlArea .ttlAreaH2::after{
  content:"";
  display:block;
  width:46px;
  height:91px;
  background:url(/shared/img/icn_ttl_blk.png) no-repeat center center;
  background-size:100% 100%;
  position:absolute;
  top:50%;
  right:0;
  transform:translate(0,-50%) scale(-1,1);
}
#resultArea2nd .ttlArea .ttlLead{
  margin-top:6px;
}
/* boxClm
-------------------------------------------------------------*/
#resultArea2nd .boxClm{
  width:100%;
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing:border-box;
  margin:30px 0 0;
  padding:30px 50px 50px 50px;
  background-color:#FFF;
  border-radius:20px;
}
#resultArea2nd .boxClm .box{
  position:relative;
  padding:20px 0;
  flex-basis:calc(50% - 20px);
  border-bottom:1px solid #ccc;
}
#resultArea2nd .boxClm .box:nth-child(even){
  margin-left:40px;
}
#resultArea2nd .boxClm .box h3{
  position:relative;
  padding:0 0 0 25px;
  font-size:20px;
}
#resultArea2nd .boxClm .box h3::before{
  content:"";
  display:block;
  width:20px;
  height:20px;
  background-color:#b3b3b3;
  border-radius:10px;
  position:absolute;
  top:7px;
  left:0;
}
@media all and (-ms-high-contrast: none){
  #resultArea2nd .boxClm .box h3::before{
    top:2px;
  }
}
/*  #resultArea3rd
-------------------------------------------------------------*/
#resultArea3rd,#resultArea4th{
}
/*  ttl
-------------------------------------------------------------*/
#resultArea3rd .ttlArea,#resultArea4th .ttlArea{
  text-align:center;
}
#resultArea3rd .ttlArea .ttlAreaH2,#resultArea4th .ttlArea .ttlAreaH2 {
  display:inline-block;
  font-size:34px;
  color:#333;
  position:relative;
  padding:10px 40px;
}
@media all and (-ms-high-contrast: none){
  #resultArea3rd .ttlArea .ttlAreaH2,#resultArea4th .ttlArea .ttlAreaH2{
    padding:15px 40px 0;
    margin-bottom:5px;
  }
}
#resultArea3rd .ttlArea .ttlAreaH2::before,#resultArea4th .ttlArea .ttlAreaH2::before {
  content:"";
  display:block;
  width:46px;
  height:91px;
  background:url(/shared/img/icn_ttl_blk.png) no-repeat center center;
  background-size:100% 100%;
  position:absolute;
  top:50%;
  left:0;
  transform:translate(0,-50%);
}
#resultArea3rd .ttlArea .ttlAreaH2::after,#resultArea4th .ttlArea .ttlAreaH2::after{
  content:"";
  display:block;
  width:46px;
  height:91px;
  background:url(/shared/img/icn_ttl_blk.png) no-repeat center center;
  background-size:100% 100%;
  position:absolute;
  top:50%;
  right:0;
  transform:translate(0,-50%) scale(-1,1);
}
#resultArea3rd .ttlArea .ttlLead,#resultArea4th .ttlArea .ttlLead{
  color:#333;
  margin-top:8px;
}
/* boxClm
-------------------------------------------------------------*/
#resultArea3rd .boxClm p{
  font-size: 18px;
}
#resultArea3rd .boxClm,#resultArea4th .boxClm {
  width:100%;
  box-sizing:border-box;
  margin:30px 0 0;
  padding: 50px;
  background-color:#f5f5f5;
  border-radius:20px;
  line-height:1.85;
}
/* listPdf
-------------------------------------------------------------*/
.boxClm ul.listPdf{
  display:block;
  font-size:0;
}
.boxClm ul.listPdf li{
  display:inline-block;
  padding-top:5px;
  font-size:16px;
}
.boxClm ul.listPdf li:first-child{
  margin-right:20px;
}
.boxClm ul.listPdf li a{
  display:block;
  padding-left:22px;
  position:relative;
  text-decoration:none;
}
.boxClm ul.listPdf li a:hover{
  text-decoration:underline;
}
.boxClm ul.listPdf li a::before{
  position: absolute;
  content: "";
  width:18px;
  height:18px;
  top: 5px;
  left: 0;
  z-index: 2;
  background: url(/shared/img/icn_pdf.png) no-repeat center center;
  background-size:100% 100%;
}
@media all and (-ms-high-contrast: none){
  .boxClm ul.listPdf li a::before{
    top: 0px;
  }
}
/*=============================================================
#comment
=============================================================*/
#comment .boxClm{
  width:100%;
  box-sizing:border-box;
  margin:30px 0 0;
  padding: 50px;
  border-radius:20px;
  line-height:1.85;
  background-color:#fff;
}
#comment .boxClm p+h3,
#comment .boxClm p+p{
  margin:2em 0 0;
}
#comment .boxClm p+h3{
  font-size:16px;
}
#comment .boxClm p{
  font-size:16px;
}
/*=============================================================
#requirements
=============================================================*/
#requirements{
  width:100%;
  box-sizing:border-box;
  padding: 50px;
  border-radius:20px;
  background-color:#f5f5f5;
  text-align:center;
}
#requirementsInner{
  display:table;
  margin:0 auto;
}
#requirementsInner div{
  display:table-cell;
  vertical-align:middle;
}
#requirementsInner div.photo{
  width:152px;
}
#requirementsInner div.photo figure{
  border:1px solid #ccc;
}
#requirementsInner div.photo figure img{
  width:100%;
}
#requirementsInner div.txt{
  padding:10px 0 10px 50px;
  text-align:left;
}
#requirementsInner div.txt h3{
  font-size:24px;
}
#requirementsInner div.txt p{
  font-size:16px;
}
/*=============================================================
#naviArea
=============================================================*/
#naviArea{
  display: flex;
  width:100%;
  margin:100px 0 0;
  box-sizing:border-box;
  text-align:center;
}
#naviArea .boxBtn{
  width:100%;
  max-width:470px;
  margin:0 auto;
}
#naviArea .boxBtn p a{
  display:block;
  padding:15px 0;
  text-align:center;
  color:#fff;
  text-decoration:none;
  font-size:24px;
  border-radius:10px;
}
@media all and (-ms-high-contrast: none){
  #naviArea .boxBtn p a{
    padding:20px 0 10px;
  }
}
.school #naviArea .boxBtn p a,
.plan #naviArea .boxBtn p a{
  background-color:#840e19;
}
.school #naviArea .boxBtn.boxBtnS p a,
.plan #naviArea .boxBtn.boxBtnS p a,
.nursing #naviArea .boxBtn.boxBtnS p a{
  background-color:#0a4d85;
}
.school #naviArea .boxBtn.boxBtnP p a,
.plan #naviArea  .boxBtn boxBtnP p a,
.nursing #naviArea .boxBtn.boxBtnP p a{
  background-color:#5F5135;
}
/* .nursing #naviArea .boxBtn p a{
background-color:#0a4d85;
} 
*/
#naviArea .boxBtn p a span{
  display:inline-block;
  padding:0 0 0 32px;
  position:relative;
}
#naviArea .boxBtn p a span::before{
  content:"";
  display:block;
  width:26px;
  height:26px;
  border-radius:100px;
  box-sizing:border-box;
  border:3px solid #fff;
  background:url(/shared/img/arw_white.png) no-repeat center center;
  background-size:12px 12px;
  position:absolute;
  top:7px;
  left:0;
}
@media all and (-ms-high-contrast: none){
  #naviArea .boxBtn p a span::before{
    top:1px;
  }
}
/*=============================================================
#linkArea
=============================================================*/
#linkArea{
  width:100%;
  margin:100px 0 0;
  box-sizing:border-box;
  text-align:center;
}
#linkArea ul{
  font-size:0;
}
#linkArea ul li{
  display:inline-block;
  padding:0 15px;
}
#linkArea ul li a{
  display:block;
  padding:0 0 0 15px;
  font-size:16px;
  position:relative;
  text-decoration:none;
}
#linkArea ul li a:hover{
  text-decoration:underline;
}
#linkArea ul li a::before{
  content:"";
  width:6px;
  height:6px;
  border-bottom:1px solid #666;
  border-right:1px solid #666;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-3px) rotate(-45deg);
}
@media all and (-ms-high-contrast: none){
  #linkArea ul li a::before{
    transform:translateY(-8px) rotate(-45deg);
  }
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
  /*=============================================================
  MAIN
  =============================================================*/
  #ttlOuter{
    position:relative;
  }
  #ttlTxt{
    transform:translate(0,50%);
  }
  #ttlTxt #sholder{
    width:80%;
    margin:0 auto;
    position:relative;
  }
  .school #ttlTxt #sholder::before,
  .school #ttlTxt #sholder::after,
  .plan #ttlTxt #sholder::before,
  .plan #ttlTxt #sholder::after,
  .nursing #ttlTxt #sholder::before,
  .nursing #ttlTxt #sholder::after{
    width:28px;
    height:40px;
    background-size:100% 100%;
  }
  #ttlTxt #sholderTxt {
    height:31px;
  }
  #ttlTxt #sholderTxtCell{
    height:31px;
  }
  #ttlTxt #sholderTxtCell p{
    font-size:13px;
    letter-spacing:0;
  }
  #ttlTxt h1{
    padding:5px 0 0;
    font-size:28px;
  }
  #ttlLead{
    padding:10px;
    position:static;
    transform:translate(0,0);
  }
  #ttlLead p{
    font-size:14px;
    color:#fff;
  }
  .school #ttlLead{
    /* background-color:#338daa; */
    background-color:#0a4d85;
  }
  .plan #ttlLead{
    background-color:#5F5135;
  }
  .nursing #ttlLead{
    background-color:#840e19;
  }
  /*  ttl
  -------------------------------------------------------------*/
  #resultArea .ttlArea{
    text-align:center;
  }
  #resultArea .ttlArea .ttlAreaH2{
    font-size:24px;
  }
  #resultArea .ttlArea .ttlAreaH2::before{
    width:27px;
    height:54px;
  }
  #resultArea .ttlArea .ttlAreaH2::after{
    width:27px;
    height:54px;
  }
  #resultArea .ttlArea .ttlLead span{
    display:inline-block;
  }
  /* boxClm
  -------------------------------------------------------------*/
  #resultArea .boxClm{
    display:block;
    margin:20px 0 0;
    padding:10px;
    border-radius:10px;
  }
  #resultArea .boxClm .boxPhoto{
    width:100%;
    padding-bottom:20px;
  }
  #resultArea .boxClm .boxDisc{
    width:100%;
  }
  #resultArea .boxClm .boxDiscTtl figure{
    width:50px;
  }
  #resultArea .boxClm .boxDiscTtl h3{
    padding:10px 0 10px 10px;
    font-size:17px;
  }
  #resultArea .boxClm .boxDiscTheme{
    font-size:14px;
  }
  .plan #resultArea .boxClm .boxDiscTheme{
    font-size:16px;
  }
  /*  ttl
  -------------------------------------------------------------*/
  #resultAreaBtm .ttlArea{
    text-align:center;
  }
  #resultAreaBtm .ttlArea .ttlAreaH2{
    font-size:22px;
    letter-spacing:0;
    padding: 10px 20px;
  }
  #resultAreaBtm .ttlArea .ttlAreaH2::before{
    width:27px;
    height:54px;
  }
  #resultAreaBtm .ttlArea .ttlAreaH2::after{
    width:27px;
    height:54px;
  }
  #resultAreaBtm .ttlArea .ttlLead span{
    display:inline-block;
  }
  /* boxClm
  -------------------------------------------------------------*/
  #resultAreaBtm .boxClm{
    display:block;
    margin:20px 0 0;
    padding:10px;
    border-radius:10px;
  }
  #resultAreaBtm .boxClm .boxPhoto{
    width:100%;
    padding-bottom:20px;
  }
  #resultAreaBtm .boxClm .boxDisc{
    width:100%;
  }
  #resultAreaBtm .boxClm .boxDiscTtl figure{
    width:50px;
  }
  #resultAreaBtm .boxClm .boxDiscTtl h3{
    padding:10px 0 10px 10px;
    font-size:17px;
  }
  #resultAreaBtm .boxClm .boxDiscTheme{
    font-size:14px;
  }


  /*  #resultArea2nd
  -------------------------------------------------------------*/
  #resultArea2nd{
  }
  /*  ttl
  -------------------------------------------------------------*/
  #resultArea2nd .ttlArea{
    text-align:center;
  }
  #resultArea2nd .ttlArea .ttlAreaH2{
    font-size:24px;
  }
  #resultArea2nd .ttlArea .ttlAreaH2::before{
    width:27px;
    height:54px;
    background-size: 100% 100%;
  }
  #resultArea2nd .ttlArea .ttlAreaH2::after{
    width:27px;
    height:54px;
    background-size: 100% 100%;
  }
  #resultArea2nd .ttlArea .ttlLead span{
    display:inline-block;
  }
  /* boxClm
  -------------------------------------------------------------*/
  #resultArea2nd .boxClm{
    display:block;
    margin:20px 0 0;
    padding:0px 10px 10px 10px;
    border-radius:10px;
  }
  #resultArea2nd .boxClm .box{
    padding:10px 0;
  }
  #resultArea2nd .boxClm .box:nth-child(even){
    margin-left:0px;
  }
  #resultArea2nd .boxClm .box h3{
    padding:0 0 0 20px;
    font-size:16px;
  }
  #resultArea2nd .boxClm .box h3::before{
    width:16px;
    height:16px;
    top:5px;
  }
  /*  #resultArea3rd,#resultArea4th
  -------------------------------------------------------------*/
  #resultArea3rd,#resultArea4th {
  }
  /*  ttl
  -------------------------------------------------------------*/
  #resultArea3rd .ttlArea,#resultArea4th.ttlArea{
    text-align:center;
  }
  #resultArea3rd .ttlArea .ttlAreaH2,#resultArea4th .ttlArea .ttlAreaH2{
    font-size:24px;
  }
  #resultArea3rd .ttlArea .ttlAreaH2::before,#resultArea4th .ttlArea .ttlAreaH2::before{
    width:27px;
    height:54px;
  }
  #resultArea3rd .ttlArea .ttlAreaH2::after,#resultArea4th .ttlArea .ttlAreaH2::after{
    width:27px;
    height:54px;
  }
  #resultArea3rd .ttlArea .ttlLead span,#resultArea4th .ttlArea .ttlLead span{
    display:inline-block;
  }
  /* boxClm
  -------------------------------------------------------------*/
  #resultArea3rd .boxClm,#resultArea4th .boxClm{
    margin:20px 0 0;
    padding: 10px;
    border-radius:10px;
  }
  #resultArea3rd .boxClm p{
    font-size:16px;
  }
  #resultArea4th .boxClm p{
    font-size:14px;
  }
  /* listPdf
  -------------------------------------------------------------*/
  .boxClm ul.listPdf li{
    font-size:14px;
  }
  .boxClm ul.listPdf li a::before{
    position: absolute;
    content: "";
    width:18px;
    height:18px;
    top: 3px;
    left: 0;
    z-index: 2;
    background: url(/shared/img/icn_pdf.png) no-repeat center center;
    background-size:100% 100%;
  }
  /*=============================================================
  #comment
  =============================================================*/
  #comment .boxClm{
    padding: 10px;
    border-radius:10px;
  }
  #comment .boxClm p+h3{
    font-size:14px;
  }
  #comment .boxClm p{
    font-size:14px;
  }
  /*=============================================================
  #requirements
  =============================================================*/
  #requirements{
    padding: 10px;
    border-radius:10px;
  }
  #requirementsInner{
    padding-top:10px;
  }
  #requirementsInner div.photo{
    width:102px;
  }
  #requirementsInner div.txt{
    padding:10px 0 10px 10px;
    text-align:left;
  }
  #requirementsInner div.txt h3{
    font-size:16px;
  }
  #requirementsInner div.txt p{
    font-size:13px;
  }
  /*=============================================================
  #naviArea
  =============================================================*/
  #naviArea{
    margin:60px 0 0;
  }
  #naviArea .boxBtn p a{
    font-size:18px;
  }
  #naviArea .boxBtn p a span::before{
    top:2px;
  }
  /*=============================================================
  #linkArea
  =============================================================*/
  #linkArea{
    margin:60px 0 0;
  }
  #linkArea ul{
    font-size:0;
  }
  #linkArea ul li{
    display:inline-block;
    font-size:14px;
    width:49%;
    padding:0;
    text-align:left;
    vertical-align:text-top;
  }
  #linkArea ul li a{
    display:inline-block;
  }
  #linkArea ul li a::before{
    top:10%;
  }

  /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  Smartphones (portrait)
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  @media only screen and (max-width:540px){
  }

  /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  Smartphones small (portrait)
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  @media only screen and (max-width:374px){
  }

  /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  Print
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  @media print{
  }