.inner {

width: 740px;

margin: 0 auto;

font-size: 13px;

}



#content .fl {

float: left;

width: 310px;

padding-top: 30px;

}



#content .fr {

float: right;

width: 310px;

padding-top: 30px;

}



#annai {

width: 784px;

min-height: 334px;

margin: 0 auto;

color: #B863A2;

text-align: center;

position: relative;

}



#annai p {

font-size: 18px;

line-height: 28px;

}



#annai p#img01 {

position: absolute;

right: 0;

top: 132px;

}



#posimg {

background-image: url(../images/bg_dotted.png), url(../images/bg_dotted.png);

background-position: center top, center bottom;

background-repeat: no-repeat, no-repeat;

border: 1px solid #0F957F;

border-radius: 5px;

margin-bottom: 50px;

padding: 30px 0;

text-align: center

}



#posimg h2,

#support h2 {

font-family : YuMincho, 'Yu Mincho', serif;

font-weight: normal;

font-size: 27px;

line-height: 43px;

color: #009C84;

}



.attention {

border-left: 2px solid #E678AC;

border-right: 2px solid #E678AC;

text-align: center;

}



#content .mainBox {

width: 640px;

overflow: hidden;

margin: 40px auto 0;

}



#content ul li {

list-style: none;

}



h3.title {

font-family : YuMincho, 'Yu Mincho', serif;

font-weight: normal;

font-size: 30px;

line-height: 43px;

color: #E678AC;

border-bottom: 2px solid #E678AC;

padding-bottom: 10px;

margin-bottom: 20px;

}



p.pinky {

color: #E678AC;

}



.mainBox p {

line-height: 20px;

}



.attention .fl p {

text-align: left

}



.attention .fl p.pinky,

.attention .fl p.amethyst {

font-size: 14px;

font-weight: bold;

text-align: center;

}



.attention .fl h3 {

background-color: #E678AC;

opacity: 0.7;

border: 2px solid #FFADCD;

border-radius: 5px;

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

font-size: 18px;

font-weight: normal;

line-height: 40px;

color: #FFF;

margin: 8px 0 15px;

}



.later {

border: 2px solid #BE5AAA;

border-top: none;

text-align: center;

margin-bottom: 50px;

padding-top: 40px;

}



.later h3.title {

color: #BE5AAA;

border-bottom: 2px solid #BE5AAA;

}



p.amethyst {

color: #BE5AAA;

}



.later .fl p.amethyst {

font-size: 14px;

font-weight: bold;

text-align: center;

margin-bottom: 12px;

}



.later .mainBox:last-child {

margin: 0 auto;

}



#content .later .mainBox:last-child .fl,

#content .later .mainBox:last-child .fr,

#content #support .mainBox .fl,

#content #support .mainBox .fr {

padding-top: 0;

}



#support {

background-color: #FBF8F0;

background-image: url(../images/bg_dotted.png), url(../images/bg_dotted.png);

background-position: center top, center bottom;

background-repeat: no-repeat, no-repeat;

border: 1px solid #0F957F;

border-radius: 5px;

margin-bottom: 50px;

padding: 30px 0;

text-align: center

}



#support h2 {

margin-bottom: 40px;

}



#support h3 {

clear: both;

font-family : YuMincho, 'Yu Mincho', serif;

font-weight: normal;

font-size: 20px;

line-height: 43px;

color: #009C84;

margin-top: 30px;

}



#support h3.report {

background-color: #009C84;

border: 2px solid #98C0B2;

border-radius: 5px;

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

font-size: 18px;

font-weight: normal;

line-height: 40px;

color: #FFF;

width: 310px;

margin: 8px auto 15px;

}



#content #support .mainBox {

margin: 5px auto 0;

}



#bnr {

overflow: hidden;

padding-bottom: 50px;

}



#bnr li {

text-align: center;

margin-bottom: 20px;

}



#contact h2 {

clear: both;

font-size: 32px;

font-weight: normal;

text-align: center;

letter-spacing: 0.25em;

font-weight: 100;

color: #009C84;

}



#contact h2 span {

display: block;

font-family: 'Roboto', sans-serif;

font-size: 15px;

letter-spacing: 0.01em;

}



#contact {

background-color: #E7F3F1;

padding-top: 20px;

}



#contact ul {

background-color: #E7F3F1;

}



#content #contact ul li a {

color: #009C84;

}



#content #contact ul li a:hover {

color: #66C6B3;

}

#content #contact ul li#fnav02 {

padding-right: 40px

}


#content #contact ul li#fnav02 a {

background: #FFF url(../images/icon_sa.png) no-repeat center 15px;

width: 350px;

height: 80px;

padding: 120px 10px 0 0;

}



#content #contact ul li#fnav03 a {

background: #FFF url(../images/icon_co.png) no-repeat center 15px;

height: 80px;

padding-top: 120px;

}



#content #contact ul li#fnav04 a {

background: #FFF url(../images/icon_as.png) no-repeat center 15px;

width: 350px;

height: 80px;

padding: 120px 0 0 10px;

}



#contact ul#showroom {

background-color: #E7F3F1;

padding: 0 90px 30px;

}



#contact ul#showroom a {

background: #FFF url(../images/icon_sr.png) no-repeat center 15px;

color: #009C84 !important;

}



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



.inner {

width: auto;

margin: 0 5px;

}



#content .fl,

#content .fr {

float: none;

width: auto;

padding-top: 15px;

}



#annai {

width: auto;

min-height: 334px;

margin: 0 auto;

color: #B863A2;

text-align: center;

position: relative;

}



#annai h3 {

padding: 0 60px;

}



#annai p {

font-size: 14px;

line-height: 28px;

}



#annai p#img01 {

position: static;

}



#posimg {

background: none;

border: none;

margin-bottom: 25px;

padding: 15px 0;

}



#posimg h2,

#support h2 {

font-size: 19px;

line-height: 30px;

}



.attention {

border: none;

}



#content .mainBox {

width: auto;

margin: 20px auto 0;

}



h3.title {

font-size: 24px;

font-weight: bold;

line-height: 36px;

padding-top: 30px;

}



.attention .mainBox:first-of-type h3.title {

padding-top: 0;

}



.attention .fl h3 {

margin: 8px 30px 15px;

}



.attention .fl p {

margin: 0 30px;

}



.later {

border: none;

margin-bottom: 25px;

padding-top: 50px;

}



#content .later .mainBox {

margin: 0 auto;

}



#support {

background: #FBF8F0;

border: none;

border-radius: 5px;

margin-bottom: 50px;

padding: 30px 0;

text-align: center

}



#support h2 {

margin-bottom: 40px;

}



#support h3 {

clear: both;

font-family : YuMincho, 'Yu Mincho', serif;

font-weight: normal;

font-size: 20px;

line-height: 30px;

color: #009C84;

margin-top: 30px;

margin-bottom: 15px;

}



#content #support .mainBox {

margin: 5px auto 0;

}



#bnr li {

text-align: center;

margin-bottom: 20px;

}



#contact h2 {

clear: both;

font-size: 32px;

font-weight: normal;

text-align: center;

letter-spacing: 0.25em;

font-weight: 100

}



#contact h2 span {

display: block;

font-family: 'Roboto', sans-serif;

font-size: 15px;

letter-spacing: 0.01em;

}



#contact ul {

width: auto;

padding: 15px 10px 0

}



#content #contact ul li {

float: none;

width: auto;

height: 4rem;

overflow: hidden;

text-align: left;

margin-bottom: 10px;

}



#content #contact ul li br {

display: none;

}



#content #contact ul li#fnav01 {

margin-bottom: 0

}



#content #contact ul li#fnav02 {

padding: 0 0

}



#content #contact ul li#fnav02,

#content #contact ul li#fnav03,

#content #contact ul li#fnav04 {

width: auto;

}



#content #contact ul li#fnav03 a,

#content #contact ul li#fnav04 a {

font-size: 0.8rem;

line-height: 1.6;

padding-top: 0.8em;

padding-left: 6.5rem;

padding-right: 0.8em;

width: auto;

height: 100%;

}



#content #contact ul li#fnav02 a,

#contact ul#showroom a {

font-size: 0.8rem;

line-height: 1.9;

padding-top: 1.4em;

padding-left: 6.5rem;

width: auto;

height: 100%;

}



#content #contact ul li#fnav02 a {

background: #FFF url(../images/icon_sa.png) no-repeat 0.5em 0.5em;

background-size: 5rem;

}



#content #contact ul li#fnav03 a {

background: #FFF url(../images/icon_co.png) no-repeat 0.5em 0.5em;

background-size: 5rem;

}



#content #contact ul li#fnav04 a {

background: #FFF url(../images/icon_as.png) no-repeat 0.5em 0.5em;

background-size: 5rem;

}



#contact ul#showroom a {

background: #FFF url(../images/icon_sr.png) no-repeat -0.8em 0.5em;

background-size: 8rem;

}



#contact ul#showroom {

clear: both;

padding: 0 10px

}







.imgfit_pos {

width: 100%;

height: 100%;

text-align: center;

overflow: hidden;

position: relative

}



.imgfit_pos img {

position: relative;

width: 100%;

height: auto

}



}