@charset "UTF-8";

/*
 * サイト共通用のCSSです。
 *
 */



/* 連続 br でIE6が改行しないバグ対策　CSS:letter-spacing の影響
----------------------------------------------- */
br { 
    letter-spacing: normal;
}
/* フロート回り込み解除
----------------------------------------------- */
.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
}

/* float対策：背景色表示用
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}
.both{
    clear:both;
}

.hidden {
    display: none;
}

@font-face {
font-family: "MyFont";
  src: url(./font/ryumin.woff) format("woff");
}

/* yui 上書き
----------------------------------------------- */
html,
body {   
    /*height: 100%;*/ /*背景画像を100%にする時に使用する*/
	overflow-x:hidden;
}
body {
    font-family: MyFont;
	
}
ol,ul,dl {
    margin: 0px;
}
li {
    list-style-type: none;
}
h1, h2, h3 {
    margin: 0px;
}
img {
    vertical-align: bottom;
}
p {
	font-size: 1.5em;
    line-height: 1.7em;
    color: #000;
    margin-bottom: 1em;
}


/* 基本サイト構造 (空白のままにすること)
----------------------------------------------- */

/* body */
body {
}
/* container */
#container {}
/* container_inner */
#container_inner {}
/* header_wrapper */
#header_wrapper {}
/* header */
#header {}
/* main_nav */
#main_nav {}



/* breadcrumb */
#breadcrumb {}
/* contents_wrapper */
#contents_wrapper {}
/* footer_wrapper */
#footer_wrapper {}
/* footer */
#footer {}




/* -----------------------------------------------
 *
 *
 * ここから下を変更すること
 *
 *
----------------------------------------------- */


/* a リンク
----------------------------------------------- */
a {
	text-decoration: none;
}
a:link{
}
a:visited{
}
a:hover{
	/*text-decoration: underline;*/
	color: #2196f3;
}
a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
.topix00 li a:hover img {
	opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
/* table
----------------------------------------------- */
tr {
    border: none;
}
th {
	background-color: #FFF;
}
th,
td {
    padding: 5px 10px;
    font-weight: 100;
    border: solid 1px #eaeaea;
}


/* ボタン
----------------------------------------------- */
.button   {  
    display: inline-block;
    border-top: 1px solid #ccc;  
    border-right: 1px solid #999;  
    border-bottom: 1px solid #999;  
    border-left: 1px solid #ccc;  
    padding: 5px 20px;  
    font-weight: bold;  
    cursor: pointer;  
    color: #666;  
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;  
    -moz-box-shadow: 1px 1px 2px #E7E7E7;  
}
.button:hover {  
    background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));  
}
.button:active {  
    background: #ccc;  
    padding: 6px 20px 4px;  
}  
.btn {
   background-color: #171925;
    background-image: none;
    border-radius: 23px;
    color: #fff;
    padding: 5px 0;
}
.btn:hover {
    background-color: #fff;
    color: #E91E63;
}

/* form
---------------------------------------------- */




/* -----------------------------------------------
 * メイン
----------------------------------------------- */

/* html */
html {

}





/*ヘッダー
----------------------------------------------- */

header {
	width: 100%;
}
#headertop {
    background-color: #000;
    color: #fff;
    height: 50px;
    margin: 0 auto;
	line-height: 4;
}
#headertop h1 {
	margin-left:10px;	
}
#headertop #innnerbox_left {
    float: left;
    font-size: 11px;
	
}
#headertop #innnerbox_news {
    font-size: 12px;
    float: right;
	margin-right: 30px;
}
#headertop #innnerbox_news p {
    color: #fff;
	font-size: 10px;
}
#headertop #innnerbox_news ul li a {
	color: #FFF;
}

#headertop #innnerbox_light {
    font-size: 12px;
    float: right;
}
#headertop #innnerbox_light li {
    color: #fff;
	font-size: 15px;
	text-align: center;
    line-height: 3.3;
    float: left;
    width: 200px;
    height: 50px;
}
#headertop #innnerbox_light li.info {
	background:#e8e6e7;
}
#headertop #innnerbox_light li.info a {
	color:#000;
}
#headertop #innnerbox_light li.rec {
	background:#be0000;
}
#headertop #innnerbox_light li.rec a {
	color:#fff;
}
#header-img{
	height: 0;
    background: url(../images/top_img01.jpg) center no-repeat;
    background-size: cover;
    padding-top: 32.666667%;
	
}
#header-img .dote {
	background-image: url(../images/dote.png);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
}

.header-inner{
	padding-top: 24px;
	margin-bottom: 10px;
	height: 80px;
	color:#fff;
}
.header-inner2{
	margin: 190px auto 0;
    padding: 40px 0;
    width: 700px;
}
.header-inner2 p{
	font-size:50px;
	color:#fff;
	margin:0;
}
.header-inner2 p.hi2tit{
	margin-bottom: 10px;
    font-weight: 600;
}
.header-inner3{
	margin: 58px auto;
    width: 900px;
    text-align: center;
}
.header-inner3 p.hi2p{
	margin-bottom: 10px;
    background: #000;
    color: #fff;
    font-size: 23px;
    padding: 1% 5%;
    letter-spacing: 0.2em;
    
}
#header-img #bgvid {
	position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(polina.jpg) no-repeat;
    background-size: cover;
}
#h_logo {
	    width: 323px;
    line-height: 3;
    font-weight: 600;
    font-size: 20px;
	margin-left:2%;
	color:#fff;
}
#h_logo img{
	width:100%;
}
.logologo{
	font-weight:600;
	font-size: 18px;
	margin-left:10px;
}
.header-nav{

}


#smh_menu {
	display:none;
}
.sp {
	display:none;
}
.pc {
	display:block;
}





/*ナビゲーション
----------------------------------------------- */

header #gnavi {
	width: 1079px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 9999;
}
header #gnavi nav ul li {
	float: left;
}
header #gnavi nav ul li .parent {
	color: #333;
}
header #gnavi nav ul li:nth-child(6n) { margin-right:0; }






/*追従ナビゲーション
----------------------------------------------- */
.fx { position:fixed; top:0; left:0; width:100%; height:60px; background:#FAFAFA; z-index:99999; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.4); -o-box-shadow:0px 0px 5px rgba(0,0,0,0.4); box-shadow:0px 0px 5px rgba(0,0,0,0.4); border-top:6px solid #000; display:none; }
.fx:after { content:""; display:block; clear:both; }
.fx #logo {
	float: left;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	position: static;
}
.fx nav {
	display: block;
	width: 560px;
	float: right;
	margin-right: 40px;
}
.fx nav ul li {
	float: left;
	margin-right: 43px;
	padding-top: 17px;
}
.fx nav ul li:nth-child(6n) { margin-right:0; }
.fx #menu_right {
	float: right;
	width: 320px;
}
.fx #menu_right ul .syuku {
	padding-top: 11px;
	margin-right:20px;
}
.fx #menu_right ul li {
	float: left;
	margin-bottom: 3px;
	padding-top: 17px;
}

/* pagetop
----------------------------------------------- */
.pagetop { display:block; width:47px; height:49px; position:fixed; right:5%; bottom:10%; z-index:99999; display:none; }
.pagetop img { opacity:0.3; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.pagetop:hover img { opacity:1; }

/* コンテンツ
----------------------------------------------- */

article {
}
section {
	width: 100%;
	
}
section h2 {
	width: 100%;
	font-size: 34px;
	color: #000;
	margin-bottom: 60px;
	 font-weight: 600;
}
section h2 span.mini {
	font-size: 23px;
    padding-left: 4%;
}
section h3 {
	width: 100%;
	font-size: 25px;
	color: #000;
	margin-bottom: 20px;
	 font-weight: 600;
}
.main_img {
	width: 100%;
}
.main_img #main_image ul {
	position: relative;
}
.main_img #main_image ul .main_text {
	position: absolute;
	left: 50px;
	top: 325px;
	z-index: 100;
}



.text_tit {
	text-align: center;
}
.text { 
	display: inline-block;
}
.recruit_news {
	width:100%;
	height:152px;
	background-color:#FFF;
	opacity:0.7;
	margin-top: -152px;
}
.recruit_news div {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 13px;
}
.recruit_news div ul li {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	width: 299px;
	height:128px;
	padding-top: 50px;
	font-size:21px;
	line-height:26px;
}
.recruit_news div ul li:nth-child(2n) {
	padding-top: 29px;
}
.recruit_news div ul li:nth-child(3n) {
	padding-top: 29px;
}
.recruit_news div ul li:nth-child(4n) {
	float: left;
	border-right-width: 0px;
	width: 299px;
	padding-top: 37px;
}
.t1 {
}
.t1 .news {
	background:url(../images/news_bg.jpg) center;
	width: 100%;
	padding: 80px 0;
	text-align: center;
	background-size: cover;
}
.t1 .news_inner {
	display:block;
	width:1200px;
	margin:0 auto;
}
.t1 .news_inner_tit {
	margin:0 auto 30px;
}
.t1 .news ul {
	border-top: 1px solid #fff;
	
}
.t1 .news ul li {
	font-size: 15px;
    line-height: 100px;
    color: #FFF;
    text-align: left;
    border-bottom: 1px solid #fff;
}
.t1 .news ul li a {
	color: #FFF;
}
.t1 .news ul li a:hover {
	color: #FF0000;
}
.t1 .campaign {
	background-color: #113A94;
	float: right;
	width: 50%;
	padding-top: 50px;
	padding-right: 5%;
	padding-left: 5%;
	text-align: center;
	padding-bottom: 36px;
}
.t1 .campaign ul {
	display:block;
	overflow-y:scroll;
	height:120px;
}
.t1 .campaign ul li {
	font-size: 13px;
	line-height: 30px;
	color: #FFF;
	text-align: left;
}
.t1 .campaign ul li a {
	color: #FFF;
}
.t1 .campaign ul li a:hover {
	color: #FF0000;
}
.t1 div h3 {
	margin-bottom:10px;
	text-align:left;
	width: 100%;
    font-size: 50px;
    color: #fff;
    font-weight: 600;
}
.t1 div p{
	color: #fff;
	text-align:left;
	font-size: 15px;    
}
.t1 div .left {
	float: left;
	width:40%;
}
.t1 div .right {
	float: right;
    width: 22%;
    background: #be0000;
}
.t1 div .right p {
	text-align: center;
    line-height: 3em;
    margin: 0;
    font-size: 15px;
}
.t2 div ul li {
	float: left;
	width: 33.33%;
	height:320px;
}
.t2 div ul li.service1 {
	background:url(../images/top_img04.png) center no-repeat;
	background-size: cover;
}
.t2 div ul li.service2 {
	background:url(../images/top_img05.png) center no-repeat;
	background-size: cover;
	
}
.t2 div ul li.service3 {
	background:url(../images/top_img06.png) center no-repeat;
	background-size: cover;
}
.t2 div .serviceinner {
	background-color: #0000006b;
	margin:10%;
}

.t2 div ul li .case {
	font-size:20px;
	letter-spacing: 2px;
	margin-bottom:10px;
	display: block;
	text-align: left;
	padding: 10px;
    font-weight: 600;
}
.t2 div ul li .case.se01 {
	color:#FF9800;
}
.t2 div ul li .case.se02 {
	color:#3ee9ff;
}
.t2 div ul li .case.se03 {
	color:#ffeb3b;
}
.t2 div ul li p {
	font-size: 15px;
    line-height: 28px;
    margin-bottom: 3px;
	color: #fff;
	padding: 0 25px;
}




.t2 div ul li img {
	margin-bottom:17px;
	width:91%;
}

.t2 div .texterea {
	padding: 10% 0;
    margin-bottom: 0;
}
.t2 div .texterea span.text {
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 600;
}
.t2 div {
	/*margin-bottom:100px;*/
}
.t3 {
	padding-top: 100px;
	padding-bottom: 50px;
	background: url(../images/t3_bg.jpg) center no-repeat;
}
.t3 h2 {
	
}

.t3 .t301 {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.t3 div .left {
	float: left;
	width:62%;
	height: 458px;
}
.t3 div .left img {
	width:80%;
	margin-bottom:30px;
}
.t3 div .right {
	float: right;
	width:30%;
}
.t3 div .right h2 {
	text-align:left;
}
.t4 {
	background-color: #343434;
	padding-top: 90px;
	padding-bottom: 90px;
}
.t4 #ourworks {
	margin-bottom: 40px;
}

.t4 #ourworks .bxslider2 {

}
.t4 #ourworks .bxslider2 li {
	background-color: #FFF;
	text-align: left;
}
.t4 #ourworks .bxslider2 li img {
	float: left;
}
.t4 #ourworks .bxslider2 li .matter {
	float: right;
	width: 50%;
	padding-top: 48px;
	padding-right: 6%;
	padding-left: 6%;
}
.t4 #ourworks .bxslider2 li .matter h4 {
	font-weight: bold;
	padding-bottom: 28px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	font-size: 18px;
	margin-bottom: 10px;
}
.t4 #ourworks .bxslider2 li .matter .matter01 {
	font-size: 20px;
	color: #5F9EE5;
	margin-bottom: 13px;
}
.t4 #ourworks .bxslider2 li .matter .matter02 {
	font-size: 16px;
	margin-bottom: 10px;
}
.t4 #ourworks .bxslider2 li .matter .matter03 {
	font-size: 15px;
	color: #FC01A9;
}

.t5 {
}
.t5 .t501 {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
	margin-top: 100px;
}
.t5 div .left {
	float: left;
	width:35%;
	background: url(../images/yc_logo.png) center no-repeat;
    height: 330px; /*458px*/
}
.t5 div .right {
	float: right;
	width:62%;
}
.t5 div .right h2 {
	text-align:center;
	margin-bottom:20px;
}
.t5 h2 {  }
.buy{ display:inline-block; margin-bottom:40px;}
.buy p{ display:inline-block; margin-right: 35px; font-weight: 600;}
.buy img{ margin: 0 5px; width: 230px; }
.buy .buy_list { width:100%; background-color:#333333; text-align:center; color:#fff; margin-bottom:30px; padding: 3px 0; }

.t6 { background-color:#000; text-align:center; }
.t6 img { width:300px; padding:20px 0; }

.t7 img { width:100%; }

#headertop  #innnerbox_light .kuni { width:100px; }
#headertop  #innnerbox_light .kuni img { width:100%; margin:0; padding: 0 10px 10px 0; }














.mb-30 {
	margin-bottom:30px;
}

/* フッター
----------------------------------------------- */

footer {
	width: 100%;
	background-color: #be0000;
	padding-top: 80px;
	color:#fff;
}
#footer {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
footer .footmenu {
	margin-bottom: 17px;
	width:100%;
	float:left;
}
footer .footmenu h3 {
	text-align: left;
    font-size: 23px;
    line-height: 2;
    letter-spacing: 3px;
}
footer .footmenu h3 img {
	margin-right:20px;
	width:300px;
}
footer .footmenu.fm02 {
	border-top: 1px solid #fff;	
	margin-bottom: 40px;
}
footer .footmenu ul li {
	float: left;
	margin-left: 3%;
	font-size:17px;
	line-height: 3;
}
footer .footmenu ul li:first-child {
	margin-left: 0;
}
footer .footmenu ul li a {
	color: #fff;
}
footer .footmenu.clearfix ul li ul li {
	float: none;
	margin-right: 0px;
	margin-top: 20px;
}
.footer_spmenu {
	display:none;
}


#small {
	background-color: #2d2d2d;
    
}
.smallbox {
	float:left;
	font-size: 13px;
    height: 40px;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 9px;
    line-height: 1.3;
	margin:0 auto;
	text-align:center;
	background-color:#2d2d2d;
}
.smallbox.s01 {
	float:left;
	width:60%;
}
.smallbox.s02 {
	float:right;
	width:40%;
}


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

}



@media only screen and (max-width: 1235px) {
p {
    font-size: 1.3em;
}

.t2 div ul li p {
	font-size: 13px;
    line-height: 23px;
    margin-bottom: 20px;
}
.t2 div .texterea span.text {
    margin-bottom: 0px;
    
}
.header-inner2 {
    margin: 164px auto 0;
    padding: 40px 0;
    width: 72%;
    
}
.header-inner2 p {
    font-size: 32px;
}
.t5 .t501 {
    width: 90%;
}
.t5 div .left {
    float: left;
    background-size: contain;
}

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


.header-inner2 {
    margin: 164px auto 0;
    padding: 40px 0;
    width: 80%;
    
}
.header-inner2 p {
    font-size: 22px;
}
}