/* Utility */
@media (min-width: 739px) {
  /* PC */
  .hidden-pc {
    display: none !important;
  }
}
@media (max-width: 740px) {
  /* SP */
  .hidden-sp {
    display: none !important;
  }
}
body {
	margin: 0;
	padding: 0;
	text-align: left;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
}
dl,dt,dd {
	margin: 0;
	padding: 0;
}

@media (min-width: 739px) {
  /* PC */

  #contents2 {width:740px; font-size:15px; line-height:1.5; padding:20px 0 30px; margin:0 auto;
  }
}

@media (max-width: 740px) {
  /* SP */
  #contents2_TOP{
    width: auto;
    box-sizing: border-box;
    background: image(img/TOP_sp_img.png);
    padding: 10px;
  }


 #contents2_TOP img{
    width: 100%;

  }

  #top_btn_TOP{
    display: block;
    width: 75vw;
    margin: 0 auto -25vw;
    position: relative;
    bottom: 30vw;
    padding-left: 16vw;

  }

}

@media (max-width: 740px) {
  /* SP */
  #contents2{
    width: auto;
    box-sizing: border-box;
  }


 #contents2 img{
    width: 100%;

  }


}

@media (min-width: 739px) {
  /* PC */


#top {width:720px; margin:20px 10px;}

#waku {width:698px; margin:10px 20px;
}
#q1 {background:url(img/q1_05.gif) no-repeat; height:653px;
}
#q1 .text {padding:20px; font-weight:bold; text-align:center;}

#q1 dl{width:610px; height:174px; border:#bcd0d8 1px solid; margin:0 0 0 45px;overflow:hidden;
}
#q1 dl.none {border-bottom:none; border-top:none;}
#q1 dt {display:block; width:165px; height:162px; margin:1px; float:left; background:url(img/q1_07.gif) repeat-y;
text-align:center; font-weight:bold; color:#1d428f; padding-top:10px;
}
#q1 dd {margin-left:170px; padding:5px 0 0px 0; line-height:155%;
}
#q1 label {display:block; line-height:1.7; letter-spacing:-0.07em; margin:0 0 0 0; padding:0;}
#q1 .next{margin:22px 40px 0 0; text-align:right;}



#a1_copy{background:url(img/a1_02.gif) no-repeat; height:47px; padding:15px 45px 0px 45px; font-weight:bold;}
.a1_bg {background:url(img/a1_bg2.gif) repeat-y;}
#a1 {background:url(img/a1_bg.gif) no-repeat bottom; height:auto;
}
#a1 .text {padding:20px 45px 10px 45px; font-weight:bold;}
#a1 dl {width:594px; border:#bcd0d8 1px solid; margin:5px 50px 15px 50px;}
#a1 dt{margin:2px 0 0; padding:5px 5px 0; background:url(img/a1_03.gif) no-repeat bottom; min-height:53px; height:auto !important; height:53px;
}
#a1 dt .textbg {background:url(img/a1_04.gif) no-repeat; text-align:center; font-size:105%; font-weight:bold; color:#1d428f;
padding:10px 0 5px 15px;
}
#a1 dd{margin:20px 40px;}

#a1 .next{border:#c6dba8 1px solid; border-top:#c6dba8 9px solid; width:594px; margin:10px 45px 20px 45px;}
#a1 .next .btn{margin-bottom:20px;}

#q2 {background:url(img/q2_05.gif) no-repeat; height:436px;
}
#q2 .text {padding:20px; font-weight:bold; text-align:center;}
#q2 dl {width:594px; border:#c6dba8 1px solid; margin:10px 50px; background:url(q1_05_sp.png) no-repeat;}
#q2 dt{background:url(img/q2_10.gif) no-repeat; font-size:105%; font-weight:bold; color:#1c7807;
margin:8px 0 5px 20px; padding:10px 0 15px 50px;
}
#q2 dd{margin:30px 40px;}
#q2 dd a.btn_a {display:block; background:url(img/q2_11.gif) no-repeat; width:430px; height:42px; padding:23px 5px 0 65px;
font-weight:bold; margin-bottom:15px; font-size:105%; text-decoration:none; color:#353535;}
#q2 dd a.btn_b {display:block; background:url(img/q2_14.gif) no-repeat; width:430px; height:42px; padding:23px 5px 0 65px;
font-weight:bold; font-size:105%; text-decoration:none; color:#353535;}

#a2 {background:url(img/a2_01.gif) no-repeat bottom;
}

#a2_copy{background:url(img/a2_bg2.gif) no-repeat; height:47px; padding:15px 45px 0px 45px; font-weight:bold;}
.a2_bg {background:url(img/a2_bg.gif) repeat-y;}
#a2 .text {padding:20px 45px 10px 45px; font-weight:bold;}
#a2 dl {width:594px; border:#abcda1 1px solid; border-bottom:none; margin:10px 50px 0 50px; background:url(img/a2_03.gif) no-repeat;}
#a2 dt{background:url(img/a2_04.gif) no-repeat; text-align:center; font-size:105%; font-weight:bold; color:#1c7807;
margin:8px 0 5px 40px; padding:12px 10px 15px 0;
}
#a2 dd{padding:40px;}
#a2 .kakeru{margin:0 50px; width:596px;}
#a2 .kekka1{border:#bcd0d8 1px solid; border-top:none; width:594px; margin:0 50px 20px 50px;}
#a2 .kekka_t{background:url(img/a2_06.gif) no-repeat; padding:25px 10px 25px 20px; font-weight:bold; color:#1d428f; margin:0 0 0 18px; letter-spacing:-0.07em; text-align:center;}
#a2 .btn {text-align:center; margin:10px 10px 0 10px;}

#kekka {background:url(img/kekka_2.gif) repeat-y; padding:11px;
}
#kekka .type{background:url(img/kekka_3.gif) no-repeat; width:675px; height:33px; padding:58px 0 20px 0; text-align:center;
font-size:105%; font-weight:bold; color:#ff3000;
}
#kekka p.mg {margin:15px 65px;}
#kekka .work{width:575px; margin:20px 0 0 50px; background:url(img/kekka_5.gif) repeat-y;
}
#kekka .work ul {list-style:none; width:555px; padding:0 0 0 20px; margin:0;}
#kekka .work li {display:block; float:left; width:260px; background:url(img/kekka_6.gif) no-repeat left center; padding-left:15px; margin:3px 0 3px 0px;}

#kekka .line {width:635px; height:2px; background:#c8d5db; margin:25px 20px 15px 20px;
}
#kekka .btn {padding:0 0 15px 45px;}
#kekka .btn img {margin:10px 15px 0 5px;}

.clr {clear:both;}

#matome {width:650px; margin-left:15px;}

#matome h1 {margin:0; padding:0;}
#matome h2 {margin:10px 0 5px 0; padding:0; font-size:100%; font-weight:bold; color:#003366;}
#matome h3 {margin:5px 0; padding:0; font-size:100%; font-weight:bold; color:#FF0000;}
#matome p.mg {margin:5px 5px 10px 5px; padding:0;}
#matome ul {list-style-position:inside; margin:0; padding:0;}
#matome li {margin:0 0 0 5px;}
#matome .line {width:650px; height:2px; background:#c8d5db; margin:15px 0 15px 0;}
#matome .print {text-align:center;}
#matome .print p{letter-spacing:-0.07em;}

#error {margin:15px 25px;}
#error dt {color:#FF0000; font-weight:bold;}

/*-----ヘッダー・フッター------*/
 
#pre_header h1 {padding:0; margin:0; float:left; margin-top:5px; width:72px;}
#pre_header {background:url(img/thead_bg.gif) repeat-x #fff; width:720px; height:30px; padding:0 0 0 20px; clear:both; font-size:90%;
}
#pre_header ul {padding:0; margin:0;
}
#pre_header ul li {float:right; font-size:80%; background:url(img/i_arrow01.gif) no-repeat left; padding:0 5px 0 10px; margin:5px; list-style-type:none;
}
#pre_header a {color:#006fd0; text-decoration:underline;
}
#pre_header a:hover {text-decoration:none;}
* ul.menu { float:right; list-style-type:none; margin:0; padding:0;
}
* ul.menu li { float:left; font-size:80%; padding:0 5px 0 10px; margin:0 5px; background:url(img/i_arrow01.gif) no-repeat left;
}

#pre_footer { border-top:3px solid #0c60a8; width:932px; margin:0 auto; padding:5px 5px 3px 10px; text-align:left; background:#fff; clear:both; line-height:16px; font-size:90%;
}
#pre_footer ul { list-style-type:none; margin:0; padding:0;
}
#pre_footer ul li { float:left; font-size:12px; padding:0 5px 0 10px; margin:0 5px 0 0; background:url(img/i_arrow01.gif) no-repeat left;
}
#pre_footer .copyright { float:right; font-size:11px; font-family:Arial; color:#666;
}
#pre_footer a { color:#006fd0; text-decoration:underline;
}
#pre_footer a:hover {text-decoration:none;}






}


@media (max-width: 740px) {
  /* SP */
  #waku {
    width: auto;
    margin:10px 0px;
    box-sizing: border-box;
    padding: 0px 10px 10px;
  }
  #q1 {
    width: auto;
    box-sizing: border-box;
    background:url(img/q1_05_sp.png) repeat-y;
    background-size: 100%;
    font-size: 14px;

  }
  #q1 .text {
    padding:16px 30px;
    font-size: 14px;
    font-weight:bold;
    text-align:left;
  }

  #q1 dl{ 
    display:flex;
    height: 100%;
    width: 85vw;
    border:#bcd0d8 1px solid; 
    margin:0 20px;
  }
  #q1 dl.none {
    border-bottom:none;
    border-top:none;
  }
  #q1 dt {
    width:14vw;
    margin:0px;
    background-color: #EDF1F2;
    text-align:center;
    font-weight:bold;
    color:#1d428f;
    border-right:#bcd0d8 1px solid;  
    display: flex ;
    align-items: center;
    justify-content: center;
  }

  #q1 dd {
    width: 60vw;
  }
  #q1 label {
    display:block;
    width: 62vw;
    line-height:1.7;
    margin:0px;
    padding:8px 8px 8px 23px;
    word-break: break-all;
    position: relative;

  }

  #q1 .check input{
    position: absolute;
    top: 13px;
    left: 6px;


  }


  #q1 .next{
    text-align: center;
    padding:20px 0px 10px;
  }




#a1_copy{
  width: 70vw;
  margin:0px auto;
  font-weight:bold;
}

.a1_bg {
    width: auto;
    box-sizing: border-box;
    background:url(img/q1_05_sp.png) repeat-y;
    background-size: 100%;
    font-size: 14px;
}


#a1 {
}
#a1 .text {padding:20px 45px 10px 45px; font-weight:bold;}
#a1 dl {
  width:80vw;
  border:#bcd0d8 1px solid;
  margin:20px auto 0px;
}


#a1 dt{
  margin:2px 0 0;
  padding:5px 5px 0;
  background-color: #EDF1F2;
  background-size: 100%;
  height:auto !important;

}

#a1 dt .textbg {
  background:url(img/a1_04.gif) no-repeat;
  text-align:center;
  font-size:105%;
  font-weight:bold; color:#1d428f;
  padding:0px 0px 5px 32px;
  min-height: 30px;
}
#a1 dd{
  margin:10px;
}

#a1 .next{
  box-sizing: border-box;
  border:#c6dba8 1px
  solid; border-top:#c6dba8 9px solid;
  width: 80vw;
  margin:10px auto;
}

#a1 .next .btn{
  display:block;
  margin:0px auto 10px;
  width: 70vw;
}

#a1 .next .btn img{
  max-width: 100%;
  height: auto;
}



#q2 {
    width: auto;
    box-sizing: border-box;
    background:url(img/q2_05_sp.png) repeat-y;
    background-size: 100%;
    font-size: 14px;
}

#q2 .text {padding:20px; font-weight:bold; text-align:center;}
#q2 dl {
  width:82vw;
  border:#c6dba8 1px solid;
  margin:10px auto 0;
  background:url(q1_05_sp.png) no-repeat;
}
#q2 dt{
  background:url(img/q2_10.gif) no-repeat;
  background-color: #E3F3D6;
  font-size:105%;
  font-weight:bold;
  color:#1c7807;
  margin:10px 0px 0px 10px ; 
  padding:10px 0 15px 50px;
  height: auto  ;
}
#q2 dd{
  margin:20px auto;
}



#q2 dd a.btn_a {
  display: block;
  vertical-align: middle;
  border: solid  2px #B3D8F8;     
  border-radius: 10px;
  background-color: #E1F3FF;
  box-shadow:0px 0px 0px 2px #ffffff inset;
  width:70vw;
  font-weight:bold;
  text-decoration:none;
  color:#353535;
  word-break: break-all;
  min-height: 8vw;
  margin: 5px auto;
  padding: 3vw 0 2vw 1vw;

}

#q2 dd a.btn_a:before {
  content: "";
  display: inline-block;
  background:url(img/q2_a_sp.png) no-repeat;
  background-size: 5vw;
  vertical-align: middle;
  width: 10vw;
  min-height: 5vw;
  margin: 1vw;

}



#q2 dd a.btn_b {
  display: block;
  vertical-align: middle;
  border: solid  2px #FFBCD3;     
  border-radius: 10px;
  background-color: #FFE2EE;
  box-shadow:0px 0px 0px 2px #ffffff inset;
  width:70vw;
  font-weight:bold;
  text-decoration:none;
  color:#353535;
  word-break: break-all;
  min-height: 8vw;
  margin: 10px auto;
  padding: 3vw 0 2vw 1vw;

}


#q2 dd a.btn_b:before {
  content: "";
  display: inline-block;
  background:url(img/q2_b_sp.png) no-repeat;
  background-size: 5vw;
  vertical-align: middle;
  width: 10vw;
  min-height: 5vw;
  margin: 1vw;

}



/*
#q2 dd a.btn_a {
  display:block;
  background:url(img/q2_11_sp.png) no-repeat;
  background-size:77vw;
  width:66vw;
  padding:1vw 0vw 1vw 12vw;
  font-weight:bold;
  text-decoration:none;
  color:#353535;
  word-break: break-all;
  height: 12vw;
}





#q2 dd a.btn_b {
  display:block;
  background:url(img/q2_14_sp.png) no-repeat;
  background-size:77vw;
  width:66vw;
  padding:1vw 0vw 1vw 12vw;
  font-weight:bold;
  text-decoration:none;
  color:#353535;
  margin-top: 10px;
  word-break: break-all;

}
 */ 


#a2 {
    width: auto;
    box-sizing: border-box;
    background:url(img/q2_05_sp.png) repeat-y;
    background-size: 100%;
    font-size: 14px;
  
}

#a2_copy{
  width: 70vw;
  margin:0px auto;
  font-weight:bold;
}
.a2_bg {
  background:url(img/a2_bg.gif) repeat-y;
}
#a2 .text {
  padding:20px 45px 10px 45px; 
  font-weight:bold;
}
#a2 dl {
  width:82vw;
  border:#abcda1 1px solid; 
  margin:10px auto;
}




#a2 dt{
  background:url(img/a2_04.gif) no-repeat;
  background-color: #E3F3D6;

  text-align:center;
  font-size:105%;
  font-weight:bold;
  color:#1c7807;
  margin:0 0 5px 1px;
  padding:12px 10px 15px 40px;
}
#a2 dd{
  padding:40px;
}

#a2 .kakeru{
  width:10vw;
  margin: 5px auto;
}


#a2 .kekka1{
  width:82vw;
  border:#bcd0d8 1px solid;
  margin: 0px auto ;
}

#a2 .kekka_t{
  background:url(img/a2_06.gif) no-repeat;
  padding:25px 10px 25px 16vw;
  font-weight:bold; color:#1d428f; margin:0 0 0 18px;
  letter-spacing:-0.07em;
  text-align: left;

}


#a2 .btn {
  width: 50vw;
  margin: 0 auto;
}

#a2 .btn input{
  width: 50vw;
}

#kekka {
  width: auto;
  box-sizing: border-box;
  background:url(img/kekka_2_sp.png) repeat-y;
  background-size: 100%;
  font-size: 14px;
}

#kekka .logo{
  display: block;
  width: 30vw;
  margin: 0  auto;
  padding-top: 5px;
}




#kekka .type{
  width: 59vw;
  background:url(img/kekka_3_sp.png) no-repeat ;
  background-size: 77vw;
  background-position: -3px 16px;
  height:13vw;
  padding:7vw 7vw 3vw 16vw;
  font-size:105%;
  font-weight:bold;
  color:#ff3000;
  margin:0px auto ;
}

#kekka p.mg {
  width: 80vw;
  margin:0px auto;
  padding:5px 0px 10px;
}




#kekka .work{
  width:90vw;
  margin:20px auto 0px ;
  border: solid 1px #FFA14D;
  border-radius: 10px;
  background-color: #FFEFD9;
  padding-top: 5px;
}


/*

#kekka .work{
  width:90vw;
  margin:20px auto ;
  background:url(img/kekka_5_sp.gif) repeat-y;
  background-size: 90vw;
}

*/


#kekka .work img{
  display: block;
  width:75vw;
  margin:-6px auto 4px;
  margin-top: -5vw
}



#kekka .work ul {list-style:none;
  width:80vw;
  padding:0 0 0 3vw;
  margin:0;
}

#kekka .work li {
  display:block;
  float:left;
  width:37vw;
  background:url(img/kekka_6.gif) no-repeat left center;
  padding-left:3vw;
  margin:4px 0px 1px 0px;
}

#kekka .line {
  width:80vw;
  height:2px;
  background:#c8d5db;
  margin:10px 20px 15px 20px;
}
#kekka .btn {
  width: 80vw;
  padding:0px;
  margin:10px auto;
}

#kekka .btn img{
  max-width: 100%;
  height: auto;
}


.clr {clear:both;}

#matome {
  width: 90vw;
  box-sizing: border-box;
  font-size: 14px;
  margin: 0 auto;
}

#matome .logo{
  display: block;
  width: 30vw;
  margin: 0  auto;
  padding-top: 5px;  
}



#matome h1 {
  display: block;
  margin:0;
  padding:0;
  font-size: 16px;
  text-align: center;
  border-bottom: solid 1px  #BED0D7;
  margin-top: 10px;
  padding-bottom: 10px;

}

#matome h2 {margin:15px 0 5px 0; padding:0; font-size:100%; font-weight:bold; color:#003366;}
#matome h3 {margin:5px 0; padding:0; font-size:100%; font-weight:bold; color:#FF0000;}
#matome p.mg {margin:5px 5px 10px 5px; padding:0;}
#matome ul {list-style-position:inside; margin:0; padding:0;}
#matome li {margin:0 0 0 5px;}

#matome .line {
  width:90vw;
  height:2px; background:#c8d5db;
  margin:15px auto;
}
#matome .print {text-align:center;}

#matome .print img{
  max-width: 60vw;
  height: auto;
  padding-bottom: 10px;
}


#matome .print p{letter-spacing:-0.07em;}

#error {
    width: 90vw;
    box-sizing: border-box;
    font-size: 14px;
    margin: 10px auto;


}
#error dt {color:#FF0000; font-weight:bold;}

/*-----ヘッダー・フッター------*/
 
#pre_header h1 {padding:0; margin:0; float:left; margin-top:5px; width:72px;}
#pre_header {background:url(img/thead_bg.gif) repeat-x #fff; width:720px; height:30px; padding:0 0 0 20px; clear:both; font-size:90%;
}
#pre_header ul {padding:0; margin:0;
}
#pre_header ul li {float:right; font-size:80%; background:url(img/i_arrow01.gif) no-repeat left; padding:0 5px 0 10px; margin:5px; list-style-type:none;
}
#pre_header a {color:#006fd0; text-decoration:underline;
}
#pre_header a:hover {text-decoration:none;}
* ul.menu { float:right; list-style-type:none; margin:0; padding:0;
}
* ul.menu li { float:left; font-size:80%; padding:0 5px 0 10px; margin:0 5px; background:url(img/i_arrow01.gif) no-repeat left;
}

#pre_footer { border-top:3px solid #0c60a8; width:932px; margin:0 auto; padding:5px 5px 3px 10px; text-align:left; background:#fff; clear:both; line-height:16px; font-size:90%;
}
#pre_footer ul { list-style-type:none; margin:0; padding:0;
}
#pre_footer ul li { float:left; font-size:12px; padding:0 5px 0 10px; margin:0 5px 0 0; background:url(img/i_arrow01.gif) no-repeat left;
}
#pre_footer .copyright { float:right; font-size:11px; font-family:Arial; color:#666;
}
#pre_footer a { color:#006fd0; text-decoration:underline;
}
#pre_footer a:hover {text-decoration:none;}



}








@media print {
#pre_footer, #pre_header, .print{display:none;}
}


@media print{
  .nav-global_sp_last img {
    display: none;
  }
}

/*
========================================
result.php links
========================================
*/
/* pc */
@media(min-width:741px){
  .links-area{
    max-width: 693px;
    width: 98%;
    margin: auto;
    margin-bottom: 90px;
    border: 2px solid #a9a9a9;
    border-radius: 10px;
    padding: 60px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
  }
  .links-ttl-sub{
    font-size: 14px;
    text-align: center;
    color: #a9a9a9;
    position: absolute;
    top: 45px;
    left: 44%;
  }
  .links-ttl{
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
  }
  .links{
    list-style: none;
    width: 75%;
    max-width: 480px;
    margin: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .links__item{
    width: 100%;
  }
  .links__item > a.links__item-link{
    display: block;
    width: 100%;
    position: relative;
    color: #0070cb;
    font-size: 15px;
    font-weight: bold;
    line-height: 45px;          
  }
  .links__item-link:hover{
    opacity: 0.7;
  }
  /* .links__item:not(:last-of-type){
    margin-bottom: 20px;
  } */
  .links__item-arrow{
    width: 30px;
    height: 30px;
    stroke-width: 2px;
    stroke: #0070cb;

    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .links__item-bnrimg{
    width: 100%;
    padding-bottom: 20px;
  }
}
/* sp */
@media(max-width:740px){
  .links-area{
    width: 94%;
    margin: auto;
    margin-bottom: 40px;
    border: 2px solid #a9a9a9;
    border-radius: 5px;
    padding: 45px 25px 50px;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .links-ttl-sub{
    font-size: 14px;
    text-align: center;
    color: #a9a9a9;
    position: absolute;
    top: 20px;
    left: 40%;
  }
  .links-ttl{
    margin-bottom: 38px;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
  }
  .links{
    list-style: none;
  }
  .links__item{
    width: 100%;
  }
  .links__item > a.links__item-link{
    display: block;
    width: 100%;
    position: relative;
    color: #0070cb;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;          
  }
  .links__item:not(:last-of-type){
    margin-bottom: 30px;
  }
  .links__item-arrow{
    width: 24px;
    height: 24px;
    stroke-width: 3px;
    stroke: #0070cb;

    position: absolute;
    bottom: 0;
    right: 0;
  }
  .links__item-bnrimg{
    width: 100%;
    padding-bottom: 20px;
  }
}

/*
========================================
all > breadcrumb
========================================
*/
/* pc */
@media(min-width:741px){
  .breadcrumb {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0 0px;
  }
}
/* sp */
@media(max-width:740px){
  .breadcrumb {
    margin-bottom: 0;
  }
}

/* ========================================================
*
*					worksheet
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  .pc-only {
    display: block;
  }
  .sp-only {
    display: none;
  }
  .worksheet {
    position: relative;
    background-color: #F5F7FA;
    padding: 32px 40px 28px;
    margin: 20px auto;
    width: 690px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .worksheet__icon {
    position: absolute;
    top: 0;
    left: 40px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 4px;
    background-color: #5DA2DE;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
  }
  .worksheet__icon::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #5DA2DE;
  }
  .worksheet__ttl {
    font-size: 24px;
    font-weight: bold;
  }
  .worksheet__cont-wrap {
    position: relative;
  }
  .worksheet__img-wrap {
    position: absolute;
    top: -35px;
    right: 0;
    width: 90px;
  }
  .worksheet__img-wrap::before {
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(/contents/job/img/worksheet-zoom.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
  }
  .worksheet__img-wrap:hover {
    cursor: pointer;
  }
  .worksheet__img {
    width: 100%;
  }
  .worksheet__txt-wrap {
    width: 490px;
  }
  .worksheet__txt-wrap {
    width: 490px;
    margin-top: 11px;
  }
  .worksheet__txt {
    font-size: 14px;
    line-height: 21px;
  }
  .worksheet__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50px;
    border: solid 2px #5DA2DE;
    background-color: #fff;
    padding: 9px 24px 9px 24px;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 296px;
  }
  .worksheet__link:hover {
    opacity: 0.7;
    text-decoration: none;
  }
  .worksheet__link--matome {
    width: 280px;
  }
  .worksheet__link-txt {
    font-size: 16px;
    color: #5DA2DE;
    font-weight: bold;
    margin-right: 12px;
  }
  .worksheet__link-arr {
    display: block;
    width: 6px;
    height: 25px;
  }
}
/* sp */
@media(max-width:740px){
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
  .worksheet {
    position: relative;
    background-color: #F5F7FA;
    padding: 32px 20px 18px;
    margin: 45px 10px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .worksheet__icon {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    border-radius: 4px;
    background-color: #5DA2DE;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 7px 10px;
    text-align: center;
    white-space: nowrap;
  }
  .worksheet__icon::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #5DA2DE;
  }
  .worksheet__ttl {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 33.5px;
  }
  .worksheet__cont-wrap {
    margin-top: 6px;
  }
  .worksheet__img-wrap {
    margin: 0 auto;
    display: block;
    width: 100px;
    position: relative;
  }
  .worksheet__img-wrap::before {
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(/contents/job/img/worksheet-zoom.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
  }
  .worksheet__img-wrap:hover {
    cursor: pointer;
  }
  .worksheet__img {
    width: 100%;
  }
  .worksheet__txt-wrap {
    margin-top: 11px;
  }
  .worksheet__txt {
    font-size: 14px;
    line-height: 21px;
  }
  .worksheet__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50px;
    border: solid 2px #5DA2DE;
    background-color: #fff;
    padding: 9px 24px 9px 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 15px auto 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 88.8%;
  }
  .worksheet__link:hover {
    opacity: 0.7;
    text-decoration: none;
  }
  .worksheet__link-txt {
    font-size: 4.26vw;
    color: #5DA2DE;
    font-weight: bold;
    margin-right: 12px;
    white-space: nowrap;
  }
}

/* ========================================================
*
*					modal
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  body.fixed {
	  width: 100%;
	  height: 100%;
    overflow: hidden;
  }
  .worksheet-modal {
    display: none;
  }
  .worksheet-modal.is-active {
    display: block;
    background-color: rgba(0 34 51 / 70%);
    background-color: rgba(0, 34, 51, 0.7);
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
  }
  .worksheet-modal-inner {
    width: 500px;
    margin: 30px auto 0;
    position: relative;
  }
  .worksheet-modal__close-wrap {
    position: absolute;
    top: 0;
    right: -20px;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    width: 31px;
  }
  .worksheet-modal__close-wrap:hover {
    cursor: pointer;
  }
  .worksheet-modal__close {
    display: block;
    width: 100%;
  }
  .worksheet-modal__img {
    width: 100%;
  }
}
/* sp */
@media(max-width:740px){
  body.fixed {
	  width: 100%;
	  height: 100%;
    overflow: hidden;
  }
  .worksheet-modal {
    display: none;
  }
  .worksheet-modal.is-active {
    display: block;
    background-color: rgba(0 34 51 / 70%);
    background-color: rgba(0, 34, 51, 0.7);
    position: fixed;
    top: 0;
    z-index: 30001;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
  }
  .worksheet-modal-inner {
    max-width: 335px;
    width: 89.3%;
    position: relative;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
  }
  .worksheet-modal__close-wrap {
    position: absolute;
    top: -10px;
    right: 0;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    width: 20px;
    height: 20px;
  }
  .worksheet-modal__close-wrap:hover {
    cursor: pointer;
  }
  .worksheet-modal__close {
    display: block;
    width: 100%;
  }
  .worksheet-modal__img {
    width: 100%;
  }
}