@charset "utf-8";

button{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;}
a:hover{text-decoration: none;}
ul{list-style-type:none; padding: 0;}
.t_a_c{text-align: center;}
.m_t20{margin-bottom: 20px !important;}
.f_bold{font-weight: bold;}
h2.ttl{margin: 0 !important;font-size: 35px !important;border-left:6px solid rgba(191,0,3,1.00) !important;clear: both;}
h2.blk{background-color: #000 !important;color: #fff;border-left: 0 !important;}
h4.ttl{clear: both;border-bottom: 0 !important;background-color: rgba(221,221,221,1.00);padding: 10px 0px 10px 10px !important;margin: 0 !important;}

.dento{
	line-height: 1.2;
	font-size: 14px;
}

.dento .mainvisual{
	margin: 20px 0;
	overflow: hidden;
}

.dento .mainvisual img{
	width: 400px;
	float: left;
}
.dento .mainvisual .txt_box{
	width: 430px;
	float: right;
}

.dento .mainvisual .txt_box span{
	display: block;
    background: #f0e054;
    border-radius: 5px;
    width: auto;
    margin: 2%;
    padding: 2%;
    font-size: 1.2rem;
}

@media screen and (max-width: 960px) {
	h2.ttl{font-size: 24px !important;}
	h4.ttl{margin-bottom:10px !important;}
	.dento{overflow: hidden;}
	.dento .col-xs-12{padding:0 5px !important;}
	.dento .mainvisual img{width: 100%;float:none;}
	.dento .mainvisual .txt_box{width:auto;float:none;margin:0 2%; }
}