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

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

name: uniq.css

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


/*=========================================
	h2
=========================================*/
#h2Title{}
#h2Title .pTitle{ font-size:15px;}
#h2Title h2{ font-size:28px; letter-spacing:0; margin:0 0 15px;}
#h2Title:after {}
	


/*=========================================
	mv
=========================================*/
#mvSlider{ position:relative; overflow:hidden;}
#mvSlider .slideBlock{ width:50%; box-sizing:border-box; float:left; overflow:hidden;}
#mvSlider li img{ width:100%; max-width:100%;}
#mvSlider .copy{ position:absolute; left:0; right:0; top:0; bottom:0; width:450px; height:300px; margin:auto; text-align:center; background:rgba(255,255,255,.8); z-index:10;  display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center;}
#mvSlider .copy span{ display:block;}
#mvSlider .copy span.en{ font-size:30px; color:#000; margin:0 0 10px; line-height:1;}
#mvSlider .copy span.jp{ font-size:14px; font-family: "游明朝", YuMincho; letter-spacing:0.3em;}


/*== スライダー ==*/
#slideLeft,
#slideRight{ margin: 0 auto; max-width:100%; position: relative; width: 100%;}
#slideLeft:after,
#slideRight:after{ content:""; display:block; padding-top:120%;}
#slideLeft li,
#slideRight li{ width: 100%; position:absolute; opacity:0; transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; z-index:10;}
#slideLeft li.current,
#slideRight li.current{ opacity:1; transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out; -o-transition: 1s ease-in-out;}	
/*LEFT*/
#slideLeft li.current{ left:0px !important; top:0 !important; }	
#slideLeft li:nth-child(1){ left:-40px; top:0;}
#slideLeft li:nth-child(2){ left:0px; top:-40px;}
#slideLeft li:nth-child(3){ left:-40px; top:0;}
/*RIGHT*/
#slideRight  li.current{ right:0 !important; bottom:0 !important;}
#slideRight li:nth-child(1){ right:-40px; bottom:0;}
#slideRight li:nth-child(2){ right:0px; bottom:-40px;}
#slideRight li:nth-child(3){ right:-40px; bottom:0;}




/*=========================================
	container
=========================================*/
#container{ font-family: "游明朝", YuMincho; text-align:center;}


/*=========================================
	section
=========================================*/
.section{ margin:0 0 100px;}
.section .nmb{ font-size:40px; color:#333; font-family: 'Arapey', serif; line-height:1;}
.section .nmb::after { display:block; content:'';  height:1px; width:20px;  margin:10px auto; background:#000;}
.section .en{ font-size:35px; margin:0 0 30px; color:#333; font-family: 'Arapey', serif; font-weight:bold;font-style:italic; letter-spacing:0.01em; line-height:1;}
.section h3{ font-size:24px; margin:0 0 20px;}
.section .ph{}
.section .txt{ margin:0 0 25px; letter-spacing:0.1em; line-height:2.6;}
.section .baseBtn{ max-width:250px; padding:0 0 50px;}
.section .baseBtn a{ padding:13px 0;}


/*=========================================
	introduction
=========================================*/
#intro h3{ font-size:22px;}












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

	スマホ

===================================================*/
@media only screen and (max-width: 739px) {

/*=========================================
	h2
=========================================*/
#h2Title{}
#h2Title .pTitle{ font-size:10px;}
#h2Title h2{ font-size:20px; margin:0 0 10px;}
#h2Title:after{}
	


/*=========================================
	mv
=========================================*/
#mvSlider{}
#mvSlider .slideBlock{}
#mvSlider li img{}
#mvSlider .copy{ width:230px; height:80px;}
#mvSlider .copy span{}
#mvSlider .copy span.en{ font-size:16px;}
#mvSlider .copy span.jp{ font-size:9px; letter-spacing:0.1em;}



/*=========================================
	container
=========================================*/
#container{}


/*=========================================
	section
=========================================*/
.section{ margin:0 0 40px;}
.section .nmb{ font-size:26px; letter-spacing:0;}
.section .nmb::after {}
.section .en{ font-size:22px; margin:0 0 15px;}
.section h3{ font-size:16px; margin:0 0 15px;}
.section .ph{}
.section .txt{ margin:0 0 20px; line-height:2; font-size:90%;}
.section .baseBtn{ width:55%;}


/*=========================================
	introduction
=========================================*/
#intro h3{ font-size:16px;}


}