@charset "UTF-8";
@import url("../../../webfonts/Juste/stylesheet.css");

section {
	margin-bottom: 8%;
}
.flexbox {
 display:-webkit-box;/*--- Android ---*/
 display:-ms-flexbox;/*--- IE10 ---*/
 display: -webkit-flex; /* safari */
 display: flex;
 -webkit-flex-wrap: wrap; /* 改行 */
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between; /* 横方向の整列 flex-start space-around */
 justify-content: space-between;
 -webkit-align-content: stretch; /* 縦の余白 */
 align-content: stretch;
 -webkit-align-items: space-between;/* 縦方向の整列 baseline space-around */
 align-items: space-between;
 width:100%; /* 横並びさせる親要素の幅 */
}
.flexbox li {
	width: 49%;  /* 横並びさせる数を%で指定*/
	margin-bottom: 2%;
}
.flexbox li img {
	width: 100%;
	height: auto;
	max-width: 485px;
}
#titWrp {
}
#titWrp h1 {
	width: 100%;
	height: auto;
	max-width: 722px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 24px;
}
#titWrp h1 img {
	width: 100%;
	height: auto;
}
#titWrp h2 {
	width: 100%;
	height: auto;
	max-width: 995px;
	margin-left: auto;
	margin-right: auto;
}
#titWrp h2 img {
	width: 100%;
	height: auto;
}
#sub01Wrp h3 , #sub02Wrp h3{
	font-size: 33px;
	font-weight: bold;
	margin-bottom: 2%;
}
#sub01Wrp p , #sub02Wrp p{
	margin-bottom: 8%;
}

div.title p.picTit {
	font-family: Juste;
	font-size: 50px;
	letter-spacing: 2px;
}
#pic01Wrp .title  {
	position: relative;
	margin-bottom: 5%;
}
#pic01Wrp .picTit.left  {
	text-align: left;
}
#pic01Wrp p.line span {
	width: 100%;
	height: 10px;
	background-color: #DBC378;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: -1;
}
#pic01Wrp ul li {
	padding-bottom: 3%;
}
#pic01Wrp li img {
	width: 100%;
	height: auto;
}

#pic02Wrp .title  {
	position: relative;
	margin-bottom: 5%;
}
#pic02Wrp .picTit.right  {
	text-align: right;
}
#pic02Wrp p.line span {
	width: 100%;
	height: 10px;
	background-color: #DBC378;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: -1;
}
#pic02Wrp ul li {
	padding-bottom: 3%;
}
#pic02Wrp li img {
	width: 100%;
	height: auto;
}
#sub02Wrp p {
	padding-bottom: 5%;
}


@media screen and (max-width:768px){
.flexbox li {
	margin-bottom: 1%;
}
}

@media screen and (max-width:480px){
.flexbox li {
	width: 48.5%;
}
#sub01Wrp h3 , #sub02Wrp h3{
	font-size: 18px;
}
#sub01Wrp p, #sub02Wrp p {
	font-size: 11px;
}
div.title p.picTit {
	font-size: 25px;
}
div.title .line {
}
p.line span {
    height: 5px!important;
}
}