html, body {
	height: 100%;
}
body {
	position:relative;
	margin: 0;
	padding: 0;
	font: 12px/100% 'Acme', sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
-webkit-text-size-adjust: 100%;
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
h1{
	margin: 10px 0 20px 0;
	font-size: 38px;
	letter-spacing: 7px;
	font-family: 'Noto Sans JP', sans-serif;}
h2 {
	margin: 0px 0 0px 0;
	padding:0px 0px 0px 0px;
	font-size: 34px;
	line-height:45px;
	letter-spacing: 7px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#027bbc;
}
.h2_t{
	letter-spacing: 3px;
	font-size:12px;
color:#027bbc;
}
a, a:visited {
	color: #fff;
	text-decoration: none; 
}
a:hover {
	text-decoration: underline; 
}
.cover { 
	position: relative; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	color: #fff; 
}

li{
list-style:none;
}

button .smenubtn{
top:0;
	left:0;
margin:0;
padding:0;
}

.section2 { background: #ffffff;padding:20px 10px 20px 10px;}

.section4 { background: #ffffff; overflow:hidden; padding:20px 0px 20px 0px; }
.section4_b {transform:padding:100px 50px; transform:skew(0deg, -45deg); background:#ddfcfc;background-attachment: fixed;}
.section4_c {transform:skew(0deg, 45deg);}
.section5 { background: #027bbc;padding:20px 10px 20px 10px; }
.section6 { background: #ffffff;padding:20px 10px 20px 10px; }
.section7 { background: #d6eefa;padding:20px 10px 20px 10px; }

@media screen and (min-width: 1000px) {
   /* 表示領域が1000px以上の場合に適用するスタイル */
	#slogo{
		display:none;
	}
	#smenu{
	display:none;
	}
	
/**
 * メニュー
 */
#menu-wrap { position: fixed; z-index: 9999; text-align: right; font-size:0;margin:0; padding:0; top: 0; left: 0; width: 100%; background: rgba(0,0,0,.6); 	font-family: 'Noto Sans JP', sans-serif; transition: .3s }
#menu { list-style-type: none; margin: 0px auto 0px; padding: 0; }
#menu li { width: 130px; display:inline-block;  padding: 0 ; text-align: center; vertical-align:top;}
#menu li a { display: block; width : 100%; padding: 20px 0px 20px 0px; color: #fff; font-size: 14px; line-height: 1; text-decoration: none; transition: .3s; }
#menu li a:hover { background-color: #efefef; color: #444; }
#menu li a:visited { color: #ffffff; }
	
/**
 * multi menu
 */
.menu > .menu__multi {
  position: relative;
}

.menu__multi .menu__second-level {
  position: absolute;
  top: 40px;
  background: rgba(0,0,0,.6);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
	width:130px;
	margin:0px 0px 0px 0px;
}

.menu__multi:hover .menu__second-level {
  top: 54px;
  visibility: visible;
  opacity: 1;
}

.menu__multi .menu__second-level li {
  position: relative;margin:0px 0px 0px -40px;
border-top:1px solid #777777;}

.menu__multi .menu__second-level li:hover {
  background: rgba(0,0,0,.6);
}

.menu__multi .menu__second-level li .menu__third-level {
  position: absolute;
  top: -1px;
  left: 100%;
  width: 100%;
  background: rgba(0,0,0,.6);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
	
}

.menu__multi .menu__second-level li:hover .menu__third-level {
  visibility: visible;
  opacity: 1;
}

.menu__multi .menu__second-level li .menu__third-level li {
  position: relative;
}

.menu__multi .menu__second-level li .menu__third-level li:hover {
  background: #2a1f1f;
}

.menu__multi .menu__second-level li .menu__third-level li .menu__fourth-level {
  position: absolute;
  top: -1px;
  left: 100%;
  width: 100%;
  background: #2a1f1f;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
}

.menu__multi .menu__second-level li .menu__third-level li:hover .menu__fourth-level {
  visibility: visible;
  opacity: 1;
}

.init-right:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 0 5px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

	.menu__none2{
		font-size:26px;
		color:#ffff00;
		height:57px;
		margin:-3px 0px -3px 0px;
		padding:5px 0px 0px 0px;
		background:rgba(0,105,205,0.7);
		width:300px;
	}



	
.centerBoxFix {
	position: fixed; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	margin: 100px auto 0px auto; 
	width: 100%; 
	height: 20px; 
	text-align: center; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3); 
}
.centerBoxLast { 
	z-index: -1; 
}

.centerBox { 
	margin: 0px auto 0px auto; 
	padding:0;
	line-height: 160%; 
	text-align: center; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3); 
}
.centerBox i {
	height: 90px; 
	padding: 20px 0px 0px 0px;
	font-size:10px;
	transition: .8s; 
	transition-delay: 0; 
color:#027bbc;
	} 
.centerBox div {
	margin: 0px auto 0px auto; 
	transition: .8s; 
	transition-delay: .8s; 
}

.section1 { height: 600px; background-image: url(../img/bg_b.png);background-repeat:repeat; background-size: 2px 2px; 	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sec1bg{
	background-image: url(../img/bg_b.png);background-repeat:repeat; background-size: 2px 2px;
}
.section1_b{
	width:1000px;
	margin:0px auto 0px auto;
	padding:100px 0px 0px 0px;
text-align:center;
}
.section1 h1{
font-family: 'Noto Sans JP', sans-serif;
text-align:left;
font-size:100px;
font-weight:nomal;
margin:0px 0px 60px 0px;
}
.section1 h1 p{
letter-spacing: 2px;
font-size:20px;
font-family: 'Noto Sans JP', sans-serif;
margin:0px 0px 50px 0px;
}
.section1 p{
text-align:left;
font-size:22px;
line-height: 32px;
font-weight:bold;
}
.top_bnr{
margin:50px 0px 0px 0px;
}
.top_bnr li{
font-size:16px;
height:45px;
	margin:0px 10px 0px 10px;
	list-style:none;
	display:inline-block;
}
.top_bnr a{
	padding:12px 0px 0px 0px;
	display:block;
width:100%;
height: 100%;
}
.top_bnr a:hover{
text-decoration:none;
}
.top_bnr a.btn{ 
	display: inline-block; 
	width: 200px; 
	margin: 10px 0; 
	padding: 14px 10px; 
	border: 1px solid #fff; 
	background: transparent; 
	color: #fff; 
	text-align: center; 
	text-decoration: none; 
	line-height: 1; 
	transition: .3s; 
}
.top_bnr a { 
	position:relative; 
	z-index:2; 
	overflow:hidden 
}
.top_bnr a::after {
	display:block; 
	content:""; 
	position:absolute; 
	z-index:-1; 
	top:50%; 
	left:50%; 
	width:210px; 
	height:210px; 
	margin:-105px 0 0 -105px; 
	border:65px solid rgba(255,255,255,0);  
	border-radius:50%; 
	transition:.5s 
}
.top_bnr a:hover { 
	color:#000000 
}
.top_bnr a:hover::after {
	border-width: 0; 
	border-color:rgba(255,255,255,1); 
	background:#fff 
}

.download{
position:absolute;
background: rgb(62,194,244);
background: linear-gradient(0deg, rgba(62,194,244,1) 0%, rgba(19,132,207,1) 29%, rgba(108,230,255,1) 100%);
width:250px;
	height:100px;
margin:-320px 0px 0px 750px;
border-radius:10px;
box-shadow: 3px 3px 3px rgba(0,0,0,.3); 
text-align:center;
display:block;
}
.download:hover{
opacity: 0.6;
}
.download i{
margin:15px 0px 0px 0px;
}
.download p{
margin:5px 0px 0px 0px;
text-align:center;
font-size:18px;
font-family: 'Noto Sans JP', sans-serif;
}
.download a{
 position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
.download a:hover{
opacity: 0.6;
}

}





.list-mv07f{
		transform: translate(0px,-60px); 
	-webkit-transform: translate(0px,-60px); 
	transition: .8s;
}





a.btn{ 
	display: inline-block; 
	width: 150px; 
	margin: 10px 0; 
	padding: 16px 10px; 
	border: 1px solid #fff; 
	background: transparent; 
	color: #fff; 
	text-align: center; 
	text-decoration: none; 
	line-height: 1; 
	transition: .3s; 
}
a.sample16 { 
	position:relative; 
	z-index:2; 
	overflow:hidden 
}
a.sample16::after {
	display:block; 
	content:""; 
	position:absolute; 
	z-index:-1; 
	top:50%; 
	left:50%; 
	width:160px; 
	height:160px; 
	margin:-80px 0 0 -80px; 
	border:65px solid rgba(255,255,255,0);  
	border-radius:50%; 
	transition:.5s 
}
a.sample16:hover { 
	color:#555 
}
a.sample16:hover::after {
	border-width: 0; 
	border-color:rgba(255,255,255,1); 
	background:#fff 
}
#page-top i { position: relative; padding-top: 2px; transition: .2s; }

@media only screen and (min-width: 1023px) {
.section1, .section3, .section5 { background-attachment: fixed; }
}






@media screen and (max-width: 1000px) {
   /* 表示領域が1000px以下の場合に適用するスタイル */
	
	#menu-wrap{
		display:none;
	}
#slogo{
position:absolute;
background: rgba(0,0,0,.6);
width:100%;
height:60px;
text-align:left;
padding:0px 0px 0px 60px;
}
#slogo img{
text-align:center;
height: auto;
width:100%;
max-width:340px;
}
#smenu{
background:rgba(0,0,0,.6);
}
	
	

.centerBoxFix {
	position: fixed; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	margin: 100px auto 0px auto; 
	width: 100%; 
	height: 20px; 
	line-height: 160%; 
	text-align: center; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3); 
}
.centerBoxLast { 
	z-index: -1; 
}

.centerBox { 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	margin: auto; 
	width: 100%; 
	line-height: 160%; 
	text-align: center; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3); 
}
.centerBox i {
	height: 90px; 
	padding: 20px; 
	font-size: 20px; 
	transition: .8s; 
	transition-delay: 0; 
color:#027bbc;
} 
.centerBox div {
	margin: auto; 
	transition: .8s; 
	transition-delay: .8s; 
}

.section1 { height: 600px; background-image: url(../img/bg_b.png);background-repeat:repeat; background-size: 2px 2px; 	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sec1bg{
	background-image: url(../img/bg_b.png);background-repeat:repeat; background-size: 2px 2px;
}
.section1_b{
	margin:0px auto 0px auto;
	padding:70px 0px 0px 0px;
text-align:left;
}
.section1 h1{
font-family: 'Noto Sans JP', sans-serif;
text-align:left;
font-size:70px;
font-weight:nomal;
margin:0px 0px 60px 20px;
}
.section1 h1 p{
letter-spacing: 2px;
font-size:18px;
font-family: 'Noto Sans JP', sans-serif;
margin:0px 0px 50px 20px;
}
.section1 p{
text-align:left;
font-size:18px;
line-height: 28px;
font-weight:bold;
padding:0px 0px 0px 20px;
}
	
	
	
	.top_bnr{
margin:40px 0px 0px -30px;
}
.top_bnr li{
font-size:16px;
height:45px;
	margin:0px 5px 10px 5px;
	list-style:none;
	display:inline-block;
}
.top_bnr a{
	padding:12px 0px 0px 0px;
	display:block;
width:100%;
height: 100%;
}
.top_bnr a:hover{
text-decoration:none;
}
.top_bnr a.btn{ 
	display: inline-block; 
	width: 170px; 
	margin: 10px 0; 
	padding: 14px 10px; 
	border: 1px solid #fff; 
	background: transparent; 
	color: #fff; 
	text-align: center; 
	text-decoration: none; 
	line-height: 1; 
	transition: .3s; 
}
.top_bnr a { 
	position:relative; 
	z-index:2; 
	overflow:hidden 
}
.top_bnr a::after {
	display:block; 
	content:""; 
	position:absolute; 
	z-index:-1; 
	top:50%; 
	left:50%; 
	width:210px; 
	height:210px; 
	margin:-105px 0 0 -105px; 
	border:65px solid rgba(255,255,255,0);  
	border-radius:50%; 
	transition:.5s 
}
.top_bnr a:hover { 
	color:#000000 
}
.top_bnr a:hover::after {
	border-width: 0; 
	border-color:rgba(255,255,255,1); 
	background:#fff 
}

	
.download{
position:relative;
background: rgb(62,194,244);
background: linear-gradient(0deg, rgba(62,194,244,1) 0%, rgba(19,132,207,1) 29%, rgba(108,230,255,1) 100%);
width:80%;
	height:50px;
margin:25px auto 0px auto;
border-radius:10px;
box-shadow: 3px 3px 3px rgba(0,0,0,.3); 
text-align:center;
display:block;
}
.download:hover{
opacity: 0.6;
}
.download i{
margin:5px 10px 0px 0px;
display:inline-block;vertical-align: middle;}
.download p{
vertical-align: middle;
display:inline-block;
margin:5px 0px 0px 0px;
text-align:center;
font-size:22px;
font-family: 'Noto Sans JP', sans-serif;
}
.download a{
 position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
width: 100%;
height:100%;
}
.download a:hover{
opacity: 0.6;
}
	}



@media screen and (min-width: 1000px) {
   /* 表示領域が1000px以上の場合に適用するスタイル */
.index_media{
margin:40px auto 0px auto;
height:270px;
}
	.index_media ul{
		text-align: center;
		margin:0;
		padding:0;
	}
		.index_media ul li{
		background:#ffffff;
		border-radius: 10px;
			width:170px;
		height:135px;
		margin:10px 10px 10px 0px;
		padding:10px;
		display: inline-block;
  list-style: none;
	}
		.index_media ul li img{
		width:150px;
		height:115px;
	}
.index_media p{
margin:0px 0px 0px 0px;
color:#000000;
	font-size:22px;
	font-weight: bold;
	line-height:28px;
padding:20px 10px 0px 10px;
text-align: center;
}

}
@media screen and (max-width: 1000px) {
   /* 表示領域が1000px以下の場合に適用するスタイル */
.index_media{
margin:10px auto 0px auto;
}
	.index_media ul{
		text-align: center;
		margin:0;
		padding:0;
	}
		.index_media ul li{
		background:#ffffff;
		border-radius: 10px;
			width:170px;
		height:135px;
		margin:10px 10px 10px 0px;
		padding:10px;
		display: inline-block;
  list-style: none;
	}
		.index_media ul li img{
		width:150px;
		height:115px;
	}
.index_media p{
margin:0px 0px 0px 0px;
color:#000000;
	font-size:22px;
	font-weight: bold;
	line-height:28px;
padding:20px 10px 20px 10px;
text-align: center;
}

}
@media screen and (max-width: 500px) {
   /* 表示領域が1000px以下の場合に適用するスタイル */
.index_media{
margin:10px auto 0px auto;
}
	.index_media ul{
		text-align: center;
		margin:0;
		padding:0;
	}
		.index_media ul li{
		background:#ffffff;
		border-radius: 10px;
			width:120px;
		height:100px;
		margin:10px 10px 10px 0px;
		padding:10px;
		display: inline-block;
  list-style: none;
	}
		.index_media ul li img{
		width:100px;
		height:77px;
	}
.index_media p{
margin:0px 0px 0px 0px;
color:#000000;
	font-size:22px;
	font-weight: bold;
	line-height:28px;
padding:20px 10px 20px 10px;
text-align: center;
}

}



@media screen and (min-width: 1000px) {
   /* 表示領域が1000px以上の場合に適用するスタイル */
.index_menpaku{
margin:40px auto 0px auto;
width:1200px;
}
		.index_menpaku_img{
	position:absolute;
	}
.index_menpaku_t{
margin:0px 0px 0px 0px;
color:#000000;
	font-size:16px;
	line-height:28px;
padding:20px 0px 0px 420px;
text-align: left;
}
.index_menpaku_t p{
	font-size:30px;
	line-height:38px;
padding:0px 0px 0px 0px;
margin:0px 0px 20px 0px;
text-align: left;
}
}
@media screen and (max-width: 1000px) {
   /* 表示領域が1000px以下の場合に適用するスタイル */
.index_menpaku{
margin:10px auto 0px auto;
}
	.index_menpaku_img{
	display:none;
	}
.index_menpaku_t{
margin:0px 0px 0px 0px;
color:#000000;
	font-size:16px;
	line-height:28px;
padding:0px 10px 0px 10px;
text-align: left;
}
.index_menpaku_t p{
	font-size:30px;
	line-height:38px;
padding:0px 0px 0px 0px;
margin:0px 0px 20px 0px;
text-align: left;
}
}



.section5 h2{
	color:#ffffff;
padding:0px 0px 0px 0px;
}
.section5 .h2_t{
	letter-spacing: 3px;
	font-size:12px;
color:#ffffff;
}
.section5 .centerBox i {
	height: 90px; 
	padding: 20px 0px 0px 0px;
	font-size:10px;
	transition: .8s; 
	transition-delay: 0; 
color:#ffffff;
	} 







@media screen and (min-width: 1000px) {
   /* 表示領域が1000px以上の場合に適用するスタイル */
.index_case{
width:1000px;
	margin:50px auto 0px auto;
text-align: left;
}
.index_case_img{
display:inline-block;
text-align: left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.index_case_img ul{
width:300px;
font-size:0;
	margin:0px 30px 0px 0px;
	padding:0px 0px 0px 0px;
}
.index_case_img li{
display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
border:0px;
text-align: left;
}
.index_case_img img{
width:150px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
border:0px;
vertical-align:bottom;
}
.index_case_t{
display:inline-block;
vertical-align: top;
font-size:18px;
line-height:28px;
color:#FFFFFF;
width:650px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
}

@media screen and (max-width: 1000px) {
   /* 表示領域が1000px以下の場合に適用するスタイル */
.index_case{
	margin:50px auto 0px auto;
width:100%;
}
.index_case_img{
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;

}
.index_case_img ul{
width:300px;
font-size:0;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}
.index_case_img li{
display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
border:0px;
text-align: left;
}
.index_case_img img{
width:150px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
border:0px;
vertical-align:bottom;
}
.index_case_t{
vertical-align: top;
font-size:18px;
line-height:28px;
color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
}
}



.s_reason{
	padding:50px 0px 50px 0px;
}
.s_reason2{
	background:url(../img/s_reason_bg.png)top center no-repeat;
	background-size: 100%;
	height:200px;
}

@media screen and (min-width: 700px) {
   /* 表示領域が700px以上の場合に適用するスタイル */
.s_r_b{
	position:relative;
	background:#ffffff;
	width:600px;
	margin:-200px auto 0px auto;
	padding:20px;
	text-align: center;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);
}
.s_r_b p:nth-child(1){
	font-size:22px;
	line-height: 30px;
	font-weight:bold;
}
.s_r_b p:nth-child(2){
	font-size:14px;
	line-height: 20px;
}
}
@media screen and (max-width: 700px) {
   /* 表示領域が700px以下の場合に適用するスタイル */
.s_r_b{
	position:relative;
	background:#ffffff;
	width:90%;
	margin:-230px auto 0px auto;
	padding:20px;
	text-align: center;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);
}
.s_r_b p:nth-child(1){
	font-size:18px;
	line-height: 26px;
	font-weight:bold;
}
.s_r_b p:nth-child(2){
	font-size:14px;
	line-height: 20px;
}
	.s_r_b br{
    display: none;
	}
}

.reason_t{
	text-align: center;
	font-size:30px;
	line-height:34px;
	font-weight: bold;
	margin:70px 0px 20px 0px;
}
@media screen and (min-width: 700px) {
   /* 表示領域が700px以上の場合に適用するスタイル */
.s_reason ul{
	margin:0px auto 50px auto;
	text-align: center;
	max-width: 1200px;
	padding:0px 0px 0px 0px;
}
.s_reason ul li{
	display:inline-block;
	width:300px;
	height:450px;
	margin:10px 30px 10px 30px;
	padding:210px 0px 0px 0px;
	vertical-align: top;
}
}
@media screen and (max-width: 700px) {
   /* 表示領域が700px以下の場合に適用するスタイル */
.s_reason ul{
	margin:0px auto 50px auto;
	text-align: center;
	max-width: 1200px;
	padding:0px 0px 0px 0px;
}
.s_reason ul li{
	display:inline-block;
	margin:10px 10px 10px 10px;
	padding:210px 0px 0px 0px;
	vertical-align: top;
}
}
.s_reason ul li:nth-child(1){
	background:url(../img/reason_01.png?=20210118) center top no-repeat;
	background-size:230px 230px;
}
.s_reason ul li:nth-child(2){
	background:url(../img/reason_02.png?=20210118) center top no-repeat;
	background-size:230px 230px;
}
.s_reason ul li:nth-child(3){
	background:url(../img/reason_03.png?=20210118) center top no-repeat;
	background-size:230px 230px;
}
.s_reason ul li:nth-child(4){
	background:url(../img/reason_04.png?=20210118) center top no-repeat;
	background-size:230px 230px;
}
.s_reason ul li:nth-child(5){
	background:url(../img/reason_05.png?=20210118) center top no-repeat;
	background-size:230px 230px;
}
.s_reason ul li:nth-child(6){
	background:url(../img/reason_06.png?=20210118) center top no-repeat;
	background-size:230px 230px;
}
.s_reason ul li p:nth-child(1){
	font-size:20px;
	font-weight:bold;
	text-align: center;
}
.s_reason ul li p:nth-child(2){
	font-size:14px;
	line-height:24px;
	font-weight:nomal;
	text-align: left;
}


.s_data{
	background:#ECF2F3;
	padding:50px 0px 50px 0px;
	margin:0px 0px 0px 0px;
}
.data_t{
	text-align: center;
	font-size:26px;
	line-height: 32px;
	font-weight: bold;
}
.s_data1{
	text-align:center;
	font-size:0;
	margin:0px 0px 0px -40px;
}
@media screen and (min-width: 850px) {
   /* 表示領域が850px以上の場合に適用するスタイル */
.s_data1 li{
	display:inline-block;
	width:385px;
	margin:0px 20px 20px 0px;
	background:#ffffff;
	text-align:center;	
}
.s_data1 li:nth-child(3){
	display:inline-block;
	width:385px;
	margin:0px 0px 20px 0px;
	background:#ffffff;
	text-align:center;	
}
.s_data1 li p:nth-child(1){
	font-size:26px;
	font-weight:bold;
}
.s_data1 li p:nth-child(2){
	font-size:34px;
	font-weight:bold;
}
}
@media screen and (max-width: 850px) {
   /* 表示領域が800px以上の場合に適用するスタイル */
.s_data1 li{
	display:inline-block;
	width:80%;
	margin:0px 0px 20px 0px;
	background:#ffffff;
	text-align:center;	
}
.s_data1 li p:nth-child(1){
	font-size:26px;
	font-weight:bold;
}
.s_data1 li p:nth-child(2){
	font-size:34px;
	font-weight:bold;
}
}
.property{
	background:#ffffff;
	margin:0px auto 0px auto;
	padding:0px 0px 50px 0px;
	max-width:1200px;
}

@media screen and (min-width: 1200px) {
   /* 表示領域が1200px以上の場合に適用するスタイル */
#pfl {
	width:1200px;
	margin: 0px auto 0px auto;
	padding: 30px 15px 30px 30px;
	position: relative;
	overflow: hidden;
	font-size:0;
}
.pfp {
	margin: 0px 15px 15px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	display:inline-block;
}
.pfp a{
	text-decoration: none;
}

.pfn {
	position:absolute;
	margin: 105px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
	width: 175px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	background-color: rgba(0,0,0,0.5);
font-family: 'Noto Sans JP', sans-serif;
}

.pfi {
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.pfi img{

}
.pft {
	width: 175px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 15px 0px;
	text-align: center;
	font-size: 14px;
	color: #000000;
font-family: 'Noto Sans JP', sans-serif;
}
.pf_t {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-align: center;
	font-size: 14px;
	color: #000000;
}
}
@media screen and (max-width: 1200px) {
   /* 表示領域が1200px以下の場合に適用するスタイル */
#pfl {
	margin: 0px auto 0px auto;
	padding: 30px 15px 30px 30px;
	position: relative;
	overflow: hidden;
	font-size:0;
	text-align: center;
}
.pfp {
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display:inline-block;
}
.pfp a{
	text-decoration: none;
}

.pfn {
	position:absolute;
	margin: 105px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
	width: 175px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	background-color: rgba(0,0,0,0.5);
font-family: 'Noto Sans JP', sans-serif;
}

.pfi {
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.pfi img{

}
.pft {
	width: 175px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 15px 0px;
	text-align: center;
	font-size: 14px;
	color: #000000;
font-family: 'Noto Sans JP', sans-serif;
}
.pf_t {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-align: center;
	font-size: 14px;
	color: #000000;
}
}


	.link_btn{
		text-align: center;
		margin:30px auto 30px auto;
	}
.link_btn a{
	padding:12px 0px 0px 0px;
	display:block;
width:100%;
height: 100%;
font-size:12px;
vertical-align: middle;
	}
.link_btn a:hover{
text-decoration:none;
}
.link_btn a.btn{ 
	display: inline-block; 
	width: 200px; 
	margin: 10px 0; 
	padding: 14px 10px; 
	border: 1px solid #000; 
	background: transparent; 
	color: #000; 
	text-align: center; 
	text-decoration: none; 
	line-height: 1; 
	transition: .3s; 
}
.link_btn a { 
	position:relative; 
	z-index:2; 
	overflow:hidden 
}
.link_btn a::after {
	display:block; 
	content:""; 
	position:absolute; 
	z-index:-1; 
	top:50%; 
	left:50%; 
	width:210px; 
	height:210px; 
	margin:-105px 0 0 -105px; 
	border:65px solid rgba(0,0,0,0);  
	border-radius:50%; 
	transition:.5s 
}
.link_btn a:hover { 
	color:#ffffff 
}
.link_btn a:hover::after {
	border-width: 0; 
	border-color:rgba(000,000,000,1); 
	background:#000 
}
	.link_btn2{
		text-align: center;
		margin:30px auto 30px auto;
	}
.link_btn2 a{
	padding:12px 0px 0px 0px;
	display:block;
width:100%;
height: 100%;
}
.link_btn2 a:hover{
text-decoration:none;
}
.link_btn2 a.btn{ 
	display: inline-block; 
	width: 200px; 
	margin: 10px 0; 
	padding: 14px 10px; 
	border: 1px solid #fff; 
	background: transparent; 
	color: #fff; 
	text-align: center; 
	text-decoration: none; 
	line-height: 1; 
	transition: .3s; 
}
.link_btn2 a { 
	position:relative; 
	z-index:2; 
	overflow:hidden 
}
.link_btn2 a::after {
	display:block; 
	content:""; 
	position:absolute; 
	z-index:-1; 
	top:50%; 
	left:50%; 
	width:210px; 
	height:210px; 
	margin:-105px 0 0 -105px; 
	border:65px solid rgba(255,255,255,0);  
	border-radius:50%; 
	transition:.5s 
}
.link_btn2 a:hover { 
	color:#000000 
}
.link_btn2 a:hover::after {
	border-width: 0; 
	border-color:rgba(255,255,255,1); 
	background:#fff 
}





.i_btns {
	margin:0px auto 0px auto;
	text-align:center;
	}	
.i_btn {
	display: inline-block;
	margin:0px 10px 0px 10px;
	text-align:center;
	}	
.i_btn2 {
  display       : inline-block;
  width:350px;
  border-radius : 5px;          /* 角丸       */
  font-size     : 18px;        /* 文字サイズ */
  line-height     : 24px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 28px 28px;   /* 余白       */
  background    : #000066;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
.i_btn2:link {
  color         : #ffffff;
  text-decoration:none;
}
.i_btn2:visited {
  color         : #ffffff;
  text-decoration:none;
}
.i_btn2:hover {
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
  text-decoration:none;
}



@media screen and (min-width: 1000px) {
   /* 表示領域が1000px以上の場合に適用するスタイル */
.nocopy{
	width:100%;
	background-color: #E2F7FF;
	margin:0;
	padding:40px 0px 40px 0px;
}
.nocopy2{
	background:url(../img/nocopy.png)left center no-repeat,#ffffff;
	background-size:300px 88px;
	border-radius:10px;
	height:150px;
	width:1000px;
	margin:0px auto 0px auto;
	padding:10px 10px 0px 0px;
}
.nocopy p:first-child{
	font-size:23px;
	font-weight:bold;
	padding:0px 0px 0px 330px;
}
.nocopy p:nth-child(2){
	padding:0px 0px 0px 330px;
	font-size:14px;
	line-height:20px;
}
.nocopy p:nth-child(3){
	padding:0px 0px 0px 330px;
	font-size:16px;
	text-decoration:underline;
	color:#000000;
}
	.nocopy p a:link{
		color:#000000;
	}
}
@media screen and (max-width: 1000px) {
   /* 表示領域が1000px以下の場合に適用するスタイル */
.nocopy{
	width:100%;
	background-color: #E2F7FF;
	margin:0;
	padding:40px 10px 40px 10px;
}
.nocopy2{
	background:url(../img/nocopy2.png)top center no-repeat,#ffffff;
	background-size:200px 200px;
	border-radius:10px;
	margin:0px auto 0px auto;
	padding:10px 10px 10px 0px;
	text-align: center;
}
.nocopy p:first-child{
	font-size:23px;
	font-weight:bold;
	padding:200px 10px 0px 10px;
}
.nocopy p:nth-child(2){
	padding:0px 10px 0px 10px;
	font-size:14px;
	line-height:20px;
}
.nocopy p:nth-child(3){
	padding:0px 10px 0px 10px;
	font-size:16px;
	text-decoration:underline;
	color:#000000;
}
	.nocopy p a:link{
		color:#000000;
	}
}


#pagetop{
position:fixed;
bottom:20px;
right:20px;
	font-size:10px;
	background:rgba(0,0,0,.3);
	text-align: center;
	padding:10px;
	border-radius:5px;
	border:1px solid #ffffff;
	width:80px;
	height:50px;
}
#pagetop a{
 position: absolute;
	top: 0;
    left: 0;
width:100%;
	height:100%;
}
#pagetop a:hover{
color:#000000;
	background:rgba(255,255,255,.8);
	text-decoration:none;
		border-radius:5px;
		border:1px solid #000000;
}





@media screen and (min-width: 1000px) {
   /* 表示領域が1000px以上の場合に適用するスタイル */
/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

ul#newsList{
	margin:0 0 0 0;
	padding:0;
	font-family: 'Noto Sans JP', sans-serif;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
ul#newsList li.nl{
	padding:20px 10px 20px 10px;
	color:#666;
	font-size:16px;
	margin-bottom:3px;
	border-bottom:1px dotted #ccc;
	line-height:130%;
position: relative;
	vertical-align:middle;
	display:block;
}
ul#newsList li a{
	color:#000000;
  display: block;
  top: 0;
  left: 0px;
position:absolute;
  width: 100%;
  height: 100%;	list-style-type:none;vertical-align:middle;z-index:2;
	}
.nl2{
	padding:0;
	margin:0;
	background:url("../img/index_arrow.png")no-repeat right;
	background-size:20px 20px;
}
.nl2a{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	width:200px;
}
.nl2b{
	display:table-cell;
	vertical-align:middle;
	padding:0px 20px 0px 0px;
}
.nl:hover{
	color:#ffffff;
	background-color:#7AE6FC;
  display: block;
	list-style-type:none;
	vertical-align:middle;
}
.title{
	margin:0px 0px 0px 0px;
	padding:10px 20px 10px 0px;  position: relative;
  width: 100%;
  height: 100%;	list-style-type:none;vertical-align:middle;z-index:1;}

.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:11px;
	line-height:100%;
	margin:0 2px;
}
.newMark{
	display:inline-block;
	border:1px solid #F00;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
}
.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
	font-size:14px;
	line-height:20px;
}
.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:120px;
	overflow:hidden;
}
}
@media screen and (max-width: 1000px) {
   /* 表示領域が1000px以下の場合に適用するスタイル */
/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

ul#newsList{
	margin:0 0 0 0;
	padding:0;
	font-family: 'Noto Sans JP', sans-serif;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
ul#newsList li.nl{
	padding:20px 10px 20px 10px;
	color:#666;
	font-size:16px;
	margin-bottom:3px;
	border-bottom:1px dotted #ccc;
	line-height:130%;
position: relative;vertical-align:middle;display:block;
}
ul#newsList li a{
	color:#000000;
  display: block;
  top: 0;
  left: 0px;
position:absolute;
  width: 100%;
  height: 100%;	list-style-type:none;vertical-align:middle;z-index:2;}

.nl2{
	padding:0;
	margin:0;
	background:url("../img/index_arrow.png")no-repeat right;
	background-size:20px 20px;
	}
.nl2a{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	width:120px;
}
.nl2b{
	display:table-cell;
	vertical-align:middle;
	padding:0px 20px 0px 0px;
}
.nl:hover{
	color:#ffffff;
	background-color:#7AE6FC;
  display: block;
	list-style-type:none;
	vertical-align:middle;
}
.title{
	margin:0px 0px 0px 0px;
	padding:10px 20px 10px 0px;  position: relative;
  width: 100%;
  height: 100%;	list-style-type:none;vertical-align:middle;z-index:1;}

.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:11px;
	line-height:100%;
	margin:0 2px;
}
.newMark{
	display:inline-block;
	border:1px solid #F00;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
}
.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
	font-size:14px;
	line-height:20px;
}
.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:120px;
	overflow:hidden;
}
}