.ec-slider-wrap {
  display: flex;
}
.ec-slider-wrap .ec-slider-for {
  width: 75%;
}
.ec-slider-wrap .ec-slider-nav {
  width: 25%;
}
.ec-slider-nav.slick-vertical .slick-slide {
  border: none;
  margin-top: -50px;
  margin-bottom: 50px;
 }


 .slider-fade{
 	position: relative;
	background-image: url("https://peakmanager.jpn.org/wp-content/themes/portal/images/iphone-back.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
 }

.slider-fade figure{
	position: absolute;
	padding-left: 1%;
	padding-top: 3%;

}

 .top-button4{
	background-color: #f64c09;
	color: #FFF !important;
	display: block;
	font-size: 15px;
	padding: 20px 10px;
	text-align: center;

}

.top-button4:hover{
	background-color: #f8682f;
	text-decoration: none;
}

.g-topmenu{
	padding-top: 15px;
	text-align: right;
}

.g-topmenu a{
		color: #F64C09 !important;
}

.g-topmenu a:hover{
		color: #f8682f !important;
}


.gtopmenu2{
	margin-right: 40px;
	margin-left: -40px;
}

.g-bg{
	background-color: #E0EDFB;
	background-image: url("https://peakmanager.jpn.org/wp-content/themes/portal/images/main_pc_bg.png");
	background-position: right bottom;
	background-repeat: no-repeat;
    background-size:auto 130%;
    padding: 20px 0;
}

.g-bg-w{
  /* 背景画像の透過用css */
  height: 100%;
  background: rgba(255,255,255,0.2);
}



.g-entry p{
	background-color: #032748;
	padding: 10px;
	color: #FFF;
	text-align: center;
}


 .top-button5{
	background-color: #f64c09;
	color: #FFF !important;
	display: block;
	font-size: 20px;
	padding: 15px 20px;
	text-align: center;
	margin:20px 0 30px 0;
	border-radius: 5px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0,0, .2);

}

.top-button5:hover{
	background-color: #f8682f;
	text-decoration: none;
}


 .top-button6{
	background-color: #f64c09;
	color: #FFF !important;
	display: block;
	font-size: 20px;
	padding: 20px 20px;
	text-align: center;
	margin:20px 0 30px 0;
	border-radius: 5px;
	font-size: 1.6rem;
    box-shadow: 0px 2px 0px 0px rgba(0, 0,0, .2);

}

.top-button6:hover{
	background-color: #f8682f;
	text-decoration: none;
}


.g-sec{
	padding: 80px 0;
}

.g-sec2{
	padding: 60px 0 30px 0;
}

.g-sec h1{
	text-align: left !important;
	font-size: 20px;
	line-height: 150%;
	margin-bottom: 60px;
	margin-top: -20px;


}

.g-sec p{
	text-align: center;
	font-size: 1.4rem;
	line-height: 150%;


}

.g-sec hr{
	border: #8fc31f solid 3px;
	width: 100px;
	margin-top: 20px;
	margin-bottom: 50px;
}



.hr-change{
	border: #4285f4 solid 3px !important;
	width: 100px;
	margin-top: 20px;
	margin-bottom: 50px;
}

.g-sec h2{
	text-align: left;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 200%;
}

.g-sec h3{
	margin: 0 auto;
	font-size: 1.0rem;
	font-weight: normal;
	padding: 20px 0;
	text-align: center;
}

.g-sec h4{
	margin: 0 auto;
	font-size: 2.0rem;
	font-weight: normal;
	color: #005DD6;
	padding-bottom: 50px;


}



.g-sec-color{
	color: #005DD6;
	font-size: 3.0rem;
}



.g-spacer{
	padding-bottom: 30px;
}

.g-spacer2{
	padding-bottom: 20px;
}

.g-circle01 {
    width: 70px;
    height: 70px; 
    border: 1px solid #4B8AF3;
    color: #4B8AF3;
    border-radius: 50%; 
    margin: 0 auto;/* ←円を中央揃え */
    text-align: center;/* ←文字を左右に中央揃え */
    line-height: 70px;/* ←文字を上下に中央揃え */
    font-size: 1.4rem;
}


.g-circle02 {
    width: 70px;
    height: 70px; 
    border: 1px solid #F36C60;
    color: #F36C60;
    border-radius: 50%; 
    margin: 0 auto;/* ←円を中央揃え */
    text-align: center;/* ←文字を左右に中央揃え */
    line-height: 70px;/* ←文字を上下に中央揃え */
    font-size: 1.4rem;
}


.g-circle03 {
    width: 70px;
    height: 70px; 
    border: 1px solid #F3BD26;
    color: #F3BD26;
    border-radius: 50%; 
    margin: 0 auto;/* ←円を中央揃え */
    text-align: center;/* ←文字を左右に中央揃え */
    line-height: 70px;/* ←文字を上下に中央揃え */
    font-size: 1.4rem;
}

.g-circle04 {
    width: 70px;
    height: 70px; 
    border: 1px solid #2BB773;
    color: #2BB773;
    border-radius: 50%; 
    margin: 0 auto;/* ←円を中央揃え */
    text-align: center;/* ←文字を左右に中央揃え */
    line-height: 70px;/* ←文字を上下に中央揃え */
    font-size: 1.4rem;
}


.g-camp{
	background-color: #CFE8FF;
}

.g-camp2{
	background-color: #F3F9FF;
}

.g-camp3{
	background-color: #3A8AF2;
}


.g-camp4{
	background-color: #F2F2F2;
}



.g-camp2 h5{
	color: #005DD6;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 30px;
	font-size: 1.4rem;
}

.g-camp2 p{
	text-align: center;
	padding: 20px 0;
}


.g-p{
	text-align: left !important;
	padding: 20px 0;
	font-size: .9rem;
}

.g-font-color-w{
	color: #FFF !important;
	font-size: 1.8rem !important;

}


 .tri-master{
 	position: relative;
 	width: 100%;

 }



.triangle1{ 
	position: absolute;
     width: 0;
     height: 0;
     left: 47.5%;
     border-left: 30px solid transparent;
     border-right: 30px solid transparent;
     border-top: 30px solid #CFE8FF;
    z-index: 2;
    text-align: center;
}

.worries-1{
	background-color: #FFF;
	padding: 60px 0;
	z-index: 1;
}


.triangle2{ 
	position: absolute;
     width: 0;
     height: 0;
     left: 47.5%;
     border-left: 30px solid transparent;
     border-right: 30px solid transparent;
     border-top: 30px solid #FFF;
    z-index: 3;
    text-align: center;
}



.worries-2{
	background-color: #4285f4;
	padding: 60px 0;
	color: #FFF;
}

.worries-2 h1{
	font-weight: bold;
	font-size: 2.0rem;
	padding-bottom: 10px;

}

.worries-2 h2{
	font-size: 1.5rem;
	line-height: 200%;
	text-align: center;
}


.maru {
  position: absolute;
  height:70px;
  width:70px;
  border-radius:70%;
  line-height:70px;
  text-align:center;
  background:#FFF;
  font-size:2.4rem;
  margin-left:20px;
  font-weight: bold;
  left: 45.5%;
  margin-top: -30px;
  z-index: 4;

}


.worries-3{
	margin-top: 5px;
	background-color: #c0d3ff;
	padding: 60px 0;
	color: #FFF;
}

.worries-3 h1{
	padding-top: 20px;
	font-weight: bold;
	font-size: 1.5rem;
	padding: 10px 20px;
	background-color: #032748;
	border-radius: 30px;

}

.worries-3 h2{
	padding-top: 20px;
	font-size: 1.5rem;
	line-height: 200%;
	text-align: center;
	color: #032748 !important;
}



.triangle3{ 
	position: absolute;
     width: 0;
     height: 0;
     left: 47.5%;
     border-left: 30px solid transparent;
     border-right: 30px solid transparent;
     border-top: 30px solid #c0d3ff;
    z-index: 3;
    text-align: center;
}


.r-con{
	background-color: #FFF;
	border-radius: 30px;
	padding: 40px 30px;
	text-align: center;
}
.r-con h1{
	font-size: 1.3rem;
	line-height: 160%;
}


.app_select01{

	background-color: #fbfff0;
	padding: 15px 20px;
	font-size: 18px;
	color: #8fc31f;
	font-weight: bold;
	border-top: 1px dotted; #8fc31f;
	border-bottom: 1px dotted; #8fc31f;
}

.app_select02{

	background-color: #fbfff0;
	padding: 15px 20px;
	font-size: 18px;
	color: #8fc31f;
	font-weight: bold;
	border-bottom: 1px dotted; #8fc31f;
}
.app_select_pa{
	margin-bottom: 15px;
}



.app_select03{

	background-color: #fcf1ed;
	padding: 15px 20px;
	font-size: 18px;
	color: #dc5519;
	font-weight: bold;
	border-top: 1px dotted; #dc5519;
	border-bottom: 1px dotted; #dc5519;
}

.app_select04{

	background-color: #fcf1ed;
	padding: 15px 20px;
	font-size: 18px;
	color: #dc5519;
	font-weight: bold;
	border-bottom: 1px dotted; #dc5519;
}
.appsec_pad{
	padding: 10px 0;
	line-height: 120% !important;
}

.liine_height{
line-height: 150% !important;
}

.app_se01{
	border-top: #8fc31f 3px solid;
	padding-bottom: 30px;
}

.app_se01 b{
	color: #8fc31f;
	font-size: 19px;
	
}

.app_se01 p{
	margin-top: 10px;
	font-size: 18px;
}


.app_se02{
	border-top: #dc5519 3px solid;
	padding-bottom: 30px;
}

.app_se02 b{
	color: #dc5519;
	font-size: 19px;
}

.app_se02 p{
	font-size: 18px;
	margin-top: 10px;
}

.app_sec02_1{
	margin-top: -20px;
	font-size: 16px;
	line-height: 120% !important;

}

.app_sec02_1 h1{
 background-color: #f9cec0;
 font-size: 24px;
 font-weight: bold;
 color: #dc5519;
 padding:5px 15px;
 margin-top: 30px;

}

.app_sec02_1 p{
    margin-top: 18px;
	line-height: 180% !important;
	font-size: 18px;

	}


.app_spacer{
	margin-right: 90px;
}	





















/*----------------------------------------------------
	スマホ以下のスタイリング
----------------------------------------------------*/
@media screen and (max-width: 767px){

 .top-button4{
	background-color: #f64c09;
	color: #FFF !important;
	display: block;
	font-size: 13px;
	padding: 20px 5px;
	text-align: center;
	margin-right: -15px;

}

.top-button4:hover{
	background-color: #f8682f;
	text-decoration: none;
}

.google-logo{
	padding-top: 10px;
}

.g-img{
 padding-right:0px !important;
 padding-left:0px !important;
}

.g-entry p{
	background-color: #032748;
	padding: 10px;
	font-size: 0.9rem;
	color: #FFF;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
}



 .top-button5{
	background-color: #f64c09;
	color: #FFF !important;
	display: block;
	font-size: 18px;
	padding: 15px 0px;
	text-align: center;
	margin:20px 0 30px 0;
	border-radius: 5px;
   box-shadow: 0px 2px 0px 0px rgba(0, 0,0, .2);


}

 .top-button6{
	background-color: #f64c09;
	color: #FFF !important;
	display: block;
	font-size: 18px;
	padding: 15px 0px;
	text-align: center;
	margin:20px 0 30px 0;
	border-radius: 5px;
   box-shadow: 0px 2px 0px 0px rgba(0, 0,0, .2);


}

.g-sec{
	padding: 40px 0 30px 0;

}

.g-sec h1{
	text-align: center;
	font-size: 19px;
	line-height: 130%;
	font-weight: 800;
	padding-bottom: 0px;
	color: #666;
}



.g-sec p{
	text-align: center;
	font-size: 1.0rem;
	line-height: 150%;


}



.g-sec hr{
	border: #8fc31f solid 3px;
	width: 100px;
	margin-top: 20px;
	margin-bottom: 30px;
}


.g-sec h2{
	text-align: center;
	font-size: 1.0rem;
	font-weight: normal;
	line-height:180%;
	padding-bottom: 20px;
}

.g-sec h3{
margin: 0;
	font-size: 1.0rem;
	font-weight: normal;
	padding: 20px 0;
}

.g-sec h4{
	margin: 0;
	font-size: 2.0rem;
	font-weight: normal;
	color: #005DD6;
	padding: 10px 10px;

}


.g-circle01 {
    width: 50px;
    height: 50px; 
    border: 1px solid #4B8AF3;
    color: #4B8AF3;
    border-radius: 50%; 
    margin: 0 auto;/* ←円を中央揃え */
    text-align: center;/* ←文字を左右に中央揃え */
    line-height: 50px;/* ←文字を上下に中央揃え */
    font-size: 1.4rem;
}

.g-circle02 {
    width: 50px;
    height: 50px; 
    border: 1px solid #F36C60;
    color: #F36C60;
    border-radius: 50%; 
    margin: 0 auto;/* ←円を中央揃え */
    text-align: center;/* ←文字を左右に中央揃え */
    line-height: 50px;/* ←文字を上下に中央揃え */
    font-size: 1.4rem;
}

.g-circle03 {
    width: 50px;
    height: 50px; 
    border: 1px solid #F3BD26;
    color: #F3BD26;
    border-radius: 50%; 
    margin: 0 auto;/* ←円を中央揃え */
    text-align: center;/* ←文字を左右に中央揃え */
    line-height: 50px;/* ←文字を上下に中央揃え */
    font-size: 1.4rem;
}

.g-circle04 {
    width: 50px;
    height: 50px; 
    border: 1px solid #2BB773;
    color: #2BB773;
    border-radius: 50%; 
    margin: 0 auto;/* ←円を中央揃え */
    text-align: center;/* ←文字を左右に中央揃え */
    line-height: 50px;/* ←文字を上下に中央揃え */
    font-size: 1.4rem;
}


.g-camp2 p{
	text-align: center;
	padding: 5px 0;
}

.g-p{
	text-align: left !important;
	padding: 5px 0;
	font-size: .7rem;
}

.g-font-color-w{
	color: #FFF !important;
	font-size: 1.0rem !important;

}


.g-bg{
	background-color: #E0EDFB;
	background-image: url("https://peakmanager.jpn.org/wp-content/themes/portal/images/main_pc_bg.png");
	background-position: right bottom;
	background-repeat: no-repeat;
    background-size:auto 100%;

}

.g-bg-w{
  /* 背景画像の透過用css */
  height: 100%;
  background: rgba(255,255,255,0.2);
}



 

.g-sec2{
	padding: 30px 0 0 0;
}





.app_select01{

	background-color: #fbfff0;
	padding: 5px 20px;
	font-size: 16px;
	color: #8fc31f;
	font-weight: bold;
	border-top: 1px dotted; #8fc31f;
	border-bottom: 1px dotted; #8fc31f;
}

.app_select02{

	background-color: #fbfff0;
	padding: 5px 20px;
	font-size: 16px;
	color: #8fc31f;
	font-weight: bold;
	border-bottom: 1px dotted; #8fc31f;
}
.app_select_pa{
	margin-bottom: 15px;
}



.app_select03{

	background-color: #fcf1ed;
	padding: 5px 20px;
	font-size: 16px;
	color: #dc5519;
	font-weight: bold;
	border-top: 1px dotted; #dc5519;
	border-bottom: 1px dotted; #dc5519;
}

.app_select04{

	background-color: #fcf1ed;
	padding: 5px 20px;
	font-size: 16px;
	color: #dc5519;
	font-weight: bold;
	border-bottom: 1px dotted; #dc5519;
}
.appsec_pad{
	padding: 10px 0;
	line-height: 120% !important;
}

.app_se01{
	border-top: #8fc31f 3px solid;
	padding-bottom: 30px;
}

.app_se01 b{
	color: #8fc31f;
	font-size: 18px;
	
}

.app_se01 p{
	margin-top: 10px;
	font-size: 16px;
}


.app_se02{
	border-top: #dc5519 3px solid;
	padding-bottom: 30px;
}

.app_se02 b{
	color: #dc5519;
	font-size: 18px;
}

.app_se02 p{
	font-size: 16px;
	margin-top: 10px;
}

.app_sec02_1{
	margin-top: -40px;
	font-size: 16px;
	line-height: 120% !important;

}

.app_sec02_1 h1{
 background-color: #f9cec0;
 font-size: 24px;
 font-weight: bold;
 color: #dc5519;
 padding:5px 15px;
 margin-top: 30px;

}

.app_sec02_1 p{
	line-height: 150% !important;
	font-size: 16px;
}

.app_spacer{
margin-right:0px;
}	


}



/* タブレット*/
@media screen and (min-width: 768px) and (max-width: 1024px){


.gtopmenu2{
	margin-right: 10px;
	margin-left: -10px;
}

}