@charset "UTF-8";
.contents_wrap {
    padding: 40px 0 60px;
}
.pdtb40{
    padding-top: 0!important;
}
.scr_btn:after {
    content: url("../img/common/icon_arrow_bottom_w.svg");
    width: 20px;
}
.scr_btn:hover:after {
	content: url("../img/common/icon_arrow_bottom_gd.svg");
	right: 4%;
	top:38%;
}
@media screen and (max-width: 980px) {
	.contents_wrap {
		padding: 40px 0;
	}
}
/*-----------------------------------

	h2_title

-----------------------------------*/
#h2_title {
	padding: 80px 0 20px;
}
#h2_title .dspfx{
	justify-content: center;
}
#h2_title .leaf{
	margin: -30px 40px 0;
}
#h2_title .leaf_02{
	transform: scale(-1, 1);
}
#h2_title .box div {
    position: static;
    background: url("../img/common/line_double.png");
    background-repeat: repeat-x;
    background-position: bottom;
    margin: 0 10px;
	padding: 20px 60px;
}
#h2_title .box div:before {
    content: url("../img/common/deco_gorgeous_03.png");
    width: 300px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -30px;
	position: absolute;
}
@media screen and (max-width: 1100px) {
	#h2_title .leaf {
		width: 13%;
		margin: 0;
		position: absolute;
	}
	#h2_title .leaf_01 {
		left: 0;
	}
	#h2_title .leaf_02 {
		right: 0;
	}
}
@media screen and (max-width: 980px) {
	 #h2_title .box .psrl {
		width: 100%;
	}
}
/*-----------------------------------

	h3_title

-----------------------------------*/
.h3_title{
	padding: 40px 0 30px;
}
.h3_title h3{
	margin: 0 15px;
}
.h3_title .box {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
}
.h3_title .leaf_02 {
    transform: scale(-1, 1);
}
@media screen and (max-width: 1100px) {
	.h3_title .leaf {
		width: 15%;
		margin-top:0;
		z-index: 1;
		position: absolute;
	}
	.h3_title .leaf_01 {
		left: 0;
	}
	.h3_title .leaf_02 {
		right: 0;
	}
}
/*-----------------------------------

	lower_nav

-----------------------------------*/
.lower_nav ul{
	width: 100%;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}
.lower_nav ul li {
    width: 30%;
    margin:20px 1% 0;
    border-radius: 10px;
    position: relative;
}
.lower_nav ul li:first-child,
.lower_nav ul li:nth-child(2),
.lower_nav ul li:nth-child(3){
	margin-top: 0;
}
.lower_nav ul li:nth-child(3n){
	margin-right: 0;
}
.lower_nav ul li a{
	width: 100%;
	box-sizing: border-box;
	padding: 15px 0;
}
@media screen and (max-width: 980px) {
	.lower_nav ul {
		width: 80%;
		max-width: 360px;
		display: block;
		margin:0 auto;
	}
	.lower_nav ul li {
		width:100%;
		max-width: 100%;
		float: none!important;
		margin-right:0;
		margin-top: 20px;
	}
	.lower_nav ul li:nth-child(2), .lower_nav ul li:nth-child(3) {
		margin-top:20px;
	}
}
/*-----------------------------------

	arrowbox

-----------------------------------*/
.dspfx .arrowbox{
	width: 49%;
}
.dspfx .arrowbox:nth-child(2n){
	margin-left: 2%;
}
.arrowbox{
	padding: 20px 2.5%;
}
.arrowbox .circle{
	width: 60px;
	height: 60px;
	display: inline-block;
	margin-right: 20px;
	padding-top: 8px;
}
.arrowbox h4{
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 2px solid;
}
/*-----------------------------------

	notebox

-----------------------------------*/
.bd_gd{
	border: solid 2px #d0a758;
}
.notebox{
	margin-top: 40px;
}
.notebox .title{
	padding: 15px 2.5%;
}
.notebox .detail{
	padding: 20px 2.5% 20px;
}
.notebox ul.circlelist li{
	width: 49%;
	margin-top: 20px;
}
.notebox ul.circlelist li:nth-child(2n){
	margin-left: 2%;
}
.notebox ul.circlelist li:first-child,
.notebox ul.circlelist li:nth-child(2){
	margin-top: 0;
}
.notebox ul.circlelist li .circle{
	width: 120px;
	height: 120px;
	padding-top: 30px;
	float: left;
}
.notebox ul.circlelist li .txt_circle{
	width: 69%;
	margin:10px 0 0 3%;
	float: left;
}
@media screen and (max-width: 980px){
	.notebox ul.circlelist li .circle {
		width:100px;
		height: 100px;
		letter-spacing: 0;
		padding-top: 25px;
	}
	.notebox ul.circlelist li {
		width: 100%;
		margin-top: 15px;
	}
	.notebox ul.circlelist li:nth-child(2n){
		margin-left: 0;
	}
	.notebox ul.circlelist li:nth-child(2){
		margin-top: 15px;
	}
	.notebox ul.circlelist li .txt_circle {
		width: 79%;
	}
}
@media screen and (max-width: 740px){
	.notebox ul.circlelist li .circle {
		width:90px;
		height: 90px;
		padding-top: 22px;
	}
	.notebox ul.circlelist li .txt_circle{
		width: 69%;
	}
}
/*-----------------------------------

	notebox2

-----------------------------------*/
.notebox2{
	margin-top: 30px;
	padding-bottom: 10px;
}
.notebox2 .title{
	padding: 15px 0;
}
.notebox2 .detail{
	width: 98%;
	margin: 0 auto ;
	padding: 20px 2.5%;
}
/*-----------------------------------

	breadcrumb

-----------------------------------*/
#breadcrumb {
	width:100%;
	position:relative;
	padding: 5px 0;
}
#breadcrumb ul{
	text-align:right;
}
#breadcrumb ul li {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8rem;
	display: inline-block;
}
#breadcrumb ul li:after {
	content:">";
	display:inline-block;
	padding:0 0 0 0.5em;
}
#breadcrumb ul li:last-of-type:after {
	content:"";
	padding:0;
}
@media screen and (max-width: 980px) {
	#breadcrumb ul li {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
}