@charset "UTF-8";

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

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

/* 連続 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%にする時に使用する*/
	
}
body {
    font-family: MyFont;
	
}
ol,ul,dl {
    margin: 0px;
}
li {
    list-style-type: none;
}
h1, h2, h3 {
    margin: 0px;
}
img {
    vertical-align: bottom;
}



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

/* 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;
	color: #FFF;
}
a:link{
}
a:visited{
}
a:hover{
    text-decoration: underline;
}

/* table
----------------------------------------------- */
tr {
    border: none;
}
th {
	
}
th,
td {
    padding: 10px;
    border: 0;
    line-height: 1.5;
}


/* ボタン
----------------------------------------------- */
.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;  
}  



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




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

/* html */
html {

}

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


.width100 {
	width:100%;
}
.width90 {
	width:90%;
}







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

#headertop {
	display:none;
}
.header-inner {
	display:none;
}
#header-img {
    height: 390px;
    position: relative;
    z-index: 5;
}
.header-inner2 {
    margin-top: 0px;
    width: 88%;
    padding: 114px 27px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
.header-inner2 p {
    font-size: 19px;
}
.header-inner2 .hi2tit {
    font-size: 22px;
}
.header-inner2 .hi2p {
	background: #2196f387;
    color: #fff;
    padding: 10px;
    font-size: 14px;
}
.header-inner3 {
    margin: 0 auto;
    padding: 200px 0 0 0;
    width: 100%;
}
.header-inner3 p.hi2p{
	font-size: 18px;
	letter-spacing: 0.05em;
	}
#header-img {
    height: auto;
    background: url(../images/sp_main.jpg) center no-repeat;
	background-size: contain;
}

#movie01 {
    height: 100%;
    background: url(../images/sp-main.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
#movie01 video { display:none; }

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




#smh_menu {
    display: block;
    position: relative;
    z-index: 9999;
	height: 60px;
    padding-top: 11px;
    padding-left: 17px;
}

.splogo {
	line-height: 34px;
    font-weight: 600;
}
.splogo a img {
	width:13%;
}
    

/* 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; }

/* コンテンツ
----------------------------------------------- */
#contener{
	width:94%;
	margin:0 auto;
}
article {
}
section {
	width: 100%;
	margin:0 auto ;
}
section h2 {
    width: 100%;
    font-size: 21px;
    color: #000;
    margin-bottom: 30px;
}
section p {
	margin-bottom:25px;
}

#main_image ul li img {
	width:100%;
}
.main_img #main_image ul {
	position: relative;
}
.main_img #main_image ul .main_text {
    position: absolute;
    left: 50%;
    top: 51%;
    z-index: 100;
    margin-left: -50%;
}
.main_img #main_image ul .main_text img {
	width:85%;
}
.recruit_news {
    width: 100%;
    height: auto;
    background-color: #FFF;
    opacity: 0.7;
    margin-top: 0px;
}
.recruit_news div {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13px;
	margin-bottom:50px;
}
.recruit_news div ul li {
    float: none;
    border-right-style: none;
    width: 100%;
    height: auto;
    padding-top: 50px;
    font-size: 21px;
    line-height: 26px;
	text-align:center;
}
.recruit_news div ul li img {
    width:80%;
}
.recruit_news div ul li:nth-child(4n) {
    float: none;
    border-right-width: 0px;
    width: 100%;
    padding-top: 37px;
}
.recruit_news div ul li:nth-child(4n) img {
    width: 50%;
}

.kuni { width:30%; float:left; }
.kuni img { width:100%; margin:0; padding: 0 10px 10px 0; }


.t1 .news {
    background-color: #5597E3;
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-right: 5%;
    padding-left: 5%;
    text-align: center;
    padding-bottom: 36px;
}
.t1 .news_inner {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.t1 .news_inner_tit {
    margin: 0 auto 7px;
}
.t1 .news ul {
    height: auto;
	width:100%;
}

.t1 .news ul li {
    font-size: 14px;
	text-align:left;
	line-height: 23px;
	padding: 2% 0;
	margin:0
}
.t1 div .left {
    float: left;
    width: 50%;
}
.t1 div h3 {
    font-size: 20px;
}
.t1 div p {
    font-size: 13px;
}
.t1 .campaign {
    background-color: #113A94;
    float: right;
    width: 100%;
    padding-top: 50px;
    padding-right: 5%;
    padding-left: 5%;
    text-align: center;
    padding-bottom: 36px;
}
.t1 .campaign ul {
    height: 150px;
}
.t1 .campaign ul li {
    margin-bottom:20px;
	
}
.t1 div .right {
    float: right;
    width: 43%;
    background: #be0000;

}
.t2 div {
    margin-bottom: 0px;
}
.t2 div .serviceinner {
    background-color: #0000006b;
    margin: 0px;
	padding-top: 10%;
}
.t2 div ul li .case {
    text-align: center;
	font-size:10px;
}
.t3 .t301 {

    width: 100%;
    margin-right: auto;
    margin-left: auto;
	}
.t3 div .left {

    float: none;
    width: 100%;
    height: auto;
    text-align: center;

}
.t3 div .left img {

    width: 100%;
	}
.t3 {
	padding-top: 30px;
	padding-bottom: 0;
	background:none;
}
.t4 {
    background-color: #343434;
    padding-top: 30px;
    padding-bottom: 30px;
}

.t5 .t501 {
    width: 100%;
    margin: 0 auto 50px;
}
.t5 div .left {
    float: none;
    width: 62%;
    margin: 0 auto;
    height: 155px;
}
.t5 div .left img {
	width:80%;
	margin:13px auto ;
}
.t5 div .right {
    float: none;
	width:80%;
	margin:0 auto;
}
.t5 div .right img {
	width:80%;
	margin:13px auto ;
}
.t5 div .right h2 {
    text-align: center;
	margin-top: 5px;
}
.t3 p {
	padding:0 6%;
	font-size: 17px;
}
.buy {

    text-align: center;

}
.buy p {

    margin-right: 0;

}


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

.t2 div ul li {
	text-align: center;
	float: none;
	width: 90%;
	padding-bottom:20px;
	margin: 4% auto;
	padding-top: 35px;
	height: 100%;
}

.t2 div ul li a img {
	margin-bottom:17px;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
.t2 div ul li p {
    font-size: 15px;
    line-height: 32px;
    margin-bottom: 3px;
}

}






/* アンダーページ
----------------------------------------------- */
h3{
	font-size:16px;
	font-weight:600;
	padding: 0 4%;
}
p {
	padding:0 4%;
	font-size:1.3em;
}
.bb {
    font-size: 19px;
    line-height: 44px;
}
.wb {
    font-size: 16px;
    line-height: 28px;
	color:#fff;
    
}
.buleb {
    font-size: 20px;
    line-height: 52px;
    color: #5597E3;
    padding: 0 2%;
}
.btel {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 10px;
}
.bfax {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 10px;
}
.taleft {
	text-align:left;
}

#h_logo {
    display: none;
}

.s2 {
    padding: 50px 0;
}
.detailTb {
    margin: 0 auto 50px;
    font-size: 15px;
    width: 100%;
    text-align: left;
}
.detailTb_th {
	min-width:0;
    width: 20%;
    font-size: 13px;
}

.s3 {
    padding: 45px 0;
}
.s7 {
    padding: 45px 0 50px;
}
#contener .reason-box >.left {
    float: none;
    width: 100%;
}
#contener .reason-box >.right {
    float: none;
    width: 100%;
}
#contener .reason-boxmini2 li.left {
    float: none;
    width: 100%;
}
#contener .reason-boxmini2 li.right {
    float: none;
    width: 100%;
}
#contener .reason-boxmini2 img {
    width: 100%;
	margin-bottom:15px;
}
.reason-box ul li {
	padding:0;
	width:50%;
}
.teianleft {
   margin: 0 auto;
    float: none;
    width: 50%;
    padding: 26px 0 5px;
}
.teianright {
    float: none;
    width: 100%;
    padding: 10px 0 0 0;
}
.teian p.tit {
    text-align: center;
}

.solerea #contener img{
	width:100%;
}
.secuerea #contener img{
	width:100%;
}
/* fit_con.html
----------------------------------------------- */
.con1 {
    padding: 40px 0;
}
.con1 h2 {
    font-size: 16px;
    margin-top:20px;
    margin-bottom: 15px;
	line-height: 25px;
}
.con1 .buleb {
    font-size: 25px;
    font-weight: bold;
    color: #103993;
	margin-bottom: 10px;
}
.con2 {
    background-size: contain;
}
.con2 .prse {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 80px;
}
.con2 .prse .left {
    float: none;
    width: 100%;
}
.con2 .prse .right {
    float: none;
    width: 100%;
}
.con2 .prse div div .up {
    height: 545px;
    margin-bottom: 1px;
    background-color: #FFF;
}
.con2 .prse div div h3 {
    font-size: 23px;
    color: #5597E3;
    margin-bottom: 30px;
    line-height: 40px;
    letter-spacing: 4px;
}
.con2 .prse div div .und {
    height: 230px;
    background-color: #FFF;
    padding-top: 50px;
}
.con2 .prse div div .up2 {
    height: 656px;
    margin-bottom: 1px;
    background-color: #FFF;
}
.con2 div .wb {
    font-size: 22px;
    color: #FFF;
}
.con3 {
    padding-top: 60px;
    padding-bottom: 30px;
}


/* サービス
----------------------------------------------- */
.trust1 .left {
    width: 100%;
    float: none;
    height: 252px;
}
.trust1 .right {
    width: 100%;
    float: none;
    height: auto;
}
.trust1 .t_box {
	padding: 10% 5% 0;
 
}
.trust1 .t_box h2 {
    font-size: 31px;
    margin-bottom: 4%;
}
.trust1 .t_box p {
    text-align: left;
	padding:0;
}
.trust1 .t_box p.btn {
    text-align: center;
}
.btn {
    margin-left: auto;
    margin-right: auto;
}
.trust1_2 {
	display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
}
.trust1_2 .left{
	-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
	width:100%;
    float: none;
	height: auto;
}
.trust1_2 .right{
	-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
	width:100%;
    float: none;
	height: 252px;
}
.trust1_2 .t_box{
	padding: 10% 10% 0;
	text-align:left;
	
}
.trust1_2 .t_box h2{
	font-size:31px;
	margin-bottom:4%;
}


/* fit_others.html
----------------------------------------------- */

.trust2 .prse .center {
    width: 84%;
	height:auto;
    margin: 0 auto;
    padding: 2%;
    background-color: #ffffffcf;
}
.pool3 {
    padding-top: 40px;
}
.trust2 .prse div div h3 {
    font-size: 28px;
    color: #5597E3;
    margin-bottom: 30px;
    line-height: 40px;
    letter-spacing: 4px;
}


/* fit_trust.html
----------------------------------------------- */
.trust3 {
	padding: 3% 0;
}
.trust3	h2 {
    font-size: 13px;
	margin-bottom:0;
}

/* 会社概要
----------------------------------------------- */
.company2 {
    background-color: #113A94;
    padding-top: 30px;
    padding-bottom: 1px;
}
.company2 div {
    width: 100%;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
}
.company2 div .left {
    float: none;
    width: 100%;
    text-align: left;
}
.company2 div .right {
    float: none;
    width: 100%;
}
.company3 {
    background-image: url(../images/t3_bg.jpg);
    background-repeat: repeat;
    padding-top: 70px;
    padding-bottom: 50px;
}
.company3 div {
    width: 100%;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
}
.company3 div .left {
    float: none;
    width: 100%;
    text-align: center;
    position: relative;
}
.company3 div .left img {
    position: relative;
}
.company3 div .left p {
    margin-left: 0px;
	margin-bottom:6px;
}
.company3 div .right {
    float: none;
    width: 100%;
    text-align: left;
}
.company4 {
    background-color: #EEEEEE;
    padding: 40px 0;
}
.company5 {
    padding-top: 70px;
    padding-bottom: 30px;
}
.company5 div div {
    float: none;
    width: 100%;
    text-align: center;
    padding-left: 2%;
    padding-right: 2%;
}
.company5 div div ul li {
    font-size: 16px;
    line-height: 35px;
    text-align: left;
}


/* お問い合わせ
----------------------------------------------- */
.contact4 {
    padding-top: 50px;
    padding-bottom: 0px;
}


/* 採用情報
----------------------------------------------- */
.rec4 h3 {
    font-size: 23px;
    color: #FF00A9;
    margin-bottom: 30px;
}
.rec4 .seisha {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 55px;
    padding-right: 2%;
    padding-bottom: 55px;
    padding-left: 2%;
    border: 2px solid #FF00A9;
    background-image:none;
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 80px;
}
.rec4 .seisha .rec4-1 div {
    background-color: #F0F0F0;
    float: none;
    width: 100%;
    margin-right: 0px;
    padding-right: 2%;
    padding-left: 2%;
    padding-top: 40px;
    height: auto;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.rec4 .seisha .rec4-1 div h4 {
    font-size: 23px;
    line-height: 42px;
    border-bottom-width: 2px;
    border-bottom-style: dashed;
    border-bottom-color: #888481;
    margin-bottom: 20px;
    height: 59px;
}
.rec4 .seisha .rec4-1 div p {
    font-size: 21px;
    line-height: 40px;
}
.rec4 .seisha .rec4-1 div.ire {
    background-color: #F0F0F0;
    float: none;
    width: 100%;
    padding-top: 40px;
}
.rec4 .seisha .rec4-1 div.ire h4 {
    font-size: 23px;
    line-height: 42px;
    height: 95px;
}
.rec4 .seisha .rec4-1 div.ire p {
    font-size: 21px;
    line-height: 38px;
}
.rec4 .seisha .rec4-2 {
    margin-bottom: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0px;
}
.rec4 .seisha .rec4-2 div {
    background-color: #F0F0F0;
    float: none;
    width: 100%;
    margin-right: 0px;
    padding-right: 2%;
    padding-left: 2%;
    padding-top: 40px;
	padding-bottom:20px;
	margin-bottom:25px;
    height: auto;
}
.rec4 .seisha .rec4-2 div h4 {
    font-size: 21px;
    line-height: 42px;
    border-bottom-width: 2px;
    border-bottom-style: dashed;
    border-bottom-color: #888481;
    margin-bottom: 20px;
    height: 60px;
}
.rec4 .seisha .rec4-2 div p {
    font-size: 20px;
    line-height: 38px;
}
.rec4 .seisha .pdf-img {
    width: 100%;
    margin-right: auto;
    margin-bottom: 60px;
    margin-left: auto;
}


/* 店舗一覧
----------------------------------------------- */
.storer2 div {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.storer2 .shop_block {
    background-color: #FFF;
    float: none;
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    padding-right: 0px;
    margin-right: 0px;
    margin-bottom: 50px;
    padding-bottom: 35px;
}
.storer2 div img {
    position: relative;
	margin-bottom:20px;
}
.storer2 div h3 {
    float: none;
    margin-left: 0px;
    margin-top: 0px;
    border-bottom-width: 1px;
    border-bottom-style: none;
    border-bottom-color: #000;
    font-size: 20px;
    padding-bottom: 0px;
    font-weight: bold;
    margin-bottom: 17px;
}
.storer2 div p {
    float: none;
    margin-left: 0px;
}
.storer2 div p.matter04 a {
	color:#039;
	font-weight:bold;
}
.storer2 .shop_block2 {
    background-color: #FFF;
    float: none;
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    padding-right: 0px;
    margin-right: 0px;
    margin-bottom: 50px;
    padding-bottom: 35px;
}
.storer2 div p.matter01 {
    font-size: 16px;
    color: #5F9EE5;
    margin-bottom: 10px;
}
.storer2 div p.matter02 {
    font-size: 13px;
    margin-bottom: 8px;
}
.storer2 div p.matter03 {
    font-size: 12px;
    color: #FC01A9;
    margin-bottom: 15px;
}









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

footer {
    width: 100%;
    padding-top: 45px;
	height:100%;
}
#footer {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	padding: 0 1em;
	text-align: center;
}

#footer p {
	font-size:14px;
}
#footer p a {
	color:#0CC;
}
footer .footmenu {
	margin-bottom: 50px;
	width:100%;
	float:left;
	border:none;
}
footer .footmenu h3 {
	text-align: left;
    margin: 0 0 16px 7%;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 3px;
}
footer .footmenu h3 img {
	margin-right:20px;
}
footer .footmenu.fm02 {
	border-left: none;
    border-right: none;
	
	
}
footer .footmenu ul li {
	float: left;
	margin-left: 10%;
	font-size:13px;
	line-height: 2;
}
footer .footmenu ul li a {
	color: #fff;
}
footer .footmenu.clearfix ul li ul li {
	float: none;
	margin-right: 0px;
	margin-top: 20px;
}


#small {
    font-size: 13px;
    height: auto;
    color: #FFF;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    margin-top: 0px;
    background-color: #113A94;
	padding-top:15px;
}


.mb_50 {
	margin-bottom:50px;
}
.img100 {
	width:100%;
}

.mb-100 {
    margin-bottom: 60px;
}
.mb-50 {
    margin-bottom: 35px;
}
.pd-50 {
	padding-bottom:60px;
}