@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* CSS Document */
#contents { background:#fff; color:#171717 !important; position:relative; font-family: 'GreycliffCF-Regular', 'Noto Sans JP';  text-align:left; background: url(/assets/img/dotline01.png) repeat-x bottom transparent; font-weight: 300 }


#main { margin:80px 0 30px; }


#intro { padding:145px 0; margin:100px 0 0; background:url(../img/bg_intro.jpg) no-repeat; background-size:cover; }
#intro p { font-size:17px; letter-spacing:0.14em; color:#000; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin:45px 0 0; }


#big_tit { position:relative; margin:0 auto 50px;  min-width:960px; max-width:1024px; }
#big_tit h3 { color:#000; font-size:35px; line-height:1.4em; letter-spacing:0.1em; margin:20px 0 30px; font-weight: 500 }
#big_tit .name { color:#000; font-size:30px; letter-spacing:0.2em; position:absolute; bottom:-15px; left:190px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: 500 }
#big_tit .name span { font-size:22px; letter-spacing:0.1em; }
#big_tit .page { position:absolute; bottom:5px; right:0; }

.pt-wrap { padding: 40px 80px }
.pt-idx { margin: 0 -25px }
.pt-idx li { float: left; width: 50% }
.pt-idx li .pt { padding: 25px }
.pt-idx li .pt a { display: block; position: relative; overflow: hidden }
.pt-idx li .pt a .ico { position: absolute; left: -2px; top: -2px }
.pt-idx li .pt h3 { font-size: 24px; margin-top: 0.66em }


.contents_inner { min-width:960px; max-width:1024px; margin:0 auto; }

article .block { margin:0 0 70px; }
article p { font-size:16px; letter-spacing:0.12em; margin:0 0 40px; }
article h5 { color:#000; font-size:28px; letter-spacing:0.1em; line-height:1.6em; margin:0 0 40px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
article .answer .name { font-weight:600; }
article .answer .name span { font-weight:400; }
article .padico .line { letter-spacing:-0.2em; }
article .pic { margin:0 0 50px; }
article .pic_clm2 img { width:50%; }
article .pic_l { float:left; width:55.20%; }
article .pic_l .inner {  margin:0 50px 0 0; }
article .pic_r { float:right; width:55.20%; }
article .pic_r .inner {  margin:0 0 0 50px; }
article .profile h4 { color:#000; font-size:20px; letter-spacing:0.1em; line-height:1.6em; margin:0 0 15px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
article .profile img { float:left; margin:0 60px 0 0; }
article p.cap { margin: 0.5em 0 0 ; font-size: 12px !important }

.u_line { border-top:1px solid #dfdfdf; margin:60px 0; }
.article_u_line { width:100%; height:15px; background:#e7e7e7; margin:80px 0 45px; }


.to_next { margin:0 0 45px; }
.to_next a { color:#000; font-size:18px; letter-spacing:0.2em; line-height:1.8em; font-weight:600; text-decoration:none; background:#e7e7e7; text-align:center; padding:30px 0; display:block; position:relative; }
.to_next .to_next { position:absolute; top:50%; left:40px; margin:-10px 0 0; }
.to_next .arw { position:absolute; top:50%; right:40px; margin:-9px 0 0; }


.pager { position:relative; padding:0 !important; }
.pager ul { font-size:0; }
.pager ul li { border-right:1px solid #000; display:inline-block; }
.pager ul li a { color:#000; font-size:24px; letter-spacing:1; line-height:1; padding:0 25px; display:block; text-decoration:none; }
.pager ul li:last-child { border-right:none; }
.pager .cur { font-family: 'GreycliffCF-Bold'; }
.pager .prev { position:absolute; top:8px; left:15px; }
.pager .next { position:absolute; top:8px; right:15px; }


.pc_none { display:none; }
.sp_none { display:block; }


/* vol独自のcss */
article .pic_clm2 img.vol3-pic03 { width:63%; }
article .pic_clm2 img.vol3-pic04 { width:37%; }
article .pic_clm2 img.vol3-pic06 { width:35%; }
article .pic_clm2 img.vol3-pic07 { width:65%; }


@media screen and (max-width: 980px) {
}


@media screen and (max-width: 780px) {
	
	
#main { margin:50px 0 20px; }


#intro { padding:25px 20px 20px; margin:-10px 0 20px; background:url(../img/bg_intro_sp.jpg) no-repeat; background-size:cover }
#intro img { width:70%; }
#intro p { font-size:14px; margin:20px 0 0; text-align:left; }


#big_tit { margin:0 auto 30px;  min-width:inherit; max-width:inherit; padding:0 20px; width:auto; }
#big_tit h3 { font-size:18px; margin:10px 0; }
#big_tit .name { font-size:16px; position:absolute; bottom:-4px; left:130px; }
#big_tit .name span { font-size:12px; }
#big_tit .page { position: static; float:right; height:16px; margin:5px 0 0; }
#big_tit .people { height:15px; }
#big_tit .padico_jin { height:12px; }


.contents_inner { min-width:inherit; max-width:inherit; margin:0 auto; padding:0 20px !important; width:auto; }


article .block { margin:0 0 40px; }
article p { font-size:13px; margin:0 0 20px; }
article h5 { font-size:16px; margin:0 0 20px; }

article .pic { margin:0 0 25px; }
article .pic_clm2 img { width:100%; }
article .pic_l { float:none; width:100%; text-align:center; }
article .pic_l .inner {  margin:0 auto; width:70%; }
article .pic_r { float:none; width:100%; text-align:center; }
article .pic_r .inner {  margin:0 auto; width:70%; }
article .profile h4 { font-size:16px; margin:0 0 5px; }
article .profile img { margin:0 0 20px 0; width:100%; }


.u_line { margin:30px 0; }
.article_u_line { height:10px; margin:40px 0 30px; }


.to_next { margin:0 0 30px; }
.to_next a { font-size:13px; padding:20px 15px 15px 15px; }
.to_next .to_next { position:static; margin:0 0 10px; width:80px; }
.to_next .arw { right:10px; margin:-6px 0 0; width:18px; }
.to_next span { display:inline-block; text-align:left; padding:0 20px 0 0; }


.pager ul { margin:0 0 20px; }
.pager ul li a { font-size:16px; }
.pager .prev { position:static; float:left; height:12px; }
.pager .next { position:static; float:right; height:12px; }


.pc_none { display:block; }	
.sp_none { display:none; }	
}