@charset "utf-8";


.contentBack {
  margin: 10px 0 0;
}
.contentNavTop {
  margin: 0 auto;
}
.contentCnv_li03 {
  width: 100%;
}

/*==========================================
 見出し
===========================================*/

/*==h2==*/

.contentTtl_h2_cap {
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    width: 100%;
    line-height: 1;
}
.contentTtl_h2 {
text-align: center;
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 5px;
    font-weight: bold;
}
.contentTtl{
	padding:50px 0;
}


/*==========================================
 部分パーツ
===========================================*/
.bold{
	font-weight: bold;
}
.pink{
	color: #d94b70;
}
.center{
	text-align: center;	
}
.Lt-01 {
  letter-spacing: -1px;
}



/*==========================================
 コンテンツ部分
===========================================*/
.main_img{
	max-width:910px;
	margin:0 auto 50px;
}
.box01{
	margin:50px auto 0;
}
.box01_inner{
	max-width:960px;
	margin:auto;
}

.box01_inner .h2,
.box02 .h2,
.box03 h3,
.box04 .h2{
	font-size: 24px;
	position:relative;
	font-weight: bold;
  margin-bottom: 1.4rem;
}
.box01_inner .h2 span,
.box02 .h2 span,
.box03 h3 span,
.box04 .h2 span{
	font-weight: bold;
	border-bottom:1px solid #000;
	/*margin-left:-30px;*/
	padding-left:30px;
	padding-bottom:5px;
	padding-right:30px;

}
.box01_inner .h2:before,
.box02 .h2:before,
.box04 .h3:before{
	/*content:"";*/
	border-bottom: 1px solid #000;
	width:92px;
	position: absolute;
	bottom:0px;
	left:-30px;
	display: block;	
}
@media all and (-ms-high-contrast:none){
	.box01_inner .h2 span,
.box02 .h2 span,
.box04 .h3 span{
	font-weight: bold;
	border-bottom:1px solid #dedede;
	margin-left:-30px;
	padding-left:30px;
	padding-bottom:1px;
	padding-right:30px;

}
.box01_inner .h2:before,
.box02 .h2:before,
.box04 h2:before{
	content:"";
	border-bottom: 1px solid #000;
	width:92px;
	position: absolute;
	bottom:0px;
	left:-30px;
	display: block;	
}
}
.box01_inner h4{
	font-size: 16px;
	font-weight: bold;
	margin:30px auto;
}
.box01_txt_strong{
	max-width:910px;
	width:100%;
	margin:1.4rem auto 50px;
	font-size: 16px;
	line-height: 28px;	
}
@media screen and (max-width: 767px) {
.box01_txt_strong{
	padding: 0 2%;	
}
}
.box01_txt{
	margin:0 auto 1rem;
	font-size: 16px;
	line-height: 28px;	
}
@media screen and (max-width: 767px) {
.box01_txt{
	padding: 0 2%;	
}
}
.box01_txt_02{
	width:100%;
	max-width:910px;
	margin:0 auto;
	font-size: 16px;
	line-height: 28px;	
}
@media screen and (max-width: 767px) {
.box01_txt_02{
	padding: 0 2%;	
}
}
.box01_separate{
	width:910px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
 	flex-wrap: nowrap;
 	-webkit-justify-content: space-between; 
  	justify-content:space-between;
  	margin:1rem auto 50px;
/*  	-webkit-align-items: flex-end; 
	align-items: flex-end;*/
}
.box01_separate_left{
	width: 625px;
/*	margin-top: -30px;*/
}
.box01_separate_right{
	margin-top: 0.8rem;
}

@media screen and (max-width: 767px) {
.main_img{
	max-width:100%;
	margin:50px auto;
}
.box01{
	margin:50px auto;
}
.box01_inner{
/*	max-width:95%;
	margin:auto;*/
}
.box01_inner .h2,
.box02 .h2,
.box04 .h2{
	font-size: 20px;
	position:relative;
	font-weight: bold;
	border-bottom:1px solid #000;
}
.box01_inner .h2 span,
.box02 .h2 span,
.box04 .h2 span{
	font-weight: bold;
/*	margin-left:-30px;
	padding-left:30px;
	padding-bottom:5px;
	padding-right:30px;*/
	border-bottom:0;
  padding: 0 2%;
  display: inline-block;
}
.box01_inner .h2:before,
.box02 .h2:before,
.box04 h4:before{
/*	content:"";
	border-bottom: 1px solid #000;
	width:92px;
	position: absolute;
	bottom:-1px;
	left:-10px;
	display: block;	*/
}
.box01_separate{
	width:100%;
	display: block;
}
.box01_separate_left{
	width: 100%;
	margin-top: 0;
}
.box01_separate_right{
	text-align: center;
	margin:30px auto;
}
}

/*box02*/
.box02{
	max-width: 960px;
	margin:50px auto;
}
.box02 .h2{
	margin-bottom: 1.4rem;
}
.box02_inner,
.box02_inner02{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between; 
  	justify-content:space-between;
	width:100%;
	max-width:910px;
	margin:0 auto;
}
.box02_inner03{
	width:100%;
	max-width:910px;
	margin:0 auto;
}
@media screen and (max-width: 767px) {
.box02_inner03{
	padding: 0 2%;
}
}
.box02_inner .h3,
.box02_inner02 .h3,
.box02_inner03 .h3{
	margin-bottom: 1rem;
}
.box02_inner .h3 span:not(.h4_txt),
.box02_inner02 .h3 span:not(.h4_txt),
.box02_inner03 .h3 span:not(.h4_txt){
	background-color: #625e5d;
	display: inline-block;
	color:#FFF;
	width: 33px;
	line-height: 34px;
	text-align: center;
	font-weight: bold;
	margin-right:20px;
}
.h4_txt{
	font-weight: bold;
	font-size: 18px;
}

.h4_long_ttl{
	position:relative;
}
.h4_long_ttl span:not(.h4_txt){
	position:absolute;
}
.h4_long_ttl .h4_txt{
	padding-left: 53px;
	display: block;
}

.box02_inner_left{
	width: 595px;
}
.box02_inner_left_txt p
{
	margin-bottom: 1rem;
}
.box02_inner02_left_txt p,
.box03_inner02_left_txt p{
	margin-bottom: 50px;
}
.box02_inner_right{
	width: 285px;
}
.box02_inner_right img{
	margin-bottom: 40px;
}
.box02_inner02_left{
	width: 520px;
}
@media screen and (max-width: 767px) {
.box02{
/*	max-width: 95%;
	margin:50px auto;*/
}

.box02_inner,
.box02_inner02{
	display: -webkit-block;
	display: block;
  padding: 0 2%;
}

.box02_inner_left{
	width: 100%;
}

.box02_inner_right,
.box02_inner02_right{
	width: 100%;
	margin:auto;
	text-align: center;
}

.box02_inner02_left{
	width: 100%;
}

}
/*box03*/
.box03{
	margin:1rem auto 50px;
}
.box03_inner{
	padding: 0 2%;
}
/*.box04 h3 {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}*/

/*.box03 h3:before,
.box03 h3:after {
    border-top: 1px solid #625e5d;
    content: "";
    display: inline;
    flex-grow: 1;
}*/

.box03 h3:before{
    margin-right: 0.5em;
}

.box03 h3:after{
    margin-left: 0.5em;
}
/*.box03 h3:before,
.box04 h3:before {
    margin-right: 0.5em;
}

.box03 h3:after,
.box04 h3:after {
    margin-left: 0.5em;
}*/
.box03 .h4{
  font-weight: bold;
  padding: 0 2%;
}
@media screen and (max-width: 767px) {
.box03 .h4{
  padding: 0;
}
}
/*.box03 h4{
	font-size: 20px;
	text-align: center;
	font-weight: bold;
  padding-top: 1rem;
}*/
.box03 .h5{
	text-align: center;
	font-weight: bold;
  padding-top: 1rem;
}
.line{
	max-width: 530px;
  margin: 0 auto 1rem;
  opacity: 0.4;
}
.box03_txt p{
	width: 740px;
	margin:30px auto 50px;
	font-size: 20px;
	font-weight: bold;
	line-height: 36px;
}
@media screen and (max-width: 767px) {
.box03{
/*	max-width: 95%;
	margin:50px auto;*/
}
.box03 h3,
.box04 .h2 {
    display: flex;
    align-items: center;
    text-align: center; /* for no-flexbox browsers */
    font-size: 21px;
    font-weight: bold;
}

.box03 h4{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.line{
	margin-top: 10px;
}
.box03_txt p{
	width: 100%;
	margin:30px auto 50px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8;
}
}
/*frame*/
.frame{
	width: 910px;
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #000 25%, #000000 50%,
    #fff 50%, #fff 75%,
    #000 75%, #000
  );
  background-size: 20px 20px;
  padding:5px;
}
.frame_inner{
	background-color: #fff;
	padding:50px;
}
.frame_inner h5{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
}
.frame_inner h5 span{
	display: block;
	font-weight: bold;
}
.frame_inner ul{
	margin:30px auto 0;
	width: 305px;
	line-height: 38px;
}
.frame_inner ul li a{
	font-weight: bold;
	transition:.5s all;
}
.frame_inner ul li a:hover{
	opacity:0.7;
}

@media screen and (max-width: 767px) {
.frame{
	width: 100%;
}
.frame_inner{
	padding:10px;
}
.frame_inner h5{
	text-align: center;
	font-size: 22px;
}
.frame_inner ul{
	margin:30px auto 0;
	width: 100%;
	line-height: 38px;
	text-align: center;
}
.frame_inner ul li a{
	font-weight: bold;
	transition:.5s all;
	display: block;
}
.frame_inner ul li a:hover{
	opacity:0.7;
}
}
/*==========================================
斜線背景
===========================================*/

.column {
  padding: 5px;
  background: -webkit-repeating-linear-gradient(-45deg, #000, #000 5px, #fff 5px, #fff 10px);
  background: repeating-linear-gradient(-45deg, #000, #000 5px, #fff 5px, #fff 10px);
}
.column_inner {
  background-color: #fff;
  color: #000;
  padding: 30px 25px 50px;
}
@media screen and (max-width: 767px) {
.column_inner {
  padding: 20px 2%;
}
.column_ttl {
  font-size: 18px;
  margin-bottom: 20px;
}
}
.column_inner_link{
  display: inline-block;
  padding: 0 auto;
}
@media screen and (max-width: 320px) {
.column_inner_link li {
  font-size: 14px;
}
}
.column_inner_link li a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.column_inner_link li a:hover {
  background: linear-gradient(transparent 70%, rgba(255,247,153,1) 70%);

}


/*declaration*/
.declaration{
	margin:120px auto 50px;
	text-align: center;	
}
@media screen and (max-width: 767px) {
	.declaration{
	margin:50px auto 50px;
	text-align: center;
  width: 96%;
}
}

/*box04*/
.box04{
	width: 960px;
	margin:auto;
}
.box04_innerbox{
	max-width: 910px;
	width:100%;
	margin:auto;
}
@media screen and (max-width: 767px) {
.box04_innerbox{
	padding: 0 2%;
}
}
.box04 .h3{
	margin-bottom: 0.4rem;
  font-weight: bold;
}
.box04 p{
	margin-bottom: 1rem;
}
.box04 h5{
/*	font-weight: bold;
	margin-bottom: 30px;*/
}
.box04_separate{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between; 
  	justify-content:space-between;
  margin-top: 30px;
}
.box04_separate_left{
	width: 500px;
}
.box04_txt{
	margin:20px auto 50px;
}
@media screen and (max-width: 767px) {
.box04{
	width: 100%;
	margin:auto;
}
.box04 h4{
/*	margin-bottom: 50px;*/
}
.box04 p{
/*	margin-bottom: 30px;*/
}
.box04 h5{
	font-weight: bold;
	margin-bottom: 30px;
}
.box04_separate{
	display: -webkit-block;
	display: block;
}
.box04_separate_left{
	width: 100%;
}
.box04_txt{
	margin:50px auto;
}
}

.box05 {
  margin-bottom: 100px;
}