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

body { color:#4a4e53; line-height:1;  padding: 0; position: relative; min-height: 100%; overflow-x:hidden; background: #fff; -webkit-text-size-adjust: 100%; font-family: LynotypeUnivers, Univers, "Helvetica Neue", Helvetica, Arial,'Noto Sans JP', sans-serif,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif; }
html {  min-height: 100%; }

* html body { font-family: LynotypeUnivers, Univers, "Helvetica Neue", Helvetica, Arial,'Noto Sans JP', sans-serif,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif;  }
*:first-child+html body { font-family: LynotypeUnivers, Univers, "Helvetica Neue", Helvetica, Arial,'Noto Sans JP', sans-serif,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif; }

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { font-size:14px; line-height: 2.0; letter-spacing: 0.1em }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

body p { letter-spacing: 0.1em }

h1,h2,h3,h4 { font-family :YuMincho,    /* Mac用 */
'Yu Mincho', /* Windows用 */
serif;
letter-spacing: -0.1em; line-height: 1; color: #676c73 }

/* !clearfix */
hr { display: none; }

.cfix { zoom:1; }
.cfix:after{
    content:"";
    clear:both;
    display:block;
    height:0;
	font-style:italic
}

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}


img { vertical-align:bottom; }


/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }


/* margin-top
=========================================*/
.mt0 { margin-top:0 !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }

.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }


/* padding-top
=========================================*/
.pt0 { padding-top:0 !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt7 { padding-top:7px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }



.tx9 { font-size: 9px }
.tx10 { font-size: 10px }
.tx11 { font-size: 11px }
.tx12 { font-size: 12px }
.tx13 { font-size: 13px }
.tx14 { font-size: 14px }
.tx15 { font-size: 15px }
.tx16 { font-size: 16px }
.tx18 { font-size: 18px }
.tx20 { font-size: 20px }
.tx24 { font-size: 24px }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }


/* !Links */
a:link { color: #4a4e53; text-decoration: none }
a:visited { color: #4a4e53; text-decoration: none }
a:hover { color: #666666; text-decoration: underline }
a:active { color: #4a4e53; text-decoration: none }


html {  }
#wrapper { width: 100%; text-align: center; position: relative }
#wrapper .l_line { width: 1px; height: 100%; background-color: #e3e2e1; position: absolute; left: 50%; top: 0; z-index: 0; margin-left: -540px }
#wrapper .r_line { width: 1px; height: 100%; background-color: #e3e2e1; position: absolute; right: 50%; top: 0; z-index: 0; margin-right: -540px }

#main { position: relative; overflow: hidden; margin: 0 0 60px }
#main h1 { position: absolute; left: 0; top: 60px; width: 100%; border: solid #e3e2e1; border-width: 1px 0; text-align: center }
#main h1 .btit { width: 1080px; text-align: left; margin: 0 auto; position: relative }
#main h1 .btit p { position: absolute; right: 20px; top: 30px }
#main h1 .btit .lt { position: absolute; left: -1px; top: -1px }
#main h1 .btit .rt { position: absolute; right: -1px; top: -1px }
#main h1 .btit .lb { position: absolute; left: -1px; bottom: -1px }
#main h1 .btit .rb { position: absolute; right: -1px; bottom: -1px }
#main h2 { position: absolute; left: 38.5%; top: 43.8%; width: 586px; margin: -136px 0 0 -293px }
#main .read { position: absolute; left: 0; top: 71.3%; width: 100%; background-color: #f0efee }
#main .read .fltL { width: 38%; background-color: #676c73 }
#main .read .fltL h3 { margin-left: 100px; padding: 30px 0; border-left: solid 1px #7e8288; text-align: left; font-size: 28px; color: #fff; line-height: 2em }
#main .read .fltR { width: 62% }
#main .read .fltR p { padding: 30px 30px 0; text-align: left; }
#main .bg { margin: -30px 0 0 40px }

.sec { margin: 0 0 120px }
.sec h2 { border-bottom: solid 1px #e3e2e1; line-height: 0.55; margin: 0 0 40px }
.sec h2 .tit { width: 1080px; margin: 0 auto; text-align: left; font-size: 42px; position: relative }
.sec h2 .tit span { font-family: Univers, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 60px }
.sec h2 .tit .lb { position: absolute; left: -1px; bottom: -1px }
.sec h2 .tit .rb { position: absolute; right: -1px; bottom: -1px }
.sec h3 { font-size: 30px; color: #f18f00; margin: 0 0 30px; letter-spacing: 0.04em; line-height: 1.6 }
.sec_inner { width: 980px; margin: 0 auto; text-align: left }
.sec_inner p { margin: 0 0 40px }
.sec_inner img.fltL { margin: 0 40px 40px 0 }
.sec_inner img.fltR { margin: 0 0 40px 40px }
.sec_inner .l { float: left; width: 700px }
.sec_inner .r { float: right; width: 240px }

.btn { text-align: center; background: #f0efee; }
.btn a { padding: 20px 0; display: block; font-size: 24px; line-height: 1; font-weight: bold; border: solid 4px #e5004a; position: relative }
.btn a:hover { background: #e5004a; color: #fff }
.btn a .arw { position: absolute; left: 25px; top: 50%; margin-top: -12px }

#sec01 ul { margin: 0 0 20px }
#sec01 ul li { width: 50%; float: left; position: relative; font-size: 18px; letter-spacing: 0 }
#sec01 ul li span { padding: 0 0 20px 50px; display:inline-block }
#sec01 ul li .sq { position: absolute; left: 0; top: 0 }

.gBox { padding: 40px 50px; background: #f0efee; margin: 0 0 40px; }
.gBox h3 { color: #d17e04 }
.gBox h4 { font-size: 28px; color: #996d00; text-align: center }
.gBox h5 { font-weight: 400 }
.gBox h4.book { font-size: 20px; color: #4a4e53; text-align: left; font-family: sans-serif; margin-bottom: 10px }
.gBox li { font-size: 17px; font-weight: 500; letter-spacing: 0.2em; margin: 15px 0 0 }
.gBox li span { font-size: 24px }
.gBox .shimei li { padding-left: 40px; position: relative }
.gBox .shimei li .sqs { position: absolute; left: 0; top: 8px }

.tbl { border-top: solid 3px #e5004a }
.tbl th { padding: 40px; font-size: 15px; vertical-align: top; border-bottom: solid 1px #d9d9d9; font-weight: bold }
.tbl td { padding: 40px; border-bottom: solid 1px #d9d9d9 }
.tbl td dt { float: left; width: 40%; padding: 5px 0 }
.tbl td dd { font-size: 17px; padding: 5px 0 }

#inquiry { text-align: center; border-top: solid 1px #e3e2e1; margin-top: -40px; padding-top: 60px }
#inquiry h3 { text-align: center; color: #e5004a; font-size: 40px; letter-spacing: 0.2em }
#inquiry p { text-align: center }

#footer { background-color: #e5004a; padding: 30px; text-align: center; color: #fff }

.mlm50 { margin-left: -50px !important }
.mrm50 { margin-right: -50px !important }
.rd { color: #e5004a }

@media screen and (max-width: 780px) {
	
body { font-size:13px; line-height: 2.0; -webkit-text-size-adjust: none; }
body p { letter-spacing: 0.05em }
h1,h2,h3,h4 { line-height: 1.4 }
a {color:#fff; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }

.fltR { float: none; }
.fltL { float: none; }

#wrapper { width: 100%; text-align: center; position: relative }
#wrapper .l_line { width: 1px; height: 100%; background-color: #e3e2e1; position: absolute; left: 12px; top: 0; z-index: 0; margin-left: 0 }
#wrapper .r_line { width: 1px; height: 100%; background-color: #e3e2e1; position: absolute; right: 12px; top: 0; z-index: 0; margin-right: 0 }

#main { position: relative; overflow: hidden; margin: 0 0 60px }
#main h1 { position: relative; left: 0; top: 12px; width: auto; border: solid #e3e2e1; border-width: 1px 0; text-align: center; padding: 0 12px  }
#main h1 .btit { width: auto; text-align: center; margin: 0 auto; position: relative }
#main h1 .btit img.logo { width: 50%; height: auto; margin-bottom: 12px }
#main h1 .btit p { position: relative; right: auto; top: auto }
#main h1 .btit p img { width: 100%; height: auto }
#main h1 .btit .lt { position: absolute; left: -1px; top: -1px }
#main h1 .btit .rt { position: absolute; right: -1px; top: -1px }
#main h1 .btit .lb { position: absolute; left: -1px; bottom: -1px }
#main h1 .btit .rb { position: absolute; right: -1px; bottom: -1px }
#main h2 { position: relative; left: auto; top: auto; width: 100%; margin: -120px 0 0 }
#main h2 img { width: 90% }
#main .read { position: relative; left: auto; top: auto; width: 100%; background-color: #f0efee; margin-top: 40px }
#main .read .fltL { width: auto; background-color: #676c73 }
#main .read .fltL h3 { margin-left: 12px !important; padding: 15px 0; border-left: solid 1px #7e8288; text-align: left; font-size: 18px; color: #fff; line-height: 2em }
#main .read .fltL h3 br { display: none }
#main .read .fltR { width: auto }
#main .read .fltR p { padding: 12px 24px 12px; text-align: left; }
#main .bg { margin: -30px 0 0 -50%; width: 120% }

.sec { margin: 0 0 60px; padding: 0 12px }
.sec h2 { border-bottom: solid 1px #e3e2e1; line-height: 1.4; margin: 0 0 20px; padding-bottom: -10px }
.sec h2 .tit { width: auto; margin: 0 auto; text-align: left; font-size: 24px; position: relative }
.sec h2 .tit span { font-family: Univers, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 32px }
.sec h2 .tit .lb { position: absolute; left: -1px; bottom: -1px }
.sec h2 .tit .rb { position: absolute; right: -1px; bottom: -1px }
.sec h3 { font-size: 18px; color: #f18f00; margin: 0 0 10px; letter-spacing: 0.04em; line-height: 1.6 }
.sec_inner { width: auto; margin: 0 auto; text-align: left; padding: 0 12px }
.sec_inner p { margin: 0 0 20px }
.sec_inner img.fltL { margin: 0 auto 20px; text-align: center }
.sec_inner img.fltR { margin: 0 auto 20px; text-align: center }
.sec_inner .l { float: none; width: auto; margin: 0 0 20px }
.sec_inner .r { float: none; width: auto; margin: 0 0 20px; text-align: center }
.sec_inner .r img { width: 240px }

.btn { text-align: center; background: #f0efee; }
.btn a { padding: 16px 0; display: block; font-size: 18px; line-height: 1; font-weight: bold; border: solid 4px #e5004a; position: relative }
.btn a:hover { background: #e5004a; color: #fff }
.btn a .arw { position: absolute; left: 15px; top: 50%; margin-top: -10px; width: 20px }

#sec01 ul { margin: 0 0 10px }
#sec01 ul li { width: auto; float: left; position: relative; font-size: 14px; letter-spacing: 0; line-height: 1.5 }
#sec01 ul li span { padding: 0 0 10px 30px; display:inline-block }
#sec01 ul li .sq { position: absolute; left: 0; top: 0; width: 15px }

.gBox { padding: 15px; background: #f0efee; margin: 0 0 20px; }
.gBox h3 { color: #d17e04 }
.gBox h4 { font-size: 16px; color: #996d00; text-align: center }
.gBox h5 { font-weight: 400; font-size: 15px }
.gBox h4.book { font-size: 18px; color: #4a4e53; text-align: left; font-family: sans-serif; margin-bottom: 10px }
.gBox li { font-size: 14px; font-weight: 500; letter-spacing: 0.05em; margin: 10px 0 0 }
.gBox li span { font-size: 24px }
.gBox .shimei li { padding-left: 40px; position: relative }
.gBox .shimei li .sqs { position: absolute; left: 0; top: 8px }

.tbl { border-top: solid 3px #e5004a }
.tbl th { padding: 15px; font-size: 14px; vertical-align: top; border-bottom: solid 1px #d9d9d9; font-weight: bold }
.tbl td { padding: 15px; border-bottom: solid 1px #d9d9d9 }
.tbl td dt { float: left; width: 40%; padding: 5px 0 }
.tbl td dd { font-size: 17px; padding: 5px 0 }

#inquiry { text-align: center; border-top: solid 1px #e3e2e1; margin-top: -40px; padding-top: 60px }
#inquiry h3 { text-align: center; color: #e5004a; font-size: 24px; letter-spacing: 0.2em }
#inquiry p { text-align: center }
#inquiry p img { width: 100% }

#footer { background-color: #e5004a; padding: 30px; text-align: center; color: #fff }

.mlm50 { margin-left: 10px !important; width: 240px }
.mrm50 { margin: 0 0 20px 10px !important; width: 240px }


}

@media screen and (max-width: 320px) {
#main .bg { margin: -30px 0 0 -50%; width: 120% }
#main h2 { position: relative; left: auto; top: auto; width: 100%; margin: -100px 0 0 }	
}