/* PC用CSS */
@media print, screen and (min-width: 846px) {
 
/* ここから通常のCSS */
#warraper{
		overflow: hidden;
	}
/* CSS Document */
/**********Base**********/

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
	
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td{
	margin : 0;
	padding : 0;
}
h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
.pc {
	display: block !important;
}
.pcc {
	display: flex !important;
}	
.sp {
	display: none !important;
}
	
/* for modern brouser */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;/* 隙間対応 */
	font-size: 0.1em;/* 隙間対応 */
	line-height: 0;/* 隙間対応 */
}
/* IE7,MacIE5 */
.clearfix {
	display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/**/
*{
	margin:0px;
	padding:0px;
}
	
img {
	border: none;
}	

body {
	margin: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1em;
	line-height:1.5em;
	letter-spacing: 0.8pt;
	color: #333333;
	background-color:#ffffff;
	-webkit-text-size-adjust: 100%;
}


A{
	text-decoration:none;
	color: #a50b5b;
}
/*A:visited {color:#a50b5b;}*/
A:hover {
	text-decoration:underline; color:#a50b5b;
}

.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mt40{
	margin-top: 40px;
}

.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.pl50 {
	padding-left: 50px;
}
.size16 {
	font-size: 1em;
}
		
.size15{
	font-size: 0.94em;
}

	

/*========= ローディング画面のためのCSS ===============*/
#splash {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
	text-align:center;
	color:#fff;
}

#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
 /* Loading アイコンの大きさ設定　*/
  #splash_logo img {
    width: 250px; }

/* fadeInをするアイコンの動き */

.fadeIn{
animation-name: fadeInAnime;
animation-duration:2.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*=============
slider
=============*/
.slide_box {
	position:relative;
}
.top_logo{
	z-index:10;
	position:absolute;
	left:1%;
	top:1%;
}
.image-vw {
	width : 13vw ; 
}
.full_c  {
	z-index:11;
	position:absolute;
	height: 196px;
	width:100%;
	left: 25%;
	top:75%;
}
.image_c{
	width :50vw;
}

.full div {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width: 100%;
	margin: 0;
	object-fit: cover;
}
.full div.img01 {
	background-image: url("../image/slide04.jpg");
	background-size: cover;
}
.full div.img02 {
	background-image: url("../image/slide05.jpg");
}
.full div.img03 {
	background-image: url("../image/slide08.jpg");
}

/************header***************/

.site-header{
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	justify-content: space-between;
    padding: 5px 10px;
	background-color: #000000;
	min-height: 60px;

}
.site-logo {
	margin: 0;
	padding: 0;
	max-width:250px;
	max-height: 50px;
	flex: 1;

}	
.site-logo img{
	width: 100%;
	height: auto;
	}
.gnav{
	flex: 1;
	}
.gnav_menu{
	justify-content: flex-end;
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
    padding: 2px 10px 2px 5px;
	font-size: 0.85em;
	padding-top: 15px;
	
}
.gnav_menu_item{
    margin-left: 15px;
	list-style: none;
}
.gnav_menu_item a{
    color: #fff;
    text-decoration: none;
}
.gnav_menu_item a:hover {
    color: #fff;
    text-decoration: underline;
}	
.site-header.transform {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}
	
}

@media (min-width: 1174px) and (max-width: 1230px) {
.gnav_menu{
    display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	font-size: 0.85em;
	padding-top: 15px;
}
.gnav_menu_item{
    margin-left: 8px;
	list-style: none;
}
	}
@media (min-width:1146px) and (max-width: 1174px) {
.gnav_menu{
    display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	font-size: 0.8em;
	padding-top: 15px;
}
.gnav_menu_item{
    margin-left: 10px;
	list-style: none;
}
	}	
@media (min-width:1052px) and (max-width: 1146px) {
.gnav_menu{
    display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	font-size: 0.75em;
	padding-top: 15px;
}
.gnav_menu_item{
    margin-left: 10px;
	list-style: none;
}
.site-logo {
	margin: 5px 0 0 0;
	padding: 0;
	max-width:200px;
	max-height: 50px;
	flex: 1;

}	
.site-logo img{
	width: 100%;
	height: auto;
	}
	}
@media (min-width:983px) and (max-width: 1052px) {
.gnav_menu{
    display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	font-size: 0.70em;
	padding-top: 15px;
}
.gnav_menu_item{
    margin-left: 8px;
	list-style: none;
}
.gnav_menu_item{
    margin-left: 10px;
	list-style: none;
}
.site-logo {
	margin: 5px 0 0 0;
	padding: 0;
	max-width:175px;
	max-height: 50px;
	flex: 1;

}
	}	
@media (min-width:932px) and (max-width: 983px) {
.gnav_menu{
    display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	font-size: 0.66em;
	padding-top: 15px;
}
.gnav_menu_item{
    margin-left: 8px;
	list-style: none;
}
.site-logo {
	margin: 5px 0 0 0;
	padding: 0;
	max-width:175px;
	max-height: 50px;
	flex: 1;

}
}
@media (min-width:907px) and (max-width: 932px) {
.gnav_menu{
    display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	font-size: 0.66em;
	padding-top: 15px;
}
.gnav_menu_item{
    margin-left: 8px;
	list-style: none;
}
.site-logo {
	margin: 10px 0 0 0;
	padding: 0;
	max-width:150px;
	max-height: 50px;
	flex: 1;

}
}	
@media (min-width:768px) and (max-width: 906px) {
.gnav_menu{
    display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	font-size: 0.62em;
	line-height: 1.2em;
	padding-top: 18px;
}
.gnav_menu_item{
    margin-left: 8px;
	list-style: none;
}
.site-logo {
	margin: 10px 0 0 0;
	padding: 0;
	max-width:120px;
	max-height: 50px;
	flex: 1;

}
}

/* PC用CSS */
@media print, screen and (min-width: 846px) {

#menu {
	display: none;
}
.photo_n{
    margin: 0 auto;
    width:100%;
    height: auto;
	z-index: -1;
} 

.photo_n img {
	width:100%;
	height: 100%;
	vertical-align: bottom;
}	
/*********concept***********/
.concept{
	margin: 180px auto 300px ;
	padding: 0 ;
	width: 100%;
	height: auto;
	}
ul.conce_text{
	padding: 0 ;
	width:100%;
	margin: 0 auto;
}
.conce_text li{
	margin: 30px auto 50px;
	transition: .8s;
	list-style-type: none;
}
.conce_bg{
	background-image: url("../image/top_img.jpg");
	background-position: right;
	height: 680px;
	background-repeat  : no-repeat;

}
.conce_com{
	margin: 0 auto ;
	padding-top: 380px;
	max-width: 1020px;
}
.conce_comm{
	margin: 0 10px;
	padding: 45px;
	background-color: #fff;
	max-width: 610px;
	max-height: 550px;
	box-shadow:0 0 5px #999;
	font-size:16px;
	line-height:1.8em;
}
.conce_comm img{
	max-width: 258px;
	height: 50px;
}
.topcom-mv{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv01{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);

}
/*********what***************/
.what{
	margin: 180px auto 300px ;
	padding: 0 ;
	width: 100%;
	height: auto;
	clear: both;
}
ul.what_text{
	padding: 0 10px;
	max-width:1040px;
	margin: 0 auto;
}
	
.what_text li{
	margin: 30px auto 50px;
	transition: .8s;
	list-style-type: none;
	max-width: 1020px;
}

.w_top_photo{
	position:relative;
	max-width:1020px;
	height:680px;
}

.what .w_top_photo img{
	position:absolute;
	top:50px;
	left:45px;
	max-width:690px;
	object-fit: cover;
}

.what .w_top_photo p{
	position:absolute;
	top:280px;
	right: 0;
	width:610px;
	height:430px;
	background:#fff;
	padding: 100px 45px 45px;
	box-shadow:0 0 5px #999;
	font-size:16px;
	line-height:1.8em;
	z-index:1;
}
.what.wh_ttl{
	text-align: center;
	display: block;
	margin: 20px auto 30px;
}
.what.wh_ttl img{
	margin: 0;
	padding: 0;
	width:505px;
	height:61px;
	vertical-align: bottom;
}	
ul.what_text a{
	margin-top: 40px;
	display: block;
	font-weight: bold;
	text-decoration:none;
	color: #333333;
	text-align: right;
}
ul .what_list{
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	margin: 0 0 50px;
	max-width: 1020px;
	}
ul .what_list li{
	margin: 0 10px;
	max-width: 320px;
	max-height: 65px;
	flex: 100%;

	}	
ul .what_list li img{
	margin: 0;
	padding: 0;
	max-width: 100%;
	max-height: 65px;
	height: auto;
	}
ul.what_list a{
	margin: 0;
	padding: 0;
}
h2.what_t{
	margin:100px auto 60px;
	background-image: url("../image/point_t.png");
	background-repeat: no-repeat;
	width: 448px;
	height: 35px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
.what-mv{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv03{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);

}
/***************information***************/	

.information {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background-color: #f6f6f6;
	
	}		
	
.instagallery{
position: relative;
display: inline-block;
margin:10px;

}
.instagallery li img {
	border-radius: 5px;
	width:180px;
	height: 180px;
	margin: 0 5px;
	}
	.instagallery li p {
		background-color: #ffffff;
	}	
.info{
	margin: 40px auto 0;
	padding: 0 0 150px;
	height: auto;
	text-align: center;
	list-style-type: none;
	overflow: hidden;
	}
.info li{
	margin: 15px auto;
	transition: .8s;
	list-style-type: none;
	max-width: 1020px;
}	
h2.info_t{
	background-image: url(../image/information.png);
	background-repeat: no-repeat;
	max-width: 300px;
	height: 40px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 100px auto 10px;
	}	
.info-mv{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv02{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
ul.inst_k{
	margin: 25px auto;
	padding: 0;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	max-width: 1020px;
	height: auto;
	list-style: none;
	justify-content: space-between;
	}
ul.inst_k li{
	margin: 0;
	padding: 0 10px;
	max-wdth:180px;
	}
ul.inst_k li{width: 100%;}
/***************lineup***************/		

.lineup{
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background-color: #f6f6f6;
}
	
.lineup_g{
	margin: 0 auto;
	padding: 0 10px 150px;
	height: auto;
	text-align: center;
	list-style-type: none;
	overflow: hidden;
	max-width: 1040px;
}	
.lineup_g li{
	margin: 0 auto;
	transition: .8s;
	list-style-type: none;
	max-width: 1020px;
}
h2.lineup_t{
	margin: 100px auto 60px;
	background-image: url(../image/lineup_t.png);
	background-repeat: no-repeat;
	width: 145px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}	
ul.lineup_list{
	margin: 50px 0;
	max-width: 1020px;
	list-style: none;
}

ul.lineup_list li.img_wrap{
    max-width: 1020px;
    max-height: 451px;
    margin: 0 auto 50px;
	padding: 0;
	transition-duration: 0.5s;
}
.img_wrap img{
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
    cursor: pointer;
}
.img_wrap:hover{
    box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
    transform: translateY(-10px);
    transition-duration: 0.5s;
}
.lineup-mv{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv04{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/************list**************/
#list{
	margin: 150px auto;
	padding: 0 ;
	width: 100%;
	height: auto;
}
ul.list_text{
	padding: 0;
	max-width:1020px;
	margin: 0 auto;
}
	
.list_text li{
	margin: 0 auto 50px;
	transition: .8s;
	list-style-type: none;
	max-width: 1020px;
}
.top_photo_l{
	position:relative;
	max-width:1020px;
	height:600px;
}

.top_photo_l img{
	position:absolute;
	top:50px;
	right:0;
	width:100%;
	max-width:690px;
	object-fit: cover;
}

.top_photo_l p{
	position:absolute;
	top:200px;
	left: 0;
	width:610px;
	height:400px;
	background:#fff;
	padding: 45px;
	box-shadow:0 0 5px #999;
	font-size:16px;
	line-height:1.8em;
	z-index:1;
}
.list_ttl{
	text-align: center;
	display: block;
	margin: 30px auto 60px;
}
.list_ttl img{
	margin: 0;
	padding: 0;
	width:231px;
	height:46px;
	left:40px;
	vertical-align: bottom;
}
.frlist_g{
	list-style: none;
}
ul.list_text a{
	margin-top: 30px;
	display: block;
	font-weight: bold;
	text-decoration:none;
	color: #333333;
	text-align: right;
}
ul .frlist_list{
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	margin: 0 auto 30px;
	max-width: 1020px;
	height: auto;
	list-style: none;
}
ul .frlist_list li{
	margin: 0 10px;
	max-width: 180px;
	flex: 100%;
}	
ul .frlist_list li img{
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
}
.frlist-mv{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv06{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
/*********case*****************/
.case{
	margin: 300px auto ;
	padding: 0 ;
	width: 100%;
	height: auto;
}
ul.case_text{
	padding: 0 10px;
	max-width:1040px;
	margin: 0 auto;
}
	
.case_text li{
	margin: 30px auto 50px;
	transition: .8s;
	list-style-type: none;
	max-width: 1020px;
}

.case .top_photo{
	position:relative;
	max-width:1020px;
	height:600px;
}

.case.top_photo img{
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	max-width:690px;
	object-fit: cover;
}

.case .top_photo p{
	position:absolute;
	top:200px;
	right: 0;
	width:610px;
	height:400px;
	background:#fff;
	padding: 45px;
	box-shadow:0 0 5px #999;
	font-size:16px;
	line-height:1.8em;
	z-index:1;
}
.ca_ttl{
	text-align: left;
	display: block;
	margin: 30px auto 0;
}
.ca_ttl img{
	margin: 0;
	padding: 0;
	width:169px;
	height:42px;
	left:45px;
	vertical-align: bottom;
}	
ul.case_text a{
	margin-top: 40px;
	display: block;
	font-weight: bold;
	text-decoration:none;
	color: #333333;
	text-align: right;
}
ul .case_list{
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	margin: 0 0 50px;
	max-width: 1020px;
}
ul .case_list li{
	margin: 0 10px;
	max-width: 320px;
	max-height: 150px;
	flex: 100%;
}	
ul .case_list li img{
	margin: 0;
	padding: 0;
	max-width: 100%;
	max-height: 150px;
	height: auto;
}
ul.case_list a{
	margin: 0;
	padding: 0;
}
h2.case_t{
	margin: 0 auto;
	background-image: url("../image/category_t.png");
	background-repeat: no-repeat;
	width: 123px;
	height: 35px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.case-mv{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv05{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
/*********office************/
.office{
	margin: 150px auto ;
	padding: 0 ;
	width: 100%;
	height: 600px;
}
ul.office_text{
	padding: 0;
	max-width:1020px;
	margin: 0 auto;
}
	
.office_text li{
	margin: 0 auto 50px;
	transition: .8s;
	list-style-type: none;
	max-width: 1020px;
}
.top_photo_b{
  position:relative;
  max-width:1020px;
  height:600px;
}

.top_photo_b img{
	position:absolute;
	top:50px;
	right:0;
	width:100%;
	max-width:690px;
	object-fit: cover;
}

.top_photo_b p{
	position:absolute;
	top:200px;
	left: 0;
	width:610px;
	height:400px;
	background:#fff;
	padding: 45px;
	box-shadow:0 0 5px #999;
	font-size:16px;
	line-height:1.8em;
	z-index:1;
}
.o_ttl{
	text-align: center;
	display: block;
	margin: 30px auto 60px;
	}
.o_ttl img{
	margin: 0;
	padding: 0;
	width:478px;
	height:47px;
	left:40px;
	vertical-align: bottom;
}
ul.office_text a{
	margin-top: 40px;
	display: block;
	font-weight: bold;
	text-decoration:none;
	color: #333333;
	text-align: right;
}

	
.office-mv{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv08{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
	
/***********top_contact************/
.btn,
a.btn,
button.btn {
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 4rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 0.5rem;
	width:320px;
}
.contact{
	margin: 150px auto 0 ;
	padding: 0 ;
	width: 100%;
	height: auto;
	background-color: #f6f6f6;
}
.cont_text{
	text-align: center;
	padding: 130px 0;
}
	
.cont_text li{
	margin: 0 auto 50px;
	transition: .8s;
	list-style-type: none;
	max-width: 1020px;
}
.cont_text li img{
	margin: 50px auto;
	max-width: 850px;
	width: 100%;
}	
 a.cont-btn {
	 overflow: hidden;
	 padding: 20px 30px ;
	 color: #fff;
	 border-radius: 0;
	 background: #000;
}

a.cont-btn span {
	position: relative;
}

a.cont-btn:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-96%);
	transform: translateX(-96%);
	background: #b20e5b;
}

a.cont-btn:hover:before {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
.cont-mv{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);

}
	
/***************foooter***************/

#foot{
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background-color: #000000;
}
.foot{
	margin: 0 auto;
	padding: 0;
	max-width: 1020px ;
	height: auto;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
}

.ft_menu {
	margin: 25px auto;
	padding: 0 5px;
	width: 240px;
	border-right: 1px dotted #ffffff;
}
.ft_menu2 {
	margin: 25px auto;
	padding: 0 5px;
	width: 330px;
	border-right: 1px dotted #ffffff;
}
.ft_menu h2 {
    padding: 10px;
	color: #ffffff;
	font-size: 1em;
}
.ft_menu2 h2 {
    padding: 10px;
	color: #ffffff;
	font-size: 1em;
}
.ft_menu ul{
	float: left;
	list-style-type: disc;
	color: #ffffff;
	margin: 0 10px;
}
.ft_menu2 ul{
	float: left;
	list-style-type: disc;
	color: #ffffff;
	margin: 0 10px;
}

.ft_menu_item {
    margin-left: 10px;
	font-size: 0.66em;
	font-weight: normal;
}
.ft_menu_item2 {
	margin-top:5px;
    margin-left: 10px;
	font-size: 0.66em;
	font-weight: normal;
	line-height: 1.3em;
}
.ft_menu_item2 span{
	font-size: 1.35em
}
.ft_menu_item2 a{
    color: #fff;
    text-decoration: none;
}
.ft_menu_item2 a:hover {
    text-decoration: underline;
}
.ft_menu_item a{
    color: #fff;
    text-decoration: none;
}
.ft_menu_item a:hover {
    text-decoration: underline;
}
.foot .logo {
	padding: 25px 5px 0;
	text-align: center;
}
.foot .logo a {
    padding: 0;
    display: block;
}
.copy {
    text-align: center;
    padding: 10px;
	color: #ffffff;
	font-size: 0.66em;
}
.foot .logo .add{
	margin: 0 auto 30px;
	padding: 0;
	font-size: 0.76em;
	line-height: 1.2em;
	color: #ffffff;
	text-align: left;
}	
.foot .logo .logottl{
	margin: 20px auto ;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 2.5em;
	text-align: center;
	color: #ffffff;
}
.foot .logo .office_ttl{
	margin: 25px 0 10px;
	color: #ffffff;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 0.88em;
	vertical-align: middle;
	text-align: center;
	}	
.foot .logo .office_ttl img{
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
	width: 72px;
	height: 30px;
}	
.ft_text {
	font-size: 0.56em;
	color: #ffffff;
	text-align: center;
	line-height: 1.2em;
} 
.ft_text a {
	color: #ffffff;
	text-decoration: underline;
	display: inline;
} 	
.ft_text a:hover {
	color: #a50b5b;
	text-decoration: underline;
} 
	
#foot .copy{
	margin: 50px auto 0;
	padding: 10px;
	max-width: 1020px;
	color: #ffffff;
	font-size: 0.88em;
	text-align: center;
}
/*footlogo 追加*/
ul.footerlogo{
	margin: 30px auto ;
	padding: 0;
	max-width: 1020px ;
	list-style: none;
	height: auto;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
}
ul.footerlogo li{
	margin: 0 6px 0 0;
	padding: 0;
	max-width: 165px;
}	
ul.footerlogo li img{
	margin: 0;
	padding: 0;
	width: 100%;
}
ul.footerlogo li.last{
	margin: 0;
	padding: 0;
	max-width: 165px;
}	
ul.footerlogo li.last img{
	margin: 0;
	padding: 0;
	width: 100%;
}	
/*ページトップへ*/
.pagetop { 
	display: none;
	position: fixed;
	bottom: 2%;
	right: 2%;
}
.pagetop a {
	display: block;
	width: 70px;
	height: 70px;
}	
/*************ここから中ページ************/
/*what*/
.what_img{
	margin: 0 0 60px;
	padding: 0;
	background-image: url("../image/what_bg01.jpg");
	background-size: 100% 100%;
	min-height: 730px;
	background-repeat: no-repeat;
}
.what_n {
	margin: 0 auto 60px;
	padding: 100px 10px 60px;
	max-width: 1040px;
}	
.what_waku{
	display: block;
	margin: 10% 12% 20px 2%;
	padding: 0;
	float: right;
    width:560px;
	text-align: center;
}
.n_ttl_01{
	margin: 0 auto 0;
	max-width: 533px;
	height: 74px;
	background-image: url("../image/what_ttl_01.png");
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.what_com{
	display: flex;
	margin: 0 auto;
	padding: 20px;
	height: auto;
	background-color: #fff;
	opacity: 0.8;
	text-align: left;
	color: #000;
}	
.what_ttl01{
	margin: 60px auto;
	padding: 0;
	max-width: 565px;
}
.what_ttl02{
	margin: 150px auto 60px;
	padding: 0;
	max-width: 680px;
}
.what_ttl03{
	margin: 150px auto 30px;
	padding: 0;
	max-width: 225px;
}
.what_ttl04{
	margin: 150px auto 30px;
	padding: 0;
	max-width: 488px;
}
.what_ttl05{
	margin: 150px auto 30px;
	padding: 0;
	max-width: 231px;
}
ul.what_b {
	margin: 0 auto;
	padding:0 15px 15px;
	list-style: none;
	max-width: 1000px;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
}
ul.what_b li.w_text{
	margin: 0 20px 0 0;
	padding: 0;
	width: 480px;
}
ul.what_b li img{
	width: 100%;
	max-width:510px;
}
ul.what_comm {
	margin: 0 auto;
	list-style: none;
	max-width: 1000px;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
}
ul.what_comm li img{
	width: 100%;
	max-width:510px;
}
.what_brnding{
	margin: 30px auto;
	padding:0;
	max-width: 776px;
}
.un_com_w {
	margin: 10px auto 30px;
	padding: 0 15px 0 ;
	display: block;
	width: 776px;
}
.what_effect {
	margin: 0 auto 60px;
	padding: 0;
	max-width: 1020px;
	vertical-align: bottom;
}	
.eff_img{
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 1020px;
}
.eff_img img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	width: 100%;
}
.eff_waku{
	margin: 0;
	padding:30px 15px;
	max-width: 1020px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.what_e{
	margin: 60px auto;
	padding: 0;
	max-width: 1000px;
}	
.what_e dl{
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	margin: 80px 0;
}
.what_e dd{
	margin: 0 30px 0 ;
	padding: 0;
}
.what_frame{
	font-size: 0.94em;
}
/* signature flow */
.signature_flow_step1 {
	max-width: 1020px;
	height: 300px;
	background-image: url("../image/what_bg02.png");
	background-size: 100% 100%;
	margin: 0 auto;
	padding:70px 120px 0 150px;
}

.signature_flow_step2 {
	max-width: 1020px;
	height: 300px;
	background-image: url("../image/what_bg03.png");
	background-size: 100% 100%;
	margin: 0 auto;
	padding:70px 120px 0 150px;
}

.signature_flow_step3 {
	max-width: 1020px;
	height: 300px;
	background-image: url("../image/what_bg04.png");
	background-size: 100% 100%;
	margin: 0 auto;
	padding:70px 120px 0 150px;
}

.signature_flow_step4 {
	max-width: 1020px;
	height: 300px;
	background-image: url("../image/what_bg05.png");
	background-size: 100% 100%;
	margin: 0 auto;
	padding:70px 120px 0 150px;
}

.signature_flow_step5 {
	max-width: 1020px;
	height: 300px;
	background-image: url("../image/what_bg06.png");
	background-size: 100% 100%;
	margin: 0 auto;
	padding:70px 120px 0 150px;
}

.signature_flow_step6 {
	max-width: 1020px;
	height: 300px;
	background-image: url("../image/what_bg07.png");
	background-size: 100% 100%;
	margin: 0 auto 15px auto;
	padding:70px 120px 0 150px;
}	

.what_f_ttl {
	margin: 30px auto;
	padding: 0;
	background-image: url('../image/w_b_ttl.png');
	background-repeat: no-repeat;
	background-size: contain;
	width: 480px;
	height: 60px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.un_com_ww{
	padding: 0 10px;
    margin: 0 0 0 20px;
    background: #ffffff;
	width:500px;
}
.un_com_ww p {
	margin: 0 0 15px 0;
	padding: 0;
	display: block;
	font-size: 1.12em;
	line-height: 1.8em;
}
.un_com_ww .bold{
	color: #a50b5b;
	font-weight: bold;
}	

/*documents*/
.n_ttl_10{
	margin:0 auto 30px;
	max-width: 250px;
	height: 50px;
	background-image: url(../image/n_title_12.png);
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}	
.doc_ttl {
	margin: 80px 0 60px;
	height: 50px;
	line-height: 50px;
	padding: 7px 5px 0;
	border-bottom:3px double #000;
	color: #000;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
	text-align: center;
	font-size:1.48em;
}	
.doc {
	margin: 0 auto;
	padding: 0;
	max-width: 1000px;
}	
.doc dl {
	margin: 40px 0;
	padding-left:  30px;
}	
.doc dt {
	margin: 0;
	font-weight: bold;
}	
.doc dd {
	margin: 0;
	padding-left: 8px;
	font-size: 0.82em;
}	
/*lineup*/
.lineup_n { 
	margin: 0 auto;
	padding: 100px 10px 40px;
	max-width: 1020px;
}	
.lineup_nn{
	margin: 0 auto 100px;
	padding: 30px 0;
	max-width: 1000px;
}	
.n_ttl_02{
	margin: 0 auto 30px;
	max-width: 250px;
	height: 55px;
	background-image: url("../image/lineup_ttl01.png");
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.un_com{
	margin: 0 auto;
	padding:0;
	max-width: 768px;
	display: block;
	text-align: center;
}	
.bg_g {
	margin: 0;
	padding: 20px 0 80px;
	background-color:#f6f6f6;
	width: 100%;
}
.lineup_gg{
	margin: 0 auto;
	padding: 0 ;
	height: auto;
	text-align: center;
	list-style-type: none;
	overflow: hidden;
	max-width: 1020px;
}	
.lineup_gg li{
	list-style-type: none;
}
.lineup_gg .lineup_list_n{
	margin: 30px 10px 0;
	padding: 0;
}	
ul.lineup_list_n{
	list-style: none;
	padding: 0 10px;
	max-width: 1020px;
	height: auto;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
}
ul.lineup_list_n li.img_wrap{
    max-width: 470px;
    max-height: 370px;
    margin: 0 auto 50px;
	padding: 0;
	transition-duration: 0.5s;
}
.img_wrap_n img{
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
    cursor: pointer;
}
.img_wrap_n:hover{
    box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
    transform: translateY(-10px);
    transition-duration: 0.5s;
}
.l_tti_01{
	margin: 0 auto;
	width: 145px;
	height: 50px;
	background-image: url("../image/lineup_t.png");
	background-repeat: no-repeat;
	background-size: 145px 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.lineup_ttl{
	margin: 150px auto 60px;
	padding: 5px 0 0;
	width: 210px;
	text-align: center;
	height: 45px;
}
.goods_a{
	margin: 60px 0;
	padding: 15px 0;
	max-width: 1020px;
	height: auto;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
}
.goods_a .goods_ap {
	margin: 0 17px 0 0;
	padding: 0;
}	
.goods_a .goods_ap img{
	width: 443px;
	vertical-align: bottom;
}	
.goods_a .goodsttl{
	border-bottom: 1px solid #cccccc;
	max-width: 560px;
	display: block;
	margin-top: 100px;
}	
.goods_a .goods_txt{
	display: block;
	width: 560px;
	margin-left: 17px;
}	
.goods_txt dl{
	display: block;
	max-width: 700px;

}
.goods_txt dt{
	margin-bottom: 20px;
}
.goods_txt dd {
	line-height: 1.6em;
}
.goods_txt dd.indent {
	font-size: 0.94em;
	margin-bottom: 10px;
}
.goods_b{
	margin: 60px 0;
	padding: 15px 0;
	max-width: 1020px;
	height: auto;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
}
.goods_b .goods_ap {
	margin: 0 17px 0 0;
	padding: 0;
	order: 2;
}	
.goods_b .goods_ap img{
	width: 443px;
	vertical-align: bottom;
}	
.goods_b .goodsttl{
	border-bottom: 1px solid #cccccc;
	max-width: 560px;
	display: block;
	margin-top: 100px;
}	
.goods_b .goods_txt{
	display: block;
	width: 560px;
	margin-left: 17px;
	order: 1;
}
.goods_com{
	margin: 20px auto 60px ;
	padding: 0;
	max-width: 1020px;
}	
.goods_com ul{
	margin: 0;
	padding: 20px;
	max-width: 1000px;
	border: 1px solid #cccccc;
	list-style: none;
}	
.goods_com a {
	text-decoration:none;
	color: #a50b5b;
}
.goods_com a:hover {
	text-decoration:underline;
	color: #a50b5b;
}	

.font_m{
	font-size: 0.76em
}	
.lineup_frame {
	max-width: 1020px;
	height: auto;
	margin: 15px auto;
	padding: 5px 20px 20px 80px;
	background: #fffff;
	overflow: hidden;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
}
ul.feature_btn{
	margin: 50px auto 100px;
	max-width:1020px;
	padding: 0 10px;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: center;
	list-style: none;
}
ul.feature_btn li{
	width: 100px;
	height: 100px;
	margin: 0 30px;
}
.btnn,
a.btnn,
button.btnn {
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 5px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 0.5rem;
	width:110px;
	height: 110px;
}
a.btn-lineup {
	overflow: hidden;
	padding: 20px 10px 10px;
	vertical-align: middle;
	color: #fff;
	border-radius: 0;
	background: #000;
}

a.btn-lineup span {
	position: relative;
}

a.btn-lineup:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	background: #990066;
}
a.btn-lineup:hover:before {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
a.btn-lineup2 {
	overflow: hidden;
	padding: 40px 10px 10px;
	vertical-align: middle;
	color: #fff;
	border-radius: 0;
	background: #000;
}
a.btn-lineup2 span {
	position: relative;
}
a.btn-lineup2:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	background: #990066;
}

a.btn-lineup2:hover:before {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
a.btn-lineup3 {
	overflow: hidden;
	padding: 30px 10px 10px;
	vertical-align: middle;
	color: #fff;
	border-radius: 0;
	background: #000;
}

a.btn-lineup3 span {
	position: relative;
}

a.btn-lineup3:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	background: #990066;
}
a.btn-lineup3:hover:before {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
.fonts {
	font-size: 0.82em;
	line-height: 0.88em;
}	
.feature{
	margin: 50px auto 100px;
	padding:80px 0 0;
	width: 100%;
	height: 583px;
	background-image: url('../image/lineup_bg.jpg');
	background-size: 100% 583px;
	}	
.feature dl {
	margin:50px auto;
	padding: 30px;
	max-width: 740px;
	height: auto;
	background-color: rgba(255,255,255,0.8);
	}
.feature dt {
	margin:0 auto 30px;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}
.feature dd {
	margin-top: 15px;
	font-size: 0.94em;
}	
.feature .strong{
	font-weight: bold;
}	
.feature .mini{
	font-size: 0.64em;
}	
.feature_text{
	margin: 150px auto;
	padding: 0 10px;
	max-width: 1020px;
}
h4 .fea_ttl{
	text-align: left;
	margin: 0;
	padding: 0;
	max-width: 1020px;
}
ul.fea_box{
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	max-width: 1000px;
	padding: 30px 0 0;
	list-style: none;
}
ul.fea_box li.peculiarity_list_l{
	max-width:580px;
	height: auto;
	margin-right: 10px;
	line-height: 1.8em;
}
ul.fea_box li.cent{
	width:420px;
	height: auto;
}
.peculiarity_list_s dt {
	display: list-item;
	list-style: none;
	margin-left: 20px;
	margin-bottom: 2px;
	padding: 0;
	letter-spacing: 0.2em;
	font-weight: bold;
}
.peculiarity_list_s dd {
	display: list-item;
	list-style: square outside;
	margin:0 0 5px 40px;
	font-size: 0.94em;
	line-height: 22px;
	letter-spacing: 1px;
}
/* genie */
.contents{
	margin: 0 auto;
	padding: 10px;
	max-width:1020px;
	height: auto;
}
.genie_list{
	margin:10px 0 15px;
	padding: 0;
	width: 100%;
	height: 500px;
	background-image:url('../image/genie_bg.png');
	background-repeat: repeat-x;
}
.genie{
	margin: 0 auto;
	padding: 0 10px;
	max-width: 980px;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
}
.center{
	text-align: center;
}	
.g_left{
	margin: 50px 0 0 ;
	padding: 0;
	width: 100%;
}
.g_right img{
	width: 300px;
	height:500px;
}	
	
.genie_ttl{
	margin: 50px auto 20px;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
	font-size: 1.54em;
	letter-spacing: 0.2em;
}	
.un_com_m{
	margin: 0 auto 50px;
	padding:0;
	max-width: 768px;
	display: block;
	text-align: center;
	font-size: 0.82em;
	color: #a50b5b;
}	
.genie_point{
	margin: 60px auto;
	padding: 0;
	max-width:1080px;
	text-align: center;
}
.genie_point p{
	margin: 20px 0;
	font-size:1.4em;
}
.genie_c{
	margin:10px auto 15px;
	padding: 10px;
	max-width: 770px;
	height:auto;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
}
.genie_list_l2{
	width: 300px;
	height: auto;
	margin-right: 10px;
	text-align: center;
}
	
.genie_c  .font_m{
	margin: 0;
	font-size: 0.76em;
	text-align: center;
	font-weight: bold;
}	
.genie_comm_rent{
	margin:80px 0 0;
	padding: 0;
	vertical-align: middle;
	max-width:460px;
}
.genie_comm_rent p {vertical-align: middle;}	
.genie_comm_ll{
	margin: 0 10px 35px;
	padding: 10px;
	background-color: #000;
	color: #fff;
	font-size: 1.18em;
	font-weight:500;
	letter-spacing: 0.28em;
	vertical-align: middle;
	max-width: 500px;
	text-align: center;
}	
.g_point dd h5{
	font-weight: bold;
}
.g_mm{
	margin: 5px 0 30px 50px;
	padding: 0;
	font-size: 0.82em;
}	

.geniefle_list {
	max-width: 1000px;
	margin: 0 auto 100px;
	padding: 10px;
	overflow: hidden;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
}
.g_list01, .g_list02, .g_list03{
	flex: 1;
	max-width: 295px;
	margin: 0 14px;
} 
.g_list01 img{
	width: 100%;
}
.g_list02 img{
	width: 100%;
}
.g_list03 img{
	width: 100%;
}

.geniefle_list dd {
	padding: 0;
	font-size: 13px;
}

.geniefle_list dt img {
	margin-bottom : 5px;
	display : block;
	width:100%;
}
.sf {
	padding: 0;
	background-image:url(../image/genie_fr1.png);
	background-size: 100% 30px;
	max-width:323px;
	height:30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-bottom: 15px;
}
.tw {
	padding: 0;
	background-image:url(../image/genie_fr2.png);
	background-size: 100% 30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	max-width:323px;
	height:30px;
	margin-bottom: 15px;
}
.cc {
	padding: 0;
	background-image:url(../image/genie_fr3.png);
	background-size: 100% 30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	max-width:323px;
	height:30px;
	margin-bottom: 15px;
}
.sf, .tw, .cc img{
	width: 100%;
}
.genie_nttl {
	margin: 100px auto 80px;
	max-width: 625px;
	text-align: center;
	font-size: 1.54em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
	background: linear-gradient(transparent 70%, #c7fc8e 20%);
}	
.genie_nttl .green{
	margin-left: 15px;
	font-family: "メイリオ";
	font-size: 0.9em;
	color: green;
}	
	
/*list*/
.list_n{
	margin: 0 auto 60px;
	padding: 100px 10px 60px 10px;
	max-width: 1000px;
}	
.n_ttl_03{
	margin: 0 auto 30px;
	max-width: 480px;
	height: 60px;
	background-image: url("../image/n_title_03.png");
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}	
.un_com{
	margin: 60px auto 100px;
	padding:0;
	max-width: 768px;
	display: block;
	text-align: center;
}	
.subInner {
    display:none;
	margin: 0 0 10px;
    padding:10px;
    background:#ffffff;
	height: auto;
}
.subContent{
	height: auto;
	clear: both;
}	
.subContent h4 {
    margin:10px 0 25px;
    padding:0;
}
.subContent h4 img{
   width: 100%;
}	

.subContent h4 span {
    display: block;

}
.close {
	max-width: 1000px;
	height: 16px;
	margin: 0;
	padding:0;
	text-align: right;
}
.close img{
	width: 65px;
	height: 16px;
}
.list{
	margin: 25px 10px;
	padding: 15px 10px;
	max-width: 1000px;
	height: auto;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	border: 1px solid #cccccc;
	
}
.list .list_p {
	margin: 0 20px 0 0;
	padding: 0;
}	
.list .list_p img{
	width: 120px;
	border-radius: 5px;
	vertical-align: bottom;
}	
.list .listttl{
		font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
.list .list_com{
	font-size: 0.94em;
	margin: 10px 0;
}	
.list .list_txt{
	display: inline-block;
	width: 800px;
}
.red{
	color: #a50b5b;
	margin-right: 10px;
}
.list .r_text{
	margin-top: 15px;
	text-align: right;
	font-size: 0.76em;
	font-weight: bold;
}	
.list .r_green{
		vertical-align:top;
		padding: 1px 5px 0;
		font-size: 0.72em;
		background-color: #aacf52;
		float: right;
		color: #ffffff;
		font-weight: normal;
		height: 22px;
}	
/*case*/
.case_n { 
	margin: 0 auto 60px;
	padding: 100px 0 60px;
	max-width: 1020px;
}	
.n_ttl_04{
	margin: 0 auto 30px;
	max-width: 480px;
	height: 60px;
	background-image: url(../image/n_title_04.png);
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.un_com{
	margin: 0 auto;
	padding:0;
	max-width: 768px;
	display: block;
	text-align: center;
}
.case_logo {
	display: block;
	max-width: 1000px;
	margin: 20px 0 60px;
	padding: 0;
}
.case_logo img{
	max-width: 1000px;
	width: 100%;
	}
.case_title {
	margin: 40px 0 10px;
	padding:1.3% 0 0 4.2%;
	max-width: 1000px;
	height:45px;
	background-image: url("../image/case_casettl.png") ;
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: bold;	
	text-align: center;
}

p.case_comm{
	margin:5px 0px 25px 0;
	padding:0 10px 0 20px;
}
.case_c{
	margin: 0;
	padding:10px;
	max-width:1000px;
	height:auto;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
}
.case_c .case_c1 {
	margin:10px 10px 0 10px;
	padding:0;
	max-width:580px;
	height:auto;
	line-height:1.5em;
}
.case_c .case_c1 p{
	margin: 0 0 15px;
}
.case_c .case_c2{
	margin:10px 0 10px 30px;
	padding: 0;
	max-width: 420px;
}
.case_c .case_c2 img{
	width: 100%;
}
.case_photo{
	margin: 10px 0;
	max-width: 420px;
	max-height:136px;
	display: flex;
	}
.case_photo1{
	margin-right: 10px;
	flex: 1;
}	
.case_photo2{
	flex: 1;
}
	
.case_c:after{
	content:"";
	clear:both;
	display:block;	
}
	

p.url{
	margin-left:18px;
}
.case_comment {
	max-width: 1000px;
	height: auto;
	margin: 30px auto 80px;
	padding:30px 0 0 0;
	text-align: center;
}
.case_comment a:visited{
	color: #a50b5b;
}
/*company*/
.company { 
	margin: 0 auto 60px;
	padding: 100px 0 20px;
	max-width: 1020px;
}	
.n_ttl_07 {
	margin: 0 auto 30px;
	max-width: 480px;
	height: 60px;
	background-image: url(../image/n_title_07.png);
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.un_com{
	margin: 0 auto;
	padding:0;
	max-width: 768px;
	display: block;
	text-align: center;
}
/*privacy*/
.privacy { 
	margin: 0 auto 60px;
	padding: 100px 0 60px;
	max-width: 1020px;
}	
.n_ttl_08 {
	margin: 0 auto 30px;
	max-width: 480px;
	height: 60px;
	background-image: url(../image/n_title_08.png);
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.un_com{
	margin: 0 auto 30px;
	padding:0;
	max-width: 840px;
	display: block;
}
/*trade*/
.trade_n { 
	margin: 0 auto 30px;
	padding: 100px 0 60px;
	max-width: 1020px;
}	
.n_ttl_05 {
	margin: 0 auto 30px;
	max-width: 330px;
	height: 55px;
	background-image: url(../image/n_title_10.png);
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.trade01{
	text-align: center;
	margin: 0 auto;
	max-width: 1000px;
}
.trade01 img{
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 766px;
}	
	
.t_trial{
	margin: 40px 0;
	width: 100%;
	background-image: url("../image/trade_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 700px;
}	
.traial_text{
	display: block;
	margin: 5% 12% 20px 2%;
	padding: 15px;
	float: right;
	background-color: #fff;
	opacity: 0.8;
	color: #000;
    width:560px;
}
.traial_text h4{
	color: #990066;
	font-size:1.26em;
	margin: 0 0 30px;
}
.traial_text p{
	margin: 0 0 20px;
	padding: 12px 0;
}
.traial_text ul{
	margin: 0 0 15px;
	padding-left: 20px;
}
.traial_text ul li {
	list-style-type: none;
}
.traial_text ul li:before {
	content: '';
	width: 3px;
	height: 3px;
	display: inline-block;
	border-radius: 100%;
	background: #333333;
	position: relative;
	left: -15px;
	top: -3px;
}	
.trade_ttl{
	margin: 65px auto 45px;
	padding: 0;
	max-width: 645px;
}	

	
.flow{
	margin: 50px auto;
	padding: 0;
	max-width: 1000px;
	text-align: center;
	vertical-align: bottom;
}	
.flow img {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}	
.flow_comm {
	margin: 100px auto 40px;
	padding: 30px;
	max-width: 1000px;
	border:3px solid #000;
}
.flow_comm p {
	margin: 15px 0;
}
.flow_comm strong{
	color: #a50b5b;
	font-weight: bold;
}
ul.flow_n{
	margin: 50px auto;
	list-style: none;
	display: flex;
	display: -webkit-box; 
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
	max-width: 1020px;
}	
li .frow_t img{
	width: 100%;
	max-width: 475px;
}
li .frow_i img{
	width: 100%;
	max-width: 400px;
}
/*contact*/
.contact_n { 
	margin: 0 auto;
	padding: 100px 0 30px;
	max-width: 1020px;
}	
.contact_nn { 
	margin: 0 auto;
	padding: 30px 0;
	max-width: 1020px;
}	
.n_ttl_06 {
	margin: 0 auto 30px;
	max-width: 450px;
	height: 65px;
	background-image: url("../image/contact_ttl.png");
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.contact_n .un_com{
	margin: 0 auto;
	padding:0;
	max-width: 768px;
	display: block;
	text-align: center;
}
.bg_gr{
	margin: 0;
	padding: 30px 0;
	width: 100%;
	height: auto;
	background-color: #eff0f1;
}	
ul.con_tel{
	margin: 30px auto 0 ;
	padding: 20px ;
	list-style: none;
	max-width: 1020px;
	border: 3px solid #000;
	background-color: #ffffff;
	text-align: center;
	display: block;
}
.con_tel img{
	width: 100%;
	height: auto;
	max-width:830px;
	margin:0 auto;
}	
.con_ttl{
	margin: 100px auto 50px;
	padding:0;
	width:375px;
}
.ttl {
	display: block;
	padding: 13px 0 5px 35px;
	color: #ffffff;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
}	
.ttl_m {
	display: block;
	padding: 13px 0 5px 35px;
	color: #ffffff;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
}		
.un_com_con{
	margin: 30px auto 0;
	padding:0;
	max-width: 768px;
	display: block;
	text-align: center;
}
/*sitemap*/	
.sitemap { 
	margin: 0 auto 60px;
	padding: 100px 0 60px;
	max-width: 1020px;
}	
.n_ttl_09 {
	margin: 0 auto 30px;
	max-width: 480px;
	height: 60px;
	background-image: url(../image/n_title_09.png);
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.sitemap_g {
	margin: 0 auto;
	padding: 0 10px;
	max-width: 500px;
}	
.sitemap ul{
	list-style: none;
}	
.sitemap li {
	padding: 10px 120px;
	border-bottom: 1px dotted #cccccc;
}
.sitemap li a {
	text-decoration: none;
	color: #000000;
}
.sitemap li a:hover{
	text-decoration: underline;
	color: #a50b5b;
}	
}