@charset "utf-8";

/*PCSP共通設定*/
html {scroll-behavior: smooth;}/*smooth scroll*/

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	margin: 0 1%;
}

.inner{
	width: 96%;
	margin: 0 2%;
	padding: 0;
	box-sizing: border-box;
}
/*title*/
img#mainphoto {
	width: 100%;
}

ul.pagelinks{
	max-width: 940px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding: 0 2%;
	box-sizing: border-box;
	background: #171C61;
	}	
ul.pagelinks li{
	width: 33.3%;
	display: block;
	}	
ul.pagelinks li img{
	width:100%;
	vertical-align: bottom;
	}	
#section_01 img,#section_02 img,#section_03 img,#section_04 img,#section_05 img,.section_application img{
	vertical-align:bottom;
	width: 100%;
	}
#section_01{
	margin: 2% 0 0 0;
	text-align: center;
	}
#section_02{
	margin:0;
	text-align: center;
	}
#section_02 ul{
	display: flex;
	flex-wrap: wrap;
	background: url("../images/sec02_04.jpg") no-repeat top;
	background-size: 100%;
	}
#section_02 ul li{
	width: 50%;
	}
#section_03{
	margin:0 0 2% 0;
	text-align: center;
	}
#section_04{
	margin:0;
	text-align: center;
	}
.section_application{
	margin: 5% 0;
	text-align: center;
	}
.section_application h2{
	width: 85%;
	margin: 0 auto 2% auto;
	}
.section_application ul {
	width: 70%;
	margin: 0 auto;
	}
.section_application ul li{
	margin:0 0 2% 0;
	text-align: center;
	}
.section_application ul li img{
	width: 100%;
	}
.section_pagebanner ul{
	margin: 0 0 2% 0;
	display: flex;
	flex-wrap: wrap;
  justify-content: center;
	}
.section_pagebanner ul li{
	margin: 0 5%;
	width: 40%;
	}	
.section_pagebanner ul li img{
	width: 100%;
	}	

/*◆ボタン*/
.Btn_gray {
  color: #fff;
  width: 94%;
  margin: 3% 3% 5%;
  text-align: center;
  background: #666    ;
  border-radius: 5px;
  padding: 6% 3%;
  position: relative; /* 追記 */
  font-size: 123.1%;
  font-weight: bold;
}

.Btn_gray::after {
  content: "＞";
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.Btn_gray span {
  font-size: 85%;
  font-weight: normal;
}
    
}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 14px;
    width: auto;
    max-width: 970px;
    margin: 0 auto 5px;
}

.inner{
	width: 96%;
	max-width:940px;
	margin: 0 auto;
	display: block;
}
	
.inner img{
	width: 100%;
}


/*title*/
img#mainphoto {
	width: 100%;
	max-width:970px;
	margin:0 auto;
	display:block;
}

ul.pagelinks{
	max-width: 970px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding: 0 28px;
	box-sizing: border-box;
	background: #171C61;
	}	
ul.pagelinks li{
	width: 33.3%;
	display: block;
	}	
ul.pagelinks li img{
	width:100%;
	vertical-align: bottom;
	}	
	
#section_01 img,#section_02 img,#section_03 img,#section_04 img,#section_05 img,.section_application img{
	vertical-align:bottom;
	}
#section_01{
	margin: 30px 0 0 0;
	text-align: center;
	}
#section_02{
	margin:0;
	text-align: center;
	}
#section_02 ul{
	display: flex;
	flex-wrap: wrap;
	background: url("../images/sec02_04.jpg") no-repeat;
	background-size: 100%;
	}
#section_02 ul li{
	width: 50%;
	}
#section_03{
	margin:0 0 10px 0;
	text-align: center;
	}
#section_04{
	margin:0;
	text-align: center;
	}
.section_application{
	margin:30px 0;
	text-align: center;
	}
.section_application h2{
	width: 85%;
	margin: 0 auto 10px auto;
	}
.section_application ul {
	width: 70%;
	margin: 0 auto;
	}
.section_application ul li{
	margin:0 0 10px 0;
	text-align: center;
	}
.section_pagebanner ul{
	margin:0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
  justify-content: center;
	}
.section_pagebanner ul li{
	margin: 0 28px;
	width: 42%;
	}

/*◆ボタン*/
.Btn_gray {
  color: #fff;
  width: 70%;
  margin: 0 auto 20px;
  text-align: center;
  background: #666;
  border-radius: 5px;
  padding: 20px 30px;
  position: relative; /* 追記 */
  font-size: 153.9%;
  font-weight: bold;
}

.Btn_gray::after {
  content: "＞";
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.Btn_gray span {
  font-size: 85%;
  font-weight: normal;
}

	
}