@charset "utf-8";
/*
 * companty.css
 *
 *  version --- 1.0
 *  updated --- 2017/2/14
 */

a {
  text-decoration:none;
}

#teaser {
	background: url(../img/medium/mv_medium.jpg) center center no-repeat;
	background-size: cover;
}
h2 {
	font-size: 48px;
	color: #4690dc;
}

#main{max-width: 1160px;
	margin: 0 auto;
}
#main .agency-shop h3{
	background-color: #4690DC;
	font-weight: bold;
	font-size: 28px;
	padding: 10px 20px;
	text-align: left;
	margin: 30px 0;
	color: #fff;
}
#main .agency-shop h4{
	font-weight: bold;
	font-size: 24px;
	padding: 3px 20px;
	text-align: left;
	margin: 30px 0;
  border-left: solid 10px #4690DC;/*左線*/
}


@media screen and (max-width: 479px){
	
h2{
	font-size: 30px;
}

#main{max-width: 96%;
	margin: 0 auto;
	}
#main .agency-shop h3{
	background-color: #4690DC;
	font-weight: bold;
	font-size: 20px;
}
#main .agency-shop h4{
	font-size: 18px;
}
}	

	
/*****************
商品リスト
*****************/

.medium_list{
}

.medium_list_table{
  border-collapse: collapse;
  border: solid 2px #49BBC5;/*表全体を線で囲う*/
  font-size: 14px;
	margin: 50px 0;
}
.medium_list_table th, .medium_list_table td {
  border: solid 1px #c5c5c5;/**/
	padding: 5px 10px;
}

.medium_list_table th, .medium_list_table td:first-child {
	background: #49BBC5;
	color: #fff;
	font-weight: bold;
}


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

    .medium_list {
display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    }
    .medium_list_table {
width: 750px !important;
		min-width: 100%;
    }



    }

.agency-shop .shop_list{
	margin: 20px 0 50px;
}
.agency-shop .shop_list div{
padding: 15px 0;
	display: flex;
	font-size: 18px;
	justify-content: space-between;
    width: 600px;
border-bottom: solid #c5d1dd 1px;
}
.agency-shop .shop_list div p{
	align-content: center;
}
.agency-shop .shop_list div p span{
	font-size: 14px;
	margin: 0 20px 0 0;
display: inline-block;}


.agency-shop .shop_list div .btn{
}

.agency-support_cont{
	display: flex;
justify-content: space-between;
	    margin: 40px 0;
}

.agency-support_cont_r{
	width: 450px;
	display: block;
    margin: 0 0 0 80px;
}


@media screen and (max-width: 479px){
/*****************
液体培地
*****************/
.agency-shop .shop_list div{
padding: 15px 0;
	text-align: center;
	
	display:block;
    width: 80%;
	margin: 0 auto;
border-bottom: solid #c5d1dd 1px;
}
	
.agency-support_cont{
	display: block;
	    margin: 20px 0;
}
.agency-support_cont_r {
width: 90%;
    display: block;
    margin: 40px auto 0 auto;
    text-align: center;
}
.agency-support_cont .btn a{
	font-size: 18px;

}
}


/*****************
ボタン
*****************/

.btn_item a{
    background: #4690DC;
    display: block;
    margin: 25px auto 0;
    width: 50%;
    border-radius: 80px;
    text-align: center;
    padding: 20px 0;
    font-weight: bold;
    font-size: 24px;
	color: #fff;
}
.btn_item .btn_ttl{
text-align: center;
    background: #e7eef4;
    padding: 10px;
    font-weight: bold;
    font-size: 24px;
}
.btn_item .btn_txt{
text-align: center;
    padding: 30px 0 10px;
}

/* マウスオーバー時 */
.btn_item a:hover {
    color: #ffffff;
    background-color: #05417E;
	text-decoration: none;
}

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

.btn_item a{
    margin: 25px auto 0;
    width: 80%;
    padding: 15px 0;
    font-weight: bold;
    font-size: 18px;
}
.btn_item .btn_ttl{
    padding: 10px 10px;
    font-size: 16px;
    display: block;
}
.btn_item .btn_txt{
text-align: center;
    padding: 30px 0 10px;
}

}