@charset "utf-8";

.qabox{
	border:6px solid #cde8ec;
}

.qabox h3{
	background:#008498;
	color:#fff;
	width:500px;
	margin:-46px auto 0;
	padding:15px 0;
}

ul.q_list{
	overflow:hidden;
	padding-top:30px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

ul.q_list li{
	width:49%;
	float:left;
	background:url(../img/qa/q_s.png) no-repeat 0 6px;
	padding:4px 0 4px 23px;
	margin:3px 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

ul.q_list li:nth-child(2n){
	margin-left:2%;
}

ul.q_list li a{
	color:#333;
	text-decoration:none;
}

ul.q_list li a:hover{
	text-decoration:underline;
}

dl.q_list dt{
	background:url(../img/qa/q_l.png) no-repeat 0 3px;
	padding:4px 0 4px 35px;
	font-size:1rem;
	color:#009ab1;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:25px;
}

dl.q_list dt:first-child{
	margin-top:0;
}

dl.q_list dd{
	padding:10px 15px;
	margin-bottom:10px;
	background:#f2f7f8;
	margin:0 0 0 35px;
}

.info_box{
	position:relative;
	border-bottom:1px solid #dadada;
	padding-bottom:20px;
	margin-bottom:20px;
	overflow: hidden;
/*	display: table;*/
	width: 100%;
}

.info_box .day{
	display: table-cell;
	width: 120px;
	vertical-align: top;
}

.info_box .title{
	display: table-cell;
	vertical-align: top;
}

.info_box .logo{
	padding-right: 200px;
}

.info_box img{
	position:absolute;
	top:0;
	right:0;
}


.info_box .information_img{
	position:static;
	width:30%;
	border:1px solid #c6c6c6;
}

.info_box span{
	display:block;
	color:#6f6f81;
}

.editorial span{
	display:block;
	margin-right:300px;
	color:#6f6f81;
}

.info_box p{
	display:block;
	margin-right:300px;
}

.info_box a.link{
	display:block;
	background:#9da7b6;
	border:1px solid #9da7b6;
	color:#fff;
	text-decoration:none;
	font-size:0.8rem;
	padding:5px 10px;
	width:110px;
	text-align:center;
    transition: all 0.4s;
}

.info_box a.link:hover{
	background:#fff;
	color:#9da7b6;
}

.info_box table.cost th,td{
	padding:5px 10px;
}
.info_box table.cost th{
	text-align:center;
	background-color:#f3f3f3;
	font-weight:bold;
}
.info_box table.cost .num{
	text-align:right;
}

#mediainner .editorial {
	min-height:175px;
}

@media only screen and (min-width: 1681px) {

}

@media only screen and (max-width: 1680px) {

}

@media only screen and (max-width: 1260px) {

}

@media only screen and (max-width: 980px) {

.info_box{
	position:relative;
}

.info_box img{
	position:inherit;
	max-width:100%;
	width:auto;
}

.info_box .title{
	display: block;
}

.info_box .logo{
	padding-right: 0;
}

.info_box span{
	margin-right:0;
}

.info_box p{
	margin-right:0;
}

}

@media only screen and (max-width: 768px){

ul.q_list li{
	width:100%;
}

ul.q_list li:nth-child(2n){
	margin-left:0;
}

.qabox h3{
	background:#008498;
	color:#fff;
	width:auto;
	margin:-36px auto 0;
	padding:15px 0;
}

.info_box .day{
	display: block;
	padding-bottom: 5px;
}

.info_box .title{
	display: block;
}

.info_box .information_img{
	position:static;
	width:50%;
}

}





@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 320px) {

}