@media screen and (max-width: 768px){

/*--------------------------------------------------
  body
--------------------------------------------------*/
.sp-no01 {
  display: none;
}
.pc-no01 {
  display: block;
}

.f-size01 {
  font-size: 3vw;
  padding-left: 3%;
}

body {
	width: 100%;
}

.f-family {
  ont-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 }

/*--------------------------------------------------
  mv
--------------------------------------------------*/
.fv {
  position: relative;
  width: 100%;
  height: auto;
}

.fv .inner{
  padding-top: 84.35%;
  background:url(../images/main/sp-fv.jpg) center center no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  height: 0;
  min-width: 100%;
}


/*------------------------------------------------------
 contens01
--------------------------------------------------*/

#contens01 {
	margin: 20px auto 0;
	width: 100%;
 }
 
 #contens01 .inner {
	margin: 0 ;
}


#contens01 .left-box {
 float: none;
 background:url(../images/main/sp-contens01-image01.jpg) center center no-repeat;
 background-size: 100% auto;
 width: 95%;
 height: auto;
 margin: 0 auto;
 color: #fff;
 font-size: 4vw;
 line-height: 1.4;
 padding: 4%;
}


#contens01 .left-box .f-size40 {
  font-size: 7vw;
}

#contens01 .right-box {
  float: none;
  width: 95%;
  height: auto;
  background: #f0f9fd;
  border: dotted #919191 1px;
  box-sizing: border-box;
  font-size: 3vw;
  line-height: 1.6;
  margin: -2% auto 0;
}

#contens01 .right-box p {
	padding: 4%;
}

/*--------------------------------------------------
link-btn
--------------------------------------------------*/

.link-btn {
  width: 100%;
  margin: 20px auto 0;
  padding-bottom: 10%;
}

.link-btn .inner {
  background:url(../images/main/pc-link-bg.jpg) center center no-repeat;
  width:100%;
  margin:0;
  height: auto;
  position:relative;
  color: #fff;
 }
 
 .link-btn .link01 {
  display: block;
  padding: 4% 0;
  width: 100%;
  min-width: 100%;
 }
 
 .link-btn .link01 a {
	color: #fff;
	font-size: 3.8vw;
	margin: 0 auto;
	display: block;
	width: 90%;
	border: solid 2px #fff;
	line-height:1.6;
	background-color: rgba(0,0,0,0.3);
	position: relative;
	padding-left: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
}

 .link-btn .link01 .f-size25 {
   font-size:3.8vw;
}
	
 .link-btn .link01 a::before{
  content: "";
  right:3%;
  top:50%;
  width: 8%;
  height: 2px;
  background: #fff;
  display:block;
  position:absolute;
}

.link-btn .link01 a::after{
  content: "";
  right:3%;
  top:40%;
  width: 4%;
  height: 22%;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display:block;
  position:absolute
}


/*--------------------------------------------------
 contens02
--------------------------------------------------*/


#contens02 {
	margin: 0 auto;
	min-width: 100%;
}


#contens02 .title01 {
	font-size: 5vw;
	text-align: center;
	background: #343434;
	width: 100%;
	height: auto;
	line-height: 0;
	padding-bottom: 2%;
	margin: 0;
}

#contens02 .title01 h3{
	color: #fff;
	line-height: 1.5;
}

#contens02 .title01 .c-text {
	display: inline-block;
	background: #208fab;
	font-size: 6vw;
	line-height: 1;
}



#contens02 .sub01 {
	width: 100%;
	margin: 0;
	color: #fff;
	font-size: 4.2vw;
	margin-top: 5%;
}

#contens02 .sub01 p {
	padding-left: 18%;
	letter-spacing:0;
	padding-top: 3.5%;
	line-height: 1.4;
	padding-bottom: 57%;
}

#contens02 .t-box01 {
	background:url(../images/main/pc-contens02-image02.jpg) center center no-repeat;
	background-size: 100% auto;
	width: 100%;
	height: auto;
	float: none;
	margin: 0;
	padding: 0;
}

#contens02 .t-box02 {
	background:url(../images/main/pc-contens02-image03.jpg) center center no-repeat;
	background-size: 100% auto;
	width: 100%;
	height: auto;
	float: none;
	margin: 0;
	padding: 0;
}

#contens02 .t-box03 {
	background:url(../images/main/pc-contens02-image04.jpg) center center no-repeat;
    background-size: 100% auto;
	width: 100%;
	height: auto;
	float: none;
	margin: 0;
	padding: 0;
}


#contens02 .sub02 {
	width: 100%;
	margin: 4% auto 0;
	color: #333;
	font-size: 4vw;
}
#contens02 .sub02 h3 {
	color: #fff;
	text-align: center;
	font-size: 6vw;
	line-height: 0;
}

#contens02 .sub02 .ttl03 {
	padding-top: 0;
	margin-top:0;
	position: absolute;
	top: 12%;
	left: 17%;
}

#contens02 .sub02 .c-tx01 {
	padding-top: 0;
	margin-top:0;
	position: absolute;
	top: 10%;
	left: 25%;
}

#contens02 .sub02 p {
	font-size: 3vw;
	text-align: center;
	margin-top: 1%;
}

#contens02 .sub02 .left-box {
	float:none;
	width: 100%;
}

#contens02 .sub02 .right-box {
	float :none;
	margin-left: 0;
	width: 100%;
	margin-top: 3%;
}

#contens02 .sub02 .box {
	position:relative;
}

#contens02 .sub02 .left-box .bg-box {
	background:url(../images/main/pc-contens02-image05.jpg) center center no-repeat;
	background-size: 100% auto;
	width: 100%;
	height: 0;
	padding-top:42.50%;
	box-sizing: border-box;
}

#contens02 .sub02 .left-box li {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 3%;
	padding-top: 4.5%;
	padding-bottom: 5%;
	
}
#contens02 .sub02 .right-box .bg-box p {
   margin-top: -31%;
   font-size:16px;
   text-align:left;
}

#contens02 .sub02 .right-box .bg-box {
	background:url(../images/main/sp-contens02-image06.jpg) center center no-repeat;
	background-size: 100% auto;
	width: 100%;
	height: 0;
	padding-top:51.94%;
	box-sizing: border-box;
}


#contens02 .sub02 .left-box ul {
	margin-top: -21%;
	padding-top: 0;
	
	
}

#contens02 .sub02 .right-box ul {
	margin-top: -38%;
}

#contens02 .sub02 .right-box li {
  margin-top: 1%;
  margin-left: 0;
  margin-bottom: 1%;
  padding-left: 13%;
  padding-bottom: 0;
  padding-top: 1%;
}

#contens02 .sub02 .li-ft {
	float: left;
	width: 50%;
	margin-left: 10%;
}

.circle {
  width: 0.74em;
  height: 0.74em;
  -webkit-border-radius: 50%;/* 50%でもOK */
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.0);
  display: inline-block;
  border: solid 0.26em #75dbea;
  margin-right:1%;
}

/*--------------------------------------------------
 contens03
--------------------------------------------------*/
.bg-color {
	background:url(../images/main/pc-main-bg.jpg) repeat;
	margin-top: 5%;
	padding-bottom: 8%;
	margin-bottom: 8%;
}

#contens03 {
	margin: 0;
	min-width: 100%;
	padding-top: 10%;
}


#contens03 .title01 {
  text-align: center;
  background:url(../images/main/sp-contens03-ttl.jpg) center center no-repeat;
  background-size: 100% auto;
  width: 95%;
  height: 0;
  padding-top: 15.5%;
  margin: 0 auto;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; 
}

#contens03 .bg-box {
  background:none;
  background-color: #fff;
  width: 95%;
  margin: 0 auto;
  height: auto;
  position: relative;
  padding-bottom: 7%;
}

#contens03 .ttl {
	text-align: center;
	padding-top: 3%;
	margin: 0 auto;
	background:url(../images/main/sp-contens03-ttl-bg.jpg)  no-repeat;
	width: 100%;
	background-size:contain;
	height: auto;
}

#contens03 h4 {
	color: #2a9eba;
	font-size: 6vw;
	letter-spacing: 0.05em;
	width: 100%;
	line-height: 0;
	padding-left: 5%;
}

#contens03 .ttl04 {
	color: #2a9eba;
	font-size: 6vw;
	letter-spacing: 0.05em;
	width: 100%;
	line-height: 1.3;
	padding-left: 5%;
	margin-top:0;
}


#contens03 .ttl p {
	font-size: 3vw;
	position: relative;
	padding-top: 0;
	line-height: 0;
	margin-top: 4%;
	margin-bottom: 10%;
}


#contens03 .ttl p::before {
  content: "";
  width: 12%;
  height: 1px;
  background: #999;
  display:block;
  position: absolute;
  top: 20px;
  left: 43%;
}

#contens03 .sub01 {
	margin-top: 7%;
	width: 100%;
	padding: 0 3%
	
}

#contens03 .sub01 .image01 {
	float: none;
	margin-left: 0;
	padding-bottom: 2%;
}

#contens03 .sub01 img {
	width: 100%;
	height: auto;
}

#contens03 .sub02 {
	color:  #fff;
	font-size: 3vw;
	margin: 3% auto 0;
	width: 100%;
	line-height: 1.5;
}

#contens03 .sub02 .text {
	background-color: rgba(0,0,0,0.6);
	padding: 3%;
	margin: 0 3%;
	border: dashed 1px #999;
}


/*--------------------------------------------------
 contens04
--------------------------------------------------*/
#contens04 {
	margin: 0;
	min-width: 100%;
	padding-top: 10%;
}


#contens04 .title01 {
  text-align: center;
  background:url(../images/main/sp-contens04-ttl.jpg) center center no-repeat;
  background-size: 100% auto;
  width: 95%;
  height: 0;
  padding-top: 15.5%;
  margin: 0 auto;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; 
}

#contens04 .bg-box {
 background:none;
  background-color: #fff;
  width: 95%;
  margin: 0 auto;
  height: auto;
  position: relative;
  padding-bottom: 7%;
}

#contens04 .sub01 {
	width: 100%;
	margin: 0 auto;
}

#contens04 .sub01 .left-box {
	float: none;
	width: 100%;
	margin-left: 0;
}

#contens04 .sub01 .right-box {
	float: none;
	width: 100%;
	margin-left: 0;
}

#contens04 .sub01 .right-box .ttl {
    text-align: center;
	padding-top:5%;
	margin: 5% auto 0;
	background:url(../images/main/sp-contens04-ttl-bg02.jpg)  no-repeat;
	width: 100%;
	background-size:100% auto;
	height: auto;
}
	
#contens04 .sub01 .ttl {
   text-align: center;
	padding-top:5%;
	margin: 0 auto;
	background:url(../images/main/sp-contens04-ttl-bg.jpg)  no-repeat;
	width: 100%;
	background-size:100% auto;
	height: auto;
}

#contens04 .sub01 h4 {
	color: #2a9eba;
	font-size: 6vw;
	letter-spacing: 0.05em;
	width: 100%;
	line-height:0;
	padding-left: 4%;
	margin-top: -2%;
}


#contens04 .sub01 .ttl04 {
	color: #2a9eba;
	font-size: 6vw;
	letter-spacing: 0.05em;
	width: 100%;
	line-height:0;
	padding-left: 4%;
	margin-top: 3%;
}

#contens04 .sub01 .ttl p {
	font-size: 3vw;
	position: relative;
	padding-top: 0;
	padding-left: 4%;
	margin-top: 8%;
}

#contens04 .sub01 .ttl p::before {
  content: "";
  width: 12%;
  height: 1px;
  background: #999;
  display:block;
  position: absolute;
  top: 18px;
  left: 44%;
}

#contens04 .sub01 .text {
  font-size: 3vw;
  line-height: 1.5;
  padding: 0 3%;
  margin-top: 7%;
  margin-bottom: 3%;
}

#contens04 .text {
  font-size: 3.5vw;
  line-height: 1.5;
  padding: 0 3%;
  margin-top: 7%;
  margin-bottom: 3%;
}

#contens04 .sub01 .image01 {
	width: 95%;
	margin:0 auto;
}


#contens04 .sub01 img {
	width: 100%;
	height: auto;
}




#contens04 .sub02 {
	width: 100%;
	margin: 0 auto;
}

#contens04 .sub02 .left-box {
}

#contens04 .sub02 .right-box {
}

#contens04 .sub02 .ttl {
	text-align: center;
	padding-top:5%;
	margin: 5% auto 0;
	background:url(../images/main/sp-contens04-ttl-bg03.jpg)  no-repeat;
	width: 100%;
	background-size:100% auto;
	height: auto;
	position: inherit;
}

#contens04 .sub02 h4 {
	color: #2a9eba;
	font-size: 6vw;
	letter-spacing: 0.05em;
	width: 100%;
	line-height: 0;
	padding-left: 2%;
	margin-top: -2%;
}

#contens04 .sub02 .ttl04 {
	color: #2a9eba;
	font-size: 6vw;
	letter-spacing: 0.05em;
	width: 100%;
	line-height: 0;
	padding-left: 2%;
	margin-top: 2%;
}


#contens04 .sub02 .ttl p {
	font-size: 3vw;
	position: relative;
	padding-top: 0;
	padding-left: 2%;
	margin-top: 8%;
}

#contens04 .sub02 .ttl p::before {
  content: "";
  width: 12%;
  height: 1px;
  background: #999;
  display:block;
  position: absolute;
  top:18px;
  left: 45%;
}

#contens04 .sub02 .text {
  font-size: 3vw;
  line-height: 1.5;
  padding: 0 3%;
  margin-top: 7%;
  margin-bottom: 3%;
  width: auto;
  position: inherit;
}

#contens04 .sub02 .image01 {
	position: inherit;
    width: 95%;
	margin:0 auto;
}

#contens04 .posi  {
	position:relative;
}

#contens04 .sub03 {
  background:url(../images/main/sp-contens04-image04.jpg) center center no-repeat;
  background-size: contain;
  height: 0;
  padding-top:55%;
  margin: 4% auto 0;
  width:95%;
  z-index:-999;
  position:static;
  
}
#contens04 .ttl {
	margin:0;
	padding:0;
	position:static;
	
}
#contens04 .sub03 .ttl h4 {
	position:absolute;
	top:11%;
	left:30%;
	margin:0;
	padding:0;
	font-size:6vw;
}

#contens04 .sub03 .ttl .ttl04 {
	position:absolute;
	top:20%;
	left:32%;
	margin:0;
	padding:0;
	font-size:6vw;
	line-height: 0;
}


#contens04 .sub03 .ttl p{
	position:absolute;
	top:37%;
	left:3%;
	margin:0;
	font-size:3vw;
	line-height:1.4;
	width:95%;
	padding: 0 4% 0 4%;
}

/*--------------------------------------------------
 contens05
--------------------------------------------------*/

#contens05 {
	margin: 0;
	min-width: 100%;
	padding-top: 10%;
}


#contens05 .title01 {
  text-align: center;
  background:url(../images/main/sp-contens05-ttl.jpg) center center no-repeat;
  background-size: 100% auto;
  width: 95%;
  height: 0;
  padding-top: 15%;
  margin: 0 auto;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; 
}

#contens05 .bg-box {
  background:none;
  background-color: #fff;
  width: 95%;
  margin: 0 auto;
  height: auto;
  position: relative;
  padding-bottom: 7%;
}

#contens05 .sub01 {
	width: 100%;
	margin: 0 auto;
}

#contens05 .sub01 p {
	font-size: 3vw;
	line-height:1.3;
	text-align: center;
	padding-top: 4%;
	padding-bottom: 3%;
}

#contens05 .sub01 .left-box {
	float: none;
	width: 100%;
	margin-left: 0;
}

#contens05 .sub01 .right-box {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-top: 5%;
}

#contens05 .sub01 .right-box .ttl {
    text-align: center;
	padding-top:5%;
	margin: 5% auto 0;
	background:url(../images/main/sp-contens05-ttl-bg02.jpg)  no-repeat;
	width: 100%;
	background-size:100% auto;
	height: auto;
}

#contens05 .sub01 .ttl {
    text-align: center;
	padding-top:5%;
	margin: 0 auto;
	background:url(../images/main/sp-contens05-ttl-bg.jpg)  no-repeat;
	width: 100%;
	background-size:100% auto;
	height: auto;
}

#contens05 .sub01 h4 {
	color: #2a9eba;
	font-size: 5.5vw;
	letter-spacing: 0.05em;
	width: 100%;
	line-height: 1.3;
	padding-left: 2%;
	margin-top: -3%;
}

#contens05 .sub01 .ttl04 {
	color: #2a9eba;
	font-size: 5.5vw;
	letter-spacing: 0.05em;
	width: 100%;
	line-height: 1.3;
	padding-left: 2%;
	margin:0;
	margin-top: -3%;
}

#contens05 .sub01 .ttl p {
	font-size: 3vw;
	position: relative;
	padding-top: 2%;
	padding-left: 2%;
	padding-bottom: 0;
}

#contens05 .sub01 .ttl p::before {
  content: "";
  width: 12%;
  height: 1px;
  background: #999;
  display:block;
  position: absolute;
  top: 130%;
  left: 44%;
}

#contens05 .sub01 .image01 {
	width: 95%;
	margin:0 auto;
}


#contens05 .sub01 img {
	width: 100%;
	height: auto;
}

/*--------------------------------------------------
 contens06
--------------------------------------------------*/
#contens06 {
	margin: 0;
	min-width: 100%;
	padding-top: 5%;
}


#contens06 .title01 {
  text-align: center;
  background:url(../images/main/sp-contens06-ttl.png) center center no-repeat;
  background-size: 100% auto;
  width: 95%;
  height: 0;
  padding-top: 33%;
  margin: 0 auto;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; 
}

#contens06 .bg-box {
  background:none;
  background-color: #fff;
  width: 95%;
  margin: 0 auto;
  height: auto;
  position: relative;
  padding-bottom: 3%;
}

#contens06 .sub01 {
	width: 100%;
	margin: 0 auto;
	padding-top: 7%;
}

#contens06 .sub02 {
	width: 100%;
	margin: 0 auto;
	padding-top: 7%;
}

#contens06 .sub03 {
	width: 100%;
	margin: 0 auto;
	padding-top: 7%;
}

#contens06 .left-box {
	float: none;
	width: 95%;
	margin-left: 0;
	margin-top: 0;
	margin: 0 auto;
}

#contens06 .right-box {
	float: none;
	width: 95%;
	margin-right: 0;
	margin-left: 0;
	margin: 0 auto;
}

#contens06 .ttl h4 span {
	font-size: 4vw;
	color: #fff;
	line-height: 1;
	 background: #1986a1;
	 display: inline-block;
	 padding: 2%;
	 letter-spacing: -0.05em;
}

#contens06 .ttl h4 .text-d02 {
  margin: -2% 0 0 0;
}


#contens06 .c-text{
	letter-spacing: -0.08em;
}



#contens06 .ttl p {
	font-size: 3vw;
	line-height: 1.4;
	margin-top: 5%;
	margin-bottom: 5%;
}



#contens06 .sub02 .left-box {
	float: none;
	width: 100%;
	margin-left: 0;
	margin: 0 auto;
}

#contens06 .sub02 .right-box {
	float: none;
	width: 95%;
	margin-right: 0;
	margin-left: 0;
	margin-top: 0;
	margin: 0 auto;
}

#contens06 .image01 {
	width: 100%;
	margin:0 auto;
	float: none;
	padding-right:0;
	padding-bottom: 3%;
}


#contens06 img {
	width: 100%;
	height: auto;
}


}