@charset "UTF-8";
/*@media screen and (min-width: 768px) {*/
p,h1,h2,h3,ul,li,body{
	margin:0;
	padding:0;
	list-style-type: none;
}
img{
	vertical-align: bottom;
	border:none;
}
.clearfix::after{
	content: "";
	display: block;
	clear: both;
}
body{
	font-family:"游ゴシック体","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-color:#333;
	margin:0 auto;
}
#all{
	position:relative;
	overflow-x: hidden;
}
#all::-webkit-scrollbar {
      display: none;
      -webkit-appearance: none;
}
body main{
	display:block;
	width:100%;
	width:900px;
	margin:0 auto;
}
/*.siro{
	margin:-180px -200%;
	padding:40px 200% 20px 200%;
	background-color:rgba(255,255,255,0.7);
	position:fixed;
	z-index:300;
}*/
nav{
	width:100vw;
}
.sirowrap{
	width:65%;
	margin:0 auto;
}
.siro{
	width:100vw;
	height:80px;
	/*padding:40px 200% 20px 200%;*/
	background-color:rgba(255,255,255,0.7);
	position:fixed;
	z-index:300;
	left:calc(0% - 0px);
	top:0;
}

ul{
	width:100%;
	margin:0 auto;
	text-align:right;
	padding-top:30px;
	max-width:900px;
}
.sublogo{
	width:100%;
	margin:0 auto;
}
.sublogo img{
	width:250px;
	position:fixed;
	z-index:400;
	top:30px;
}
/*nav{
	width:900px;
	margin:0 auto;
}
.siro{
	background-color:rgba(255,255,255,0.7);
	position:fixed;
	right:0;
	z-index:300;
	width:100%;
}
ul{
	display:inline;
	max-width:900px;
	margin-left:50%;
}*/
li :hover{
	opacity:0.3;
	z-index:1000;
	cursor: pointer;
	-webkit-transition: all 0s ease 0.1s;
	transition: all 0s ease 0.1s;
}
li a{
	text-decoration: none;
}
li{
	display:inline-block;
	margin-left:58px;
	text-align:right;
	font-size:15px;
}
.top{
	margin-top:180px;
}
.top .logo{
	float: left;
	margin-top:14px;
}
.top .toptitle{
	margin-left:45px; 
	font-size:4.5em;
	font-family:"Century Gothic","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	line-height:60px;
	z-index:100;
	position:relative;
}
.main{
	position:relative;
	padding-left:100px;
	width:900px;
	height:auto;
	margin-top: -20px;
}
.main p{
	background-image: url("img/main.jpg");
	background-repeat: no-repeat;
	background-size:100%;
	width:100%;
	height:526px;
}
.link-t-a {
position: relative;
top: -100px;
display: block;
}
.bis{
	width:100%;
	height:auto;
	margin:100px auto 0 auto;
	font-family:"游ゴシック体","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
}
.box{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.bis .box1,.bis .box2{
	width:342px;
	hight:342px;
	border:solid 1px #333;
	display:inline-block;
}
.bis .box1,.bis .box2{
	margin:1%;
}
.bis .title{
	text-align:center;
	margin:0 auto;
	width:80%;
	font-size:18px;
	font-weight:bold;
	padding:40px 0 28px 0;
	border-bottom:1px solid #333;
}
.bis .box1 .text,.bis .box2 .text{
	width:80%;
	font-size:1em;
	line-height:1.8em;
	margin:28px auto 53px auto;
	text-align:left;
}
.link{
	font-size:1em;
	font-family:"Century Gothic","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	width:75px;
	height:30px;
	text-align:left;
	border-bottom:1px solid #333;
	position:relative;
	left:240px;
	bottom:20px;
}
.link:hover{
	opacity:0.3;
	z-index:1000;
	-webkit-transition: all 0s ease 0.1s;
	transition: all 0s ease 0.1s;
}
.link a{
	text-decoration: none;
}
.link p{
	padding-top:5px;
}
.arrow{
	width:7px;
	height:7px;
	border:1px solid;
	border-color:#333 #333 transparent transparent;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	margin-left:62px;
	position:relative;
	bottom:13px;
}
.sec1{
	margin:150px auto 0 auto;
}
.sec1 .sub{
	font-size:13px;
}
.sec1 h1{
	border-bottom:1px solid #333;
	width:559px;
	font-family:"Century Gothic","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-weight: lighter;
	font-size:35px;
}
.sec1 h1 p{
	margin-bottom:15px;
}
.sec1 .mas{
	margin:90px 0;
	font-size:21px;
	line-height:3em;
	letter-spacing:2px;
}
.sec1 .masresppo{
	display:none;
}
.sec1 .text{
	width:60%;
	font-size:14.5px;
	line-height:3em;
	letter-spacing:0em;
}
.sec1img{
	width:100%;
}
.sec1 img{
	float:right;
	position:relative;
	left:90px;
	bottom:390px;
}
.slider{
	width:1396px;
	height:264px;
	position:relative;
	right:248px;
	overflow:hidden;
	top:-200px;
}
.item{
	width:349px;
	height:264px;
	float:left;
}
.graph1,.graph2,.graph3{
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
}
.sec2{
	margin:0 99px;
	width:695px;
}
.sec2 .sub{
	font-size:13px;
}
.sec2 h1{
	border-bottom:1px solid #333;
	width:100%;
	font-family:"Century Gothic","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-weight:lighter;
	font-size:35px;
}
.sec2 h1 p{
	margin-bottom:15px;
}
.sec2 .text{
	width:696px;
	font-size:14.5px;
	line-height:3em;
	margin:56px 0;
	letter-spacing:0em;
}
.sec2 h2 p{
	font-size:20px;
	font-weight:lighter;
}
.sec2 .ttl1{
	width:71px;
	border:solid 1px #333;
	float:left;
	text-align:center;
}
.sec2 .ttl1sub p{
	line-height:35px;
	margin-left:90px;
}
.sec2 .line{
	border-bottom:solid 1px #333;
	position:relative;
	bottom:20px;
	width:420px;
	float:right;
}
.sec2 .graph1{
		margin:56px 0;
}
.triangle{
	width: 0;
	height: 0;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-top: 28px solid #999;
	margin:80px auto 0 auto;
}
.sec2 .ttl2{
	margin-top:56px;
}
.sec2 .ttl2{
	border-bottom:solid 1px #333;
	width:290px;
}
.sec2 .ttl2 p{
	margin:10px 0;
}
.sec2 .ttl2sub{
	margin-top:10px;
	font-size:12px;
	line-height:1.5em;
}
.sec2 .graph2{
	margin:56px 0;
}
.sec2 .graph1s,.sec2 .graph2s,.sec3 .graph3s{
		display:none;
	}
.sec3{
	margin:180px 99px;
	width:695px;
}
.sec3 .sub{
	font-size:13px;
}
.sec3 h1{
	border-bottom:1px solid #333;
	width:100%;
	font-family:"Century Gothic","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-weight: lighter;
	font-size:35px;
}
.sec3 h1 p{
	margin-bottom:15px;
}
.sec3 .text{
	width:696px;
	font-size:14.5px;
	line-height:3em;
	margin:56px 0;
	letter-spacing:0em;
}
.sec3 .graph3{
	margin-top:70px;
	display:flex;
	justify-content:center;
}

#seclink{
	margin:200px auto 150px;
}
#seclink h3 {
	text-align:center;
	font-weight:normal;
}
#seclink h3 p{
	font-size:0.8em;}

#seclink .link-ma{
	margin:20px auto 50px;
	text-align: center;
}
#seclink .link-ma p strong{
	font-size:1.4em;
	line-height:3em;
}
#seclink p{
	margin-right:30px;
	margin-bottom:20px;
	text-align: left;
	display: inline-block;
	font-size:0.9em;
	font-feature-settings: "palt";
}
#seclink .link-ma img{
	margin-bottom:8px;
}
#seclink .link-ma img:hover{
	opacity:0.3;
	cursor: pointer;
	transition: all 0s ease 0.1s;
	-webkit-transition: all 0s ease 0.1s;
}



.sec4 h1{
	border-bottom:1px solid #333;
	width:100px;
	font-family:"Century Gothic","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-weight: lighter;
	font-size:35px;
}
.sec4 h1 p{
	margin-bottom:15px;
}
.sec4 .name{
	margin:65px 0;
}
.sec4 .name h2{
	font-size:32px;
	font-weight: lighter;
	display:inline-block;
}
.sec4 .name p{
	font-size:16px;
	display:inline;
	position:relative;
	bottom:5px;
	left:25px;
}
.sec4 .ttl{
	text-align:center;
	margin-bottom:30px;
	border:solid 1px #333;
	width:50px;
}
.sec4 .box1{
	width:80px;
	margin-right:20px;
	display:inline-block;
	margin-bottom:30px;
}
.sec4 .box2{
	display:inline;
}
.sec4{
	position:relative;
	margin-bottom:100px;
}
/*.sec4 .prof{
	position:absolute;
	top:130px;
	left:560px;
}
.sec4 .profresponsive{
		display:none;
	}*/
.sec4 a{
	text-decoration: none;
	color:#333;
	font-weight: bold;
}
.sec4 a:hover{
	color:#FF6D70;
}
.sec4 a:active{
  color:#979797;
}
.map{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
	margin-bottom:100px;
}
.map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
footer{
	position:relative;
}
footer h2{
	font-size:24px;
	font-weight:lighter;
	margin-bottom:60px;
}
footer p{
	font-size:12px;
	line-height:3em;
	margin-bottom:60px;
}
footer .tel{
	font-size:24px;
	margin-bottom:0;
	float:right;
	position:absolute;
	bottom:0;
	right:0;
	bottom:-15px;
}
body .copy{
	text-align: center;
	padding:30px 0 50px 0;
	font-size:.8em;
}
/*}*/
@media screen and (max-width:934px){
	body main{
		width:90%;
		margin:0 auto;
	}
	.inner{
		width:90%;
		margin:0 auto;
	}
.sec1{
	position:relative;
	}
.sec1 img{
	width:300px;
	height:auto;
	float:right;
	position:absolute;
	left:490px;
	bottom:0px;
}	
.slider{
	width:1000px;
	height:auto;
	position: relative;
	overflow: hidden;
	right:15%;
	top:0px;
	margin-top:100px;
}
	.sliwrap{
	position: relative;
	left: 50%;
	float: left;
	}
	.item{
	width:250px;
	height:auto;
	position: relative;
	left: -50%;
	float: left;
}
	.item img{
	width:250px;
	height:auto;
}
.sec2,.sec3,.sec4,.sec5,.map,footer{
	margin:200px auto;
}
.sirowrap{
	width:65%;
	margin:0 auto;
}
li{
	display:inline-block;
	margin-left:30px;
	text-align:right;
	font-size:14px;
}
.sublogo{
	width:100%;
	margin-left:10%;
	}
.sublogo img{
	width:200px;
	position:fixed;
	z-index:400;
	top:30px;
}
	.top .toptitle{
	font-size:4.5em;
}
/*	.prof{
		display:none;
	}
	.sec4 .profresponsive{
		display:inline-block;
		margin-top:70px;
	}*/
}
@media screen and (max-width:894px){
.top .toptitle{
	margin-left:45px; 
	font-size:3.8em;
	font-family:"Century Gothic","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	line-height:60px;
	z-index:100;
	position:relative;
}
.bis{
	width:100%;
	height:auto;
	margin:100px auto 0 auto;
	font-family:"游ゴシック体","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
}
.box{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.bis .box1,.bis .box2{
	width:280px;
	hight:280px;
	border:solid 1px #333;
	display:inline-block;
}
.bis .box1,.bis .box2{
	margin:1%;
}
.bis .title{
	text-align:center;
	margin:0 auto;
	width:80%;
	font-size:14px;
	font-weight:bold;
	padding:40px 0 28px 0;
	border-bottom:1px solid #333;
}
.bis .box1 .text,.bis .box2 .text{
	width:80%;
	font-size:12px;
	line-height:1.8em;
	margin:28px auto 53px auto;
	text-align:left;
}
.link{
	font-size:.9em;
	font-family:"Century Gothic","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	width:75px;
	height:30px;
	text-align:left;
	border-bottom:1px solid #333;
	position:relative;
	left:170px;
	bottom:20px;
}
.link:hover{
	opacity:0.3;
	z-index:1000;
	-webkit-transition: all 0s ease 0.1s;
	transition: all 0s ease 0.1s;
}
.link a{
	text-decoration: none;
}
.link p{
	padding-top:5px;
}
.arrow{
	width:7px;
	height:7px;
	border:1px solid;
	border-color:#333 #333 transparent transparent;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	margin-left:62px;
	position:relative;
	bottom:13px;
}
.sec1{
	position:relative;
	}
.sec1 img{
	width:300px;
	height:auto;
	float:right;
	position:absolute;
	left:440px;
	bottom:0px;
}
	.sec3 .graph3{
	margin-top:70px;
	display:flex;
	justify-content:center;
}
	.sec3 .graph3 img{
	width:100%;
}
	.sec2,.sec3,.sec4,.sec5,.map,footer{
	margin:150px auto;
}
	footer{
		margin-bottom:0;
	}
}
@media screen and (max-width:768px){
.main{
	position:static;
	padding-left:100px;
	width:100%;
	margin-top: -20px;
	}
.main p{
	background-image: url("img/main.png");
	background-repeat: no-repeat;
	background-size:100%;
	height:300px;
}
	ul{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding-top:50px;
}
	.li-4{
		margin-right:0;
}
	.siro{
	height:80px;
}
	/*.siro{
		margin-top:-150px;
	}*/
	.sirowrap{
	width:100%;
	margin:0 auto;
}
	.sublogo{
	width:100%;
	position:fixed;
	z-index:400;
	top:30px;
	left:calc(0% - 0px);
	text-align:center;
	margin:0 auto;
}
	.sublogo img{
	width:200px;
	position:relative;
	z-index:400;
	top:-10px;
	text-align:center;
	margin:0 auto;
}
	li{
		margin:0 30px 0 auto;
	}
	.top{
		margin-top:150px;
		width:100%;
	}
	.top .logo{
		width:auto;
	}
.bis{
	width:100%;
	height:auto;
	margin:100px auto 0 auto;
	font-family:"游ゴシック体","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
}
.box{
	width:402px;
	margin:0 auto;
	text-align:center;
}
.bis .box1,.bis .box2{
	margin:0 auto;
	width:400px;
	hight:280px;
	border:solid 1px #333;
	display:block;
	position:relative;
}
	.bis .box1{
		margin-bottom:30px;
}
.bis .title{
	text-align:center;
	margin:0 auto;
	width:80%;
	font-size:1em;
	font-weight:bold;
	padding:25px 0 15px 0;
	border-bottom:1px solid #333;
}
.bis .box1 .text,.bis .box2 .text{
	width:80%;
	font-size:.8em;
	line-height:1.8em;
	margin:20px auto 20px auto;
	text-align:left;
}
.link{
	font-size:.9em;
	font-family:"Century Gothic","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	width:75px;
	height:30px;
	text-align:left;
	border-bottom:1px solid #333;
	position:absolute;
	left:280px;
	bottom:20px;
}
.link:hover{
	opacity:0.3;
	z-index:1000;
	-webkit-transition: all 0s ease 0.1s;
	transition: all 0s ease 0.1s;
}
.link a{
	text-decoration: none;
}
.link p{
	padding-top:5px;
}
.arrow{
	width:7px;
	height:7px;
	border:1px solid;
	border-color:#333 #333 transparent transparent;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	margin-left:62px;
	position:relative;
	bottom:13px;
}
	
	.sec1{
		margin-top:100px;
	}
	.sec1 .mas{
		margin:50px auto;
	}
	.sec1 .text{
		width:320px;
		line-height:2em;
	}
	.sec1{
		position:relative;
	}
	.sec1 img{
	width:300px;
	height:auto;
	float:right;
	position:absolute;
	left:360px;
	bottom:-400px;
}
	.sec1 .sec1img{
		position:relative;
		bottom:400px;
	}
	.sec2{
		margin: 100px auto;
		width:100%;
	}
	.sec2 .text{
		width:100%;
		margin:50px 0;
		line-height:2.5em;
	}
	.sec2 .line{
		width:58%;
	}
	.sec2 .triangle{
		margin-top:-20px;
	}
	.sec2 .ttl2{
		margin-top:40px;
	}
	.slider{
		display:none;
	}
	.graph1,.graph2{
		-webkit-transform: scale(0.88, 0.88);
		transform: scale(0.88, 0.88);
		margin:50px auto;
	}
	.sec2 .graph1 img,.sec2 .graph2 img{
	width:100%;
	}
	.sec3 .graph3{
	margin-top:70px;
	display:flex;
	justify-content:center;
}
	.sec3 .graph3 img{
	width:100%;
}
	.sec3{
		margin: 100px auto;
		width:100%;
	}
	.sec3 .text{
		width:100%;
		margin:50px 0 0 0;
		letter-spacing:0.1em;
		line-height:2.5em;
	}
	/*.sec4 .profresponsive{
		display:inline-block;
		margin-top:70px;
	}
	.sec4{
		margin-bottom:70px;
	}
	.sec4 .prof{
		display:none;
	}*/
		.sec2,.sec3,.sec4,.sec5,.map,footer{
	margin:100px auto;
}
	footer{
		margin-bottom:0;
	}
}
@media screen and (max-width:695px){
	footer .tel{
	font-size:24px;
	float:none;
	position:relative;
	bottom:30px;
}
	.sec1 .mas{
	width:100%;
	font-size:1.3em;
	line-height:2.5em;
}
	.sec1 h1{
		width:100%;
	}
	.sec2 .text{
	width:100%;
}
	.sec3 .text{
	width:100%;
}
	.sec1 .text{
	margin:0 auto;
	width:100%;
}
	.sec1 img{
	width:300px;
	height:auto;
	float:none;
	position:relative;
	left:calc(50% - 150px);
	top:440px;
}
	.sec1{
	width:90%;
	}
	.inner{
	width:95%;
	margin:0 auto;
}
	.main{
	padding-left:10%;
}

	.sec2{
	width:90%;
	}
	.sec2 .graph1 img,.sec2 .graph2 img{
	width:100%;
	}
	.sec3 .graph3 img{
	width:120%;
	}
	.sec3{
	width:90%;
	}
	.sec4{
	width:90%;
	}
	.sec2 .line{
	border-bottom:solid 1px #333;
	position:relative;
	bottom:20px;
	width:60%;
	float:left;
	margin-left:55%;
}
	.sec4{
		margin:0 auto;
	}
}
@media screen and (max-width:605px){
	.main p{
	margin-bottom:0px;
}
	.sec2 .graph1 img,.sec2 .graph2 img{
	width:100%;
	}
	body{
		width:100%;
		margin:0 auto;
	}
	.sec2 .line{
	border-bottom:solid 1px #333;
	position:relative;
	bottom:20px;
	width:40%;
	float:left;
	margin-left:60%;
}
}
@media screen and (max-width:575px){
	body{
		width:100%;
		margin:0 auto;
	}
	.top .toptitle{
	margin-left:45px; 
	font-size:3.5em;
	line-height:50px;
	z-index:100;
	position:relative;
}
	.main p{
	margin-bottom:0px;
}
	.top .logo{
	float: left;
	margin-top:5px;
}
	.sec2 .line{
	border-bottom:solid 1px #333;
	position:relative;
	bottom:20px;
	width:30%;
	float:left;
	margin-left:70%;
}
	.sec1 .mas{
	margin:90px 0;
	font-size:18px;
	line-height:3em;
	letter-spacing:2px;
}
	.sec1 .mas{
	width:100%;
	font-size:1.1em;
	line-height:2em;
}
	.sec1 .text,.sec2 .text,.sec3 .text{
	line-height:1.9em;
}
	#seclink p{
	margin:30px auto;

}
	
	
	
}
@media screen and (max-width:479px){
	main{
		width:100%;
		margin:0 auto 0 auto;
	}
	.top{
	margin-top:100px;
	}
	.top .logo{
		width:15px;
		margin-top:2px;
	}
	.top .toptitle{
		margin-left:30px; 
		font-size:2.5em;
		line-height:30px;
	}
	.main p{
		margin:10px auto;
		margin-bottom:50px;
		width:100%;
		height:160px;
	}
	
	
.bis{
	width:100%;
	height:auto;
	margin:100px auto 0 auto;
	font-family:"游ゴシック体","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
}
.box{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.bis .box1,.bis .box2{
	width:300px;
	hight:280px;
	border:solid 1px #333;
	display:block;
	position:relative;
}
	.bis .box1{
		margin-bottom:30px;
}
.bis .title{
	text-align:center;
	margin:0 auto;
	width:80%;
	font-size:1em;
	font-weight:bold;
	padding:25px 0 15px 0;
	border-bottom:1px solid #333;
}
.bis .box1 .text,.bis .box2 .text{
	width:80%;
	font-size:.7em;
	line-height:1.8em;
	margin:20px auto 20px auto;
	text-align:left;
}
.link{
	font-size:.8em;
	font-family:"Century Gothic","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	width:45px;
	height:30px;
	text-align:left;
	border-bottom:1px solid #333;
	position:absolute;
	left:235px;
	bottom:22px;
}
.link:hover{
	opacity:0.3;
	z-index:1000;
	-webkit-transition: all 0s ease 0.1s;
	transition: all 0s ease 0.1s;
}
.link a{
	text-decoration: none;
}
.link p{
	padding-top:5px;
}
.arrow{
	width:7px;
	height:7px;
	border:1px solid;
	border-color:#333 #333 transparent transparent;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	margin-left:35px;
	position:relative;
	bottom:13px;
}
	
	
	
	.sec1{
		margin:50px auto 0 auto;
		width:100%;
	}
	.sec1 .sub,.sec2 .sub,.sec3 .sub{
		font-size:.7em;
	}
	.sec1 h1,.sec2 h1,.sec3 h1,.sec4 h1{
		width:100%;
		font-size:1.7em;;
	}
	.sec1 h1 p{
		margin:7px 0 10px 0
	}
	.sec1 .text{
		font-size:.8em;
		line-height:1.8em;
		margin-bottom:30px;
	}
	.sec2 .text,.sec3 .text{
		font-size:.8em;
		line-height:2em;
		margin:30px 0 30px 0;
	}
	.sec1 .mas{
		display:none;
	}
	.sec1 .masresppo{
		display:block;
		margin:30px 0;
		font-size:1.08em;
		line-height:1.8em;
		letter-spacing:2px;
	}
	.sec1 img{
		float:none;
		width:100%;
		height:200px;
		object-fit: cover;
		position:static;
	}
	.sec1 .sec1img{
		position:static;
	}
	.sec2,.sec3{
		margin:50px 0 0 0;
		width:100%;
	}
	.sec2 .ttl1{
		width:50px;
	}
	.sec2 .ttl1 p{
		font-size:.6em;
		margin-left:0px;
	}
	.sec2 .ttl1sub p{
		font-size:1em;
		line-height:27px;
		margin-left:60px;
	}
	.sec2 .line{
		width:25%;
		bottom:15px;
	}
	.sec2 .graph1,.sec2 .graph2,.sec3 .graph3{
		display:none;
	}
	.sec2 .graph1s,.sec2 .graph2s,.sec3 .graph3s{
		display:block;
		margin:40px 0;
	}
	.triangle{
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 18px solid #999;
		position:relative;
		top:10px;
	}
	.sec2 .ttl2{
		width:100%;
	}
	.sec2 .ttl2 p{
		font-size:.7em;
	}
	.sec2 .ttl2sub{
		font-size:.8em;
	}
	/*.sec4 .profresponsive{
		margin-top:30px;
	}*/
	.sec4 img{
		width:100%;
	}
	.sec4 .name{
		margin:30px 0;
	}
	.sec4 .name h2{
		font-size:1.3em;
	}
	.sec4 .name p{
		font-size:.8em;
		position:relative;
		top:-3px;
	}
	.sec4 .ttl{
		font-size:.8em;
		width:40px;
		margin-bottom:10px;
	}
	.sec4 .box1,.sec4 .box2{
		font-size:.9em;
		display:inline-block;
		margin:0 0;
	}
	.sec4 .box1{
		font-size:.85em;
		font-weight:bold;
	}
	.sec4{
		margin-bottom:50px;
	}
	.map{
		margin-bottom:50px;
	}
	footer{
		margin-bottom:50px;
	}
	footer h2{
		font-size:1.1em;
		margin-bottom:30px;
	}
	footer p{
		margin-bottom:10px;
		line-height:2em;
	}
	footer .tel{
		float:none;
		position:static;
		font-size:1.2em;
	}
	.sec2 .line{
	border-bottom:none;
}
	body .copy{
	text-align: center;
	padding:30px 0 50px 0;
	font-size:.7em;
}
}
@media screen and (max-width:376px){
.bis .box1 .link,.bis .box2 .link{
	margin-left:170px;
}
.link{
	font-size:.8em;
	font-family:"Century Gothic","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	width:45px;
	height:30px;
	text-align:left;
	border-bottom:1px solid #333;
	position:absolute;
	left:70px;
	bottom:22px;
}
.link:hover{
	opacity:0.3;
	z-index:1000;
	-webkit-transition: all 0s ease 0.1s;
	transition: all 0s ease 0.1s;
}
.link a{
	text-decoration: none;
}
.link p{
	padding-top:5px;
}
.arrow{
	width:7px;
	height:7px;
	border:1px solid;
	border-color:#333 #333 transparent transparent;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	margin-left:35px;
	position:relative;
	bottom:13px;
}
}


@media screen and (max-width:342px){
li{
		margin:0 15px 0 auto;
	font-size:.8em;
	}
.sublogo{
	width:100%;
	position:fixed;
	z-index:400;
	top:25px;
	left:calc(0% - 0px);
	text-align:center;
	margin:0 auto;
}
.bis{
	width:100%;
	height:auto;
	margin:100px auto 0 auto;
	font-family:"游ゴシック体","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
}
.box{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.bis .box1,.bis .box2{
	width:270px;
	hight:280px;
	border:solid 1px #333;
	display:block;
	position:relative;
}
	.bis .box1{
		margin-bottom:30px;
}
.bis .title{
	text-align:center;
	margin:0 auto;
	width:80%;
	font-size:1em;
	font-weight:bold;
	padding:25px 0 15px 0;
	border-bottom:1px solid #333;
}
.bis .box1 .text,.bis .box2 .text{
	width:80%;
	font-size:.7em;
	line-height:1.8em;
	margin:20px auto 20px auto;
	text-align:left;
}
.link{
	font-size:.8em;
	font-family:"Century Gothic","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	width:45px;
	height:30px;
	text-align:left;
	border-bottom:1px solid #333;
	position:absolute;
	left:40px;
	bottom:22px;
}
.link:hover{
	opacity:0.3;
	z-index:1000;
	-webkit-transition: all 0s ease 0.1s;
	transition: all 0s ease 0.1s;
}
.link a{
	text-decoration: none;
}
.link p{
	padding-top:5px;
}
.arrow{
	width:7px;
	height:7px;
	border:1px solid;
	border-color:#333 #333 transparent transparent;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	margin-left:35px;
	position:relative;
	bottom:13px;
}
}
@media screen and (max-width:320px){

.sec1 .masresppo{
	font-size:15px;
	line-height:2em;
	letter-spacing:2px;
}
.sec2 .graph1s img,.sec2 .graph2s img{
	width:100%;
	}
.sec3 .graph3s img{
	width:100%;
	}
}