@import url('./colorbox.css');
/************** base config **************/
#breadcrumb{margin-bottom: 10px;}
.title-wrap{display: none;}
#main{padding: 0 !important;}
#main_wrap{width: 100% !important;}
#contents{width: initial; float: initial;}
#contents p{margin-bottom: initial;}

#hp-latex2017{margin-bottom: 80px;}
#hp-latex2017 h1{text-align: center; background: url(./img/bg.gif) repeat; background-size: 140px; margin-bottom: 49px;}
#hp-latex2017 ul{width: 960px;}
#hp-latex2017 li p{font-size: 14px; line-height: 22px; min-height: 44px; margin-bottom: 20px; color: #333;}
#hp-latex2017 li .link{margin-bottom: 20px;}
#hp-latex2017 li blockquote{text-align: center; margin-bottom: 14px;}
#hp-latex2017 li .support{margin: 0 auto; position: relative; background: #E7F6FC;}
#hp-latex2017 li .support a{position: absolute; bottom: 8px; color: #822980;}

#hp-latex2017 .x2{margin: 45px auto 36px;}
#hp-latex2017 .x2 li{width: 50%; float: left; margin-bottom: 35px;}
#hp-latex2017 .x2 .support{width: 416px;}
#hp-latex2017 .x2 .support a{right: 40px;}
#hp-latex2017 .x3{margin: 0 auto 36px;}
#hp-latex2017 .x3 li{ width: 320px; float: left; margin-bottom: 35px;}
#hp-latex2017 .x3 .support{width: 249px;}
#hp-latex2017 .x3 .support a{right: 0; left: 0; text-align: center;}

#hp-latex2017 h2{font-size: 25px; line-height: 40px; background: #009BDD; color: #FFF; text-align: center; position: relative; margin-bottom: 43px;}
#hp-latex2017 h2:after{content: ""; display: block; position: absolute; left: 50%; margin-left: -14px; border: 14px solid transparent; border-top-color: #009BDD;}
#hp-latex2017 h2 + p{font-size: 16px; line-height: 28px; font-weight: bold;}
#hp-latex2017 h2 + p > a{color: #822980;}
#hp-latex2017 p + h2{margin-top: 44px;}
#hp-latex2017 .pdf{margin: 34px 0 50px !important;}
#hp-latex2017 .terms{font-size: 16px; line-height: 28px; margin: 0 auto;}
#hp-latex2017 .terms li{position: relative; padding-left: 20px; text-align: justify;}
#hp-latex2017 .terms li:before{content: "※"; position: absolute; top: 0; left: 0;}

#l570,#l560,#l365,#l335,#l315{padding: 20px;}
.m{width: 960px;}
.m th,.m td{box-sizing: border-box; border: 1px solid #CCC; padding: 10px;}
.m th{background: #999; color: #FFF;}
.m .r{color: #F00 !important;}

@media only screen and (max-width:480px){
	#hp-latex2017 h1 + p >img{width: 100%;}
	#hp-latex2017 ul{width: initial !important; margin-left: 10px !important; margin-right: 10px !important;}
	#hp-latex2017 li{width: initial !important; float: none !important; overflow: hidden;}
	#hp-latex2017 .support{width: initial !important; text-align: center;}
	#hp-latex2017 .support a{left: 0; right: 0 !important; text-align: center;}
	#hp-latex2017 .x2 li:first-child .support img{content: url('./img/support(570)x.png'); width: 249px;}
	#hp-latex2017 .x2 li:last-child .support img{content: url('./img/support(560)x.png'); width: 249px;}
	#hp-latex2017 li blockquote img{height: auto !important;}
	#hp-latex2017 p{margin-left: 10px !important; margin-right: 10px !important;}
	#hp-latex2017 p > br{display: none;}
	#hp-latex2017 .pdf{margin-left: 10px !important; margin-right: 10px !important;}
}