@charset "UTF-8";
/* CSS Document */


html{
	height:100%;
	width:100%;
}



body{
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#4C4C4C;
	font-size:12px;
	line-height:1.5;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#FFF;
	-webkit-font-smoothing: subpixel-antialiased;
}


img{
	vertical-align:bottom;
}


header{
	width:100%;
	max-width:1300px;
	position:fixed;
	left:0;
	right:0;
	z-index:10;
	margin:0 auto;
}

header .bkimg{
	background:url(../images/header_img.jpg);
	width:60%;
	position:absolute;
	top:0;
	right:0%;
	z-index:5;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom center;
	overflow: hidden;	
}


header h1{
	position:absolute;
	top:30px;
	left:20px;
	z-index:100;
	width:600px;
}

header h1 img{
	width:100%;
	height:auto;
}

header .num{
	position:absolute;
	right:20px;
	width:20%;
	z-index:100;
}

header .num img{
	width:100%;
	height:auto;
}

@media screen and (max-width:750px){/*Over PC VIEW*/

header{
	position:relative;

}

header h1{
	width:80%;
	height:auto;
	margin-top:30px;
}

header .num{
	width:35%;
	height:auto;
}

}

@media screen and (max-width:580px){/*Over PC VIEW*/
header .bkimg{
	width:75%;
	background-position:bottom left;
}

}





/* =============== header Navi ================ */


header nav{
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	position:absolute;
	bottom:2%;
	left:2%;
	text-align:left;
}
header nav h2{
	margin-bottom:20px;
}
header nav a{
	color:#4C4C4C;
	text-decoration:none;
}
header nav a:hover{
	color:#57B2A6;
}
@media only screen and (max-width: 768px) {
header nav{
	display:none;
}

}


/* =============== main Navi ================ */

nav#mainnavi{
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:1.06em;
	position:fixed;
	top:-60px;
	background:#FFF;
	z-index:2000;
	width:100%;
	text-align:center;
}
nav#mainnavi ul{
}

nav#mainnavi li{
	display:inline-block;
	margin:0 1% 0 1%;
	padding:13px 0;
}
nav#mainnavi li a{
	color:#4C4C4C;
	text-decoration:none;
}

nav#mainnavi li a:hover{
	border-bottom:1px solid #57B2A6;
}
.current{
	color:#57B2A6 !important;
}

#toggle{
	display: none;
}

@media only screen and (max-width: 768px) {
nav#mainnavi{
	top:0;
}
#toggle{
	display:block;
	position: relative;
	width: 100%;
	background: #222;
}
#toggle p{
  display: block;
  position: relative;
  padding: 12px 0 10px;
  border-bottom: 1px solid #444;
  color: #222;
  text-align: left;
  text-decoration: none;
  cursor:pointer;
}

#toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
}
#toggle p:before, #toggle p:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 4px;
    background: #222;
}
#toggle p:before{
    margin-top: -6px;
}
#toggle p:after{
    margin-top: 2px;
}


nav#mainnavi ul{
    display: none;
	width:100%;
}
nav#mainnavi li{
    width: 100%;
    border-bottom: 1px solid #444;
	display:block;
	background:#333;
	margin:0;
	padding:0;
}
nav#mainnavi li a{
	color:#FFF;
	width:100%;
	height:100%;
	display:block;
	padding:10px 0;
}
nav#mainnavi li a:hover{
	border-bottom:none;
}
.current{
	border:none;
}

}




/* ============================== */



#topcontrol{
	z-index:1500;
}


#wrapper{
	position:relative;
	width:100%;
	z-index:1000;
	border-top:50px solid #57B2A6;
	background:#FFF;
	padding-top:140px;
}


#wrapperIn{
	width:96%;
	max-width:1000px;
	margin:0 auto;
	padding-bottom:100px;
	padding-left:2%;
	padding-right:2%;
	position:relative;
}

.itemspec{
	color:#57B2A6;
	text-align:left;
	font-size:0.9em;
	margin-top:5px;
}

.itemspec a{
	color:#57B2A6;
	text-decoration:none;
}
.itemspec a:hover{
	color:#666666;
	text-decoration:none;
}

.res_connum{
	display:none;
}

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

/*#wrapper{
	width:92%;
	padding-left:4%;
	padding-right:4%;
	padding-top:25px;
	border-top:30px solid #57B2A6;
}*/
#wrapper{
	width:100%;
	padding-top:25px;
	border-top:30px solid #57B2A6;
}
#wrapperIn{
	width:88%;
	padding-left:6%;
	padding-right:6%;
}
.res_connum{
	width:100%;
	display:block;
	padding:20px 0 10% 0;
	text-align:center;
}
.con03 .res_connum{
	padding-bottom:0;
}
}




/* ================== con01 ================== */

.con01{
	width:100%;
	position:relative;
}

.con01 .connum{
	position:absolute;
	top:-20%;
	left:8%;
	width:8%;
}

.con01 .connum img{
	width:100%;
	height:auto;
}

.con01 h2{
	width:70%;
	margin-bottom:30px;
}
.con01 h2 img{
	width:100%;
	height:auto;	
}

.con01 .box{
	position:relative;
	
}

.con01 .textarea{
	width:75%;
	text-align:left;
	float:right;
}

.con01 .textarea h3{
	font-size:1.6em;
	margin-bottom:7px;
	margin-top:20px;
}


.con01 .itemspec{
	width:100%;
	float:right;
	margin-top:5px;
}

.con01 .itemspec dl{}
.con01 .itemspec dt,
.con01 .itemspec h5{
	width:4.5em;
	display:inline-block;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	font-size:1.1em;
	line-height:1.3;
}


.con01 .itemspec dd{
	display:inline;
}


.con01 h4{
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	font-size:2.5em;
	width:100%;
	text-align:center;
	color:#7E7E7E;
	padding:80px 0 20px 0;
}


.con01 .imagelist{
}

.con01 .imagelist ul.mens{
	width:100%;
}
.con01 .imagelist ul.womens{
	width:100%;
	margin-top:15px;
}

.con01 .imagelist ul li{
	width:32%;
	float:left;
	margin-right:2%;
}
.con01 .imagelist ul li img{
	width:100%;
	height:auto;
}



.con01 .imagelist ul li.last{
	margin-right:0 !important;
}

.con01 .people{
	width:100%;
	text-align:left;
}
.con01 .people h5{
	margin-top:5px;
}
.con01 .people h6{
	margin-bottom:5px;
	font-size:0.9em;
}
.con01 .people p{
	font-size:0.9em;
}

.con01 .lastimg{
	margin-top:60px;
}


.con01 .footer{
	width:100%;
	margin-top:8%;
	text-align:center;
}

.con01 .footer img{
	width:30%;
}





@media only screen and (max-width: 768px) {
.con01 .connum{
	display:none;
}
.con01 h2{
	width:100%;
	margin-bottom:20px;
}

.con01 .textarea{
	width:100%;
	text-align:left;
	float:none;
}

.con01 .itemspec dl{
	margin-bottom:5px;
}
.con01 .itemspec dt,
.con01 .itemspec h5{
	display:block;
}

.con01 .itemspec dd{
	display:block;
}


.con01 .imagelist ul.mens{
	width:48.5%;
	float:left;
}
.con01 .imagelist ul.womens{
	width:48.5%;
	margin-top:0;
	float:right;
}

.con01 .imagelist ul li{
	width:100%;
	float:none;
	margin-right:0;
}
.con01 .imagelist ul li .itemspec{
	height:2.5em;
}

.con01 .footer img{
	width:45%;
}


.con01 .lastimg{
	margin-top:40px;
}
}

@media only screen and (max-width: 580px) {
.con01 .imagelist ul.mens{
	width:90%;
	margin:0 auto;
	float:none;
}
.con01 .imagelist ul.womens{
	width:90%;
	margin:0 auto;
	float:none;
}
.con01 .imagelist ul li .itemspec{
	height:auto;
	margin-bottom:20px;
}
.con01 .lastimg{
	margin-top:20px;
}
}









/* ================== con02 ================== */

.con02{
	width:100%;
	position:relative;
	margin-top:160px;
	text-align:left;
}
.con02 h2{
	width:100%;
	margin:0 0 50px 0;
	padding:0;
}
.con02 h2 img{
	width:100%;
	height:auto;
}

.con02 .connum{
	position:absolute;
	top:6%;
	right:0%;
	width:11%;
}


.con02 .connum img{
	width:100%;
	height:auto;
}

.con02 .textarea{
	width:80%;
	text-align:left;
}

.con02 .textarea h3{
	font-size:1.6em;
	margin-bottom:7px;
}


.con02 .itemspec{
	width:100%;
}
.con02 .itemspec dl{}
.con02 .itemspec dt,
.con02 .itemspec h5{
	width:4.5em;
	display:inline-block;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	font-size:1.1em;
	line-height:1.3;
}

.con02 .itemspec dd{
	display:inline;
}

.con02 .imagelist{
	margin-top:4%;
}

.con02 .imagelist ul.mens{
	width:100%;
}
.con02 .imagelist ul.womens{
	width:100%;
	margin-top:20px;
}

.con02 .imagelist ul li{
	width:32%;
	float:left;
	margin-right:2%;
}
.con02 .imagelist ul li img{
	width:100%;
	height:auto;
}
.con02 .imagelist ul li.last{
	margin-right:0 !important;
}



.con02 .peoplelist{
	width:100%;
}
.con02 .peoplelist ul{
	width:100%;
}
.con02 .peoplelist ul li{
	width:48.5%;
	margin-right:3%;
	margin-top:2%;
	float:left;
}
.con02 .peoplelist ul li.last{
	margin-right:0;
}








@media only screen and (max-width: 768px) {
.con02{
	margin-top:60px;
}
.con02 .connum{
	display:none;
}
.con02 .textarea{
	width:100%;
}
.con02 h2{
	margin:0 0 30px 0;
}
.con02 h2 img{
	width:100%;
	height:auto;
}

.con02 .peoplelist{
	margin-top:20px;
}
.con02 .itemspec dl{
	margin-bottom:5px;
}
.con02 .itemspec dt,
.con02 .itemspec h5{
	display:block;
}

.con02 .itemspec dd{
	display:block;
}

.con02 .imagelist{
	margin-top:25px;
	border-top:1px solid #CCC;
	padding-top:30px;
}

.con02 .imagelist ul.mens{
	width:48.5%;
	float:left;
}
.con02 .imagelist ul.womens{
	width:48.5%;
	margin-top:0;
	float:right;
}

.con02 .imagelist ul li{
	width:100%;
	float:none;
	margin-right:0;
}
.con02 .imagelist ul li .itemspec{
	height:2.5em;
}
}




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


.con02 .peoplelist ul{
	width:90%;
	margin:0 auto;
}
.con02 .peoplelist ul li{
	width:100%;
	margin-right:0;
	margin-top:2%;
	float:none;
}
.con02 .peoplelist ul li.last{
	margin-right:0;
}



.con02 .imagelist ul.mens{
	width:90%;
	margin:0 auto;
	float:none;
}
.con02 .imagelist ul.womens{
	width:90%;
	margin:0 auto;
	float:none;
}
.con02 .imagelist ul li .itemspec{
	height:auto;
	margin-bottom:20px;
}
}







/* ================== con03 ================== */

.con03{
	width:100%;
	margin-top:140px;
	position:relative;
	text-align:left;

}
.con03 .connum{
	position:absolute;
	top:0%;
	right:0%;
	width:12%;
}
.con03 .connum img{
	width:100%;
	height:auto;
}
.con03 h2{
	width:100%;
	margin:0 0 90px 0;
	padding:0;
}
.con03 h2 img{
	width:80%;
	height:auto;
}
.con03 h3{
	width:80%;
}



.con03 .rmc{
	width:100%;
	margin-top:30px;
}
.con03 .rmc h4{
	font-size:1.4em;
	color:#57B2A6;
	margin-bottom:8px;
}
.con03 .rmc .left_box{
	width:34%;
	float:left;
}
.con03 .rmc .left_box img{
	width:100%;
	height:auto;
}
.con03 .rmc .right_box{
	width:60%;
	float:right;
}



.con03 .pickup{
	text-align:center;
	width:100%;
	background:url(../images/05_report_line.gif) top center no-repeat;
	padding-top:30px;
	margin-top:50px;
}

.con03 .pickup h4{
	font-size:1.4em;
	color:#57B2A6;
	line-height:1.4;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	letter-spacing:0.1em;
}

.con03 .pickup .note{
	font-size:0.9em;
	padding:5px 0 5px 0;
}

.con03 .pickup ul{
	width:100%;
	margin-top:10px;
}

.con03 .pickup ul li{
	width:22.6%;
	margin-right:3.2%;
	text-align:left;
	float:left;
}
.con03 .pickup ul li img{
	width:100%;
}
.con03 .pickup ul li .comment{
	font-size:0.9em;
	margin-top:6px;
}
.con03 .pickup ul li.last{
	margin-right:0 !important;
}

.con03 .pickup .itemspec{
	text-align:center;
}



.con03 .shop{
	border-top:6px double #57B2A6;
	margin-top:40px;
}
.con03 .shop h3{
	color:#57B2A6;
	font-size:2.6em;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	margin-bottom:20px;
}
.con03 .shop dl{
	width:100%;
	border-bottom:1px solid #CCC;
	margin-bottom:8px;
	padding-bottom:5px;
}
.con03 .shop dl.top{
	border-top:1px solid #CCC;
	padding-top:8px;
}
.con03 .shop dd{
	font-size:1.3em;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	float:left;
	width:45%;
	padding-top:5px;
}
.con03 .shop dt{
	float:right;
	width:55%;
}


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

.con03{
	margin-top:80px;
}
.con03 h2{
	margin:30px 0 30px 0;
}
.con03 h2 img{
	width:100%;
	height:auto;
}
.con03 .connum{
	display:none;
}

.con03 h3{
	width:100%;
}
.con03 .rmc{
	width:100%;
	margin-top:20px;
}
.con03 .rmc h4{
	font-size:1.4em;
	margin-bottom:5px;
}
.con03 .rmc .left_box{
	width:100%;
	float:none;
	text-align:center;
}
.con03 .rmc .left_box img{
	width:50%;
}
.con03 .rmc .right_box{
	width:100%;
	float:none;
	padding-bottom:15px;
}
.con03 .rmc .right_box br{
	display:none;
}


.con03 .pickup ul li{
	width:45%;
	margin:0 2.5% 6% 2.5%;
}
.con03 .pickup ul li.last{
	margin-right:2.5% !important;
}

.con03 .pickup ul li .comment{
	height:9em;
}

.con03 .shop{
	border-top:6px double #57B2A6;
	margin-top:20px;
}

.con03 .shop dd{
	font-size:1.2em;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	padding-top:0;
	float:none;
	width:100%;
}
.con03 .shop dt{
	float:none;
	width:100%;
}

}


@media only screen and (max-width: 580px) {
	
.con03 .pickup ul li{
	width:90%;
	margin:0 auto;
	float:none;
	margin-bottom:10px;
}
.con03 .pickup ul li.last{
	margin-right:0% !important;
}

.con03 .pickup ul li .comment{
	height:auto;
}


.con03 .shop h3{
	text-align:center;
}
}




/* ================== otherlink ================== */

.otherlink{
	width:100%;
}
.otherlink a{
	width:100%;
	display:block;
	background:#4B9BCE;
	font-size:1.8em;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	color:#FFF;
	text-decoration:none;
	padding:38px 0 36px 0;
}

.otherlink a:hover{
	background:#666;
}




/* ========================================================
                            Clerfix
   ======================================================== */

#wrapper:after,
.category:after,
.con01 .box:after,
.con01 .itemspec:after,
.imagelist:after,
.imagelist ul:after,
.con02 .imagelist ul.mens:after,
.con02 .imagelist ul.womens:after,
.con02 .peoplelist:after,
.con03 .rmc:after,
.con03 .pickup:after,
.con03 .shop:after,
.con03 .shop dl:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}