@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*SMP SETTEING*/
@media screen and (max-width: 640px) {

}
/* /SMP SETTEING*/



/*------------------------------
BASE SETTING
------------------------------*/

#wrapper .contents {
	font-family: 'Noto Sans Japanese', sans-serif;
	/*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
	/*font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
	letter-spacing: 0.1em;
	line-height: 1.5em;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
	#wrapper .contents {
		font-family: 'Noto Sans Japanese', sans-serif;
		/*font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
	}
}
/* /SMP SETTEING*/

html,body {
	min-width: auto;
}

#wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
}

@media (max-width: 820px) {
	#wrapper{
		margin-top: 50px;
	}
}

.fixed{
	position: fixed !important;
}

.relative{
	position: relative !important;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.large-blur {
	text-shadow: 1px 1px 5px rgba(0,0,0,1);
}


.contents{
	width: 100%;
	height: auto;
	margin: auto 0 auto 0;
	clear: both;
	padding: 0 0 5px 0;
	background: #FFF;
	clear: both;
	color: #000;
	font-family: 'Noto Sans Japanese', sans-serif;

}

.gradation2{
	width: 100%;
	height: 100%;
}

.box{
	width: 940px;
	margin: auto;
	text-align: center;
box-shadow:5px 5px 10px 0px #c3c3c3;
-moz-box-shadow:5px 5px 10px 0px #c3c3c3;
-webkit-box-shadow:5px 5px 10px 0px #c3c3c3;
     border:1px solid #fff;
}
/*  ---------------------------
		TOPIC PASS
---------------------------  */

#topic_pass{
	width: 100%;
	background: #dedede;
	height: 50px;
	color: #2a2a2a;
	font-size: 14px;
	font-family: 'Noto Sans Japanese', sans-serif;

}

/*SMP SETTEING*/
@media screen and (max-width: 768px) {
#topic_pass{
	top: 50px;
}


}
/* /SMP SETTEING*/


#topic_pass ul{
	margin: 0 0 0 20px;
	line-height: 1.2;
	padding: 15px 0 10px 0;

}


#topic_pass li{
	display: inline-block;
	margin: 0 10px 0 0;
}

#topic_pass li:after{
	content: ">";
	margin: 0 0 0 10px;
	
}

#topic_pass li:last-child:after{
	content: none;
	
}


#topic_pass li a{
	color: #000;
	text-decoration: underline;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.box{
	width: 90%;
	margin: auto;
}
}
/* /SMP SETTEING*/



.attentions{
	font-size: 12px !important;
	text-align: left;
}


.button {
	display: inline-block;
    width: 100%;
    max-width: 1000px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	margin: 20px auto;
	font-size: 18px;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.button {
	display: inline-block;
	width: 90%;
	height: auto;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	margin: 20px auto;
	font-size: 14px;
}
}
/* /SMP SETTEING*/

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button.w {
	position: relative;
	z-index: 2;
 	background: #f9504c;
 	color: #fff;
	line-height: 50px;
	width:80%;
    min-height: 36px;
}

.button.w img{
	vertical-align:middle;
}
/*SMP SETTEING*/
/*@media screen and (max-width: 640px) {
.button.w {
	position: relative;
	z-index: 2;
 	background: #f9504c;
 	color: #fff;
	line-height: 2.4;
	width:80%;
}
}
/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.button.w img{
	vertical-align:middle;
width: 4%;
    height: 14px;}
}
/* /SMP SETTEING*/


.button.w:hover {
	background-color: #f89c9a;
	border-color: #f9504c;
	color: #FFF;
}
.button.w::before,
.button.w::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #ff6161;
	color: #484848;

}
.button.w::before {
	right: 0;
}
.button.w::after {
	left: 0;
}
.button.w:hover::before,
.button.w:hover::after {
	width: 0;
	background-color: #FF0000;
}

.button.r {
	position: relative;
	z-index: 2;
 	background: #FFF;
 	color: #FFF;
	border: 2px solid #f9504c;
	line-height: 50px;
	text-decoration: none;
}
.button.r img{
	vertical-align:middle;
}
/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.button.r img{
	vertical-align:middle;
width: 4%;
    height: 14px;}
}
/* /SMP SETTEING*/

.button.r:hover {
	background-color: #FFF;
	border-color: #f9504c;
	color: #f9504c;
}
/*SMP SETTEING*/
/*@media screen and (max-width: 640px) {
.button.r:hover{
	vertical-align:middle;
width: 4%;
    height: 14px;
}
}*/
/* /SMP SETTEING*/

.button.r::before,
.button.r::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #ff6161;
}
.button.r::before {
	right: 0;
}
.button.r::after {
	left: 0;
}
.button.r:hover::before,
.button.r:hover::after {
	width: 0;
	background-color: #f9504c;
}
/*------------------------------
HEADER SETTINGS
------------------------------*/
#header_key{
	width:100%;
	height:auto;
}

/*#fullscreen{
	width: 100%;
	height: auto;
	overflow: hidden;
	background:  transparent;
	background-attachment:fixed;
	background-size:cover;
	position:relative;
	background-color: rgba(0,0,0,0.5);
}*/
/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#header_key{
	width:100%;
	height:auto;

}
/*#fullscreen{
	width: 100%;
	height: auto;
	overflow: hidden;
	background:  transparent;
	background-attachment: scroll;
	background-size:cover;
	position:relative;
	background-image: url(/images/sp_bg.png);
}*/
}
/* /SMP SETTEING*/



video {display:block;}
 
#bg-video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
    }

header.section{
	width: 100%;
	background-attachment:fixed;
	background-size:cover;
}

header.section a:link,
header.section a:hover,
header.section a:visited{
	color:#fff;
	text-decoration: none;
}

header.section .header_Inner p{
	position: absolute;
	left: 35px;
	top: 30px;
}


/*SMP SETTEING*/
@media screen and (max-width: 640px) {
header.section p.site_id{
	position: relative;
	margin: auto;
	text-align: center;
	height: auto;
	padding: 0px 36px 14px 0;
	display: block;
}
}
/* /SMP SETTEING*/

header.section .header_Inner{
	background: #d91200;
	padding-bottom: 40px;
}
header.section .header_Inner p img{
	width:60%;
	height:60%;
}
/*header .header_Inner p a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  	transition:all 0.2s;
}*/

header.section #heaer_nav01{
	float: right;
	line-height: 0.7;
}

header.section #heaer_nav01{
	margin: 20px 35px 0 0;
}

header.section #heaer_nav01 li{
	display: inline-block;
	padding: 0 25px 0 0;
	vertical-align:middle;
	
}
header.section #heaer_nav01 li a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  	transition:all 0.2s;
}
/*header.section #heaer_nav01 li:nth-child(6){
	margin: -20px 0 0px 0;
	vertical-align:top;
}

header.section #heaer_nav01 li:last-child{
}

header.section #heaer_nav01 #navi_lang{
	background:#333;
	display:block;
	color:#FFF;
	padding:5px 15px 5px 40px;
	background: url(/images/lang_icon.png) no-repeat 15px 6px #000;
	font-style:italic;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	line-height: 1.5;
}
header.section #heaer_nav01 #navi_lang:hover{
background:url(/images/navi/lang_icon.png) no-repeat 15px 6px #555;
	text-decoration:none;
}*/
header.section #navi_lang{
	float:right;
	margin:10px 35px 0 0;
}
header.section #navi_lang li{
	display: inline-block;
}
header.section #navi_lang li img{
	width:34px;
	height: auto;
	border:none;
}
header.section #navi_lang li a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  	transition:all 0.2s;
}
/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.nav li #navi_lang li{
	float: left;
}
}
/* /SMP SETTEING*/


/*header.section #navi_lang li img{
	width: 50px;
	border: none;
}
*/
/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.nav li #navi_lang li img{
	width: 20px;
}
}
header.section div.logo {
	background: url(/images/oakworker2017/memories_key.jpg) no-repeat center top;
	background-size: cover;
    width: 100%;
	height:450px;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:50px;
	color:#ffffff;
	overflow:hidden;
	position: relative;
}
header.section div.logo h1{
width: 95%;
    max-width: 940px;
    height: auto;
    margin: 0 auto 20px auto;
	font-weight: bold;
}
header.section div.logo .h1_all{
	width:90%;
	height:auto;
}

header.section div.logo .h1_top{
	max-width:940px;
	text-align:center;
	line-height:1.3em;
	padding: 50px 0 10px;
}
header.section div.logo .h1_top p{
	padding:0 2px 0;
	vertical-align:baseline;
}
header.section div.logo .h1_top img{
	vertical-align: bottom;
}
header.section div.logo .h1_middle_all{
    width: 100%;
	max-width:940px;
    height: auto;
    margin: 30px auto;
}
header.section div.logo .h1_middle_all p{
	  width:100%;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    font-weight: 500;
    line-height: 1em;
}
header.section div.logo .h1_middle_all img{
    width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

header.section div.logo .h1_text{
	text-align:center;
	padding-top: 20px;
	padding-bottom:40px;
	line-height:1.3em;
	font-size: 24px;
    font-weight: normal;
}
header.section div.logo .h1_bottom{
	text-align:center;
	padding-bottom:0px;
}
header.section div.logo .h1_bottom img{
}
header.section div.logo .h1_bottom img a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  	transition:all 0.2s;
}
header.section #key_info{
	margin: -30px auto 70px;
	background-color: #ffffff;
	width: 90%;
	max-width: 1000px;
	height: auto;
	  box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
	color: #010101;
	padding: 70px 0;
	position: relative;
	z-index: 10;
}
header.section #key_info .key_info_text_s{
	font-size: 12px;
}
header.section #key_info .key_info_title{
	font-size: 23.94px;
	display: block;
	margin: 0 auto 30px;
	text-align: center;
	font-weight: 300;
}
header.section #key_info .key_info_text{
	font-size: 14px;
	margin: 0 auto 20px;
	text-align: left;
	line-height: 2em;
	width: 90%;
	padding: 0 0 10px 0;
	font-weight: 200;
}
header.section #key_info .key_info_icon{
	width: 90%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.2;
    font-weight: 200;
}
header.section #key_info .key_info_icon li{
	display: inline-block;
	font-size: 17.99px;
	padding-left: 10px;
	line-height: 1.3;
}
header.section #key_info .key_info_icon li img{
	vertical-align:bottom;
}
#key_info_bg{
	background: #fff;
	height: 430px;
}
header.section #key_info .key_info_link{
	width: 90%;
    margin: 20px auto 0 auto;
    text-align: center;
	line-height: 2em;
}
header.section #key_info .key_info_link li{
	display: inline-block;
	color: #000;
	border-radius: 22px;
}
header.section #key_info .key_info_link li.key_info_link_memories{
	background: #f6c945;
	
}
header.section #key_info .key_info_link li.key_info_link_agent{
	background: #97e296;
}
header.section #key_info .key_info_link li.key_info_link_pro{
	background: #99e9f1;
}
header.section #key_info .key_info_link li.key_info_link_blogger{
	background: #ee7f95;
}
header.section #key_info .key_info_link li.key_info_link_app{
	background: #eaf04c;
}
header.section #key_info .key_info_link a{
	display: block;
	padding: 5px 20px;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
header.section #key_info .key_info_link a:hover{
	background: #fff;
	border-radius: 22px;
}
header.section #key_info .key_info_link li.key_info_link_memories a:hover{
	box-shadow: 0 0 0 1px #f6c945 inset;
	color: #f6c945;
}
header.section #key_info .key_info_link li.key_info_link_agent a:hover{
	box-shadow: 0 0 0 1px #97e296 inset;
	color: #97e296;
}
header.section #key_info .key_info_link li.key_info_link_pro a:hover{
	box-shadow: 0 0 0 1px #99e9f1 inset;
	color: #99e9f1;
}
header.section #key_info .key_info_link li.key_info_link_blogger a:hover{
	box-shadow: 0 0 0 1px #ee7f95 inset;
	color: #ee7f95;
}
header.section #key_info .key_info_link li.key_info_link_app a:hover{
	box-shadow: 0 0 0 1px #eaf04c inset;
	color: #eaf04c;
}


/*SMP SETTEING*/
@media screen and (max-width: 640px) {
		#key_info_bg{
			background: #fff;
			height: auto;
			min-height: 740px;
		}
}
@media screen and (max-width: 640px) {
header.section div.logo{
	background: url(/images/oakworker2017/memories_key_sp.jpg) no-repeat center top;
		background-size:cover;
    width: 100%;
	height:450px;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:31px;
	color:#ffffff;
	overflow:hidden;
	font-weight:bold;
	position: relative;
}
header.section #key_info{
	background-color: #ffffff;
	width: 90%;
	max-width: 540px;
	height: auto;
	  box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    color: #010101;
}
header.section #key_info .key_info_title{
	font-size: 23.94px;
	display: block;
	margin: 0 auto 30px;
	text-align: center;
}
header.section #key_info .key_info_text{
	font-size: 14px;
	margin: 0 auto 20px;
	text-align: left;
	line-height: 2em;
	width: 90%;
	padding: 0 0 10px 0;
}
header.section #key_info .key_info_icon{
	width: 90%;
    margin: 0 auto;
    text-align: left;
	line-height: 2em;
}
header.section #key_info .key_info_icon li{
	display: flex;
	font-size: 17.99px;
	padding-left: 0;
	line-height: 1.5;
}
header.section #key_info .key_info_icon li img{
    padding-top: 4px;
}
header.section #key_info .key_info_link li{
	width: 100%;
	margin-top: 10px;
}
header.section #key_info .key_info_link li:first-child{
	margin-top: 0;
}
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
header.section div.logo h1{
	width: 100%; 
	margin: 6% auto 5% auto;
	z-index: 99;
	left: 0;
	font-weight: bold;
  }
}
/* /SMP SETTEING*/
@media screen and (max-width: 640px) {
header.section div.logo .h1_top{
	width:95%;
	text-align:center;
	line-height:1.3em;
	padding: 10px 0 10px;
	margin-top: 120px;
	margin-left:auto;
	margin-right:auto;
}
}
@media screen and (max-width: 640px) {
header.section div.logo .h1_top p{
	padding:0 2% 0;
	vertical-align:baseline;
}
}
@media screen and (max-width: 640px) {
header.section div.logo .h1_top img{
	width:68%;
	height:auto;
	vertical-align: bottom;
}
}
@media screen and (max-width: 640px) {
header.section div.logo .h1_middle_all{
    width: 90%;
    height: auto;
    margin: 20px auto 14px;
}
header.section div.logo .h1_middle_all p{
	  width:100%;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    font-weight: 400;
    line-height: 1em;
}

}
@media screen and (max-width: 640px) {
header.section div.logo .h1_middle_all img{
    width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
}
}

@media screen and (max-width: 640px) {
header.section div.logo .h1_text{
	width:95%;
	text-align:center;
	padding-top: 10px;
	padding-bottom:20px;
	line-height:1.3em;
	  margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    font-weight: normal;
}
}

@media screen and (max-width: 640px) {
header.section div.logo .h1_bottom{
	text-align:center;
	padding-bottom:0px;
}
}
@media screen and (max-width: 640px) {
header.section div.logo .h1_bottom img{
	    width: 9%;
    height: auto;
}
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.nav img{
	width: 40px;
}

}
/* /SMP SETTEING*/

/*HEIGHT SETTEING*/
@media screen and (max-height: 680px) {


}
/*/HEIGHT SETTEING*/


/*SMP SETTEING*/
@media screen and (max-width: 640px) {

header.section h2{
}

}


.gradation{
	position: absolute;
	background: linear-gradient(#424242, #000);
	opacity: 0.7;
	height: 100vh;
	width: 100%;
	z-index: 1;
}




h3.event_tit{
	color: #FFF;
	font-size: 30px !important;
	padding-bottom: 0px !important;
}

h3.event_tit span{
	font-size: 16px;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {


h3.event_tit{
	color: #FFF;
	font-size: 24px !important;
	padding-bottom: 0px !important;
}

h3.event_tit span{
	font-size: 12px;
	letter-spacing: 0.03em;
}


}
/* /SMP SETTEING*/



/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.nav img{
	width: 40px;
}

}
/* /SMP SETTEING*/

/*HEIGHT SETTEING*/
@media screen and (max-height: 680px) {


}
/*/HEIGHT SETTEING*/


/*SMP SETTEING*/
@media screen and (max-width: 640px) {

header.section h2{
}

}
/* /SMP SETTEING*/



#logo_forbridal_fill{
	fill:#FFF;
}

p.catch{
	font-size: 16px;
	text-align: center;
	z-index: 99;
	color: #FFF;
	position: absolute;
	width: 500px;
	line-height: 2.5em;
	left: 50%;
	bottom: 18%;
	margin-left: -250px;
	padding-top: 220px;

}

/*HEIGHT SETTEING*/
@media screen and (max-height: 680px) {

p.catch{
	font-size: 12px;
	text-align: center;
	z-index: 99;
	color: #FFF;
	position: absolute;
	width: 500px;
	line-height: 2.5em;
	left: 50%;
	bottom: 230px;
	margin-left: -250px;
	padding-top: 220px;

}


}
/*/HEIGHT SETTEING*/



p#arrow{
	display: block;
	z-index: 99;
	position: absolute;
	width: 200px;
	line-height: 2.5em;
	left: 50%;
	bottom: 20px;
	margin-left: -100px;
	text-align: center;
	color: #ff1500 ;

}

p#arrow span{
	display: block;
	font-size: 10px;
}

p#arrow img{
	display: block;
	margin: auto;
	padding: 0px 0;
}

p#arrow img.arwimg{
	padding: 5px 0 0 0;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {

p#arrow{
	bottom: 15px;
	

}

p#arrow img{
	width: 20px;
}


}
/* /SMP SETTEING*/

p#arrow a:link,p#arrow a:visited{
	color: #ff1500 ;
	text-decoration: none;
}

p#arrow a:hover{
	opacity: 0.6;
}



p#arrow svg#Capa_1{
	width: 27px;
}

.slidebox{
	overflow: hidden !important;
	z-index: 9;
}

.section{
	clear: both;
}



#navi{
	position: absolute;
	z-index: 999;
	font-size: 15px;
	width:560px;
	top: 66px;
	left: 40px;
}

#navi li{
	display: inline-block;
	margin: 0 20px 0 0;
}

#navi li a{
	color: #FFF;
	text-decoration: none;
}

#navi_sub{
	position: absolute;
	z-index: 999;
	font-size: 15px;
	letter-spacing: 0.1em;
	top: 60px;
	top: 0px\9;
	right: 20px;
}

#navi_sub li{
	display: inline-block;
	margin: 0 20px 0 0;
}


#navi_sub .navi_logo{
	width: 70px;
}

#navi_sub .navi_online{
	width: 110px;
}

#navi_sub .navi_fb{
	width: 28px;
}

/*PAGE TOP*/
#page-top {
    position: fixed;
    bottom: 50px;
    left: 50%;
    margin: 0 0 0 -38px;
}
/*SMP SETTEING*/
@media screen and (max-width: 640px) {

#page-top {
    position: fixed;
    bottom: 30px;
    left: 50%;
    margin: 0 0 0 -37px;
}

}
/* /SMP SETTEING*/


#page-top a {
    width: 52px;
    height: 52px;
    display: block;
}

/*SCROLL NAVI*/

#navi_scroll{
	position: fixed;
	top: 0px;
	z-index: 9999;
	color: #fff;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 97px;
	border-bottom: #b29844 3px solid;
	font-family: 'Noto Sans Japanese', sans-serif;
}

#navi_scroll .navi_fbox{
	margin: auto auto;
	height: 85px;
	position: relative;
}

#navi_scroll .navi_fbox p.navilogo{
	position: absolute;
	top: 15px;
	left: 70px;
	width: 124px;
	height: 71px;
}

#navi_scroll .navi_fbox p.navilogo img{
	width: 90%;
}

#navi_scroll .navi_fbox #navi{
	text-align: center;
	width: 620px;
	margin: auto;
	position: absolute;
	left: 50%;
	top: 40px;
	margin: 0 0 0 -310px;
	font-size: 17px;
}

#navi_scroll #navi{
	
}

#navi_scroll #navi li{
	margin: 0 30px ;
}

#navi_scroll #navi li:before {
	content: url(../../../oakmember/assets/images/arrow.png);
	margin: 0 10px 0 0;
}

#navi_scroll #navi li:last-child{
}


#navi_scroll #navi li a{
	color: #FFF;
	text-decoration: none;
}

#navi_scroll #navi_sub{
	z-index: 999;
	font-size: 15px;
	letter-spacing: 0.1em;
	position: absolute;
	top: 40px;
	top: -40px\9;
	right: 0px;
	width: 230px;
}

#navi_scroll #navi_sub li{
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align:middle;
}


#navi_scroll #navi_sub .navi_logo{
	width: 70px;
}

#navi_scroll #navi_sub .navi_online{
	width: 110px;
}

#navi_scroll #navi_sub .navi_fb{
	width: 28px;
}


.btn_key{
	text-align: center;
	margin: 20px auto;
}
/*------------------------------
FONT SETTINGS
------------------------------*/
@font-face {
    font-family: 'BebasNeue Regular';
	src:url(../../../font/BebasNeue%20Regular.ttf) format('truetype');
}


/*------------------------------
FONT SETTINGS
------------------------------*/

/*------------------------------
SECTIONS SETTINGS
------------------------------*/

/*firstPage*/

#firstPage{
	background: #fff;	
	color: #484848;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	font-family: 'Noto Sans Japanese', sans-serif;

}
#firstPage .memories_h{
	width: 100%;
	height: 300px;
	box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
     position: relative;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
	
}
#firstPage .memories_h.coaching_jp{
	background-image: url(/images/oakworker2017/memories_all_JP.png);
	background-color: #fffbed;
	
}
#firstPage .memories_h.coaching_eng{
	background-image: url(/images/oakworker2017/memories_all_EN.png);
	background-color: #fffbed;
	
}
#firstPage .memories_h.coaching_fra{
	background-image: url(/images/oakworker2017/memories_all_FR.png);
	background-color: #fffbed;
	
}
#firstPage .memories_h.coaching_kr{
	background-image: url(/images/oakworker2017/memories_all_KR.png);
	background-color: #fffbed;
	
}
#firstPage .memories_h.coaching_cn{
	background-image: url(/images/oakworker2017/memories_all_CN.png);
	background-color: #fffbed;
	
}



#firstPage .memories_h img{
	text-align: center;
}
#firstPage .firstp_navi{
	margin: 0 auto;
	width: 90%;
	max-width: 1000px;
}
#firstPage .firstp_navi .firstp_navi_detail{
	font-size: 18.9px;
	text-align: center;
	margin: 50px auto 40px;
		color: #2a2a2a;
		line-height: 2em;
		font-weight: 200;
}
#firstPage .threePearks{
	background-image: url(/images/oakworker2017/memories_text_border.png);
text-align: left;
padding-left: 5px;
font-weight: 200;	
height: 30px;
text-indent: 1em;
vertical-align: middle;
}
#firstPage .firstp_navi > ul{
	margin: 20px 30px;
	font-size: 14px;
	text-align: center;
	max-width: 940px;
	display: flex;
	align-items: stretch;
}
#firstPage .firstp_navi > ul li {
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    width: 32%;
    text-align: left;
	line-height: 1.6;
	padding: 30px 15px;
	box-sizing: border-box;
	margin-left: 2%;
}
#firstPage .firstp_navi > ul li:first-child {
	margin-left: 0;
}
#firstPage .firstp_navi > ul li p {
	    font-weight: 300;
		font-size: 14px;
		line-height: 1.857;
	}

#firstPage .firstp_navi > ul li .pearks_head{
	font-size: 18px;
	text-align: center;
	display: block;
	    font-weight: 200;
}
#firstPage .firstp_navi #fivesteps{
	margin: 30px 30px 40px;
	font-size: 14px;
	text-align: center;
	max-width: 940px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
#firstPage .firstp_navi #fivesteps .fivesteps_stepall {
	display: inline-block;
	width: 19.468%;
    vertical-align: top;
    margin-bottom: 10px;
	display: flex;
	flex-direction: column;
}
#firstPage .firstp_navi #fivesteps .fivesteps_stepall:first-child {
	margin-left: 0;
}
#firstPage .firstp_navi #fivesteps .fivesteps_head.step1,
#firstPage .firstp_navi #fivesteps .fivesteps_head.step2,
#firstPage .firstp_navi #fivesteps .fivesteps_head.step5{
	background: #dedede;
	width: 100%;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}
#firstPage .firstp_navi #fivesteps .fivesteps_head.step1:after,
#firstPage .firstp_navi #fivesteps .fivesteps_head.step2:after,
#firstPage .firstp_navi #fivesteps .fivesteps_head.step2:before,
#firstPage .firstp_navi #fivesteps .fivesteps_head.step5:before  {
	content: '';
	background: url(/images/oakworker2017/memories_steps_step1_pc_right.gif) no-repeat left top;
	background-size: contain;
	position: absolute;
	display: block;
	top:0;
	height: 100%;
	width: 5px;
}
#firstPage .firstp_navi #fivesteps .fivesteps_head.step2:before,
#firstPage .firstp_navi #fivesteps .fivesteps_head.step5:before  {
	background: url(/images/oakworker2017/memories_steps_step1_pc_left.gif) no-repeat left top;
	left: 0;
}
#firstPage .firstp_navi #fivesteps .fivesteps_head.step1:after,
#firstPage .firstp_navi #fivesteps .fivesteps_head.step2:after {
	content: url(/images/oakworker2017/memories_steps_step1_pc_right.gif);
	right: 0;
}

#firstPage .firstp_navi #fivesteps .fivesteps_content {
	box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
	margin: 20px 5px 0 0;
	flex-grow: 1;
}
#firstPage .firstp_navi #fivesteps .fivesteps_stepall:last-child .fivesteps_content {
	margin-right: 0;
}
	
#firstPage .firstp_navi #fivesteps .fivesteps_content img{
	max-width: 100%;
	height: auto;
}
#firstPage .firstp_navi #fivesteps .fivesteps_text{
	line-height: 1.1;
	font-size: 14px;
	padding: 15px 15px 20px;
	text-align: left;
		display: inline-block;
	}
	#firstPage #memories_1st{
		margin: 40px auto 20px;
		text-align: center;
		
	}
	#firstPage #memories_1st .memories_1st_key{
    	max-width: 1000px;
		min-height: 331px;
		padding-top: 70px;
		box-sizing: border-box;
		padding-bottom: 70px;
		background: url(/images/oakworker2017/memories_1st_key.jpg) no-repeat center top;
		background-size: cover;
		 font-family: 'Noto Sans Japanese', sans-serif;
    color: #ffffff;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
		
	}
	#firstPage #memories_1st .memories_1st_key .memories_1st_key_text{
		font-size: 40px;
		    font-weight: normal;
	}
		#firstPage #memories_1st .memories_1st_key .memories_1st_key_text_bottom{
			font-size: 18px;
			    line-height: 2em;
		}
		#firstPage #memories_1st .memories_1st_key .memories_1st_text_border{
			font-size: 24px;
			border-bottom: 6px solid #fcff00;
			
		}
		#firstPage #memories_1st .memories_contents{
			margin: 0 auto;
	    width: 90%;
    max-width: 1000px;
		}
	#firstPage #memories_1st .memories_1st_points{
				text-align: left;
				font-size: 14px;
				color: #2a2a2a;
				margin-top: 40px;
				line-height: 2em;
				font-weight: 200;
				max-width: 1000px;
				margin: 40px auto 30px;
			}
	#firstPage #memories_1st .memories_1st_points img{
				vertical-align:middle;
			}
	#firstPage #memories_1st .memories_1st_points p{
		margin-top: 10px;
		vertical-align: middle;
		padding-left: 1em;
    text-indent: -1em;
    padding-right: 2em;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
		}
		#firstPage #memories_1st .memories_1st_points > p {
			margin-right: 0;
		}
	#firstPage .steps_1st{
			
		}
/*
	#firstPage .memories_photos{
		margin: 40px auto;
		width: 100%;
		max-width: 1000px;
	}
		#firstPage .memories_photos .memories_photos_list{
		margin: 0 auto 10px;
    display: inline-block;
    vertical-align: top;
    border: 4px solid #fff;
}

	#firstPage .memories_photos img{
			width: 100%;
	}
	#firstPage .memories_photos img:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    transition: all 0.1s;		
	}
#firstPage .memories_photos .memories_photos_left{
		width: 237px;

}
#firstPage .memories_photos .memories_photos_center{
	width: 237px;
}
#firstPage .memories_photos .memories_photos_right{
	width: 237px;
}
*/
/*  ---------------------------
		WEB-1064 OakMemories
---------------------------  */
#memory_list{
	
}
#memory_list .photo_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
    margin: 17px 17px 0;
 }
#memory_list .photo_list .item {
	width: 23.7%;
	margin-top: 13px;
}
#memory_list .photo_list .item:nth-child(-n+4) {
	margin-top: 0;
}
#memory_list .photo_list .item img {
	vertical-align: bottom;
	width: 100%;
	height: auto;
	padding: 0 10px 0 0;
}
#memory_list .photo_list .item a:hover img {
	opacity: 0.75;
}

#memory_list .btn_list {
	margin-top: 40px;
}
#memory_list .btn_list a {
		display: block;
		color: #fff;
		background:#ff6161;
		text-align: center;
		font-size: 14px;
		line-height: 1;
		padding: 20px;
		text-decoration: none;
	}
#memory_list .btn_list a:hover {
		opacity: 0.75;
	}
		#memory_list .inner_for_workerpage {
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 0 0;
	}
@media screen and (max-width: 1060px) {
#memory_list .photo_list .item {
	width: 23.7%;
	margin-top: 13px;
}

}
@media screen and (max-width: 640px) {
#memory_list .photo_list .item {
	width: 32.9861%;
    margin-top: 2px;
}
#memory_list .photo_list .item:nth-child(-n+3) {
    margin-top: 2px;
}
#memory_list .photo_list .item:nth-child(-n+4) {
    margin-top: 2px;
}

}
/*  ---------------------------
		WEB-1617 OakMemories guide line
---------------------------  */
#memories_guide{
	max-width: 1000px;
	margin: 0 auto;
}
#memories_guide .guide_ttl_small{
	font-size: 14px;
}
#memories_guide .memories_guide_ttl_sub{
	font-size: 14px;
	margin-bottom: 20px;
	text-align: left;
	margin: 0 auto;
	width: 90%;
    line-height: 1.4;
}
#memories_guide .memories_guide_ttl_sub.ttl_sub_last{
	margin-bottom: 60px;
}
#memories_guide ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
    margin: 17px auto;
    width: 90%;
}
#memories_guide ul li{
	width: 24%;
}
#memories_guide ul li p{
	padding-top: 4px;
	font-size: 14px;
}
#memories_guide ul li img{
    width: 100%;
    height: auto;
    padding: 0 10px 0 0;
}
#memories_guide .threePearks.mt30{
	margin: 30px 0;
}

#memories_guide .three_steps_all{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 90%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}


#memories_guide .memories_guide_ttl_sub.step3{
}
#memories_guide .three_steps_all .three_steps{
	width: 285px;
	display: inline-block;
}
#memories_guide .three_steps_all .three_steps .three_steps_img img{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 1072px) {
#memories_guide .three_steps_all .three_steps{
	width: 32%;
}
}
@media screen and (max-width: 640px) {
#memories_guide .three_steps_all.spNone{
	display: none;
}
}
#memories_guide .three_steps_all .three_steps .three_steps_ttl.step1{
	background-image: url(/images/oakworker2017/memories_guide_step_pc.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 40px;
	margin-bottom: 10px;
}
#memories_guide .three_steps_all .three_steps .three_steps_ttl.step2{
	background-image: url(/images/oakworker2017/memories_guide_step2_pc.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 40px;
	margin-bottom: 10px;
}
#memories_guide .three_steps_all .three_steps .three_steps_ttl.step3{
	background-image: url(/images/oakworker2017/memories_guide_step2_pc.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 40px;
	margin-bottom: 10px;
}
/*
#memories_guide .three_steps_all .three_steps .three_steps_ttl.step2,#memories_guide .three_steps_all .three_steps .three_steps_ttl.step3:before{
	background: url(/images/oakworker2017/memories_steps_step1_pc_left.gif) no-repeat left top;
    left: 0;
}
#memories_guide .three_steps_all .three_steps .three_steps_ttl.step2,#memories_guide .three_steps_all .three_steps .three_steps_ttl.step3:after{
	content: url(/images/oakworker2017/memories_steps_step1_pc_right.gif);
    right: 0;
 }
*/
#memories_guide .three_steps_all .three_steps .three_steps_ttl p{
	font-size: 20px;
	padding-top: 4px;
}
#memories_guide .three_steps_all .three_steps .three_steps_img{
}
@media screen and (max-width: 1060px) {
	#memories_guide ul li{
	width: 24%;
}
#memories_guide .three_steps_all .three_steps .three_steps_ttl p {
    padding-top: 0px;
    font-size: 18px;
}
#memories_guide .three_steps_all .three_steps .three_steps_ttl{
	margin-bottom: 0px!important;
}
}
@media screen and (max-width: 640px) {
#memories_guide{
	max-width: 640px;
	margin: 0 auto;
}
#memories_guide .threePearks{
	margin: 30px auto;
}
#memories_guide .threePearks.break{
	  line-height: 73%;
	  padding-left: 1em;
}
#memories_guide .threePearks.mt40{
	margin-top: 40px;
}
#memories_guide .guide_ttl_small {
    font-size: 12px;
}
#memories_guide ul li{
	width: 46%;
}
#memories_guide ul li img{
	width: 100%;
	height: auto;
}
#memories_guide ul li p {
    padding-top: 2px;
    font-size: 12px;
    padding-bottom: 12px;
}
#memories_guide .three_steps_all_sp{
	width: 90%;
	margin: 0 auto;
}
#memories_guide .memories_guide_ttl_sub.step3 {
margin-bottom: 10px;
}
#memories_guide .three_steps_all_sp .three_steps{
	display: inline-flex;
	width: 100%;
	height: auto;
	margin: 20px auto 0;
}
#memories_guide .three_steps_all_sp .three_steps .three_steps_ttl{
	width: 16%;
	max-width: 80px;
}
#memories_guide .three_steps_all_sp .three_steps .three_steps_ttl img{
	width: 100%;
	max-height: 175px
}
#memories_guide .three_steps_all_sp .three_steps .three_steps_img{
	width: 78%;
    display: inline-flex;
    margin: 0 0 0 10px;
}
#memories_guide .three_steps_all_sp .three_steps .three_steps_img img{
	width: 100%;
}
#memories_guide .memories_guide_ttl_sub.ttl_sub_last{
	margin-bottom: 40px;
}

}
/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#firstPage{
	background: #fff;	
	color: #484848;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:10%;
}
}
@media screen and (max-width: 640px) {
#firstPage .firstp_navi{
		margin: 0 auto;
	width: 90%;
	max-width: 540px;

}
#firstPage .memories_h{
	width: 100%;
	height: 200px;
	box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
     background-attachment: scroll;
    background-size: contain;
    margin-top: 3%;
	
}
#firstPage .memories_h.coaching_jp{
	background-image: url(/images/oakworker2017/memories_all_sp_JP.png);
	background-repeat-y: no-repeat;
	background-color: #fffbed;
	
}
#firstPage .memories_h.coaching_eng{
	background-image: url(/images/oakworker2017/memories_all_EN.png);
	background-repeat-y: no-repeat;
	background-color: #fffbed;
	
}
#firstPage .memories_h.coaching_fra{
	background-image: url(/images/oakworker2017/memories_all_FR.png);
	background-repeat-y: no-repeat;
	background-color: #fffbed;
	
}
#firstPage .memories_h.coaching_kr{
	background-image: url(/images/oakworker2017/memories_all_KR.png);
	background-repeat-y: no-repeat;
	background-color: #fffbed;
	
}
#firstPage .memories_h.coaching_cn{
	background-image: url(/images/oakworker2017/memories_all_CN.png);
	background-repeat-y: no-repeat;
	background-color: #fffbed;
	
}

}
/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#firstPage .firstp_navi .firstp_navi_detail{
	font-size: 14px;
	text-align: center;
	margin: 40px auto;
	color: #2a2a2a;
	line-height: 2em;

}
#firstPage .firstp_navi .threePearks{
	background-image: url(/images/oakworker2017/memories_text_border.png);
text-align: left;
padding-left: 5px;
font-weight: 200;	
height: 30px;
text-indent: 1em;
vertical-align: middle;
}
#firstPage .firstp_navi > ul{
	display: block;
	margin-left: 0;
	margin-right: 0;
}
#firstPage .firstp_navi > ul li{
	margin-left: 0;
	width: 100%;
	margin-top: 20px;
}

#firstPage .firstp_navi #fivesteps {
	display: none;
}
#firstPage .firstp_navi #fivesteps_sp{
	margin: 20px auto 40px;
	font-size: 14px;
	text-align: center;
	width: 100%;
	max-width: 540px;
}
#firstPage .firstp_navi #fivesteps_sp .fivesteps_stepall_sp{
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px;
    vertical-align: top;
    display: inline-flex;

	}

#firstPage .firstp_navi #fivesteps_sp .fivesteps_head_sp{
	width: 18%;
	max-width: 80px;
	height: 150px;
	font-size: 14px;
	margin-left: 0;
	    padding-top: 0;
	    vertical-align: top;
}
#firstPage .firstp_navi #fivesteps_sp .fivesteps_head_sp img{
	width: 100%;
}
#firstPage .firstp_navi #fivesteps_sp .fivesteps_content_sp{
	width: 82%;
		box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    margin: 0 0 0 2px;
    display: inline-flex;
	}
	#firstPage .firstp_navi #fivesteps_sp .fivesteps_content_sp p{
	}
	#firstPage .firstp_navi #fivesteps_sp .fivesteps_content_sp .steps_img_sp{
		min-width: 110px;
		
	}
	#firstPage .firstp_navi #fivesteps_sp .fivesteps_content_sp .steps_text_sp{
		display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center; /* 水平方向をcenterに */
align-items: center; /* 垂直方向をcenterに */
overflow: hidden;
		padding-right: 10px;
	}

#firstPage .firstp_navi #fivesteps_sp .fivesteps_content_sp p img{
width: 100%;
height: auto;
}
#firstPage .firstp_navi #fivesteps_sp .fivesteps_text_sp{
	line-height: 1.1;
	font-size: 14px;
	padding: 0;
	text-align: left;
	display:inline;
	}
		#firstPage #memories_1st{
		margin: 40px auto 20px;
		text-align: center;
		
	}
	#firstPage #memories_1st .memories_1st_key{
	    width: 100%;
    max-width: 640px;
		min-height: 280px;
		background: url(/images/oakworker2017/memories_1st_key_sp.jpg) no-repeat center top;
		background-size: cover;
		 font-family: 'Noto Sans Japanese', sans-serif;
    color: #ffffff;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
		
	}
	#firstPage #memories_1st .memories_1st_key .memories_1st_key_text{
		font-size: 24px;
		    font-weight: normal;
	}
		#firstPage #memories_1st .memories_1st_key .memories_1st_key_text_bottom{
			font-size: 16px;
			    line-height: 1.4;
			    margin-top: 10px;
		}
		#firstPage #memories_1st .memories_1st_key .memories_1st_text_border{
			font-size: 17px;
			border-bottom: 6px solid #fcff00;
			
		}
				#firstPage #memories_1st .memories_contents{
			margin: 0 auto;
	    width: 90%;
		}

	#firstPage #memories_1st .memories_1st_points{
				text-align: left;
				font-size: 14px;
				color: #2a2a2a;
				margin-top: 40px;
				line-height: 2em;
				margin-left: 30px;
				margin-bottom: 30px;
				font-weight: 200;
			}
	#firstPage #memories_1st .memories_1st_points img{
				vertical-align:middle;
			}
	#firstPage #memories_1st .memories_1st_points p{
		margin-top: 10px;
		vertical-align: middle;
		padding-left: 0em;
    text-indent: -1em;

		}
		#firstPage #memories_1st .memories_1st_points > p {
			padding-right: 30px;
			text-indent: -22px;
		}
	#firstPage .steps_1st{
			
		}
	#firstPage .memories_photos{
		margin: 40px auto;
		width: 100%;
		max-width: 640px;
	}
		#firstPage .memories_photos .memories_photos_list{
			    margin: 0 0 0 0;
    display: inline-block;
    width: 29%;
    border: 1px solid #fff;
}

		#firstPage .memories_photos img{
			width: 100%;
			height: auto;
		}
#firstPage .memories_photos .memories_photos_left{
		width: 100%;

}
#firstPage .memories_photos .memories_photos_center{
	width: 100%;
			margin-left: 0px;
}
#firstPage .memories_photos .memories_photos_right{
	width: 100%;
			margin-left: 0px;
}
}




/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#firstPage .box .box_head{
	font-size:25px;
	color: #484848;
	margin: 0 auto 20px auto;
	text-align:center;
	line-height: 1.3;
	width: 90%;
}
}
@media screen and (max-width: 640px) {
#firstPage .box .box_head .box_head_bold{
	font-size:28px;
	color: #f9504c;
	font-weight:bold;
}
}
/* /SMP SETTEING*/



#firstPage .stamp_list{
	width: 820px;
	margin: 20px auto 300px;;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#firstPage .stamp_list{
	width: 90%;
	margin: 20px auto;
}
}
/* /SMP SETTEING*/


/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#firstPage .stamp_list p{
	margin: 0 auto 40px auto;
}
}
/* /SMP SETTEING*/



#firstPage .stamp_list li{
	width: 180px;
	text-align: center;
	float: left;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#firstPage .stamp_list li{
	width: 100%;
	text-align: center;
	float:none;
	clear: both;
}
}
/* /SMP SETTEING*/



#firstPage .stamp_list li:nth-child(even){
	width: 124px;
	text-align: center;
}

#firstPage .stamp_list li:nth-child(even) img{
	padding: 80px 0 0 0;
}

#firstPage .attention{
	font-size: 12px;
	text-align: right;
	padding-bottom:60px;
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#firstPage .attention{
	font-size: 12px;
	text-align: left;
	padding-bottom:10px;
	max-width: 90%;
	    margin-left: auto;
    margin-right: auto;

}
}
/* /SMP SETTEING*/


/*secondPage*/

#secondPage{
	background: #fff;	
	color: #484848;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	font-family: 'Noto Sans Japanese', sans-serif;

}
#secondPage .agent_contents, #secondPage .pro_contents, #secondPage .blogger_contents, #secondPage .app_contents{
	margin-bottom: 30px;
}
#secondPage .agent_h{
	width: 100%;
	height: 300px;
	box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
     position: relative;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
	
}
#secondPage .agent_h.coaching_jp{
	background-image: url(/images/oakworker2017/agent_all_JP.png);
	background-color: #f1fff3;
    margin-top: 80px;
 }
#secondPage .agent_h.coaching_eng{
	background-image: url(/images/oakworker2017/agent_all_EN.png);
	background-color: #f1fff3;
	margin-top: 80px;
}
#secondPage .agent_h.coaching_fra{
	background-image: url(/images/oakworker2017/agent_all_FR.png);
	background-color: #f1fff3;
	margin-top: 80px;
}
#secondPage .agent_h.coaching_kr{
	background-image: url(/images/oakworker2017/agent_all_KR.png);
	background-color: #f1fff3;
	margin-top: 80px;
}
#secondPage .agent_h.coaching_cn{
	background-image: url(/images/oakworker2017/agent_all_CN.png);
	background-color: #f1fff3;
	margin-top: 80px;
}
#secondPage .agent_h img{
	text-align: center;
}
#secondPage .secondp_navi{
	margin: 0 auto;
	width: 90%;
	max-width: 1000px;
	color: #2a2a2a;
}
#secondPage .secondp_navi .secondp_navi_detail{
	font-size: 18.9px;
	text-align: center;
	margin: 50px auto 40px;
		color: #2a2a2a;
		line-height: 2em;
		font-weight: 200;
}
#secondPage .agent_contents .threePearks{
	background-image: url(/images/oakworker2017/agent_text_border.png);
text-align: left;
padding-left: 5px;
font-weight: 200;	
height: 30px;
text-indent: 1em;
vertical-align: middle;
}
#secondPage .agent_howto p{
	padding-left: 1em;
    padding-top: 1em;
	text-indent: 0em;
	font-weight: 200;
}


#secondPage .pro_h{
	width: 100%;
	height: 300px;
	box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
     position: relative;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
	
}
#secondPage .pro_h.coaching_jp{
	background-image: url(/images/oakworker2017/pro_all_JP.png);
	background-color: #f1feff;
    margin-top: 80px;
 }
#secondPage .pro_h.coaching_eng{
	background-image: url(/images/oakworker2017/pro_all_EN.png);
	background-color: #f1feff;
	margin-top: 80px;
}
#secondPage .pro_h.coaching_fra{
	background-image: url(/images/oakworker2017/pro_all_FR.png);
	background-color: #f1feff;
	margin-top: 80px;
}
#secondPage .pro_h.coaching_kr{
	background-image: url(/images/oakworker2017/pro_all_KR.png);
	background-color: #f1feff;
	margin-top: 80px;
}
#secondPage .pro_h.coaching_cn{
	background-image: url(/images/oakworker2017/pro_all_CN.png);
	background-color: #f1feff;
	margin-top: 80px;
}
#secondPage .pro_h img{
	text-align: center;
}
#secondPage .pro_contents .threePearks{
	background-image: url(/images/oakworker2017/pro_text_border.png);
text-align: left;
padding-left: 5px;
font-weight: 200;	
height: 30px;
text-indent: 1em;
vertical-align: middle;
}
#secondPage .pro_howto p{
	padding-left: 1em;
    padding-top: 1em;
	text-indent: 0em;
	font-weight: 200;
}

#secondPage .blogger_h{
	width: 100%;
	height: 300px;
	box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
     position: relative;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
	
}
#secondPage .blogger_h.coaching_jp{
	background-image: url(/images/oakworker2017/blogger_all_JP.png);
	background-color: #fff5f7;
    margin-top: 80px;
 }
#secondPage .blogger_h.coaching_eng{
	background-image: url(/images/oakworker2017/blogger_all_EN.png);
	background-color: #fff5f7;
	margin-top: 80px;
}
#secondPage .blogger_h.coaching_fra{
	background-image: url(/images/oakworker2017/blogger_all_FR.png);
	background-color: #fff5f7;
	margin-top: 80px;
}
#secondPage .blogger_h.coaching_kr{
	background-image: url(/images/oakworker2017/blogger_all_KR.png);
	background-color: #fff5f7;
	margin-top: 80px;
}
#secondPage .blogger_h.coaching_cn{
	background-image: url(/images/oakworker2017/blogger_all_CN.png);
	background-color: #fff5f7;
	margin-top: 80px;
}
#secondPage .blogger_h img{
	text-align: center;
}
#secondPage .blogger_contents .threePearks{
	background-image: url(/images/oakworker2017/blogger_text_border.png);
text-align: left;
padding-left: 5px;
font-weight: 200;	
height: 30px;
text-indent: 1em;
vertical-align: middle;
}
#secondPage .blogger_howto p{
	padding-left: 1em;
    padding-top: 1em;
	text-indent: 0em;
	font-weight: 200;
}


#secondPage .app_h{
	width: 100%;
	height: 300px;
	box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
     position: relative;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
	
}
#secondPage .app_h.coaching_jp{
	background-image: url(/images/oakworker2017/app_all_JP.png);
	background-color: #fffff0;
    margin-top: 80px;
 }
#secondPage .app_h.coaching_eng{
	background-image: url(/images/oakworker2017/app_all_EN.png);
	background-color: #fffff0;
	margin-top: 80px;
}
#secondPage .app_h.coaching_fra{
	background-image: url(/images/oakworker2017/app_all_FR.png);
	background-color: #fffff0;
	margin-top: 80px;
}
#secondPage .app_h.coaching_kr{
	background-image: url(/images/oakworker2017/app_all_KR.png);
	background-color: #fffff0;
	margin-top: 80px;
}
#secondPage .app_h.coaching_cn{
	background-image: url(/images/oakworker2017/app_all_CN.png);
	background-color: #fffff0;
	margin-top: 80px;
}
#secondPage .app_h img{
	text-align: center;
}
#secondPage .app_contents .threePearks{
	background-image: url(/images/oakworker2017/app_text_border.png);
text-align: left;
padding-left: 5px;
font-weight: 200;	
height: 30px;
text-indent: 1em;
vertical-align: middle;
}
#secondPage .app_howto p{
	padding-left: 1em;
    padding-top: 1em;
	text-indent: 0em;
	font-weight: 200;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#secondPage{
	background: #fff;	
	color: #484848;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:10%;
}
#secondPage .agent_contents, #secondPage .pro_contents, #secondPage .blogger_contents, #secondPage .app_contents{
	margin-bottom: 15px;
	text-align: left;
}


#secondPage .agent_h{
	width: 100%;
	height: 200px;
	box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
     background-attachment: scroll;
    background-size: contain;
}
#secondPage .agent_h.coaching_jp{
	background-image: url(/images/oakworker2017/agent_all_sp_JP.png);
	background-repeat-y: no-repeat;
	background-color: #f1fff3;
	margin-top: 60px;
 }
#secondPage .agent_h.coaching_eng{
	background-image: url(/images/oakworker2017/agent_all_sp_EN.png);
	background-repeat-y: no-repeat;
	background-color: #f1fff3;
		margin-top: 60px;

}
#secondPage .agent_h.coaching_fra{
	background-image: url(/images/oakworker2017/agent_all_sp_FR.png);
	background-repeat-y: no-repeat;
	background-color: #f1fff3;
		margin-top: 60px;

}
#secondPage .agent_h.coaching_kr{
	background-image: url(/images/oakworker2017/agent_all_sp_KR.png);
	background-repeat-y: no-repeat;
	background-color: #f1fff3;
		margin-top: 60px;

}
#secondPage .agent_h.coaching_cn{
	background-image: url(/images/oakworker2017/agent_all_sp_CN.png);
	background-repeat-y: no-repeat;
	background-color: #f1fff3;
		margin-top: 60px;

}
#secondPage .agent_h img{
	text-align: center;
}
#secondPage .secondp_navi{
	margin: 0 auto;
	width: 90%;
	max-width: 1000px;
		color: #2a2a2a;
		text-align: center;

}
#secondPage .secondp_navi .secondp_navi_detail{
	font-size: 14px;
	text-align: center;
	margin: 40px auto;
	color: #2a2a2a;
	line-height: 2em;
}
#secondPage .agent_contents .threePearks{
	background-image: url(/images/oakworker2017/agent_text_border.png);
text-align: left;
padding-left: 5px;
font-weight: 200;	
height: 30px;
text-indent: 1em;
vertical-align: middle;
}
#secondPage .agent_howto p{
	padding-left: 1em;
    padding-top: 1em;
	text-indent: -1em;
	    width: 90%;
    margin: 0 auto;
    font-weight: 200;
}

#secondPage .pro_h{
	width: 100%;
	height: 200px;
	box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
     background-attachment: scroll;
    background-size: contain;
}
#secondPage .pro_h.coaching_jp{
	background-image: url(/images/oakworker2017/pro_all_sp.png);
	background-repeat-y: no-repeat;
	background-color: #f1feff;
	margin-top: 60px;
 }
#secondPage .pro_h.coaching_eng{
	background-image: url(/images/oakworker2017/pro_all_sp.png);
	background-repeat-y: no-repeat;
	background-color: #f1feff;
		margin-top: 60px;

}
#secondPage .pro_h.coaching_fra{
	background-image: url(/images/oakworker2017/pro_all_sp.png);
	background-repeat-y: no-repeat;
	background-color: #f1feff;
		margin-top: 60px;

}
#secondPage .pro_h.coaching_kr{
	background-image: url(/images/oakworker2017/pro_all_sp.png);
	background-repeat-y: no-repeat;
	background-color: #f1feff;
		margin-top: 60px;

}
#secondPage .pro_h.coaching_cn{
	background-image: url(/images/oakworker2017/pro_all_sp.png);
	background-repeat-y: no-repeat;
	background-color: #f1feff;
		margin-top: 60px;

}
#secondPage .pro_h img{
	text-align: center;
}
#secondPage .pro_contents .threePearks{
	background-image: url(/images/oakworker2017/pro_text_border.png);
text-align: left;
padding-left: 5px;
font-weight: 200;	
height: 30px;
text-indent: 1em;
vertical-align: middle;
}
#secondPage .pro_howto p{
	padding-left: 1em;
    padding-top: 1em;
	text-indent: -1em;
	    width: 90%;
    margin: 0 auto;
    font-weight: 200;
}


#secondPage .blogger_h{
	width: 100%;
	height: 200px;
	box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
     background-attachment: scroll;
    background-size: contain;
}
#secondPage .blogger_h.coaching_jp{
	background-image: url(/images/oakworker2017/blogger_all_sp_JP.png);
	background-repeat-y: no-repeat;
	background-color: #ff5f7;
	margin-top: 60px;
 }
#secondPage .blogger_h.coaching_eng{
	background-image: url(/images/oakworker2017/blogger_all_sp_EN.png);
	background-repeat-y: no-repeat;
	background-color: #ff5f7;
		margin-top: 60px;

}
#secondPage .blogger_h.coaching_fra{
	background-image: url(/images/oakworker2017/blogger_all_sp_FR.png);
	background-repeat-y: no-repeat;
	background-color: #ff5f7;
		margin-top: 60px;

}
#secondPage .blogger_h.coaching_kr{
	background-image: url(/images/oakworker2017/blogger_all_sp_KR.png);
	background-repeat-y: no-repeat;
	background-color: #ff5f7;
		margin-top: 60px;

}
#secondPage .blogger_h.coaching_cn{
	background-image: url(/images/oakworker2017/blogger_all_sp_CN.png);
	background-repeat-y: no-repeat;
	background-color: #ff5f7;
		margin-top: 60px;

}
#secondPage .blogger_h img{
	text-align: center;
}
#secondPage .blogger_contents .threePearks{
	background-image: url(/images/oakworker2017/blogger_text_border.png);
text-align: left;
padding-left: 5px;
font-weight: 200;	
height: 30px;
text-indent: 1em;
vertical-align: middle;
}
#secondPage .blogger_howto p{
	padding-left: 1em;
    padding-top: 1em;
	text-indent: -1em;
	    width: 90%;
    margin: 0 auto;
    font-weight: 200;
}


#secondPage .app_h{
	width: 100%;
	height: 200px;
	box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 190, 179, 0.7) inset;
     background-attachment: scroll;
    background-size: contain;
}
#secondPage .app_h.coaching_jp{
	background-image: url(/images/oakworker2017/app_all_sp_JP.png);
	background-repeat-y: no-repeat;
	background-color: #fffff0;
	margin-top: 60px;
 }
#secondPage .app_h.coaching_eng{
	background-image: url(/images/oakworker2017/app_all_sp_EN.png);
	background-repeat-y: no-repeat;
	background-color: #fffff0;
		margin-top: 60px;

}
#secondPage .app_h.coaching_fra{
	background-image: url(/images/oakworker2017/app_all_sp_FR.png);
	background-repeat-y: no-repeat;
	background-color: #fffff0;
		margin-top: 60px;

}
#secondPage .app_h.coaching_kr{
	background-image: url(/images/oakworker2017/app_all_sp_KR.png);
	background-repeat-y: no-repeat;
	background-color: #fffff0;
		margin-top: 60px;

}
#secondPage .app_h.coaching_cn{
	background-image: url(/images/oakworker2017/app_all_sp_CN.png);
	background-repeat-y: no-repeat;
	background-color: #fffff0;
		margin-top: 60px;

}
#secondPage .app_h img{
	text-align: center;
}
#secondPage .app_contents .threePearks{
	background-image: url(/images/oakworker2017/app_text_border.png);
text-align: left;
padding-left: 5px;
font-weight: 200;	
height: 30px;
text-indent: 1em;
vertical-align: middle;
}
#secondPage .app_howto p{
	padding-left: 1em;
    padding-top: 1em;
	text-indent: -1em;
	    width: 90%;
    margin: 0 auto;
    font-weight: 200;
}

}

/* /SMP SETTEING*/



#secondPage .stamp_list{
	width: 820px;
	margin: 20px auto;
}
#secondPage #second_work{
	width:90%;
	max-width: 820px;
	height: auto;
	border:solid #484848  2px;
	    margin: 360px auto 10px;
		overflow:hidden;
}
#secondPage #second_work .work_head{
	font-size:32px;
	color: #484848;
	font-weight:500;
	padding:20px 0 10px 0;
	text-align:center;
	    line-height: 1.8;
		margin-top:20px;
		width:820px;
}
#secondPage #second_work .second_work_st_list{
	width: 700px;
	margin: 20px auto;
}
#secondPage #second_work .second_work_st_list li{
	float:left;
	width: 210px;
	text-align: center;
    padding-left: 22px;
}
#secondPage #second_work .second_work_st_list li img{
	margin-bottom:0;
}
#secondPage #second_work .second_work_st_list li p{
	font-size:24px;
	text-align:center;
	border:solid #484848 2px;
	width:210px;
	margin-top: -4px;
}

#secondPage #second_work .work_bottom_tx{
	font-size:20px;
	color: #484848;
	padding:20px 0;
	margin:40px auto;
	text-align:center;
	display: inline-block;
	max-width:650px;
	text-indent: 1em;
	line-height:1.3em;
	    border: double #484848;
	/*-webkit-box-shadow: 1px 3px 10px 3px rgba(195,195,195,0.32);
-moz-box-shadow: 1px 3px 10px 3px rgba(195,195,195,0.32);
box-shadow: 1px 3px 10px 3px rgba(195,195,195,0.32);*/
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#secondPage .stamp_list{
	width: 90%;
	margin: 20px auto;
}
}
/* /SMP SETTEING*/
@media screen and (max-width: 640px) {
#secondPage #second_work .second_work_st_list{
	width: 90%;
	margin: 20px auto;
	display:inline;
}
}
/* /SMP SETTEING*/
@media screen and (max-width: 640px) {
#secondPage #second_work .second_work_st_list li{
	width: 30%;
    text-align: center;
	display:inline-block;
	    padding-left: 2%;
}
}

@media screen and (max-width: 640px) {
#secondPage #second_work .second_work_st_list li p{
	font-size:12px;
	text-align:center;
	border:solid #484848 2px;
	width:95%;
    margin: -4px auto 0;
}
}
/* /SMP SETTEING*/
@media screen and (max-width: 640px) {
#secondPage #second_work .second_work_st_list li img{
width: 100%;
height:auto;
    text-align: center;
}
}
/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#secondPage .stamp_list p{
	margin: 0 auto 40px auto;
}
}
/* /SMP SETTEING*/
/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#secondPage #second_work .second_work_st_list{
	width: 90%;
	margin: 20px auto;
}
}
/* /SMP SETTEING*/
@media screen and (max-width: 640px) {
#secondPage #second_work{
	width:90%;
	height: auto;
	border:solid #484848  2px;
	margin:0 auto;
}
}
@media screen and (max-width: 640px) {
#secondPage #second_work .work_head{
	font-size:20px;
	color: #484848;
		font-weight:500;
	padding:20px 0 10px 0;
	text-align:center;
	line-height: 1.3;
	margin: 0 auto 20px auto;	
	width:90%;
}
}
/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#secondPage #second_work .second_work_st_list p{
	margin: 0 auto 40px auto;
}
}
/* /SMP SETTEING*/


#secondPage .stamp_list li{
	width: 180px;
	text-align: center;
	float: left;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#secondPage .stamp_list li{
	width: 100%;
	text-align: center;
	float:none;
	clear: both;
}
}
/* /SMP SETTEING*/

@media screen and (max-width: 640px) {
#secondPage #second_work .work_bottom_tx{
	font-size:12px;
	color: #484848;
	padding:10px 0;
	margin:24px auto;
	text-align:center;
	display: inline-block;
	width:90%;
	text-indent: 1em;
	line-height:1.3em;
	    border: double #484848;
/*-webkit-box-shadow: 1px 3px 10px 3px rgba(195,195,195,0.32);
-moz-box-shadow: 1px 3px 10px 3px rgba(195,195,195,0.32);
box-shadow: 1px 3px 10px 3px rgba(195,195,195,0.32);*/
}
}


#secondPage .stamp_list li:nth-child(even){
	width: 124px;
	text-align: center;
}

#secondPage .stamp_list li:nth-child(even) img{
	padding: 80px 0 0 0;
}

#secondPage .attention{
	font-size: 12px;
	text-align: right;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#secondPage .attention{
	font-size: 12px;
	text-align: left;
}
}
/* /SMP SETTEING*/
/* /secondPage*/

/*POINT GET*/
#secondPage .point_get{
	margin: 50px auto;
    width: 90%;
    max-width: 1000px;
    background-color: #f5f5f5;
    box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    text-align: center;
    color: #000000;
	
}
#secondPage .point_get .pointGet{
	font-size: 23.94px;
	margin: 60px auto 40px;
	display: inline-block;
		line-height: 1.2;
		font-weight: 300;
	
}
#secondPage .point_get .point_get_img{
	
}
#secondPage .point_get .point_get_text{
	text-align: left;
	font-size: 14px;
	padding-left: 30px;
	line-height: 2em;
	padding-top: 50px;
	padding-bottom: 50px;
	
}
@media screen and (max-width: 640px) {
#secondPage .point_get{
	margin: 50px auto;
    width: 90%;
    max-width: 540px;
    background-color: #f5f5f5;
    box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    -moz-box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    -webkit-box-shadow: 2px 5px 10px 2px rgba(193, 193, 193, 0.7);
    text-align: center;
    color: #000000;
	
}
#secondPage .point_get .pointGet{
	font-size: 21px;
	margin: 30px auto 30px;
	display: inline-block;
	line-height: 1.2;
	
}
#secondPage .point_get .point_get_img{
	
}

#secondPage .point_get .point_get_img img{
	width: 65%;
	height: auto;
}
#secondPage .point_get .point_get_text{
	text-align: left;
	font-size: 14px;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 2em;
	padding-top: 30px;
	padding-bottom: 50px;
	
}
}
/*/POINT GET*/


/*3rdPage*/
#thirdPage{
	background: #f5f5f5;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    font-family: 'Noto Sans Japanese', sans-serif;}
#thirdPage .thirdp_navi{
	text-align: center;
	 margin-bottom: 107px;
}
#thirdPage .thirdp_navi img{
	overflow: hidden;
	width:100%;
	height:auto;
}
#thirdPage .thirdp_navi .howtoWorker{
	font-size: 23.94px;
	margin: 60px auto 40px;
	display: inline-block;
		line-height: 1.2;
		text-align: center;
		color: #010101;
		font-weight: 300;

}
#thirdPage .thirdp_navi .howto_worker01{
	color: #2a2a2a;
	font-size: 14px;
	line-height: 2em;
	background: #fff;
	max-width: 1000px;
	padding: 20px 0;
	display: flex;
margin: 0 auto 0;
overflow: hidden;
}
#thirdPage .thirdp_navi .howto_worker01 a:link, #thirdPage .thirdp_navi .howto_worker01 a:visited{
	text-decoration: underline;
	color: #ff0000;
	display: inline;
}
#thirdPage .thirdp_navi .howto_worker01 a:hover{
	  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  	transition:all 0.2s;
	
}
#thirdPage .thirdp_navi .howto_worker01 .howto_workder01_info{
	position: relative;
	text-align: left;
 margin-left: 40px;
 overflow: hidden;
     width: 47%;
    font-weight: 200;
}
#thirdPage .thirdp_navi .howto_worker01 .howto_workder01_info_img{
	position: absolute;
	left: 0;
	top: 0;
}
#thirdPage .thirdp_navi .howto_worker01 .howto_workder01_info img{

}
#thirdPage .thirdp_navi .howto_worker01 .howto_workder01_info_text{
	margin: 50px 0 0 0;
}
#thirdPage .thirdp_navi .howto_worker01 .howto_workder01_img{
margin-right: 40px;
	overflow: hidden;

}
#thirdPage .thirdp_navi .howtoWorker_arrow{
	margin: 20px auto;
}
#thirdPage .thirdp_navi .howtoWorker_arrow img {
	width: auto;
}

#thirdPage .thirdp_navi .howto_worker02{
	color: #2a2a2a;
	font-size: 14px;
	line-height: 2em;
	background: #fff;
	max-width: 1000px;
	padding: 20px 0;
	display: flex;
margin: 0 auto 0;
overflow: hidden;
}
#thirdPage .thirdp_navi .howto_worker02 img{
	width: 97%;
	height: auto;
}
#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_info{
	position: relative;
	text-align: left;
 	margin-left: 40px;
 	overflow: hidden;
     width: 47%;
    font-weight: 200;
}

#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_info.even{
     width: 100%;
}

#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_info_img{
	position: absolute;
	left: 0;
	top: 0;
}
#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_info img{

}
#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_info_text{
	margin: 50px 0 0 0;
}
#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_img{
margin-right: 40px;
	overflow: unset;

}
#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_img_info{
	margin-left: 40px;
	text-align: left;
}
#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_img_sort{
	color: #2a2a2a;
	font-size: 14px;
	text-align: left;
	    width: 80%;
    margin: 0 auto;
}

#thirdPage .thirdp_navi .howto_worker03{
	color: #2a2a2a;
	font-size: 14px;
	line-height: 2em;
	background: #fff;
	max-width: 1000px;
	padding: 20px 0;
	display: flex;
margin: 0 auto 0;
overflow: hidden;
}
#thirdPage .thirdp_navi .howto_worker03 .howto_workder03_info{
	position: relative;
	text-align: left;
 margin-left: 40px;
 overflow: hidden;
 width: 47%;
    font-weight: 200;
}
#thirdPage .thirdp_navi .howto_worker03 .howto_workder03_info_img{
	position: absolute;
	left: 0;
	top: 0;
}
#thirdPage .thirdp_navi .howto_worker03 .howto_workder03_info img{

}
#thirdPage .thirdp_navi .howto_worker03 .howto_workder03_info_text{
	margin: 50px 0 0 0;
}
#thirdPage .thirdp_navi .howto_worker03 .howto_workder03_img{
margin-right: 40px;
	overflow: hidden;

}
#thirdPage .thirdp_navi .howto_worker03 .howto_workder03_img_sort{
	color: #2a2a2a;
	font-size: 14px;
	text-align: left;
	width: 80%;
	margin: 0 auto;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#thirdPage{
	background: #f5f5f5;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    font-family: 'Noto Sans Japanese', sans-serif;}
#thirdPage .thirdp_navi{
	text-align: center;
	    margin-bottom: 30px;
}

#thirdPage .thirdp_navi .howtoWorker{
	font-size: 21px;
	margin: 60px auto 40px;
	display: inline-block;
		line-height: 1.2;
		text-align: center;
		color: #010101;
		width: 90%;
}
#thirdPage .thirdp_navi .howto_worker01{
	color: #2a2a2a;
	font-size: 14px;
	line-height: 2em;
	background: #fff;
	width: 90%;
	max-width: 1000px;
	padding: 20px 0;
	display: inline-block;
margin: 0 auto 0;
overflow: hidden;
}
#thirdPage .thirdp_navi .howto_worker01 a:link, #thirdPage .thirdp_navi .howto_worker01 a:visited{
	text-decoration: underline;
	color: #ff0000;
	display: inline;
}
#thirdPage .thirdp_navi .howto_worker01 a:hover{
	  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  	transition:all 0.2s;
	
}
#thirdPage .thirdp_navi .howto_worker01 .howto_workder01_info{
	position: relative;
	text-align: left;
 margin-left: 40px;
 overflow: hidden;
 width: 80%;

}
#thirdPage .thirdp_navi .howto_worker01 .howto_workder01_info_img{
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
#thirdPage .thirdp_navi .howto_worker01 .howto_workder01_info img{
    width: 90%;
    height: auto;
}
#thirdPage .thirdp_navi .howto_worker01 .howto_workder01_info_text{
	margin: 50px 0 0 0;
}
#thirdPage .thirdp_navi .howto_worker01 .howto_workder01_img{
margin: 20px auto 0;
}
#thirdPage .thirdp_navi .howto_worker01 .howto_workder01_img img{
	width: 80%;
	height: auto;
}

#thirdPage .thirdp_navi .howto_worker02{
	color: #2a2a2a;
	font-size: 14px;
	line-height: 2em;
	background: #fff;
	width: 90%;
	max-width: 1000px;
	padding: 0 0;
	display: inline-block;
margin: 0 auto 0;
overflow: hidden;
vertical-align: top;
}
#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_info{
	position: relative;
	text-align: left;
 margin-left: 40px;
 overflow: hidden;
 width: 80%;

}
#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_info_img{
	position: absolute;
	left: 0;
	top: 20px;
	overflow: hidden;
}
#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_info img{
    width: 90%;
    height: auto;
}
#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_info_text{
	margin: 70px 0 0 0;
}
#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_img{
margin: 20px auto 20px;
}
#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_img img{
	width: 80%;
	height: auto;
}
#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_img_info{
margin: 20px auto 0;
text-align: center;
}
#thirdPage .thirdp_navi .howto_worker02 .howto_workder02_img_info img{
	width: 80%;
	height: auto;
}


#thirdPage .thirdp_navi .howto_worker03{
	color: #2a2a2a;
	font-size: 14px;
	line-height: 2em;
	background: #fff;
	width: 90%;
	max-width: 1000px;
	padding: 20px 0;
	display: inline-block;
margin: 0 auto 0;
overflow: hidden;
}
#thirdPage .thirdp_navi .howto_worker03 .howto_workder03_info{
	position: relative;
	text-align: left;
 margin-left: 40px;
 overflow: hidden;
 width: 80%;

}
#thirdPage .thirdp_navi .howto_worker03 .howto_workder03_info_img{
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
#thirdPage .thirdp_navi .howto_worker03 .howto_workder03_info img{
    width: 90%;
    height: auto;
}
#thirdPage .thirdp_navi .howto_worker03 .howto_workder03_info_text{
	margin: 50px 0 0 0;
}
#thirdPage .thirdp_navi .howto_worker03 .howto_workder03_img{
margin: 20px auto 0;
}
#thirdPage .thirdp_navi .howto_worker03 .howto_workder03_img img{
	width: 80%;
	height: auto;
}
}

/* /SMP SETTEING*/



#thirdPage .stamp_list{
	width: 820px;
	margin: 20px auto;
}
#thirdPage .stamp_list2{
	width: 820px;
margin: 310px auto 560px;
}
/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#thirdPage .stamp_list{
	width: 90%;
	margin: 20px auto;
}
}
@media screen and (max-width: 640px) {
#thirdPage .stamp_list2{
	width: 90%;
	margin: 20px auto;
}
}
/* /SMP SETTEING*/
/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#thirdPage .stamp_list p{
	margin:0 auto 40px auto;
}
}
@media screen and (max-width: 640px) {
#thirdPage .stamp_list2 p{
	margin:0 auto 40px auto;
}
}
/* /SMP SETTEING*/

#thirdPage .stamp_list li{
	width: 180px;
	text-align: center;
	float: left;
}
#thirdPage .stamp_list2 li{
	width: 180px;
	text-align: center;
	float: left;
}
/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#thirdPage .stamp_list li{
	width: 100%;
	text-align: center;
	float:none;
	clear: both;
}
}
@media screen and (max-width: 640px) {
#thirdPage .stamp_list2 li{
	width: 100%;
	text-align: center;
	float:none;
	clear: both;
}
}

/* /SMP SETTEING*/
#thirdPage .stamp_list li:nth-child(even){
	width: 124px;
	text-align: center;
}

#thirdPage .stamp_list li:nth-child(even) img{
	padding: 80px 0 0 0;
}
#thirdPage .stamp_list2 li:nth-child(odd){
	width: 124px;
	text-align: center;
	margin-left:30px;
}

#thirdPage .stamp_list2 li:nth-child(odd) img{
	padding: 80px 0 0 0;
}

/*/3rdPage*/

.hbox{
	margin: 0 auto;
	text-align: center;
	padding: 60px 0;
	display: block;
	
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.hbox{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 6px 0;
	margin: 20px 0;
}
}
/* /SMP SETTEING*/



.hbox p.line{
	width: 300px;
	text-align: center;
	background: #000;
	height: 1px !important;
	margin:auto;
}

.hbox h2{
	font-size: 35px;
	line-height: 1.6em;
	padding: 20px 0 20px 0;
	text-align: center;
	font-weight: normal !important;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.hbox h2{
	font-size: 17px;
	padding: 20px 0 20px 0;
	text-align: center;
	display: block;
	font-weight: normal !important;
	
}
}
/* /SMP SETTEING*/



.hbox  h2 span	{
	font-size:  18px;
	display: block;
	font-weight: normal;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.hbox  h2 span	{
	font-size:  14px;
	display: block;
	font-weight: normal;
}
}
/* /SMP SETTEING*/



.secbox{
	width: 940px;
	border: 2px solid #ff0000;
	margin: 0px auto 50px auto;
	position: relative;
}


.stamp_box{
	width: 175px;
	height: 175px;
	position: absolute;
	right: -30px;
	top: -30px;
}
.stamp_box img{
	width: 100%;
}

.stamp_box2{
	width: 175px;
	height: 175px;
	position: absolute;
	left: -50px;
	top: -50px;
}
.stamp_box2 img{
	width: 100%;
}

.secbox .left{
	border-right:  2px solid #ff0000;
	float: left;
	box-sizing:border-box;
	min-height: 400px;
}

.secbox .right{
	float: right;
	box-sizing:border-box;
	min-height: 400px;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {

.secbox{
	width: 95%;
	border: 2px solid #ff0000;
	margin: 0px auto 50px auto;
}

.secbox .left{
	border-right:none;
	float: none;
	box-sizing:border-box;
	min-height: 280px;
	width: 100%;
}



.secbox .right{
	float: none;
	border: none;
	box-sizing:border-box;
	min-height: 280px;
	width: 100%;
}




.secbox .txts{
	width: 40%;
	text-align: left !important;
	font-size: 14px;
	margin: auto;
}

}
/* /SMP SETTEING*/

/*.bg01,
.bg02,
.bg03{
	width: 415px;
	background-size: cover;
}

.bg01{
	background: url(/images/bg_01.png) no-repeat;
}

.bg02{
	background: url(/images/bg_02.png) no-repeat;
}

.bg03{
	background: url(/images/bg_03_2.png) no-repeat;
}


.txt01{
	width: 525px;
	text-align: left;
}
*/
/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.secbox .txt01 p{
	width: 80%;
	padding:0 0 100px 0;
}
.secbox .txt01 h3{
	width: 80%;
}
}
/* /SMP SETTEING*/


.secbox h3{
	width: 430px;
	text-align: left !important;
	font-size: 18px;
	font-weight: normal !important;
}

.secbox h3 span{
	font-weight: bold !important;
	font-size: 32px;
	
}
.secbox .txts{
	width: 430px;
	text-align: left !important;
	font-size: 14px;
	margin: auto;
}

/*------------------------------
CONTENTS SETTINGS
------------------------------*/
/*
.contents h2{
	margin: 0 auto 0 auto;
	text-align: center;
	font-weight: bold;
}
*/

/*SMP SETTEING*/
/*
@media screen and (max-width: 640px) {

.contents h2{
	padding: 30px 0 35px 0;
	width: 100%;
	margin: auto;
	background-size: 100%;
}

.contents h2 img{
	text-align: center;
	margin: auto;
	width: 100%;
}

}
*/
/* /SMP SETTEING*/



.contents h3{
	margin: 50px auto 30px auto;
	line-height: 33px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {

.contents h3{
	margin: 50px auto 30px auto;
	line-height: 33px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

}
/* /SMP SETTEING*/



.contents h3.h3_box{
	width: 437px;
	height: 57px;
	line-height: 53px;
	margin: 80px auto 30px auto;
	text-align: center;
	font-size: 30px;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {


.contents h3.h3_box{
	width: 100%;
	height: auto;
	line-height: 40px;
	margin: 50px auto 30px auto;
	background-size: 100%;
	text-align: center;
	padding-bottom: 10px;
	font-size: 20px;
}


}
/* /SMP SETTEING*/



.contents p{
	font-size: 16px;
	line-height: 1.6em;
}

.contents h3.attention{
	font-size: 14px;
	display: block;
	border-bottom: 1px solid;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 150px 0 10px 0;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {

.contents h3.attention{
	font-size: 12px;
	display: block;
	border-bottom: 1px solid;
	width: 90%;
	padding: 0 0 10px 0;
	margin: 66px auto 20px auto;
}


}
/* /SMP SETTEING*/


.caption{
	text-align: center;
}

.txt_m{
	letter-spacing: 0em;
}


.syusai{
	font-size: 14px !important;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {

.syusai{
	font-weight: bold;
	font-size: 12px !important;
}


}
/* /SMP SETTEING*/


.senko_box{
	width: 80%;
	margin: 0px auto 40px auto;
	border: 8px solid #B49A4D;
	background: #000;
}

.senko_in{
	margin: 5px;
	border: 4px solid #B49A4D;
	padding: 50px 0;
}

.senko_in h4{
	margin: 0 auto 15px auto;
}

.senko_in p.senko_date{
	margin: 0 auto 20px auto;
	font-size: 18px ;

}

.senko_in p.senko_btn{
	margin: 0 auto 20px auto;
}

.senko_in p.senko_add{
	margin: 0 auto 0px auto;
	font-size: 14px;
	border-top: 2px solid #fff;
	width: 540px;
	padding: 20px 0 0 0;
}



/*SMP SETTEING*/
@media screen and (max-width: 640px) {

.senko_box{
	width: 95%;
	margin: 0px auto 40px auto;
	border: 8px solid #B49A4D;
	background: #000;
}

.senko_in{
	margin: 5px;
	border: 4px solid #B49A4D;
	padding: 30px 0;
}

.senko_in h4{
	margin: 0 auto 15px auto;
	width: 80%;
}

.senko_in h4 img{
	width: 100%;
}
.senko_in p.senko_date{
	margin: 0 auto 20px auto;
	font-size: 12px;
}

.senko_in p.senko_btn{
	margin: 0 auto 20px auto;
	width: 80%;
}

.senko_in p.senko_btn img{
	width: 100%;
}

.senko_in p.senko_add{
	margin: 0 auto 0px auto;
	font-size: 14px;
	border-top: 2px solid #fff;
	width: 80%;
	padding: 20px 0 0 0;
}


}


/*------------------------------
HOVER EFFECT SETTING
------------------------------*/

/*PCのみ*/
@media screen and (min-width: 641px) {

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(255,255,255, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   
}

.view-first h4 {
   -webkit-transform: translateY(10px);
   -moz-transform: translateY(10px);
   -o-transform: translateY(10px);
   -ms-transform: translateY(10px);
   transform: translateY(10px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.view-first p {
   -webkit-transform: translateY(10px);
   -moz-transform: translateY(10px);
   -o-transform: translateY(10px);
   -ms-transform: translateY(10px);
   transform: translateY(10px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}


.view img {
   display: block;
   position: relative;
}

.item01 .view {
	width: 315px;
	height: 500px;
   overflow: hidden;
   position: relative;
   text-align: center;
}
.item01 .view .mask,.item01 .view .content {
	width: 315px;
	height: 500px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.item02 .view {
	width: 475px;
	height: 280px;
   overflow: hidden;
   position: relative;
   text-align: center;
}

.item02 .view .mask,.item02 .view .content {
	width: 475px;
	height: 280px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

}

.faed {
margin: 50px 0;
font-size: 40px;
font-weight: bold;
color: #ff0000;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


.contents_2{
	width: 100%;
	height: 700px;
	background: url(/images/paobg_02.png) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {

.contents_2{
	width: 100%;
	height: 300px;
	background: url(/images/paobg_02.png) no-repeat;
	background-size: cover;
	background-position: right top;
	background-attachment:scroll;
}

}
/* /SMP SETTEING*/

/*iPad SETTEING*/
@media only screen
 and (min-device-width: 768px)
 and (max-device-width: 1024px) {

.contents_2{
	width: 100%;
	height: 600px;
	background: url(/images/paobg_02.png) no-repeat;
	background-size: cover;
	background-position: right top;
	background-attachment:scroll;
}


}
/* /iPad SETTEING*/

.icon_wrap{
	width: 840px;
	margin: auto;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.icon_wrap{
	width: 95%;
	margin: auto;
}

}
/* /SMP SETTEING*/


.icon_box{
	width: 200px;
	float: left;
	margin: 0 116px 40px 0;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.icon_box{
	width: 80%;
	float: none;
	margin: 20px auto;
}
}
/* /SMP SETTEING*/


.icon_box:nth-child(3n){
	margin: 0 0 40px 0;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.icon_box:nth-child(3n){
	margin: 20px auto;
}
}
/* /SMP SETTEING*/

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
.icon_box:nth-child(even){
}
}
/* /SMP SETTEING*/



.icon_box h5{
	font-size: 16px;
	margin: 10px 0 20px 0;
	text-align: left;
	font-weight: bold;
}




.icon_box p{
	font-size: 14px;
	text-align: left;
}
/*SMP SETTEING*/
@media screen and (max-width: 640px) {

.icon_box p{
	font-size: 14px;
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ff0000;
}

}
/* /SMP SETTEING*/


.imgbox{
	min-height: 160px;
	margin: auto;
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {

.imgbox{
	min-height: 0px;
	margin: auto;
	width: 50%;
}

.imgbox img{
	width: 100%;
}


}
/* /SMP SETTEING*/



/*------------------------------
 SLIDER SETTINGS
------------------------------*/

#slider {
	position: absolute;
	top: 0;
	
}

#slider li {
	height: 100vh;
	background: center / cover no-repeat;
}

#slider li:nth-child(1){
	background-image:url(../../../oakmember/assets/images/key01.jpg) ;
}

#slider li:nth-child(2){
	background-image:url(../../../oakmember/assets/images/key02.jpg);
}

#slider li:nth-child(3){
	background-image:url(../../../oakmember/assets/images/key03.jpg);
}

#slider li:nth-child(4){
	background-image:url(../../../oakmember/assets/images/key04.jpg);
}

/*SMP SETTEING*/
@media screen and (max-width: 640px) {
#slider li:nth-child(1){
	background-image:url(../../../oakmember/assets/images/key01_sp.jpg) ;
}

#slider li:nth-child(2){
	background-image:url(../../../oakmember/assets/images/key02_sp.jpg);
}

#slider li:nth-child(3){
	background-image:url(../../../oakmember/assets/images/key03_sp.jpg);
}

#slider li:nth-child(4){
	background-image:url(../../../oakmember/assets/images/key04_sp.jpg);
}

}
/*/SMP SETTEING*/

.bx-viewport {
	left: 0;
	box-shadow: none;
	border: none;
}

.bx-pager {
	text-align: right !important;
	right: 40px;
	border: 20px;
}





/*------------------------------
 ANIMATION SETTINGS
------------------------------*/
/*
==============================================
slideDown
==============================================
*/


.slideL{
	animation-name: slideL;
	-webkit-animation-name: slideL;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}

@keyframes slideL {
	0% {
		transform: translateX(-10%);
		opacity: 0;
	}
	100% {
		transform: translateX(0%);
		opacity: 1;
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateX(-100%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}	
}


.slideR{
	animation-name: slideR;
	-webkit-animation-name: slideR;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}

@keyframes slideR {
	0% {
		transform: translateX(10%);
		opacity: 0;
	}
	100% {
		transform: translateX(0%);
		opacity: 1;
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateX(-100%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}	
}


/*X-rotarion*/
.rotationX{    
animation: rotX 2s linear alternate 0s infinite;
-webkit-animation:rotX 2s linear 0s infinite;
-o-animation:rotX 2s linear 0s infinite;
animation:rotX 2s linear 0s infinite;
}
@keyframes rotX{
0%{-webkit-transform: scaleX(1);}
50%{-webkit-transform: scaleX(0);}
100%{-webkit-transform: scaleX(1);}
}
@-webkit-keyframes rotX{
0%{-webkit-transform: scaleX(1);}
50%{-webkit-transform: scaleX(0);}
100%{-webkit-transform: scaleX(1);}
}
@-o-keyframes rotX{
0%{-o-transform: scaleX(1);}
50%{-o-transform: scaleX(0);}
100%{-o-transform: scaleX(1);}
}
@-ms-keyframes rotX{
0%{-ms-transform: scaleX(1);}
50%{-ms-transform: scaleX(0);}
100%{-ms-transform: scaleX(1);}
}


/*------------------------------
MEDIA SMARTPHONE
------------------------------*/




@media screen and (max-width: 640px) {
	.spNone { display: none;}
	.pcNone { display: block;}
}
@media screen and (min-width: 641px) {
	.pcNone { display: none;}
}

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

.br:before {
	content: "\A" ;
	white-space: pre ;
}
}

/*ONLY SMP CLASS*/
@media screen and (max-width: 640px) {


a{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


p.catch_sp{
	font-size: 12px;
	text-align: center;
	line-height: 2.5em;
	margin: 20px auto 0 auto;

}

.smpWidth{
	width: 90%;
	margin-left: auto;
	margin-right: auto;

}


#menu_wrap{
	position: fixed;
	width: 100%;
	z-index: 99999;
}


#menu .switch {
    position: relative;
    width: 30px;
    height: 50px;
    cursor: pointer;
    top: 26px;
    left: 22px;
	z-index: 999999;
}
#menu .switch:before {
    content: "";
    position: absolute;
    border-top: 5px solid #000;
    border-bottom: 15px double #000;
    width: 30px;
    height: 5px;
}




#menu .active:before,
#menu .active:after {
    content: "";
    position: absolute;
    left: 13px;
    top: 0;
    border: 0;
    background-color: #FFF;
    width: 5px;
    height: 25px;
    transform: rotate(45deg);
}
#menu .active:after {
    transform: rotate(-45deg);
}
#menu .nav {
    display: none;
    position: relative;
    top: -50px;
    widows: 100%;
    background-color: rgba(0,0,0,0.8);
	height: 100vh;
	overflow: scroll;
	font-size: 0;
}
/*
#menu a {
    display: block;
    border-bottom: 1px;
    padding: 12px;
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
    text-decoration: none;
    text-align: center;
	height: 70px;
}
*/

#menu .nav li{
	box-sizing:border-box;
    border-bottom: 1px solid rgba(255,255,255,0.6);
    padding: 30px 0 0 0;
    /*padding: 14% 0 0 0;*/
	color: #FFF;
    text-decoration: none;
    text-align: center;
    width: 100%;
	height: 80px;
	/*height: 20%;*/
	font-size: 20px;
	font-weight: normal;
	font-family: 'Noto Sans Japanese', sans-serif;

}

/*
#menu .nav li:first-child{
	box-sizing:border-box;
    border-bottom: 1px solid rgba(255,255,255,0.6);
    border-right: none;
    width: 100%;
    height:120px;
}
*/

#menu .nav li:nth-child(odd){
    border-right: none;
}

#menu .nav li:nth-child(8),
#menu .nav li:nth-child(9),
#menu .nav li:nth-child(10)

{
	background-color:  rgba(0,0,0,0.3);
    width: 100%;
}

#menu a {
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
}


.sp_fnav{
	width: 99.5%;
	margin: 0;
	padding: 0;
}

.sp_fnav li {
	text-align: center;
	height: 35px;
	padding: 15px 0 0 0;
	background: #FFDCD7;
}



.sp_fnav li a{
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}
.sp_fnav li.blank{
	background: #FFEBE6;
	width: 100% !important;
}

.sp_fnav li:nth-child(odd){
	width: 49.5%;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	float: left;
	text-align: center;
}

.sp_fnav li:nth-child(even){
	width: 49.5%;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	float: right;
}


.w90{
	width: 90%;
	margin: auto;
}


}

/* 追加171030 */
.btnAttention{
	font-size: 14px;
	text-align: right;
	font-weight: 200;
	padding-top: 4px;
}

.button{
	margin-bottom: 0;
}

@media screen and (max-width: 640px) {
	.btnAttention{
	font-size: 12px;
	line-height: 1.3;
	text-align: left;
    text-indent: -1em;
    padding-left: 2em;
    width: 86%;
    margin: 0 auto;
	}
}