@charset "UTF-8";
@import "../common/main.css";
@import "style.css";

.mainImg {
	background-image: url("paramedic_mainImg.jpg");
}

.mainImg h3 {
	letter-spacing: 5px;
	text-indent: 5px;
}

.flex_box{
	display: flex;
	justify-content: space-between;
}
.flex_box.three > .txt{
	width: 40%;
}
.flex_box.three > .img{
	width: 25%;
}
.flex_box.two > .txt{
	width: 40%;
}
.flex_box.two > .img{
	width: 40%;
}


.flex_box.kengaku > .img{
	width: 30%;
}
.flex_box.kengaku > .img a{
	display: block;
	background: none;
    padding-right: 0;
}
.flex_box.kengaku > .txt{
	width: 60%;
}

.flex_box > .img img{
	display: block;
	width: 100%;
}

.img_box{
	display: flex;
	justify-content: space-around;
}
.img_box > div{
	width: calc(100%/3 - 2%);
}
.img_box > div img{
	display: block;
	width: 100%;
}



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


.flex_box{
	flex-wrap: wrap;
}
.flex_box.three > .txt{
	width: 100%;
	margin-bottom: 10px;
}
.flex_box.three > .img{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 10px;
}

.flex_box.two > .txt{
	width: 100%;
	margin-bottom: 10px;
}
.flex_box.two > .img{
	width: 90%;
	margin: 0 auto;
}

.flex_box.kengaku > .img{
	width: 80%;
	margin: 0 auto 30px;
}
.flex_box.kengaku > .txt{
	width: 100%;
}

.img_box{
	flex-wrap: wrap;
}
.img_box > div{
	width: 90%;
	margin-bottom: 20px;
}

}