@charset "utf-8";

/************************

CONTENTS COMMON SETTING

************************/
main {
    background: #FFF;
}

main .BI {
    margin:0 auto;
}
main .img_box {
    margin: 3.0rem auto;
}

.contents_A {
    background: url("../images/common/bg_Head_A.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 280px 88px 0 0;
}

.contents_B {
    background: url("../images/common/bg_Head_B.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 280px 88px 0 0;
}

.contents_C {
    background: url("../images/common/bg_Head_C.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 280px 88px 0 0;
}

.contents_D {
    background: url("../images/common/bg_Head_D.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 280px 88px 0 0;
}

.contents_box {
    padding-left: 88px;
}

.start_sec {
    padding: 10rem 0 0 0;
}

.table_list {
	width: 100%;
	display: flex;
    flex-wrap: wrap;
	margin:auto;
}
.table_list dt {
	padding: 10px 5%;
	width: 20%;
	display: flex;
	align-items: center;
}

.table_list dd {
	width: 60%;
	padding: 10px 5%;
	
}
.table_list dt:nth-of-type(odd),
.table_list dd:nth-of-type(odd) {
	background:rgba(239,249,252,0.70);
}

.even_list {
    margin-bottom: 5.0rem;
}

.even_list dl {
    width: 47%!important;
    margin: auto;
}
.even_list dt {
	padding: 10px 5%;
	width: 30%;
	display: flex;
	align-items: center;
}

.even_list dd {
	width: 50%;
	padding: 10px 5%;
	
}

.BI {
    width: 20%;
    max-width: 220px;
    margin: 5.0rem auto;   
}

.list3 {
    display: flex;
    flex-wrap: wrap; 
    gap: 5%;
}

.list3 ul {
    width: calc((100% - 10%) / 3); 
    margin: 0 auto 3.0rem auto;
    padding: 0;
    list-style: none;
    height: 100%;
}
.list3 li {
    margin-bottom: 1.2rem;
}

.img_left_box {
    margin: 5.0rem 0;
    max-width: 1000px;
}

.left {float: left;}
.right { float: right;}

.box_A {
    width: 100%;
    border: 20px solid rgba(224,246,251,1.00);
    background:#FFF;
    padding: 1.0rem 2.0rem 0;
}
.box_A .ttl {
    text-align: center;
    letter-spacing: 5px;
    margin-bottom: 1.0rem;
}
.box_A ol.custom-list {
  counter-reset: item;
  list-style: none;
  padding-left: 1.5em;
}

.box_A ol.custom-list > li {
  position: relative;
  margin: 0.5em 0;
  padding-left: 1.5em;
}

.box_A ol.custom-list > li::before {
  content: "■";
  position: absolute;
  left: 0;
  color: #2fa6b5; 
    font-size: 1rem;
}

.box_B {
    margin-bottom: 3.0rem;
}

.box_B ol.custom-list {
  counter-reset: item;
  list-style: none;
}

.box_B ol.custom-list > li {
  position: relative;
  margin: 0.5em 0;
  padding-left: 1.5em;
    font-size: 1.2rem;
}

.box_B ol.custom-list > li::before {
  content: "■";
  position: absolute;
  left: 0;
    top: 3px;
  color: #2fa6b5; 
    font-size: 1rem;
}

.box_C {
    width: 90%;
    background:rgba(248,249,249,1.00);
    padding: 5%;
}

.box_C ol.custom-list {
  counter-reset: item;
  list-style: none;
  padding-left: 1.5em;
}

.box_C ol.custom-list > li {
  position: relative;
  margin: 0.5em 0;
  padding-left: 1.5em;
}

.box_C ol.custom-list > li::before {
  content: "■";
  position: absolute;
  left: 0;
  color: #2fa6b5; 
    font-size: 1rem;
}

.number_list2 {
    display: flex;
    flex-wrap: wrap; 
    gap: 5%;
    margin: 5.0rem auto;
    align-items: stretch;
}

.number_list2 ul {
    width: calc((100% - 10%) / 2); 
    margin: 3.0rem auto;
    padding: 0;
    list-style: none;
    height: 100%;
    border: 1px solid #2fa6b5;
    background: rgba(255,255,255,0.80);
    position: relative;
    
}
.number_list2 li {
    margin-bottom: 1.2rem;
    width: 80%;
    margin: 0 auto 1.5rem;
}

 .no {
    color: #2fa6b5;
    text-align: center;
    font-size: 5.0rem;
    line-height: 0.4;
    width: 100%;
    margin-bottom: 2.0rem;
    margin-top: -20px;
}
 .no span {
    font-size: 1.0rem;
    letter-spacing: 5px;
}

.number_list2 .txt_ttl {
    font-size: 1.3rem;
    letter-spacing: 1px;
    border-bottom: 1px dotted #2fa6b5;
    margin: 1.5rem auto;
    padding-bottom: 15px;
}


.blue_box {
    background: rgba(224,246,251,1.00);
    text-align: center;
    padding: 1.5rem;
    margin: 1.5rem auto;
}

.blue_box p {
    margin-bottom: 0rem;
    line-height: 2.2;
}

.blue_box .txt_min {
    font-size: 1.3rem;
    letter-spacing: normal;
}

.local_nav {
    width: 65%;
    margin: auto;
}

.local_nav li a{
    display: block;
    width: 100%;
    padding: 1.2rem;
    border-bottom: 1px solid #2fa6b5;
}
.local_nav li a:hover {
    background:  linear-gradient(90deg,rgba(47, 166, 181, 1) 0%, rgba(151, 221, 245, 1) 100%);
    color: #FFF;
}


/************************

TOP PAGE SETTING

************************/

#kv {
	width: 100vw;
	height: 100vh;
	background-size: cover!important;
	background-position: center center !important;
	z-index: 100;
}

#kv .contents {
	z-index: 101;
	width: 100%;
    color: #FFF;
    text-align: center;
    font-family: "Shippori Mincho", serif;
	position: absolute;
	left: 0%;
	top: 20vh;
}
#kv .contents .txt_cf {
    font-size: 4.2vw;
    letter-spacing: 10px;
    line-height: 1.8;
}
#kv .contents .txt_en {
    font-family: "Jost",'Noto Sans JP', sans-serif;
    font-size: 1.4rem;
    font-weight: 200;
    letter-spacing: 8px;
    margin: 3.0rem auto;
}
#kv .contents img {
    max-width: 300px;
    margin: auto;
}

#greeting {
    background: url("../images/common/bg_A.png") no-repeat;
    background-size: cover;
}

#greeting .BI {
    margin: 5.0rem auto;
}

#feature{
    background: linear-gradient(180deg, #FFF 0%, #FFF 8%, #2fa6b5 8%, #2fa6b5 15%, #FFF 15%, #FFF 100%);
}

#feature .list3 {
    margin-top: 5.0rem;
}

#stories {
    background: url("../images/contents/img_stories_bgB.jpg") no-repeat;
    padding-top: 5.0rem;
    background-size: 30% 25%;

}
#stories .container {
    width: 80%;
    margin: auto;
    background: url("../images/contents/img_stories_bgA.jpg") no-repeat;
    padding-top: 5.0rem;
    background-size: 45% 30%;
}

#stories .img_box {
    width: 90%;
}

/************************

PROFILE PAGE SETTING

************************/
#profile .left,
#personality .left{
    width: 40%;
    margin-right: 10%;
}
#profile .right,
#personality .right{
    width: 50%;
    margin-top: 3.0rem;
}


/************************

大切にしていること PAGE SETTING

************************/
#message h3 {
    color: #FFF;
    margin-top: -150px;
}

/************************

SERVICE PAGE SETTING

************************/
#fullsupport {
    background: url("../images/common/bg_B.png") no-repeat;
    background-size: 100%;
    padding-top: 10rem;
}

#active {
    background: url("../images/common/bg_A.png") no-repeat;
    background-size: 100%;
    padding-top: 10rem;
}

#mypace {
    background: url("../images/common/bg_C.png") no-repeat;
    background-size: 100%;
    padding-top: 10rem;
}

#fullsupport .col2,
#active .col2,
#mypace .col2{
    margin-bottom: 5.0rem;
}

#fullsupport .left,
#active .left,
#mypace .left {
    width: 50%;
    margin-right: 5%;
    text-align: justify;
}

#fullsupport .right,
#active .right,
#mypace .right{
    width: 35%;
    text-align: justify;
}

#option {
    background: url("../images/contents/bg_option.png") no-repeat top center;
    background-size: 100%;
    min-height: 900px;
    padding-top: 30rem;
}

#optionplan hr {
    margin: 5.0rem auto;
}

#option_list .left {
    width: 40%;
    margin-right: 10%;
}
#option_list .right {
    width: 50%;
    margin-top: 3.0rem;
}

#ibj .inner_box_M {
    padding-bottom: 3.0rem;
}

#ibj .box_A {
    padding-bottom: 1.5rem;
    width: 80%;
    margin:auto; 
}
#ibj .even_list dl {
    width: 100%!important;
    text-align: left;
}

#ibj .txt_s {
    margin: 1.5rem auto;
}

/************************

SUPPORT PAGE SETTING

************************/
#support {
    background: url("../images/common/bg_D.png") no-repeat;
    background-size: 100%;
    background-attachment: fixed;
}


#featureguide {
    background: url("../images/common/bg_A.png") no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    padding-top: 10rem;
}


/************************

WELCOME PAGE SETTING

************************/

#flow .list3 {
    margin: 5.0rem auto;
}
#flow .list3 ul {
    position: relative;
}

#flow .list3 li {
    margin-bottom: 0.5rem;
}

#flow .list3 .no {
    color: #FFF;
    text-align: center;
    font-size: 3.0rem;
    width: 100px;
    height: 70px;
    padding-top: 30px;
    margin-bottom: 2.0rem;
    background:rgba(47,166,181,0.80);
    line-height: 20px;
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    margin: auto;
}

#flow .list3 .option {
    background: rgba(143,154,160,0.70);
}

#flow .list3 .no span {
    font-size: 0.8rem;
    letter-spacing: 5px;
    color: #FFF;
}

#flow .list3 .txt_m {
    margin-top: 70px;
    color: #2fa6b5;
    font-size: 1.1rem;
    text-align: center;
    
}


/************************

FLOW PAGE SETTING

************************/
#flow_intro {
    margin-bottom: 0;
}

#flow_list .left {
    width: 35%;
    margin-right: 10%;
}
#flow_list .right {
    width: 55%;
    margin-top: 3.0rem;
}

.txt_ttl {
    border-bottom: 1px dotted #2fa6b5;
    margin: 0 auto 1.5rem auto;
    padding-bottom: 15px;
}

#flow_list .col2 {
   position: relative;
}

#flow_list .left {
    position: relative;
}
#flow_list .no {
    color: #FFF;
    text-align: center;
    font-size: 3.0rem;
    width: 100px;
    height: 70px;
    padding-top: 30px;
    margin-bottom: 2.0rem;
    background:rgba(47,166,181,0.80);
    line-height: 20px;
    position: absolute;
    bottom: -15%;
    right: -5%;
}
#flow_list .option {
    background: rgba(143,154,160,0.70);
}
#flow_list .intermission {
    margin: 12.0rem auto;
}

/************************

Q&A PAGE SETTING

************************/

#faq dl {
    width: 90%;
    margin: auto;
    overflow:hidden;
}

#faq dt {
    background:#e0f6fb;
    font-weight: 500;
    color: #2fa6b5;
    padding: 5px 15px;
    margin-bottom: 1.2rem;
}
#faq dd {
    margin:0 0 1.2rem 5%;
    padding-bottom: 1.5rem;
}


/************************

CONSULTATION PAGE SETTING

************************/
#consultation .img_box {
    margin: 5.0rem auto;
}
#consultation .blue_box {
    width: 70%;
    margin: 5.0rem auto;
}

/************************

CONTACT PAGE SETTING

************************/

#contact_intro .btn {
    max-width: 500px;
}

/************************

POLICY PAGE SETTING

************************/

#policy .custom-list li{
    font-size: 1.0rem;
    padding-top: 5px;
}


/************************

CATEGORY SETTING

************************/

#info .list3 {
    margin: 5.0rem auto 0;
}

.tag {
    background: rgba(244,244,245,1.00);
    padding: 5px;
    text-align: center;
}
.date {
    text-align: center;
}


/************************

SIGNLE SETTING

************************/
.article_box {
    margin: 3.0rem auto;
}

article {
    width: 80%;
    margin: auto;
}

article img,
article figure,
article picture {
    margin: 1.5rem auto;
}

article .tag {
    margin: 5.0rem auto 0;
}


article h2 {
    text-align: left;
    font-size: 1.4rem;
    font-family: "Shippori Mincho", serif;
    line-height: 1.8;
    letter-spacing: 5px;
    margin-bottom: 1.5rem;
}
article h3 {
    text-align: left;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 20px;
    margin: auto;
    color: #22282b;
    line-height: 1.0;
    margin: 1.5rem auto;
}
article h4 {
    text-align: left;
    font-size: 1.2rem;
    font-family: "Shippori Mincho", serif;
    line-height: 1.8;
    letter-spacing: 5px;
    margin-bottom: 1.5rem;
}

article h5 {
    text-align: left;
    font-size: 1.2rem;
    font-family: "Shippori Mincho", serif;
    line-height: 1.8;
    letter-spacing: 5px;
    margin: 1.5rem 0;
}

article .the_title {
    text-align: left;
    letter-spacing: 2px;
    font-size: 1.2rem;
    background:#e0f6fb;
    font-weight: 500;
    color: #2fa6b5;
    padding: 5px 15px;
    margin-bottom: 3.0rem;
    line-height: 1.8;
    border: none;
}

@media screen and (max-width: 767px) {
	
		
/************************

CONTENTS COMMON SETTING

************************/
main {
    width: 100%;
    margin: auto;
}
.contents_A {
    background: url("../images/common/bg_Head_A.jpg") no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    padding: 180px 0 0 0;
}
    .contents_B {
    background: url("../images/common/bg_Head_B.jpg") no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    padding: 180px 0 0 0;
}
    .contents_C {
    background: url("../images/common/bg_Head_C.jpg") no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    padding: 180px 0 0 0;
}
    .contents_D {
    background: url("../images/common/bg_Head_D.jpg") no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    padding: 180px 0 0 0;
}

.contents_box {
    padding-left: 0px;
}

.start_sec {
    padding: 3rem 0 0 0;
}

.table_list {
	width: 100%;
	display: flex;
    flex-wrap: wrap;
	margin: auto auto 3.0rem auto!important;
    font-size: 0.8rem;
}
.table_list dt {
	padding: 10px 5%;
	width: 20%;
	display: flex;
	align-items: center;
}

.table_list dd {
	width: 60%;
	padding: 10px 5%;	
}
.table_list dt:nth-of-type(odd),
.table_list dd:nth-of-type(odd) {
	background:rgba(239,249,252,1.00);
}
    
    
.even_list {
    margin-bottom: 0rem;
}

.even_list dl {
    width: 100%!important;
    margin: auto;
}
.even_list dt {
	padding: 10px 5%;
	width: 30%;
	display: block;
	align-items: center;
}

.even_list dd {
	width: 50%;
	padding: 10px 5%;
	
}    
.BI {
    width: 30%;
    max-width: 250px;
    margin: 5.0rem auto;   
}

.list3 {
    display: flex;
    flex-wrap: wrap; 
    gap: 5%;
}

.list3 ul {
    width: calc((100% - 10%) / 1); 
    margin: 0 auto 3.0rem auto;
    padding: 0;
    list-style: none;
    height: 100%;
}
.list3 li {
    margin-bottom: 1.0rem;
}

.img_left_box {
    width: 100%;
    margin: 5.0rem 0;
}


.left {float: none;}
.right { float: none;}
		
.box_A {
    width: 100%;
    border: 15px solid rgba(224,246,251,1.00);
    background:#FFF;
    padding: 1.0rem 1.0rem 0 ;
    font-size: 0.8rem;
}
.box_A ol.custom-list {
  counter-reset: item;
  list-style: none;
  padding-left: 0rem;
}

.box_A ol.custom-list > li {
  position: relative;
  margin: 0.5rem 0;
  padding-left: 1.5rem;
}

.box_A ol.custom-list > li::before {
  content: "■";
  position: absolute;
  left: 0;
  color: #2fa6b5; 
  font-size: 1rem;
}
    
.box_B {
    margin-bottom: 3.0rem;
}

.box_B ol.custom-list {
  counter-reset: item;
  list-style: none;
}

.box_B ol.custom-list > li {
  position: relative;
  margin: 0.5em 0;
  padding-left: 1.5em;
    font-size: 1.2rem;
}

.box_B ol.custom-list > li::before {
  content: "■";
  position: absolute;
  left: 0;
    top: 3px;
  color: #2fa6b5; 
    font-size: 1rem;
}
    
    

.number_list2 {
    display: block;
    flex-wrap: wrap; 
    gap: 0%;
    margin: 5.0rem auto;
    align-items: stretch;
}

.number_list2 ul {
    width: 100%;
    margin: 3.0rem auto 5rem;
    padding: 0;
    list-style: none;
    height: 100%;
    border: 1px solid #2fa6b5;
    background: rgba(255,255,255,0.80);
    position: relative;
    
}
.number_list2 li {
    margin-bottom: 1.2rem;
    width: 85%;
    margin: 0 auto 1.5rem;
}

.number_list2 .no {
    color: #2fa6b5;
    text-align: center;
    font-size: 4.0rem;
    line-height: 0.4;
    width: 100%;
    margin-bottom: 2.0rem;
    margin-top: -20px;
}
.number_list2 .no span {
    font-size: 0.8rem;
    letter-spacing: 5px;
}
.number_list2 .txt_ttl {
    font-size: 1.2rem;
    letter-spacing: 1px;
    border-bottom: 1px dotted #2fa6b5;
    margin: 1.5rem auto;
    padding-bottom: 15px;
}
    
    

.blue_box p {
    margin-bottom: 0rem;
    line-height: 2.0;
}

.blue_box .txt_min {
    font-size: 1.1rem;
    letter-spacing: normal;
}
    

.local_nav {
    width: 100%;
    margin: auto;
}

.local_nav li a{
    display: block;
    width: 100%;
    padding: 1.2rem 0;
    border-bottom: 1px solid #2fa6b5;
}
    
/************************

PROFILE PAGE SETTING

************************/
#profile .left,
#personality .left{
    width: 100%;
    margin-right: 0%;
}
#profile .right,
#personality .right{
    width: 100%;
    margin-top: 3.0rem;
}

    
/************************

大切にしていること PAGE SETTING

************************/

#message h3 {
    color: #FFF;
    margin-top: -85px;
    margin-bottom: 1.5rem;
}

    
/************************

SERVICE PAGE SETTING

************************/
#fullsupport {
    background: url("../images/common/bg_B.png") no-repeat;
    background-size: 100%;
    padding-top: 5rem;
    background-attachment: scroll;
}

#active {
    background: url("../images/common/bg_A.png") no-repeat;
     background-size: 100%;
    padding-top: 5rem;
    background-attachment: scroll;
}

#mypace {
    background: url("../images/common/bg_C.png") no-repeat;
     background-size: 100%;
    padding-top: 5rem;
    background-attachment:scroll;
}

  
#fullsupport .img_left_box,
#active .img_left_box,
#mypace .img_left_box{
    width: 80%;
    margin: auto;
}
    
#fullsupport .col2,
#active .col2,
#mypace .col2{
    margin-bottom: 5.0rem;
}

#fullsupport .left,
#active .left,
#mypace .left {
    width: 100%;
    margin-right: 0%;
    text-align: justify;
}

#fullsupport .right,
#active .right,
#mypace .right{
    width: calc(90% - 30px / 1); 
    text-align: justify;
    margin: auto;
}

#option {
    background: url("../images/contents/bg_option.png") no-repeat top center;
    background-size: 100%;
    min-height: auto;
    padding-top: 10rem;
}
    
#option_list .col2 .left,
#option_list .col2 .right {
        width: 100%;
        display: block;
} 
    
#option_list h5 {
    letter-spacing: 1.5px;
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
}

    #option_list .box_B {
        margin-bottom: 1.5rem;
    }  
 #option_list .box_B li  {
        font-size: 1.0rem;
     padding-top: 3px;
    } 
    
#ibj .even_list dl {
    width: 100%!important;
    text-align: left;
}    
#ibj .custom-list {
    padding-bottom: 0rem;
    width: 80%;
    margin:auto; 
}
#ibj ol {
    text-align: left;
    margin-bottom: 1.5rem;
}    
    
/************************

SUPPORT PAGE SETTING

************************/
#support {
    background: url("../images/common/bg_D.png") no-repeat;
    background-size: 100%;
    background-attachment: scroll;
}


#featureguide {
    background: url("../images/common/bg_A.png") no-repeat;
    background-size: 100%;
    background-attachment: scroll;
    padding-top: 5rem;
}
    
/************************

FLOW PAGE SETTING

************************/

#flow .list3 {
    margin: 5.0rem auto;
}
#flow .list3 ul {
    position: relative;
}

#flow .list3 li {
    margin-bottom: 0.5rem;
}

#flow .list3 .no {
    color: #FFF;
    text-align: center;
    font-size: 2.5rem;
    width: 80px;
    height: 60px;
    padding-top: 20px;
    margin-bottom: 2.0rem;
    background:rgba(47,166,181,0.80);
    line-height: 20px;
    position: absolute;
    top: 35%;
    right: 0;
    left: 0;
    margin: auto;
}

#flow .list3 .option {
    background: rgba(143,154,160,0.70);
}

#flow .list3 .no span {
    font-size: 0.8rem;
    letter-spacing: 2.5px;
    color: #FFF;
}

#flow .list3 .txt_m {
    margin-top: 50px;
    color: #2fa6b5;
    font-size: 1.1rem;
    text-align: center;
    
}
    
/************************

FLOW PAGE SETTING

************************/
#flow_intro .inner_box {
    padding-bottom: 0;
}

#flow_list .left {
    width: 90%;
    margin: auto;
}
#flow_list .right {
    width: 100%;
    margin-top: 3.0rem;
}

#flow_list .intermission {
    margin: 5.0rem auto;
}

    
/************************

Q&A PAGE SETTING

************************/

#faq dl {
    width: 100%;
    margin: auto;
    overflow:hidden;
}

#faq dt {
    background:#e0f6fb;
    font-weight: 500;
    color: #2fa6b5;
    padding: 5px 15px;
    margin-bottom: 1.2rem;
}
#faq dd {
    margin:0 0 1.2rem 0;
    padding-bottom: 1.5rem;
    font-size: 0.9rem;
}    
    
/************************

CONSULTATION PAGE SETTING

************************/

#consultation .blue_box {
    width: 80%;
    margin: 3.0rem auto;
}
    
/************************

CATEGORY SETTING

************************/

    
/************************

SIGNLE SETTING

************************/

article {
    width: 100%;
    margin: auto;
}




/************************

TOP PAGE SETTING

************************/


#kv .contents {
	z-index: 101;
	width: 100%;
    color: #FFF;
    text-align: center;
    font-family: "Shippori Mincho", serif;
	position: absolute;
	left: 0%;
	top: 26vh;
}
#kv .contents .txt_cf {
    font-size: 2.2rem;
    letter-spacing: 5px;
    line-height: 1.7;
}
#kv .contents .txt_en {
    font-family: "Jost",'Noto Sans JP', sans-serif;
    font-size: 0.8rem;
    font-weight: 300;
    letter-spacing: 5px;
    margin: 1.5rem auto 5rem;
}
#kv .contents img {
    max-width: 180px;
    margin: auto;
}

#greeting {
    background: url("../images/common/bg_A.png") no-repeat;
    background-size: contain;
    background-attachment: scroll;
    padding-top: 3.0rem;

}

#feature {
    background: linear-gradient(180deg, #FFF 0%, #FFF 1.5%, #2fa6b5 1.5%, #2fa6b5 3%, #FFF 3%, #FFF 100%);
}

#stories {
    background: url("../images/contents/img_stories_bgB.jpg") no-repeat;
    padding-top: 3.0rem;
     background-size: 180px 150px;

}
#stories .container {
    width: 90%;
    margin: auto;
    background: url("../images/contents/img_stories_bgA.jpg") no-repeat;
    padding-top: 3.0rem;
    background-size: 180px 150px;

}
    #stories .inner_box {
        width: 90%;
    }
#stories .img_box {
    width: 100%;
}
	
}