@charset "utf-8";

/* reset -------------------- */
html{overflow-y:scroll;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1.5;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
table{border-collapse:collapse; border-spacing:0;}
img{vertical-align:top; font-size:0; line-height:0;}
input, select{vertical-align:middle;}

/* common -------------------- */
html{font-size:62.5%;/* 10px */}
body{color:#333; font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-size:1.6rem; line-height:1.5;}
input, select, textarea{font-family:inherit; font-size:inherit;}
p{margin-bottom:10px;}
input:focus, textarea:focus{background:#fbfbfb;}
a:hover img.alpha{opacity: 0.7; filter:alpha(opacity=70); -ms-filter:"alpha( opacity=70 )";}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.floatL{float:left;}
.floatR{float:right;}
.notes{font-size:1.3rem;}
img{height:auto; max-width:100%;}
.txtColor{color:#fd5796;}

/* hypertext -------------------- */
a{color:#333; text-decoration:none;}
a:hover{color:#fd5796; text-decoration:none;}
a:active, a:focus{outline:none;}

/* clearfix -------------------- */
.cf:after{content:""; display:block; clear:both;}

body{background:#ffebf3;}
section{padding:60px 60px 0;}
.hL2{border-bottom:solid 2px #fff; position:relative; margin-bottom:80px; font-size:1.8rem; padding-bottom:12px;}
.hL2:after{position:absolute; content:" "; display:block; border-bottom:solid 2px #fd5796; bottom:-2px; width:20%;}
.departmentTxt{font-size:1.5rem; margin:55px 0; line-height:1.8;}
.closeBtn{background:#fd5796 url(images/department/closeIcon.png) no-repeat 46px center; height:42px; line-height:42px; width:157px; margin:55px auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:1.4rem; padding-left:15px;}
.closeBtn a{display:block; height:42px; width:157px; color:#fff;}
.closeBtn span{font-size:2.8rem; padding-right:10px;}
.imgBox .floatL,
.imgBox .floatR{width:48%;}

.departmentHtml .floatL,
.departmentHtml .floatR{width:48%;}

@media only screen and (max-width: 600px){
section{padding:20px 45px 0;}
.hL2{border-bottom:solid 2px #fff; position:relative; margin-bottom:40px; font-size:1.7rem; padding-bottom:12px;}
.hL2:after{position:absolute; content:" "; display:block; border-bottom:solid 2px #fd5796; bottom:-2px; width:20%;}
.departmentTxt{font-size:1.5rem; margin:55px 0; line-height:1.8;}
.closeBtn{background:#fd5796 url(images/department/closeIcon.png) no-repeat 46px center; height:42px; line-height:42px; width:157px; margin:55px auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:1.4rem; padding-left:15px;}
.closeBtn a{display:block; height:42px; width:157px; color:#fff;}
.closeBtn span{font-size:2.8rem; padding-right:10px;}

.imgBox .floatL,
.imgBox .floatR{float:none; width:auto;}
#cboxNext{display:none;}


}