@charset "UTF-8";
/*------------------------------------------------------------pagetitle*/
#pagetitle {
	background: linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1)), url(../img/others_img/pagetitle_bg.jpg) center center;
	background-size: 8px 8px, cover;
}

/*------------------------------------------------------------contents*/
/*--------------------------------------------Sec01*/
#sec01 figure {
	margin-top: 20px;
}
#sec01 figure img {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	height: auto;
}
@media print, screen and (min-width:768px) {
#sec01 figure img {
	
	width: 50%;
	max-width: 400px;
}
}
/*--------------------------------------------Sec02*/
#sec02 .wrapper {
	margin-top:30px;
	padding: 15px;
	background: #fff;
}
@media print, screen and (min-width:768px) {
#sec02 .wrapper {
	margin-top:30px;
	padding: 30px;
	background: #fff;
}
}

.list_item {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	align-items:flex-end;
	margin-bottom: 30px;
}
.list_item li {
	width: 32%;
	margin:10px 0;
	text-align: center;
}
.list_item li h4 {
	margin-bottom:5px;
	line-height: 1.2;
}
.list_item li h4 span {
	font-size:14px;
}
.list_item li:nth-child(-n+3) {
	margin-top:0;
}

@media print, screen and (min-width:768px) {
.list_item li {
	width: 15%;
	text-align: center;
}
.list_item li h4 span {
	display: block;
}
}

.list_size {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	margin-bottom: 30px;
}
.list_item li {
	margin:10px 0;
}
.list_size li h4 {
	margin-bottom:5px;
	line-height: 1.2;
}

.list_font {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	align-items:flex-end;
}
.list_font li {
	width: 32%;
	margin:10px 0;
	text-align: center;
}
.list_font li h4 {
	margin-bottom:5px;
	line-height: 1.2;
}
@media print, screen and (min-width:480px) {
.list_font li {
	width: 18.4%;
	text-align: center;
}
}

.list_font02 {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	align-items:flex-end;
}
.list_font02 li {
	width: 32%;
	margin:10px 0;
	text-align: center;
}
.list_font02 li h4 {
	margin-bottom:5px;
	line-height: 1.2;
}
.list_font02 li h4 span {
	font-size:14px;
}
@media print, screen and (min-width:480px) {
.list_font02 li {
	width: 23.5%;
	text-align: center;
}
}
@media print, screen and (min-width:768px) {
.list_font02 li {
	width: 15%;
	text-align: center;
}
.list_font02 li h4 span {
	display: block;
}
}

.list_set {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
}
.list_set > li {
	width: 100%;
	text-align: center;
}
.list_set > li:first-child {
	margin-bottom: 30px;
}
.list_set > li .figbox figure {
	margin-bottom: 10px;
}
.list_set > li .figbox figure img {
	width: 100%;
	max-width: 246px;
	height: auto;
}
.list_set > li .figbox h6 {
	font-size:16px;
	font-weight: bold;
}
.list_set > li .figbox p.plus {
	text-align: center;
	font-size:24px;
}
@media print, screen and (min-width:480px) {
.list_set > li {
	width: 48%;
	text-align: center;
}
.list_set > li .figbox h6 {
	text-align: left;
}
.list_set > li .figbox p {
	text-align: left;
}
}
@media print, screen and (min-width:992px) {
.list_set > li .figbox {
	font-size:0;
}
.list_set > li .figbox figure, .list_set > li .figbox div {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
}
.catch{
	display: inline;
	font-size: 16px;
	font-weight: bold;
	background: linear-gradient(transparent 60%, #1AFF00 60%);
}
@media print, screen and (min-width:768px) {
	.catch{
	font-size: 20px;
	}
}