.flexbox {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:  2em 0;
 }

.btm3em {
margin:  0 0 3em 0;
 }

.box-item {
width: calc(96% / 2); 
margin-bottom: 1%;
}

.box-item25 {
width: 25%; 
margin-bottom: 1%;
}
.box-item70 {
width: 70%; 
margin-bottom: 1%;
}


.flexbox iframe {
	width: 100%;
	height: 210px;
	text-align: center;
}

.flexbox::after {
display: block;
content:"";
width: calc(96% / 2)!important; 
order: 4;
}


#cont-area .entry-cont h3.line {
		padding: 0.25em 0.5em;
		border-left: solid 5px #dd0011;
		font-size: 22px;
	}

.ttl-bk { 
font-weight: bold;
}

.w80p {
width: 80%!important;
margin: 2em auto 1em auto!important;
}

.pdgt20 {
padding: 20px 0 0 0;
}


.btn_content {
width: 100%;}

.btn_inner {
display: flex;
justify-content: space-between;
gap:0 5px;
padding: 20px 0 0 0;
}

.btn_content a {
height:60px;
line-height: 55px;
color:#fff;
background:#0168b7;
border: #0168b7 1px solid;
font-weight: bold;
font-size: 16px;
white-space: nowrap;
text-align: center;
order: -1;
position: relative;
z-index: 1;
cursor: pointer;
border-radius: 50px;
flex: 1;
}

.btn_content a:hover {
background:#fff;
border: #0168b7 1px solid;
color: #0168b7!important;
}
.btn_content a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg)!important;
  position: absolute;
  margin-top: -4px;
  top: 50%;
  left: 90%;
}

.btn_content a:hover::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 2px #0168b7;
  border-right: solid 2px #0168b7;
  transform: rotate(45deg)!important;
  position: absolute;
  margin-top: -4px;
  top: 50%;
  left: 90%;
}

/*.btn_content a {
  border: solid 1px #333;
  border-radius: 50px;
  padding: 16px 10px 16px 20px;
  text-align: center;
  position: relative;
}
*/


.txtlink1 {
	position: relative;
	padding: 0 1em 0;
	line-height: 0;
	color: #0168b7 !important;
	white-space: nowrap;
}
.txtlink1::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 6px;
	line-height: 0;
	border-top: #dd0011 solid 2px;
	border-right: #dd0011 solid 2px;
	margin: auto;
	transform: translateY(-50%) rotate(45deg);
}
.txtlink1:hover {
	text-decoration: underline;
}

.box-line {
	padding: 1em;
	border: #ddd double 3px;
	color: #000;
}

.recommend {
	padding: 1em;
	border: #0168b7 double 3px;
	color: #0168b7;
	font-size: 14px;
	line-height: 1.5;
}

.zuhan-ttl {
font-weight: bold;
font-size: 12%!important;
}

.zuhan-line {
	padding: 1em;
	border: #ddd solid 1px;
}

 @media screen and (max-width: 768px) {
.flexbox {
display: block;
}
.flexbox .box-item, .flexbox .box-item70 {
 width: 100%;
 margin: 0 auto 1em auto;
     }
	 
.flexbox .box-item25 {
 width: 100%;
 margin: 0 auto;
     }
.flexbox br {
         display: none;
	 }
.w80p {
width: 100%!important;
}
	 
.btn_inner {
display: flex;
flex-direction: column;
}
	 
.btn_content a
{width: 100%!important;
padding:0;
	 margin-bottom: 10px;} 
	 
 .recommend {
padding: 1em;
width: 100%;
}
	 
.box-line h4 {
font-weight: bold;
font-size: 16px!important;
}
 }
