@charset "UTF-8"; /* omoi */ @import url(../settings.less); /*================================================*/ .wallfare_box { h1 { margin-bottom: 50px; color: @main-color; font-size: 4.2rem; @media screen and ( max-width: @break-max-width ) { font-size: 2.2rem; } span { margin-right: 10px; @media screen and ( max-width: @break-max-width ) { img { width: 38%; } } } } ul { li { margin-bottom: 30px; padding: 10px 0; font-size: 2.4rem; line-height: 1.3em; padding-left: 30px; background: url(../../_images/omoi/list_bg.png) left center no-repeat; @media screen and ( max-width: @break-max-width ) { font-size: 1.6rem; } } } p { font-size: 2.4rem; line-height: 1.8em; @media screen and ( max-width: @break-max-width ) { font-size: 1.6rem; } } } #business { .clm4 { li { .list_inner { padding:0 10px; border: none; h2 { margin-bottom: 30px; display: inline-block; font-size: 3.2rem; font-weight: bold; padding: 25px 0; width: 165px; background: url(../../_images/omoi/business_heading_bg.png) center center no-repeat; text-align: center; @media screen and ( max-width: @break-max-width ) { margin-bottom: 10px; text-align: center; font-size: 2.0rem; padding: 10px 0; background-size: 88px; width: 100%; } } .heading03 { font-size: 2.2rem; @media screen and ( max-width: @break-max-width ) { margin-bottom: 10px; font-size: 2.0rem; text-align: center; } } .pic { margin-bottom: 30px; text-align: center; img { height: 60px; width: auto; } @media screen and ( max-width: @break-max-width ) { margin-bottom: 10px; text-align: center; img { width: 200px; } } } p.text { font-size: 2.0rem !important; line-height: 2.0em !important; @media screen and ( max-width: @break-max-width ) { font-size: 1.6rem !important; line-height: 1.8em !important; } } } } } } #member { .contents { padding-top: 200px; position: relative; @media screen and ( max-width: @break-max-width ) { padding-top: 80px; } .icon { position: absolute; right: 15px; top: 0px; @media screen and ( max-width: @break-max-width ) { img { width: 100px; } } } .heading04 { margin-bottom: 100px; font-size: 3.3rem; @media screen and ( max-width: @break-max-width ) { text-align: center; font-size: 2.0rem; margin-bottom: 20px; } } .part { margin-bottom: 100px; p { width: 865px; margin: 0 auto; font-size: 2.4rem; line-height: 2.0em; @media screen and ( max-width: @break-max-width ) { width: 100%; font-size: 1.6rem; } em { color: @main-color; } } } .result_box { margin: 0 auto; width: 864px; @media screen and ( max-width: @break-max-width ) { width: 100%; } h3 { margin-bottom: 40px; font-size: 2.0rem; line-height: 1.5em; } } } } @media screen and ( max-width: @break-max-width ) { } /*================================================== [ utility ] $clearfix ==================================================*/ .clearfix:after { content:" "; display:block; clear:both; }