@charset "utf-8";
.m_inner { width: 1100px; margin: 0 auto; }
#fv { background: url(../images/about/fv.jpg) center top no-repeat; background-size: cover; padding: 0 0 560px; }
#fv h2 { text-align: center; padding: 55px 0 0; }

#about { padding: 80px 0; }
#about h3 { text-align: center; font-size: 40px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho",serif; line-height: 90px; padding: 0 0 40px; }
#about p { text-align: center; font-size: 16px; line-height: 48px; }

#providing { padding: 0 0 90px; }
#providing h3 { background: url(../images/about/bg_01.jpg) no-repeat center center; background-size: cover; text-align: center; font-size: 24px; color: #fff; padding: 150px 0; }
#providing h3 span { font-size: 50px; font-family: 'GFS Didot', serif; display: block; line-height: 65px; }
#providing ul { margin: 100px 0 0 -15px; }
#providing ul li { float: left; width: 208px; min-height: 235px; margin: 0 0 0 15px; padding: 0 0 45px 0; box-sizing: border-box; -webkit-box-sizing: border-box; }
#providing ul li.openModal { cursor: pointer; }
#providing ul li h4 { font-size: 16px; text-align: center; line-height: 24px; padding: 8px 0 0; }
#providing ul li h4.mh { min-height: 48px; }
#providing p { font-size: 16px; line-height: 40px; text-align: center; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho",serif; }
#providing .r-btn { margin: 40px auto 0; }

#product { padding: 0 0 90px; }
#product h3 { background: url(../images/about/bg_02.jpg) no-repeat center center; background-size: cover; text-align: center; font-size: 24px; color: #fff; padding: 150px 0; }
#product h3 span { font-size: 50px; font-family: 'GFS Didot', serif; display: block; line-height: 65px; }
#product ul { margin: 100px 0 0 -17.5px; }
#product ul li { text-align: center; width: 206px; padding: 0 0 80px 17.5px; float: left; }
#product ul li img { padding: 0 0 20px; }
#product ul li h4 { font-size: 16px; color: #fff; background: #852b2e; }
#product p { font-size: 16px; line-height: 40px; text-align: center; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho",serif; }
#product .r-btn { margin: 40px auto 0; }
#product .caution { padding: 30px 0 0; text-align: center; }
#product .caution span { display: block; padding: 15px 0 0; font-size: 14px; line-height: 32px;}
#product .caution a { text-decoration: underline; }

#commitment { padding: 0 0 30px; }
#commitment .inner { width: 980px; }
#commitment h3 { background: url(../images/about/bg_04.jpg) no-repeat center center; background-size: cover; text-align: center; font-size: 24px; color: #fff; padding: 150px 0; }
#commitment h3 span { font-size: 50px; font-family: 'GFS Didot', serif; display: block; line-height: 65px; }
#commitment ol { padding: 100px 0 0; }
#commitment ol li { list-style: none; padding: 0 0 80px; }
#commitment ol li .textbox { width: 450px; }
#commitment ol li:nth-child(2n+1) img { float: left; }
#commitment ol li:nth-child(2n+1) .textbox { float: right; }
#commitment ol li:nth-child(2n) img { float: right; }
#commitment ol li:nth-child(2n) .textbox { float: left; }
#commitment ol li:first-child .textbox { padding: 8px 0 0; }
#commitment ol li:nth-child(2) .textbox { padding: 26px 0 0; }
#commitment ol li:nth-child(3) .textbox { padding: 22px 0 0; }
#commitment ol li:last-child .textbox { padding: 60px 0 0; }
#commitment ol li h4 { font-size: 28px; padding: 0 0 15px; letter-spacing: 1px; line-height: 100%; }
#commitment ol li p { font-size: 18px; line-height: 32px; letter-spacing: 1px; }

#message { padding: 0 0 50px; }
#message h3 { background: url(../images/about/bg_03.jpg) no-repeat center center; background-size: cover; text-align: center; font-size: 24px; color: #fff; padding: 150px 0; margin: 0 auto 100px; }
#message h3 span { font-size: 50px; font-family: 'GFS Didot', serif; display: block; line-height: 65px; }
#message .people { padding: 50px; margin: 0 auto 50px; }
#message .people .textbox { width: 635px; }
#message .people span { font-size: 21px; }
#message .people h4 { font-size: 30px; }
#message .people h5 { font-size: 28px; line-height: 42px; padding: 10px 0 15px; }
#message .people p { font-size: 18px; line-height: 30px; }
#message .people1 { background: url(../images/about/people_01_bg.jpg) repeat-y center center; }
#message .people2 { background: url(../images/about/people_02_bg.jpg) repeat-y center center; }
#message .people3 { background: url(../images/about/people_03_bg.jpg) repeat-y center center; }
#message .people4 { background: url(../images/about/people_04_bg.jpg) repeat-y center center; }
#message .people5 { background: url(../images/about/people_05_bg.jpg) repeat-y center center; }
#message .people6 { background: url(../images/about/people_06_bg.jpg) repeat-y center center; }
#message .people7 { background: url(../images/about/people_07_bg.jpg) repeat-y center center; }
#message .people1 .textbox,
#message .people3 .textbox,
#message .people5 .textbox,
#message .people7 .textbox { float: left; }
#message .people2 .textbox,
#message .people4 .textbox,
#message .people6 .textbox { float: right; }
#message .people1 img,
#message .people3 img,
#message .people5 img,
#message .people7 img { float: right; }
#message .people2 img,
#message .people4 img,
#message .people6 img { float: left; }




/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

.m_inner { width: 90%; }
#fv { background: url(../images/about/fv_sp.jpg) center top no-repeat; background-size: 100%; padding: 0 0 100px; }
#fv h2 { text-align: center; padding: 55px 0 0; }
#fv h2 img { width: 90%; height: auto; }

#about { padding: 40px 0; width: 90%; margin: 0 auto; }
#about h3 { font-size: 20px; line-height: 34px; padding: 0 0 15px; }
#about p { text-align: left; font-size: 14px; line-height: 27px; }

#providing { padding: 0 0 80px; }
#providing h3 { font-size: 14px; padding: 40px 0; }
#providing h3 span { font-size: 20px; line-height: 40px; }
#providing ul { margin: 40px 0 0 -3%; }
#providing ul li { width: 50%; padding: 0 0 30px 3%; margin: 0; min-height: inherit; }
#providing ul li img { width: 100%; height: auto; }
#providing ul li h4 { font-size: 14px; line-height: 20px; }
#providing ul li h4.mh { min-height: 20px; }
#providing ul li h4.line_height { min-height: 40px; }
#providing p { font-size: 14px; line-height: 27px; text-align: left; }
#providing .r-btn { text-align: center; margin: 30px auto 0; }

#product { padding: 0 0 90px; }
#product h3 { font-size: 14px; padding: 40px 0; }
#product h3 span { font-size: 20px; line-height: 40px; }
#product ul { margin: 40px 0 0 -3%; }
#product ul li { text-align: center; width: 47%; padding: 0 0 50px 3%; float: left; }
#product ul li:nth-child(2n+1) { clear: both; }
#product ul li img { padding: 0 0 20px; width: 100%; height: auto; }
#product ul li h4 { font-size: 12px; line-height: 20px; padding: 3px 0; }
#product p { font-size: 14px; line-height: 27px; text-align: left; }
#product .r-btn { text-align: center; margin: 30px auto 0;}
#product .caution span { padding: 15px 0 0; font-size: 13px; line-height: 27px;}
#product .caution a { font-size: 15px; }

#commitment { padding: 0 0 20px; }
#commitment .inner { width: 90%; }
#commitment h3 { font-size: 14px; padding: 40px 0; }
#commitment h3 span { font-size: 20px; line-height: 30px; }
#commitment ol { padding: 50px 0 0; }
#commitment ol li { list-style: none; padding: 0 0 50px; }
#commitment ol li img { width: 100%; height: auto; }
#commitment ol li .textbox { width: 100%; padding: 20px 0 0 !important; }
#commitment ol li:nth-child(2n+1) img { float: none; }
#commitment ol li:nth-child(2n+1) .textbox { float: none; }
#commitment ol li:nth-child(2n) img { float: none; }
#commitment ol li:nth-child(2n) .textbox { float: none; }
#commitment ol li h4 { font-size: 20px; padding: 0 0 10px; }
#commitment ol li p { font-size: 14px; line-height: 27px; }

#message { padding: 0 0 50px; }
#message h3 { font-size: 14px; padding: 40px 0; margin: 0 auto 50px; }
#message h3 span { font-size: 20px; line-height: 40px; }
#message .people { padding: 10% 5%; margin: 0 auto 30px; text-align: center; }
#message .people .textbox { width: 100%; padding: 15px 0 0; }
#message .people span { font-size: 14px; }
#message .people h4 { font-size: 24px; }
#message .people h5 { font-size: 18px; text-align: left; line-height: 27px; padding: 10px 0 10px; }
#message .people p { font-size: 14px; line-height: 27px; text-align: left; }
#message .people1,
#message .people2,
#message .people3,
#message .people4,
#message .people5,
#message .people6,
#message .people7 { background-size: cover; }
#message .people1 .textbox,
#message .people3 .textbox,
#message .people5 .textbox,
#message .people7 .textbox { float: none; }
#message .people2 .textbox,
#message .people4 .textbox,
#message .people6 .textbox { float: none; }
#message .people1 img,
#message .people3 img,
#message .people5 img,
#message .people7 img { float: none; width: 100%; height: auto; }
#message .people2 img,
#message .people4 img,
#message .people6 img { float: none; width: 100%; height: auto; }
	
	

}