@charset "utf-8";
/* ==================================================
		
		アプリケーション PC

================================================== */
@media screen and (min-width:750px) {
  
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
#contents .vi {
 background: url(../img/bak_vi.jpg) no-repeat left top / cover;
}
  
/* --------------------------------------------------
		.intro
-------------------------------------------------- */
#contents .intro {
 font-size: 18px;
 height: 177px;
 border-bottom: 2px solid #c7c7c7;
}
  
/* --------------------------------------------------
		.attempt
-------------------------------------------------- */
#contents .attempt .attempt-inner .attempt-box {
 width: 301px;
}
#contents .attempt .attempt-inner .attempt-box .txt {
 line-height: 1.8;
}
  
/*	.exa
-------------------------------------------------- */ 
#contents .attempt .exa {
 background: #f0f0f0;
 border-radius: 23px;
 padding: 0 67px;
}
#contents .attempt .exa dl dt {
 font-size: 20px;
 letter-spacing: 1.4px;
 width: 297px;
 position: relative;
}
#contents .attempt .exa dl dt::after {
 content: '';
 display: inline-block;
 width: 84px;
 height: 1px;
 background: url(../img/line_attempt01.gif);
 position: absolute;
 right: 0;
 top: 18px;
}
#contents .attempt .exa dl dd {
 padding: 4px 0 0 40px;
 width: 709px;
}
  
/* --------------------------------------------------
		.fusion
-------------------------------------------------- */
#contents .fusion .fusion-inner li .fusion-box .no {
 font-size: 30px;
 color: #9f9f9f;
}
#contents .fusion .fusion-inner li .img {
 padding-left: 60px;
}
#contents .fusion .fusion-inner li .fusion-box .suptit {
 margin-top: -5px;
}
#contents .fusion .fusion-inner li .fusion-box h3 a .sup {
 font-size: 23px;
 margin-left: -3px;
 position: relative;
 top: 3px;
}
 
}


/* ==================================================
		
		アプリケーション SP

================================================== */
@media screen and (max-width:749px) {
  
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
#contents .vi {
 background: url(../img/bak_vi.jpg) no-repeat left top / cover;
}
  
/* --------------------------------------------------
		.intro
-------------------------------------------------- */
#contents .intro {
 font-size: 15px;
 border-bottom: 2px solid #c7c7c7;
}
  
/* --------------------------------------------------
		.attempt
-------------------------------------------------- */
#contents .attempt .img img {
 width: 65%;
}
  
/*	.exa
-------------------------------------------------- */ 
#contents .attempt .exa {
 background: #f0f0f0;
 border-radius: 23px;
 padding: 0 20px;
}
#contents .attempt .exa dl dt {
 font-size: 15px;
 line-height: 1.5;
 width: 48%;
 position: relative;
}
#contents .attempt .exa dl dt::after {
 content: '';
 display: inline-block;
 width: 15px;
 height: 1px;
 background: url(../img/line_attempt01.gif);
 position: absolute;
 right: 0;
 top: 12px;
}
#contents .attempt .exa dl dd {
 padding-left: 12px;
 width: 52%;
}
  
/* --------------------------------------------------
		.fusion
-------------------------------------------------- */
#contents .fusion .fusion-inner li .fusion-box .no {
 font-size: 20px;
 color: #9f9f9f;
}
#contents .fusion .fusion-inner li .fusion-box .suptit {
 margin-top: -10px;
}
#contents .fusion .fusion-inner li .fusion-box h3 a .sup {
 font-size: 20px;
 margin-left: -3px;
 position: relative;
 top: 4px;
}
 
}