@charset "utf-8";

.only-pc{
	display: block;
}
.only-sp{
	display: none;
}
.cFix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden
}
.cFix {
  min-height: 1px
}
* html .cFix {
  height: 1px
}
#Main{
	min-width: 1200px;
}
#Main {
    background: none;
}
#Dirpath {
	background-color: #f0f0f0;
	padding-bottom: 7px;
	min-width: 1200px;
}
.Main_fr{
	width: 950px;
	margin: 0 auto;
}
.Main_fr *{
	color: #464646!important;
}
.Main_fr a:hover{
	opacity: 1!important;
}
#dx{
padding-top: 20px;
font-size: 14px;
}
#dx .grade{
	background-image: -webkit-linear-gradient(0deg,rgba(77,188,120,1.00) 0%,rgba(44,156,227,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(77,188,120,1.00) 0%,rgba(44,156,227,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(77,188,120,1.00) 0%,rgba(44,156,227,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(77,188,120,1.00) 0%,rgba(44,156,227,1.00) 100%);
}
#dx .heading{}
#dx .heading .ttl{
width: 100%;
line-height: 230px;
color: #FFF!important;
font-size: 30px;
font-weight: 600;
text-align: center;
position: relative;
margin-bottom: 50px
}
#dx .heading .ttl .logo{
position: absolute;
left: 65px;
bottom: -155px;
line-height: 1;
}
#dx .heading .ttl .logo img{
width: 160px;
height: auto
}
#dx .heading .cont{
padding-left: 370px;
padding-right: 50px;
}

.dx_nav{
margin-top: 100px;
margin-bottom: 100px;
}
.dx_nav ul{
margin-bottom: 50px;
}
.dx_nav ul li{
width: 23.5%;
  float: left;
  margin-right: 2%;
  margin-bottom: 15px;
}
.dx_nav ul li:nth-child(4n){
  margin-right: 0%;
}
.dx_nav ul li img{
	width: 100%;
	height: auto;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
}
.dx_nav ul li:hover img{
opacity: .6
}

.cont_ttl{
margin-bottom: 50px;
margin-top: 0px;
padding-top: 0px;
}
.cont_ttl .num{
float: left;
margin-right: 15px;
}
.cont_ttl .num img{
width: 145px;
height: auto
}
.cont_ttl .txt{
width: 890px;
}
.cont_ttl .txt .ttl{
padding-top: 15px;
padding-bottom: 25px;
font-size: 30px;
font-weight: 600;
}
.end{
height: 140px;
}

.accordion{
margin-top: 50px;
}
.toggle {
	display: none;
}
.Label {
	padding: 0.4em 1em;
	display: block;
	color: #fff!important;
	font-size: 20px;
	font-weight: 600;
	cursor: pointer;
	border-radius: 8px;
	-webkit-box-shadow: 3px 3px 3px 0 rgba(6,6,6,0.52);
	box-shadow: 3px 3px 3px 0 rgba(6,6,6,0.52);
}
.Label::before{	
	content:"";
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 7px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
	top:calc( 50% - 2px )!important;
}

.content .ttl{
font-size: 22px;
font-weight: 600;
margin-bottom: .5em;
}
.content .fig{
margin-bottom: 2em
}
.content .txt_sub{
margin-bottom: 1em
}
















































@media screen and (max-width: 667px) {
	.only-pc{
		display: none;
	}
	.only-sp{
		display: block;
	}
	.cFix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden
}
.cFix {
  min-height: 1px
}
* html .cFix {
  height: 1px
}
	#Main{
		min-width: 100%;
	}
	#Main, #Dirpath {
		background: none;
	}
	.Main_fr{
		width: 100%;
		margin: 0 auto;
	}
	.Main_fr *{
		color: #464646!important;
	}
	.Main_fr a:hover{
		opacity: 1!important;
	}
	
.cont_sp{
width: 90%;
margin-left: auto;
margin-right: auto
}
	#dx{
padding-top: 90px;
font-size: 14px;
}
#dx .grade{
	background-image: -webkit-linear-gradient(0deg,rgba(77,188,120,1.00) 0%,rgba(44,156,227,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(77,188,120,1.00) 0%,rgba(44,156,227,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(77,188,120,1.00) 0%,rgba(44,156,227,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(77,188,120,1.00) 0%,rgba(44,156,227,1.00) 100%);
}
#dx .heading{}
#dx .heading .ttl{
width: 100%;
    line-height: 170px;
    color: #FFF !important;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}
#dx .heading .ttl .logo{
position: absolute;
left: 35px;
bottom: -132px;
line-height: 1;
}
#dx .heading .ttl .logo img{
width: 140px;
height: auto
}
#dx .heading .cont{
padding-left: 30px;
    padding-right: 30px;
    padding-top: 130px;
}

.dx_nav{
margin-top: 50px;
margin-bottom: 30px;
width: 90%;
margin-left: auto;
margin-right: auto
}
.dx_nav ul{
margin-bottom: 50px;
}
.dx_nav ul li{
width: 49%;
  float: left;
  margin-right: 2%;
  margin-bottom: 15px;
}
.dx_nav ul li:nth-child(4n){
  margin-right: 0%;
}
.dx_nav ul li:nth-child(2n){
  margin-right: 0%;
}
.dx_nav ul li img{
	width: 100%;
	height: auto;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
}
.dx_nav ul li:hover img{
opacity: .6
}

.cont_ttl{
margin-bottom: -60px;
margin-top: 20px;
padding-top: 20px;
}
.cont_ttl .num{
float: left;
margin-right: 15px;
}
.cont_ttl .num img{
width: 100px;
height: auto
}
.cont_ttl .txt{
width: 96%;
margin-left: auto;
margin-right: auto;
clear: both;
position: relative;
top: -90px;
}
.cont_ttl .txt .ttl{
padding-top: 15px;
padding-bottom: 25px;
font-size: 22px;
font-weight: 600;
margin-left: 80px;
min-height: 4.5em;
display: block;
}
.end{
height: 30px;
}

.accordion{
margin-top: 50px;
}
.toggle {
	display: none;
}
.Label {
	padding: 0.4em 1em;
	display: block;
	color: #fff!important;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer
}
.Label::before{	
	content:"";
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 7px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
	top:calc( 50% - 2px )!important;
}

.content .ttl{
font-size: 18px;
font-weight: 600;
margin-bottom: .5em;
}
.content .fig{
margin-bottom: 2em
}
.content .txt_sub{
margin-bottom: 1em
}
	
	
	
	
	
	
}