body{
/*font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;*/
background-color:#EAF1F4;
margin:0;
padding:0;
color: #1C1C1C;
font-size:14px;
/* [disabled]line-height:26px; */
font-family: "HelveticaNeueLTStd-Roman", "HelveticaNeueLT Std", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "繝｡繧､繝ｪ繧ｪ", Meiryo, "MS P繧ｴ繧ｷ 繝�け", "MS PGothic", sans-serif;
line-height:23px;
}
.font-mincho {
font-family: "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
.head_bg{
}
ul,ul li{
margin:0;
padding:0;
list-style-type:none;
}
.fs130 {
font-size:130%;
}
.fs80 {
font-size:80%;
line-height:16px;
}
.lineheight140{
line-height:140%;
}
/*繝倥ャ繝繝ｼ繝輔ャ繧ｿ繝ｼ*/
CSS
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color:#FFF;
}
body > .container {
padding: 60px 15px 15px;
}
.container {
background-color:#FFF;
}
.container .text-muted {
margin: 20px 0;
}
.footer > .container {
padding-right: 15px;
padding-left: 15px;
}
/*�上�繝�ム繝ｼ繝輔ャ繧ｿ繝ｼ*/
.iro {
color:#0585CC;
}
.bgiro{
background-color:#FC0;
}
.bld {
font-weight:bold;
}
.cntr {
text-align:center;
margin:0 auto;
}
/*縺雁撫縺�*/
@media only screen and (min-width: 993px), print {
.otoiawase {
font-size:12px;
background: #8E8E8E;
text-decoration: none;
color: #fff;
width: auto;
padding: 16px 10px;
text-align: center;
display: block;
border-radius: 10px;
line-height:18px
}
.otoiawase2 {
font-size:12px;
background: #8E8E8E;
text-decoration: none;
color: #fff;
width: auto;
padding: 10px 10px;
text-align: center;
display: block;
border-radius: 10px;
line-height:14px
}
}
@media only screen and (min-width: 391px) and (max-width: 992px) {
.otoiawase {
font-size:11px;
background: #8E8E8E;
text-decoration: none;
color: #fff;
width: auto;
padding: 5px 10px;
text-align: center;
display: block;
border-radius: 10px;
}
.otoiawase2 {
font-size:12px;
background: #8E8E8E;
text-decoration: none;
color: #fff;
width: auto;
padding: 10px 10px;
text-align: center;
display: block;
border-radius: 10px;
line-height:14px
}
}
@media only screen and (max-width: 390px) {
.otoiawase {
font-size:11px;
background: #8E8E8E;
text-decoration: none;
color: #fff;
width: auto;
padding: 5px 10px;
text-align: center;
display: block;
border-radius: 10px;
}
.otoiawase2 {
font-size:11px;
background: #8E8E8E;
text-decoration: none;
color: #fff;
width: auto;
padding: 5px 10px;
text-align: center;
display: block;
border-radius: 10px;
}
}
/*�上♀蝠上＞*/
/*xs sm縺ｧ繧ｻ繝ｳ繧ｿ繝ｼ蟇�○*/
@media only screen and (min-width: 993px), print {
.sm_center {
text-align:left;
margin:0 auto;
}
}
@media only screen and (min-width: 391px) and (max-width: 992px) {
.sm_center {
width:100%;
text-align:center;
margin:0 auto;
}
}
@media only screen and (max-width: 390px) {
.sm_center {
width:100%;
text-align:center;
margin:0 auto;
}
}
/*�駿s sm縺ｧ繧ｻ繝ｳ繧ｿ繝ｼ蟇�○*/
/* 繝壹�繧ｸ繝医ャ繝�
@media only screen and (min-width: 993px), print {
#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 80%;
}
#page-top a {
background: #0585CC;
text-decoration: none;
color: #fff;
width: 100px;
padding: 25px 0;
text-align: center;
display: block;
border-radius: 10px;
}
#page-top a:hover {
text-decoration: none;
background: #FCCE0B;
color: #FFFFFF;
}
}
@media only screen and (max-width: 992px) {
#page-top {
position: fixed;
bottom: 5px;
right: 5px;
font-size: 8px;
}
#page-top a {
background: #70655F;
text-decoration: none;
color: #fff;
width: 60px;
padding: 2px 0;
text-align: center;
display: block;
border-radius: 5px;
}
#page-top a:hover {
text-decoration: none;
background: #FCCE0B;
color: #FFFFFF;
}
}
/* �上�繝ｼ繧ｸ繝医ャ繝� */
/*繝輔ャ繧ｿ繝ｼ*/
/**/
@media only screen and (min-width: 993px), print {
.copyright{
text-align:center;
margin:0 auto;
display:block;
padding:20px 0;
border-top:dotted 1px #ccc;
}
}
@media only screen and (min-width: 391px) and (max-width: 992px) {
.copyright{
text-align:center;
margin:0 auto;
display:block;
padding:20px 0;
border-top:dotted 1px #ccc;
font-size:11px;
line-height:14px;
}
}
@media only screen and (max-width: 390px) {
.copyright{
text-align:center;
margin:0 auto;
display:block;
padding:20px 0;
border-top:dotted 1px #ccc;
font-size:10px;
line-height:12px;
}
}
/**/
/*�上ヵ繝�ち繝ｼ*/
/*逕ｻ蜒乗棧莉倥″*/
.img-thumbnail-dotted {
padding: 2px;
border: 1px dotted #555;
border-radius: 2px;
}
/*�冗判蜒乗棧莉倥″*/
.brdr_bottom{
border-bottom:1px dotted #999;
}
.ttl{
padding:40px 0 20px 0;
}
/*繧ｭ繝｣繝�メ繧ｳ繝斐�繧ｻ繝ｳ繧ｿ繝ｼ蟇�○*/
@media only screen and (min-width: 993px), print {
.fnt_cntr_cath {
font-size:26px;
text-align:center;
line-height:30px;
}
}
@media only screen and (min-width: 391px) and (max-width: 992px) {
.fnt_cntr_cath {
font-size:18px;
text-align:center;
}
}
@media only screen and (max-width: 390px) {
.fnt_cntr_cath {
font-size:14px;
text-align:center;
}
}
/*�上く繝｣繝�メ繧ｳ繝斐�繧ｻ繝ｳ繧ｿ繝ｼ蟇�○*/
/*繝ｪ繧ｹ繝医せ繧ｿ繧､繝ｫ*/
.list01 {
padding:0;
margin:0;
}
.list01 li {
list-style:none;
background-image:url(../img/shikaku_arrow.png);
background-repeat:no-repeat;
background-position:left center;
padding:0 0 0 20px;
margin:0;
}
.list02 {
padding:0;
margin:0;
}
.list02 li {
list-style:none;
padding:0 0 0 0px;
margin:0;
}
.list02 li ul,.list02 li ul li {
font-size:95%;
list-style:none;
padding:0 0 0 10px;
margin:0;
}
/*�上Μ繧ｹ繝医せ繧ｿ繧､繝ｫ*/
/*隕九□縺�*/
@media only screen and (min-width: 993px), print {
.mdsmain_bk{
background-color:#0585CC;
padding:15px 0 5px 18px;
width:auto;
}
.mds01 {
color:#fff;
text-align:left;
font-size:23px;
}
}
@media only screen and (min-width: 391px) and (max-width: 992px) {
.mdsmain_bk{
background-color:#0585CC;
padding:15px 0 5px 18px;
width:auto;
}
.mds01 {
color:#fff;
text-align:left;
font-size:18px;
}
}
@media only screen and (max-width: 390px) {
.mdsmain_bk{
background-color:#0585CC;
padding:10px 0 5px 10px;
width:auto;
}
.mds01 {
color:#fff;
text-align:left;
font-size:16px;
}
}
/*隕九□縺�*/
/*繧ｭ繝｣繝�メ*/
@media only screen and (min-width: 993px), print {
.catch {
font-size:36px;
}
.catch2 {
font-size:29px;
line-height:160%;
}
.catch3 {
font-size:18px;
line-height:140%;
}
}
@media only screen and (min-width: 391px) and (max-width: 992px) {
.catch {
font-size:26px;
}
.catch2 {
font-size:18px;
line-height:140%;
}
.catch3 {
font-size:16px;
line-height:140%;
}
}
@media only screen and (max-width: 390px) {
.catch {
font-size:16px;
font-weight:bold;
}
.catch2 {
font-size:15px;
font-weight:bold;
line-height:120%;
}
.catch3 {
font-size:15px;
font-weight:bold;
line-height:120%;
}
}
/*繧ｭ繝｣繝�メ*/
.list_none {
padding:0;
margin:0;
}
.list_none li {
list-style-type:none;
padding:0 0 5px 0;
margin:0;
}
.brdrbtm {
color:#333;
font-size:120%;
border-bottom:#333 dotted 1px;
}
.pad-top20 {
padding-top:20px;}
.pad-top40 {
padding-top:40px;}
.gly-bk {
border:dotted 1px #ccc;
background-color:#F4F4F4;
padding:10px;
margin-bottom:10px;
width:auto;
}
.gly-bk2 {
background-color:#F2F2F2;
padding:10px;
margin-bottom:10px;
width:auto;
}
.orng-bk {
background-color:#ED965A;
border:solid 1px #E85A24;
padding:20px;
color:#FFF;
}
.orng-waku {
border:solid 1px #E85A24;
padding:20px;
color:#333;
}
.waku {
background-color:#FFF;
padding:20px;
border: 2px solid #F4F4F4;
border-radius: 2px;
}
.green_bk {
background-color:#FFF;
padding:20px 20px 10px 20px;
border: 5px solid #0585CC;
border-radius: 2px;
}
.green_bk2 {
background-color:#FFF;
color:#000;
padding:20px;
border:#0585CC solid 1px;
text-decoration:none;
}
a .green_bk2:hover {
background-color:#9AC1AC;
color:#FFF;
padding:20px;
border:#0585CC solid 1px;
}
.gly_orange {
background-color:#FFF;
padding:20px;
border: 3px solid #70655F;
border-radius: 2px;
}
.sankaku{
padding:0;
margin:0 auto;
text-align:center;
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #E85A24;
}
/*** 繝ｬ繧ｹ繝昴Φ繧ｷ繝悶ユ繝ｼ繝悶Ν繝�じ繧､繝ｳ ***/
.tbl-rsp{
width:100%;
/*border: 1px solid #cccccc;*/
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
.tbl-rsp th{
/*padding: 6px 8px 5px;
border-top: solid 1px #cccccc;*/
width: 30%;
overflow: hidden;
font-style: normal;
font-weight: bold;
font-size: 100%;
text-align: left;
word-break: break-all;
word-wrap: break-word;
vertical-align: top;
/*background-color: #F4F4F4;*/
}
.tbl-rsp td{
/*padding: 5px 10px;*/
text-align: left;
vertical-align: top;
/*background-color: #ffffff;
border-top: dotted 1px #cccccc;
*/overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
@media (max-width: 400px){
.tbl-rsp{
/*border:none;*/
}
.tbl-rsp th{
width:100%;
display:block;
margin: 0 auto;
/*border:none;
border-radius: 3px;*/
}
.tbl-rsp td{
display: list-item;
width: 100%;
border-top: none !important;
border-right: none !important;
}
}
/*** �上Ξ繧ｹ繝昴Φ繧ｷ繝悶ユ繝ｼ繝悶Ν繝�じ繧､繝ｳ ***/
.lineheight140{
line-height:140%;
}
.leftbrdr_orange{
border-left:solid 6px #0585CC;
padding-left:10px;
}
.orange {
color:#70655F;
}
.kuro
{
color:#333;
}
hr{
border:none;
border-top:dashed 1px #666666;
height:1px;
color:#FFFFFF;
margin: 0 6 0 6;
padding:0;
}
.mds-bk_iro{
background-color:#0585CC;
color:#FFF;
padding:10px;
margin:30px 0;
}
/*繝√ぉ繝�け隕句�縺�*/
.heading2{
position:relative;
padding-left:30px;
border-bottom:2px solid #ccc;
font-weight: bold;
line-height: 38px;
}
.heading2:after, .heading2:before{
content:'';
height:18px;
width:4px;
display:block;
background:#00A8FF;
position:absolute;
top:8px;
left:15px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}
.heading2:before{
height:10px;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
top:16px;
left:7px
}/*繝√ぉ繝�け隕句�縺�*/
.shikaku_arrow {
background-image: url(../img/shikaku_arrow.png);
background-repeat: no-repeat;
background-position:0px 6px;
padding-left:23px;
list-style:none;
line-height:22px;
}
/*蠎苓�閭梧勹縺悟ワ*/
.tenpo_bg{
background-image:url(../img/store_development/bgimg.png);
background-position:top right;
background-repeat:no-repeat;
}
/*繧､繝ｳ繧ｿ繝薙Η繝ｼ閭梧勹縺悟ワ*/
.career_bg{
width:100%;
height:72px;
background-image:url(../img/interview/career_bg.png);
background-position:top left;
background-repeat:no-repeat;
}
/**/
@media only screen and (min-width: 993px), print {
}
@media only screen and (min-width: 391px) and (max-width: 992px) {
}
@media only screen and (max-width: 390px) {
}
/**/
.mds_stripe {
padding: .5em .75em;
background: -webkit-repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
background: repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.mds_ribbon {
color:#FFF;
position: relative;
padding: .5em 1em;
background-color: #95BDE5;
}
.mds_ribbon::before,
.mds_ribbon::after {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
}
.mds_ribbon::before {
left: 0;
border-width: 0 15px 15px 0;
border-right-color: #0585CC;
}
.mds_ribbon::after {
right: 0;
border-style: solid;
border-width: 15px 15px 0 0;
border-top-color: #0585CC;
}