@charset "utf-8";

/* --------------------------------------------- */

#itr{
	position:fixed;
	left:0;
	top:0;
	z-index:1000;
	background-color:#FFFFFF;
	width:100%;
	height:100vh;
}

/*
#base{
	margin-top:20px;
}

.pagetop{
    width:980px;
    margin:0 auto;
    position:relative;
    background:#FFF;
}

.pagetop .pagetop2{
    padding:30px 0;
    font-size:13px;
    position:relative;
}
.pagetop .pagetop2 p{
    width:165px;
    border-left:1px solid #bbb;
    border-right:1px solid #bbb;
    text-align:center;
    right:0;
    bottom:20px;
    color:#888888;
    position:absolute;
}
.pagetop .pagetop2 span{
    color:#005E8C;
    text-decoration:none;
    font-size:14px;
	cursor:pointer;
}
.pagetop .pagetop2 span:hover{
    text-decoration:underline;
}
*/

img.pc_only{
	display:inline;
}

.sp_only{
	display:none;
}

.pcbr{
	display:block;
}

.spbr{
	display:none;
}

@media only screen and (max-width: 767px){
#base{
	/*margin-top:0;*/
	min-width:0;
}

.pc_only,
img.pc_only{
	display:none;
}

.sp_only{
	display:block;
}
img.sp_only{
	display:inline;
}

.pcbr{
	display:inline;
}

.spbr{
	display:block;
}
}

/*
@media (max-width:980px) {
.pagetop{
	width:100%;
}

.pagetop .pagetop2 {
	padding-top:40px;
}
.pagetop .pagetop2 p{
	right:15px;
}
}
*/

/* --------------------------------------------- */

#base .top{
	position:relative;
	overflow:hidden;
}

/* --------------------------------------------- */

#base .top .sct_pen{
	position:absolute;
	left:0;
	top:24px;
	overflow:hidden;
	background:#FFFFFF;
}

#base .top .sct_pen .sct_pen2{
	position:absolute;
	left:0;
	top:0;
	/*overflow:hidden;*/
}

#base .top .sct_pen .sct_pen2 .cont{
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:20;
}

#base .top .sct_pen .sct_pen2 .cont .cont_l{
	position:absolute;
	left:5px;
	bottom:47px;
}

#base .top .sct_pen .sct_pen2 .cont .cont_l .txt1{
	font-size:2.8em;
	color:#FFFFFF;
	letter-spacing:0.01em;
	line-height:1.5;
}

#base .top .sct_pen .sct_pen2 .cont .cont_l .txt1 .txt1_1,
#base .top .sct_pen .sct_pen2 .cont .cont_l .txt1 .txt1_2{
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

#base .top .sct_pen .sct_pen2 .cont .cont_l .txt2{
	font-size:1.5em;
	color:#FFFFFF;
	letter-spacing:0.05em;
	line-height:2.0;
	padding-top:17px;
}

#base .top .sct_pen .sct_pen2 .cont .cont_r{
	position:absolute;
	right:0;
	bottom:37px;
}

#base .top .sct_pen .sct_pen2 .bg{
	position:absolute;
	left:0;
	top:0;
}

#base .top .sct_pen .sct_pen2 .bg img{
	position:absolute;
	left:0;
	top:0;
}

/* --------------------------------------------- */

#base .top .sct_interview{
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	background:#FFFFFF;
}

#base .top .sct_interview .sct_interview2{
	position:absolute;
	left:0;
	top:0;
	/*overflow:hidden;*/
}

#base .top .sct_interview .sct_interview2 .cont{
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:20;
}

#base .top .sct_interview .sct_interview2 .cont .cont_l{
	position:absolute;
	left:5px;
	bottom:57px;
}

#base .top .sct_interview .sct_interview2 .cont .cont_l .txt1{
	font-size:3.4em;
	color:#FFFFFF;
	letter-spacing:0.05em;
	line-height:1.5;
}

#base .top .sct_interview .sct_interview2 .cont .cont_l .txt1 .txt1_1,
#base .top .sct_interview .sct_interview2 .cont .cont_l .txt1 .txt1_2{
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

#base .top .sct_interview .sct_interview2 .cont .cont_l .txt2{
	font-family:'Josefin Sans',sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-weight:600;
	font-size:1.1em;
	color:#FFFFFF;
	letter-spacing:0.22em;
	padding-top:23px;
	padding-left:3px;
}

#base .top .sct_interview .sct_interview2 .cont .cont_r{
	position:absolute;
	right:0;
	bottom:44px;
}

#base .top .sct_interview .sct_interview2 .cont .cont_r .txt3{
	font-family:'Josefin Sans',sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-weight:400;
	font-size:6.6em;
	color:#FFFFFF;
	letter-spacing:0.04em;
}

#base .top .sct_interview .sct_interview2 .bg{
	position:absolute;
	left:0;
	top:0;
}

#base .top .sct_interview .sct_interview2 .bg img{
	position:absolute;
	left:0;
	top:0;
}

@media only screen and (max-width: 767px){
#base .top .sct_interview .sct_interview2 .cont{
	width:100%;
}

#base .top .sct_interview .sct_interview2 .cont .cont_l{
	left:18px;
	bottom:12px;
}

#base .top .sct_interview .sct_interview2 .cont .cont_l .txt1{
	font-size:21px;
	letter-spacing:0.05em;
	line-height:1.4;
}

#base .top .sct_interview .sct_interview2 .cont .cont_l .txt2{
	font-weight:600;
	font-size:10px;
	letter-spacing:0.1em;
	line-height:1.8;
	padding-top:8px;
	padding-left:3px;
}

#base .top .sct_interview .sct_interview2 .cont .cont_r{
	right:auto;
	bottom:auto;
	left:18px;
	top:18px;
}

#base .top .sct_interview .sct_interview2 .cont .cont_r .txt3{
	font-weight:400;
	font-size:21px;
	letter-spacing:0.04em;
}
}

/* --------------------------------------------- */

#base .top .sct_gooddesign{
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	background:#FFF9FF;
}

#base .top .sct_gooddesign .sct_gooddesign2{
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	background:#EBEAE2;
}

#base .top .sct_gooddesign .sct_gooddesign2 .cont{
	position:absolute;
	left:0;
	top:0;
	z-index:21;
	overflow:hidden;
}

#base .top .sct_gooddesign .sct_gooddesign2 .cont .txt{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

#base .top .sct_gooddesign .sct_gooddesign2 .cont .txt1{
	font-size:2.3em;
	line-height:1.87;
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#000000;
	letter-spacing:0.05em;
	padding:4px 0 229px;
}

#base .top .sct_gooddesign .sct_gooddesign2 .cont .txt2{
	font-size:1.6em;
	line-height:2.2;
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#000000;
	letter-spacing:0.05em;
	padding:31px 0 0;
}

#base .top .sct_gooddesign .kv{
	position:absolute;
	left:0;
	top:0;
	z-index:20;
	overflow:hidden;
	background:#EBEAE2;
}

#base .top .sct_gooddesign .kv img{
	position:absolute;
	top:1px;
}

@media only screen and (max-width: 767px){
#base .top .sct_gooddesign .sct_gooddesign2 .cont .txt1{
	line-height:1.8;
}

#base .top .sct_gooddesign .sct_gooddesign2 .cont .txt2{
	line-height:1.7;
	
	position:relative;
	top:0px;
}
}

/* --------------------------------------------- */

#base .top .sct_mv{
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	background:#FFFFFF;
}

#base .top .sct_mv .sct_mv2{
	position:absolute;
	left:0;
	top:0;
	/*overflow:hidden;*/
}

#base .top .sct_mv .sct_mv2 .cont{
	position:absolute;
	left:0;
	top:0;
	z-index:21;
}

#base .top .sct_mv .sct_mv2 .cont .logo{
	position:absolute;
	width:283px;
	height:125px;
	top:0;
	bottom:0;
	left:60px;
	margin:auto;
}

#base .top .sct_mv .sct_mv2 .bg{
	position:absolute;
	left:0;
	top:0;
	background:url(../img/index/mv_bg.png) repeat-x;
	background-size:100% 100%;
}

#base .top .sct_mv .sct_mv2 .bg img{
	position:absolute;
	left:0;
	top:0;
}

@media only screen and (max-width: 767px){
#base .top .sct_mv .sct_mv2 .cont .logo,
#base .top .sct_mv .sct_mv2 .cont .logo img{
	width:auto;
	height:52px;
}

#base .top .sct_mv .sct_mv2 .cont .logo{
	bottom:30px;
}
}

/* --------------------------------------------- */

#base .top .btn{
	position:absolute;
	top:180px;
	top:24px;
	left:0;
	background:#000000;
}

#base .top .btn .area{
	width:100%;
}

#base .top .btn .area .cube{
	position:relative;
}

#base .top .btn .area .cube .cube1{
	position:absolute;
	top:0px;
	left:0px;
}
#base .top .btn1 .area .cube .cube1{
	background:url(../img/index/top_california.jpg);
	background-size:cover;
	background-position:58% 0%;
}
#base .top .btn2 .area .cube .cube1{
	background:url(../img/index/top_french.jpg);
	background-size:cover;
	background-position:35% 0%;
}
#base .top .btn3 .area .cube .cube1{
	background:url(../img/index/top_japanese.jpg);
	background-size:cover;
	background-position:49% 0%;
}
#base .top .btn4 .area .cube .cube1{
	background:url(../img/index/top_scandinavian.jpg);
	background-size:cover;
	background-position:45% 0%;
}

#base .top .btn5 .area .cube .cube1{
	background:url(../img/index/top_newyorker.jpg);
	background-size:cover;
	background-position:58% 0%;
}

/* --------------------------------------------- */

@media only screen and (max-width: 767px){
#base .sp_now{
	position:relative;
	z-index:200;
	width:100%;
}

#base .sp_now ul{
	position:absolute;
	top:17px;
	right:10px;
	display:table;
	opacity:0;
}

#base .sp_now ul li{
	display:table-cell;
	vertical-align:top;
	padding-left:8px;
}
#base .sp_now ul li:first-child{
	padding-left:0;
}

#base .sp_now ul li .now2{
	width:12px;
	height:9px;
	border:solid 1px #CCCCCC;
	cursor:pointer;
}
#base .sp_now ul li .now2:hover{
	border:solid 1px #FFFFFF;
}
#base .sp_now ul li .now2.false{
	border:solid 1px #FFFFFF;
	background:rgba(255,255,255,0.5);
	cursor:default;
}
}

/* --------------------------------------------- */

#base .navi{
	position:relative;
	z-index:100;
	width:0;
	height:60px;
	overflow:hidden;
}

#base .navi .navi2{
	position:relative;
	background:#8D8A8A;
	text-align:center;
}

#base .navi .navi2 ul{
	display:table;
	margin:0 auto;
	height:60px;
}

#base .navi .navi2 ul li{
	display:table-cell;
	vertical-align:middle;
	padding-left:42px;
}
#base .navi .navi2 ul li:first-child{
	padding-left:0;
}

#base .navi .navi2 ul li a div{
	color:#FFFFFF;
	font-family:'Josefin Sans', sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-weight:600;
	font-size:16px;
	letter-spacing:0.08em;
}

#base .navi .navi2 .now{
	position:absolute;
	right:12px;
	top:12px;
	display:table;
}

#base .navi .navi2 .now li{
	display:table-cell;
	vertical-align:top;
	padding-left:10px;
}
#base .navi .navi2 .now li:first-child{
	padding-left:0;
}

#base .navi .navi2 .now li .now2{
	width:18px;
	height:12px;
	border:solid 1px #CCCCCC;
	background:#8D8A8A;
	cursor:pointer;
}
#base .navi .navi2 .now li .now2:hover{
	border:solid 1px #FFFFFF;
}
#base .navi .navi2 .now li .now2.false{
	border:solid 1px #FFFFFF;
	background:#B5B3B3;
	cursor:default;
}

@media only screen and (max-width: 767px){
#base .navi{
	height:45px;
}

#base .navi .navi2 ul{
	height:45px;
	margin:0 0 0 10px;
}

#base .navi .navi2 ul li{
	padding-left:10px;
}
#base .navi .navi2 ul li:first-child{
	padding-left:0;
}

#base .navi .navi2 ul li a div{
	font-size:11px;
	letter-spacing:0.0em;
}

#base .navi .navi2 .now,
#base .navi .navi2 .now li{
	display:none;
}
}

/* --------------------------------------------- */

#base .concept{
	text-align:center;
	font-feature-settings:"palt";
	background:#F6F6F6;
}
#base .concept.scr{
	margin-top:60px;
}

#base .concept .logo{
	padding-top:103px;
}

#base .concept .ln{
	background-color:#888888;
	width:100px;
	height:1px;
	overflow:hidden;
	margin:30px auto 0;
}

#base .concept .ttl{
	color:#000000;
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:24px;
	line-height:2.0;
	letter-spacing:0.12em;
	margin-top:40px;
}

#base .concept .txt{
	color:#555555;
	font-size:15px;
	line-height:2.5;
	letter-spacing:0.12em;
	margin-top:24px;
	padding-bottom:110px;
}

@media only screen and (max-width: 767px){
#base .concept.scr{
	margin-top:45px;
}

#base .concept .logo{
	padding-top:33px;
}

#base .concept .logo img{
	width:220px;
	height:auto;
}

#base .concept .ln{
	width:56px;
	margin:20px auto 0;
}

#base .concept .ttl{
	font-size:18px;
	letter-spacing:0.08em;
	margin-top:25px;
}

#base .concept .txt{
	font-size:12px;
	letter-spacing:0.08em;
	margin-top:20px;
	padding-bottom:35px;
}
}

/* --------------------------------------------- */

#base .style{
	padding:130px 0;
}

#base .style .substyle{
	width:950px;
	margin:0 auto;
	position:relative;
}

#base .style .substyle .cpt{
	color:#555555;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:16px;
	letter-spacing:0.03em;
	
	position:absolute;
	right:0;
	top:-30px;
	z-index:20;
	
	transform:scale(0.5,0.5);
	transform-origin:right top;
}

#base .style ul li{
	width:290px;
	height:290px;
	float:left;
	position:relative;
	background-color:#000000;
}
#base .style ul li:first-child{
	background-color:transparent;
}
#base .style ul li.li10,
#base .style ul li.li11{
	width:950px;
	height:470px;
}

#base .style ul li.li2,
#base .style ul li.li3,
#base .style ul li.li5,
#base .style ul li.li6,
#base .style ul li.li8,
#base .style ul li.li9{
	margin-left:40px;
}

#base .style ul li.li4,
#base .style ul li.li5,
#base .style ul li.li6,
#base .style ul li.li7,
#base .style ul li.li8,
#base .style ul li.li9,
#base .style ul li.li10{
	margin-top:40px;
}

#base .style ul li.li1{
	text-align:center;
}

#base .style ul li.li1 .logo{
	padding-top:62px;
	text-align:center;
}

#base .style ul li.li1 .txt{
	padding-top:42px;
	color:#807C7C;
	font-family:'Josefin Sans', sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:1.1em;
	font-weight:400;
	line-height:1.5;
	letter-spacing:0.08em;
}

#base .style ul li.li1 .bd_t,
#base .style ul li.li1 .bd_b,
#base .style ul li.li1 .bd_l,
#base .style ul li.li1 .bd_r{
	position:absolute;
	overflow:hidden;
	background:#706C6C;
}
#base .style ul li.li1 .bd_t{
	left:0;
	top:0;
	width:100%;
	height:6px;
}
#base .style ul li.li1 .bd_b{
	left:0;
	bottom:0;
	width:100%;
	height:6px;
}
#base .style ul li.li1 .bd_l{
	left:0;
	top:0;
	width:6px;
	height:100%;
}
#base .style ul li.li1 .bd_r{
	right:0;
	top:0;
	width:6px;
	height:100%;
}

#base .style ul li .tbl{
	display:table;
	position:absolute;
	z-index:20;
	left:0;
	top:0;
	width:290px;
	height:290px;
}

#base .style ul li .tbl .tr{
	display:table-row;
}

#base .style ul li .tbl .tr .td{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	font-family:'Josefin Sans', sans-serif;
	font-size:24px;
	font-weight:600;
	line-height:1.4;
	letter-spacing:0.08em;
}

#base .style ul li table tr td p,
#base .style ul li .tbl .tr .td p{
	padding-top:6px;
	padding-left:2px;
}

#base .style ul li .bg{
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:290px;
	height:290px;
	overflow:hidden;
}
#base .style ul li.li10 .bg{
	width:950px;
	height:470px;
}

@media only screen and (max-width: 767px){
#base .style{
	padding:45px 0;
}

#base .style .substyle{
	width:100%;
}

#base .style ul li{
	width:42.5%;
	height:auto;
	margin-left:5% !important;
	margin-top:20px !important;
	position:relative;
}
#base .style ul li.li1{
	margin-top:0 !important;
}

#base .style ul li.li1{
	width:90%;
	height:82px;
}

#base .style ul li.li10{
	width:90%;
	height:auto;
}

#base .style ul li.li3,
#base .style ul li.li5,
#base .style ul li.li7,
#base .style ul li.li9{
	/*float:right;*/
}

#base .style ul li.li2,
#base .style ul li.li3,
#base .style ul li.li5,
#base .style ul li.li6,
#base .style ul li.li8,
#base .style ul li.li9{
	margin-left:0;
}

#base .style ul li.li4,
#base .style ul li.li5,
#base .style ul li.li6,
#base .style ul li.li7,
#base .style ul li.li8,
#base .style ul li.li9,
#base .style ul li.li10{
	margin-top:0;
}

#base .style ul li.li1 .bd_t{
	height:4px;
}
#base .style ul li.li1 .bd_b{
	height:4px;
}
#base .style ul li.li1 .bd_l{
	width:4px;
}
#base .style ul li.li1 .bd_r{
	width:4px;
}

#base .style ul li.li1 .logo{
	padding-top:0;
	position:absolute;
	left:22px;
	top:19px;
}

#base .style ul li.li1 .txt{
	padding-top:0;
	font-size:1.0em;
	line-height:1.0;
	letter-spacing:0.04em;
	position:absolute;
	right:17px;
	top:36px;
}

#base .style ul li .tbl{
	width:100%;
	height:100%;
}

#base .style ul li .tbl .tr .td{
	font-size:16px;
	line-height:1.4;
	letter-spacing:0.08em;
}

#base .style ul li table tr td p,
#base .style ul li .tbl .tr .td p{
	padding-top:4px;
	padding-left:1px;
}

#base .style ul li .bg{
	position:static;
	width:100%;
	height:100%;
	/*overflow:visible;*/
}
#base .style ul li.li10 .bg{
	width:100%;
	height:auto;
}

#base .style ul li .bg img{
	width:100%;
	height:auto;
}
}

/* --------------------------------------------- */

#base .simulator{
}

#base .simulator .simulator2{
	width:950px;
	margin:0 auto;
	padding:100px 0 130px;
}

#base .simulator .simulator2 .ttl{
	text-align:center;
	color:#706C6C;
	font-family:'Josefin Sans', sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:60px;
	letter-spacing:0.06em;
	line-height:1.5;
	margin-bottom:40px;
}

#base .simulator .simulator2 .cont{
	margin:0 auto;
	background:#000000;
}

@media only screen and (max-width: 767px){
#base .simulator{
}

#base .simulator .simulator2{
	width:100%;
	padding:30px 0 45px;
}

#base .simulator .simulator2 .ttl{
	font-size:29px;
	font-weight:400;
	letter-spacing:0.03em;
	margin-bottom:10px;
}

#base .simulator .simulator2 .cont{
	width:90%;
	height:auto;
}

#base .simulator .simulator2 .cont img{
	width:100%;
	height:auto;
}
}

/* --------------------------------------------- */

#base .movie{
	background:#F6F6F6;
}

#base .movie .movie2{
	width:950px;
	margin:0 auto;
	padding:100px 0 130px;
}

#base .movie .movie2 .ttl{
	text-align:center;
	color:#706C6C;
	font-family:'Josefin Sans', sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:6.0em;
	font-weight:400;
	letter-spacing:0.06em;
	line-height:1.5;
	margin-bottom:40px;
}

#base .movie .movie2 .cont ul{
}

#base .movie .movie2 .cont ul li{
	float:left;
}
#base .movie .movie2 .cont ul li:first-child{
	margin-right:40px;
}

#base .movie .movie2 .cont .youtube .video{
	position:relative;
	cursor:pointer;
	background:#000000;
}

#base .movie .movie2 .cont .youtube .video .icon img{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}

#base .movie .movie2 .cont .youtube .txt{
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#000000;
	font-size:1.8em;
	margin-top:25px;
}

#base .movie .movie2 .cont .youtube .subtxt{
	color:#444444;
	font-size:1.3em;
	margin-top:16px;
}
#base .movie .movie2 .cont .youtube .subtxt span{
	cursor:pointer;
	text-decoration:underline;
}
#base .movie .movie2 .cont .youtube .subtxt span:hover{
	text-decoration:none;
	color:#999999;
}

#base .movie .detail{
	position:fixed;
	z-index:500;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	min-width:980px;
	display:none;
}

#base .movie .detail .bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.85);
}

#base .movie .detail .youtube,
#base .movie .detail .brightcove{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:950px;
	height:534px;
	margin:auto;
	display:none;
}

#base .movie .detail .close{
	position:absolute;
	right:0;
	top:0;
	width:65px;
	height:65px;
	overflow:hidden;
}

#base .movie .detail .close .btn{
	position:relative;
	background:#FFFFFF;
}

@media only screen and (max-width: 767px){
#base .movie{
}

#base .movie .movie2{
	width:100%;
	margin:0 auto;
	padding:30px 0 45px;
}

#base .movie .movie2 .ttl{
	font-size:30px;
	letter-spacing:0.04em;
	margin-bottom:10px;
}

#base .movie .movie2 .cont ul{
}

#base .movie .movie2 .cont .cont1{
	width:90%;
	margin:0 auto;
}

#base .movie .movie2 .cont ul li{
	width:42.5%;
	margin-left:5%;
	margin-right:5%;
}
#base .movie .movie2 .cont ul li:first-child{
	margin-right:0;
}

#base .movie .movie2 .cont .youtube .video .photo img{
	width:100%;
	height:auto;
}

#base .movie .movie2 .cont .cont1 .video .icon img{
	width:50px;
	height:50px;
}

#base .movie .movie2 .cont .cont2 .video .icon img{
	width:38px;
	height:38px;
}

#base .movie .movie2 .cont .youtube .txt{
	font-size:14px;
	margin-top:20px;
}

#base .movie .movie2 .cont .youtube .subtxt{
	font-size:10px;
	margin-top:12px;
}

#base .movie .detail{
	min-width:0;
}

#base .movie .detail .brightcove{
	width:320px;
	height:180px;
}

#base .movie .detail .close{
	width:50px;
	height:50px;
}

#base .movie .detail .close .btn img{
	width:50px;
	height:50px;
}
}

/* --------------------------------------------- */

#base .product{
	padding:100px 0 130px;
}

#base .product .ttl{
	text-align:center;
	color:#706C6C;
	font-family:'Josefin Sans', sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:6.6em;
	font-weight:400;
	letter-spacing:0.06em;
	line-height:1.5;
	margin-bottom:40px;
}

#base .product .cont{
	width:950px;
	margin:0 auto;
}

#base .product .cont .subcont{
}
#base .product .cont .subcont:first-child{
	/*margin-bottom:120px;*/
}

#base .product .cont .subcont .subttl{
	color:#7F7D7C;
	font-family:'Josefin Sans', sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:2.8em;
	font-weight:400;
	letter-spacing:0.06em;
	line-height:1.0;
	border-top:solid 1px #AAAAAA;
	border-bottom:solid 1px #AAAAAA;
	padding:23px 0 17px;
}

#base .product .cont .subcont .subttl{
	margin-bottom:60px;
}

#base .product .cont .subcontc .subsubcont ul.txt,
#base .product .cont .subcont .subsubcont1 ul.pht{
	display:table;
	width:950px;
}
#base .product .cont .subcont .subsubcont2 ul.pht{
	width:950px;
}

#base .product .cont .subcont .subsubcont ul.txt li.subtxt,
#base .product .cont .subcont .subsubcont1 ul.pht li.subpht{
	display:table-cell;
	text-align:left;
	vertical-align:top;
}

#base .product .cont .subcont .subsubcont ul.txt li.subtxt{
	width:610px;
}
#base .product .cont .subcont .subsubcont ul.txt li.subtxt:first-child{
	width:340px;
}

#base .product .cont .subcont .subsubcont ul.txt li.subtxt .ttl1{
	color:#000000;
	font-size:3.2em;
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	line-height:1.0;
}

#base .product .cont .subcont .subsubcont ul.txt li.subtxt .ttl2{
	color:#000000;
	font-size:1.7em;
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	letter-spacing:0.05em;
	line-height:1.0;
	padding-top:20px;
}

#base .product .cont .subcont .subsubcont ul.txt li.subtxt .dtl{
	color:#444444;
	font-size:1.4em;
	line-height:2.0;
	font-feature-settings:"palt";
	letter-spacing:0.07em;
}

#base .product .cont .subcont .subsubcont .pht{
	margin-top:60px;
}

#base .product .cont .subcont .subsubcont1 ul.pht li.subpht{
	width:600px;
}
#base .product .cont .subcont .subsubcont1 ul.pht li.subpht:first-child{
	width:350px;
}

#base .product .cont .subcont .subsubcont2 .pht img{
	width:100%;
	float:auto;
}
/*
#base .product .cont .subcont .subsubcont2 .pht li.subpht{
	width:455px;
	float:left;
}
#base .product .cont .subcont .subsubcont2 .pht li.subpht:first-child{
	width:495px;
}
*/

#base .product .cont .subcont .subsubcont ul.pht li.phtcont{
	background:#F6F6F6;
	vertical-align:middle;
}

#base .product .cont .subcont .subsubcont ul.pht li.phtcont p.txt1{
	width:355px;
	width:516px;
	margin:0 auto;
	color:#000000;
	font-size:1.9em;
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	letter-spacing:0.05em;
	line-height:1.0;
	padding-bottom:10px;
}

#base .product .cont .subcont .subsubcont ul.pht li.phtcont p.txt2{
	width:355px;
	width:516px;
	margin:0 auto;
	color:#444444;
	font-size:1.4em;
	line-height:1.7;
	border-top:solid 1px #808080;
	padding:20px 0 10px;
}

#base .product .cont .subcont .subsubcont ul.pht li.phtcont .pct{
	margin-left:13px;
}

#base .product .cont .subcont .subsubcont ul.pht li.phtcont ul{
	margin:24px auto 0;
	display:table;
}

#base .product .cont .subcont .subsubcont ul.pht li.phtcont ul li{
	display:table-cell;
	padding-left:30px;
}
#base .product .cont .subcont .subsubcont ul.pht li.phtcont ul li:first-child{
	padding-left:0;
}

#base .product .cont .subcont .subsubcont ul.pht li.phtcont ul li .cpt{
	border:solid 1px #999999;
	width:150px;
	text-align:center;
	color:#000000;
	font-size:1.3em;
	padding:10px 0;
}

#base .product .cont .subcont .subsubcont .btnttl{
	color:#000000;
	font-size:2.1em;
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	letter-spacing:0.05em;
	line-height:1.0;
}

#base .product .cont .subcont .subsubcont ul.btn{
	margin-top:30px;
}

#base .product .cont .subcont .subsubcont ul.btn li.subbtn{
	width:460px;
	float:left;
}
#base .product .cont .subcont .subsubcont ul.btn li.subbtn:first-child{
	width:490px;
}

#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn{
	width:460px;
	position:relative;
}

#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn p{
	color:#000000;
	font-size:1.9em;
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	letter-spacing:0.05em;
	line-height:1.0;
	padding:25px 0 25px 25px;
}

#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn .arw{
	position:absolute;
	width:7px;
	height:13px;
	right:20px;
	top:0;
	bottom:0;
	margin:auto;
}

#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn .bd_t,
#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn .bd_b,
#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn .bd_l,
#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn .bd_r{
	position:absolute;
	overflow:hidden;
	background:#000000;
}
#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn .bd_t{
	left:0;
	top:0;
	width:100%;
	height:2px;
}
#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn .bd_b{
	left:0;
	bottom:0;
	width:100%;
	height:2px;
}
#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn .bd_l{
	left:0;
	top:0;
	width:2px;
	height:100%;
}
#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn .bd_r{
	right:0;
	top:0;
	width:2px;
	height:100%;
}

#base .product .cont .subcont .dot{
	padding-top:85px;
	padding-bottom:80px;
}

#base .product .cont .subcont .subsubcont2{
	position:relative;
}

#base .product .cont .subcont .subsubcont2 .cpt{
	text-align:right;
}

#base .product .cont .subcont .subsubcont2 .cpt span{
	color:#555555;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:16px;
	letter-spacing:0.03em;
	
	position:absolute;
	right:0;
	bottom:-28px;
	z-index:20;
	
	transform:scale(0.5,0.5);
	transform-origin:right bottom;
}

@media only screen and (max-width: 767px){
#base .product{
	padding:30px 0 45px;
}

#base .product .ttl{
	font-size:30px;
	letter-spacing:0.04em;
	margin-bottom:10px;
}

#base .product .cont{
	width:100%;
}

#base .product .cont .subcont .subttl{
	width:90%;
	margin:0 auto 30px;
	font-size:17px;
	letter-spacing:0.04em;
	line-height:1.0;
	border-top:solid 1px #AAAAAA;
	border-bottom:solid 1px #AAAAAA;
	padding:20px 0 15px;
}

#base .product .cont .subcont .subsubcont1{
	width:90%;
	margin:0 auto;
}

#base .product .cont .subcont .subsubcont ul.txt,
#base .product .cont .subcont .subsubcont1 ul.pht{
	display:block;
	width:100%;
}
#base .product .cont .subcont .subsubcont2 ul.txt{
	width:90%;
	margin:0 auto;
}

#base .product .cont .subcont .subsubcont ul.txt li.subtxt,
#base .product .cont .subcont .subsubcont1 ul.pht li.subpht{
	display:block;
}

#base .product .cont .subcont .subsubcont ul.txt li.subtxt{
	width:100%;
}
#base .product .cont .subcont .subsubcont ul.txt li.subtxt:first-child{
	width:100%;
}

#base .product .cont .subcont .subsubcont ul.txt li.subtxt .ttl1{
	font-size:20px;
}

#base .product .cont .subcont .subsubcont ul.txt li.subtxt .ttl2{
	color:#000000;
	font-size:13px;
	letter-spacing:0.05em;
	padding-top:16px;
	padding-bottom:19px;
}

#base .product .cont .subcont .subsubcont1 .sp_only{
	float:right;
	padding-left:22px;
}

#base .product .cont .subcont .subsubcont .pht{
	margin-top:25px;
}

#base .product .cont .subcont .subsubcont1 ul.pht .subpht1{
	display:none !important;
}

#base .product .cont .subcont .subsubcont ul.pht li.phtcont{
	width:100%;
	padding:25px 0;
}

#base .product .cont .subcont .subsubcont ul.pht li.phtcont p.txt1{
	width:86%;
	margin:0 auto;
	font-size:15px;
	letter-spacing:0.05em;
	padding-bottom:10px;
}

#base .product .cont .subcont .subsubcont ul.pht li.phtcont p.txt2{
	width:86%;
	font-size:12px;
	line-height:1.7;
	border-top:solid 1px #808080;
	padding:15px 0 9px;
}

#base .product .cont .subcont .subsubcont ul.pht li.phtcont .pct{
	margin-left:0;
}

#base .product .cont .subcont .subsubcont ul.pht li.phtcont .pct img{
	width:100%;
	height:auto;
}

#base .product .cont .subcont .subsubcont ul.pht li.phtcont ul{
	margin:15px auto 0;
}

#base .product .cont .subcont .subsubcont ul.pht li.phtcont ul li{
	padding-left:16px;
}
#base .product .cont .subcont .subsubcont ul.pht li.phtcont ul li:first-child{
	padding-left:0;
}

#base .product .cont .subcont .subsubcont ul.pht li.phtcont ul li .cpt{
	border:solid 1px #999999;
	width:85px;
	font-size:10px;
	padding:7px 0;
}

#base .product .cont .subcont .dot{
	padding-top:0;
	padding-bottom:0;
	overflow:hidden;
	position:relative;
	width:90%;
	height:1px;
	margin:35px auto 32px;
}

#base .product .cont .subcont .dot img{
	position:relative;
}

#base .product .cont .subcont .subsubcont2 .pht{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

#base .product .cont .subcont .subsubcont2 ul.pht li.subpht{
	width:42.5%;
	margin-right:5%;
}
#base .product .cont .subcont .subsubcont2 ul.pht li.subpht:first-child{
	width:42.5%;
	margin-left:5%;
}

#base .product .cont .subcont .subsubcont2 ul.pht li.subpht img{
	width:100%;
	height:auto;
}

#base .product .cont .subcont .subsubcont .btnttl{
	font-size:14px;
	letter-spacing:0.05em;
	margin-left:5%;
}

#base .product .cont .subcont .subsubcont ul.btn{
	margin-top:20px;
}

#base .product .cont .subcont .subsubcont ul.btn li.subbtn{
	width:42.5%;
	margin-right:5%;
}
#base .product .cont .subcont .subsubcont ul.btn li.subbtn:first-child{
	width:42.5%;
	margin-left:5%;
}

#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn{
	width:100%;
	position:relative;
}

#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn p{
	font-size:14px;
	letter-spacing:0.05em;
	padding:17px 0 17px 15px;
}

#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn .arw{
	width:6px;
	height:11px;
	right:12px;
}

#base .product .cont .subcont .subsubcont ul.btn li.subbtn .subsubbtn .arw img{
	width:6px;
	height:11px;
}
}

/* --------------------------------------------- */

#base .special{
	background:#F6F6F6;
}

#base .special .special2{
	width:950px;
	margin:0 auto;
	padding:100px 0 130px;
}

#base .special .ttl{
	text-align:center;
	color:#706C6C;
	font-family:'Josefin Sans', sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:6.6em;
	font-weight:400;
	letter-spacing:0.06em;
	line-height:1.5;
	margin-bottom:40px;
}

#base .special .cont{
	margin:0 auto;
}

#base .special .cont .bnr{
	background:#000000;
	margin-top:60px;
}
#base .special .cont .bnr:first-child{
	margin-top:0;
}

@media only screen and (max-width: 767px){
#base .special{
}

#base .special .special2{
	width:100%;
	padding:30px 0 45px;
}

#base .special .special2 .ttl{
	font-size:30px;
	letter-spacing:0.04em;
	margin-bottom:10px;
}

#base .special .special2 .cont{
	width:90%;
	height:auto;
}

#base .special .special2 .cont img{
	width:100%;
	height:auto;
}

#base .special .cont .bnr{
	margin-top:30px;
}
#base .special .cont .bnr:first-child{
	margin-top:0;
}
}

/* --------------------------------------------- */

#base .news{
	width:950px;
	margin:100px auto 130px;
}

#base .news .ttl{
	text-align:center;
	color:#706C6C;
	font-family:'Josefin Sans', sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:6.6em;
	font-weight:400;
	letter-spacing:0.06em;
	line-height:1.5;
	margin-bottom:40px;
}

#base .news .cont{
	margin:0 auto;
	display:table;
	background:#000000;
}

#base .news .cont li{
	display:table-cell;
	min-width:40px;
	background:#FFFFFF;
}
#base .news .cont li:first-child{
	padding-left:0;
}
#base .news .cont li.cont2{
	display:table-cell;
	min-width:40px;
	background:#E9E9E9;
}

#base .news .cont li .news2{
	width:290px;
	display:table-cell;
}

#base .news .cont li .news2 .news3{
	text-decoration:underline;
}
#base .news .cont li .news2 .news3:hover{
	text-decoration:none;
}

#base .news .cont li .news2 .news3 .logo{
	border:solid 1px #E9E9E9;
	border-bottom:none;
}

#base .news .cont li .news2 .news3 .txt{
	font-size:1.4em;
	line-height:1.9;
	letter-spacing:0.02em;
	color:#666666;
	width:225px;
	padding:30px 0 30px 35px;
}