@charset "UTF-8"; 
/* CSS Document */

/* PC */
@media screen and (min-width:716px), print {

/* mainTitle
-------------------------- */
#mainTitle {padding:35px 0 !important;}
#mainTitle p {line-height:18px;}

/* PageNav
-------------------------- */
#PageNav {background:#e73c7e; margin-bottom:50px;}
#PageNav ul:after {display:none;}
#PageNav ul {display:table; width:100%;}
#PageNav ul li {display:table-cell; height:60px;}
#PageNav ul li a {color:#fff; display:block; min-width:100px; padding:10px 0; line-height:40px; font-weight:bold; text-align:center; background:url(../indeximg/pagenav_border.png) no-repeat right center;}
#PageNav ul li a.on {color:#e73c7e; background:#fcedf1;}
#PageNav ul li a:hover {color:#e73c7e; background:#fcedf1;}

/* Mainimage
-------------------------- */
#Mainimage {margin-bottom:50px;}
#Mainimage dl dt {background:#e73c7e; float:left; width:358px; height:265px; padding:30px 0;}
#Mainimage dl dt p {font-size:13px; line-height:24px; color:#fff; text-align:center;}
#Mainimage dl dt p img {margin:15px 0;}
#Mainimage dl dt p span {font-size:22px; font-weight:bold; line-height:30px; -webkit-font-smoothing:antialiased;}
#Mainimage dl dd {float:right; width:357px;}

/* Specialties
-------------------------- */
#Specialties .head {text-align:center; margin-bottom:60px;}
#Specialties .head p {margin-top:10px; font-size:14px; font-weight:bold; color:#eb6d8e;}
#Specialties .section {margin-bottom:50px; border-top:1px solid #dcdcdc;}
#Specialties .section h3 {background:none !important; margin:-2px 0 25px 0 ; padding:0;}
#Specialties .section h4 {font-size:18px; line-height:28px; font-weight:bold; color:#eb6d8e; border-bottom:none; padding:0; letter-spacing:0.05em;}
* html #Specialties .section dl {zoom:100%;}
*:first-child+html #Specialties .section dl {display:inline-block;}
#Specialties .section dl:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
#Specialties .section dl dt {float:left; position:relative; width:330px;}
#Specialties .section dl dt p {line-height:24px;}
#Specialties .section dl dd {float:right; width:362px; position:relative;}
#Specialties .section dl dd.box01 img {margin:-70px 0 25px 0;}
#Specialties .section dl dd.box01 img+img {margin:0 0 0 0;}
#Specialties .section dl dd.box02 .icon {position:absolute; top:-25px; left:-25px;}

/* voice
-------------------------- */
#voice {margin-bottom:50px;}
#voice h3 {background:url(../indeximg/title_border.gif) repeat-x center; text-align:center; margin-bottom:30px;}
#voice .cell {padding:35px 40px 30px 40px; background:#f7f0e1; position:relative; margin-bottom:30px;}
#voice .cell h4 {font-size:18px; font-weight:bold; color:#6eb92b; line-height:1.4em; margin-bottom:15px;}
#voice .cell p {width:540px; margin-bottom:18px;}
#voice .cell dl dt {font-size:12px; line-height:1.2em;}
#voice .cell dl dd {font-size:16px;}
#voice .cell .human {position:absolute; bottom:20px; right:25px;}



}

/* スマホ */
@media only screen and (max-width:715px) {

/* PageNav
-------------------------- */
#PageNav {background:#e73c7e; padding:10px; margin-bottom:30px;}
#PageNav ul li a {display:block; text-align:center; padding:10px 0; color:#fff; border-bottom:solid 1px #ededed;}
#PageNav ul li.last a {border-bottom:none;}
#PageNav ul li a.on {color:#e73c7e; background:#fcedf1;}
#PageNav ul li a:hover {color:#e73c7e; background:#fcedf1;}

/* Mainimage
-------------------------- */
#Mainimage {margin-bottom:10%; text-align:center;}
#Mainimage dl dt {background:#e73c7e; float:left; width:100%; padding:20px 0;}
#Mainimage dl dt p {font-size:13px; line-height:24px; color:#fff; text-align:center;}
#Mainimage dl dt p img {margin:15px 0;}
#Mainimage dl dt p span {font-size:150%; font-weight:bold; line-height:30px; -webkit-font-smoothing:antialiased;}
#Mainimage dl dd img {width:100%; height:auto;}

/* Specialties
-------------------------- */
#Specialties .head {text-align:center; margin-bottom:7%;}
#Specialties .head p {margin-top:10px; font-size:14px; font-weight:bold; color:#eb6d8e;}
#Specialties .section {margin-bottom:30px; border-top:1px solid #dcdcdc;}
#Specialties .section h3 {background:none !important; margin:-2px 0 15px 0 ; padding:0; width:80%;}
#Specialties .section h4 {font-size:18px; line-height:28px; font-weight:bold; color:#eb6d8e; border-bottom:none; padding:0; letter-spacing:0.05em;}
* html #Specialties .section dl {zoom:100%;}
*:first-child+html #Specialties .section dl {display:inline-block;}
#Specialties .section dl:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
#Specialties .section dl dt {position:relative;}
#Specialties .section dl dt p {line-height:24px;}
#Specialties .section dl dd {position:relative;}
#Specialties .section dl dd img {width:100%; height:auto;}
#Specialties .section dl dd.box01 img+img {margin:20px 0 0 0;}
#Specialties .section dl dd.box02 img {margin-top:20px;}
#Specialties .section dl dd.box02 .icon {position:absolute; top:-5px; left:-5px; width:60px; margin-top:0;}

/* voice
-------------------------- */
#voice {margin-bottom:50px;}
#voice h3 {background:url(../indeximg/title_border.gif) repeat-x center; text-align:center; margin-bottom:30px;}
#voice .cell {padding:20px 20px 20px 20px; background:#f7f0e1; position:relative; margin-bottom:30px;}
#voice .cell h4 {font-size:18px; font-weight:bold; color:#6eb92b; line-height:1.4em; margin-bottom:15px; max-width:340px;}
#voice .cell p {width:70%; margin-bottom:18px;}
#voice .cell dl dt {font-size:12px; line-height:1.2em;}
#voice .cell dl dd {font-size:16px;}
#voice .cell .human {position:absolute; bottom:10px; right:10px;}
#voice .cell .human img {width:100%; height:auto;}

}