@charset "shift_jis";
/* FAQ�pCSS */

@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,600);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css);
/*base*/
body { background-color: #eee; color: #333; font-size: 15px; line-height: 1.7; letter-spacing: 1.5px; font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif; margin: 0; padding: 0; }
img { border: none; vertical-align: baseline; }
a { text-decoration: none; }
a:hover img { opacity: 0.75; -moz-opacity: 0.75; -webkit-opacity: 0.75; }
ul { margin: 0; padding: 0; list-style: none; }
ul::after{display:block;width:0;height:0;content:"";clear:both;}
h1,
h2,
h3,
h4 { font-family: 'Josefin Sans', "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif; margin: 0; padding: 0; }
#allWrapp { width: 100%; max-width: 1000px; margin: 25px auto; background-color: #fff; }
footer { background-color: #333; color: #fff; text-align: center; font-family: 'Josefin Sans', sans-serif; padding: 1em 0; }
.notice { color: #de0000; }
/*base end*/

/* header */
header { }
h1 { text-align: center; background: #0075c2; padding: 1em 0 0; color: #fff; }
.subttl { font-size: 20px; }
header>p { text-align: center; margin: 0; background-color: #0075c2; padding: 5px 0; font-family: 'Josefin Sans', sans-serif; font-weight: 600; color: #ffff00; }
/*nav*/
nav { margin: 25px 0; }
nav li { width: 25%; float: left; }
nav li>a { display: block; background: #333; color: #eee; padding: 5% 1% 2%; margin: 1%; position: relative; transition: all 0.3s; }
nav li>a:hover { top: 5px; background: #0075c2; }
nav li>a:hover dt { border-color: #ffff00; }
nav dl { padding: 0; margin: 0; text-align: center; }
nav dt { padding: 0; margin: 0; border-bottom: solid 2px #999; font-size: 25px; }
nav dt+dd { padding: 0; margin: 10px 0 0; }
nav dt+dd+dd { padding: 0; margin: 0; font-size: 15px; }
/*nav end*/
/*drawer*/
.drawer-nav { background: #333; color: #eee; }
.drawer-menu>li.brand { padding: 0.3em 0.5em; text-align: center; font-size: 20px; line-height: 20px; margin: 1.5em 0 0.5em; }
.drawer-menu>li a { display: block; padding: 0.7em 0.5em 0.7em 1em; color: #fff; border-bottom: solid 1px #fff; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; }
.drawer-menu>li a::after { content: '\f105'; font-family: FontAwesome; position: absolute; right: 25px; }
.drawer-menu>li a:hover { background-color: #0075c2; }
/*drawer end*/
/* header end */

/*newchunk*/
.newChunk { margin: 100px auto; width: 95%; }
h2 { font-size: 30px; border-bottom: dashed 2px #0075c2; background-color: #0075c2; color: #fff; padding: 0.4em 1em; margin: 25px 0; }
/*newchunk end*/

/*lists*/
.acMenu { }
.acMenu dl { }
.acMenu dt { background-color: #333; color: #eee; padding: 0.8em; position: relative; border-bottom: solid 1px #eee; cursor: pointer; }
.acMenu dt:hover { background-color: #0075c2; }
.acMenu dt::after { position: absolute; content: '\f078'; font-family: FontAwesome; right: 10px; }
.acMenu dd { display: none; background: #fff; color: #333; margin: 0; padding: 1em 2em 1em 1em; background-color: #eee; }
.acMenu dd a { display: inline-block; background: #0075c2; color: #ffff00; padding: 5px; }
h4 { margin: 20px 0 5px; }
.acMenu dd>table { width: 100%; border-spacing: 5px; border: solid 1px #0075c2; background: #fff; margin: 10px; }
.acMenu dd>table th { width: 30%; padding: 0.5em; background-color: #0075c2; color: #ffff00; }
.acMenu dd>table td { padding: 0.5em; background: #eee; }
h3 { color: #0075c2; padding: 15px; }
/*lists end*/

/*access*/
#access-us { width: 95%; margin: 100px auto; }
#access-us h4{ border-bottom: solid 1px #0075c2; background: #0075c2; padding: 0.5em 1em; color: #fff; }
#access-us h2+div { padding: 1em; background: #eee; }
#access-us ul{ list-style: square inside; }
#access-us a { display: inline-block; background: #bf0000; color: #fff; padding: 0.1em 0.5em; border: solid 1px transparent; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
#access-us a:hover { border-color: #bf0000; background: #fff; color: #bf0000; }
/*access end*/

/*footbtn*/
#footbtn { position: fixed; bottom: 5%; right: 5%; z-index: 999; }
#footbtn li { margin: 1px 0; font-size: 18px; line-height: 18px; }
#footbtn a { display: table-cell; text-align: center; width: 50px; height: 50px; vertical-align: middle; background: #0075c2; color: #fff; }
#footbtn a:hover { background: #ffff00; color: #333; }
/*footbtn end*/

@media screen and ( max-width : 630px ) {
/* header */
header { }
h1 { text-align: center; background: #0075c2; padding: 1em 0 0; color: #fff; }
.subttl { font-size: 17px; }
header>p { text-align: center; margin: 0; background-color: #0075c2; padding: 5px 0; font-family: 'Josefin Sans', sans-serif; font-weight: 600; color: #ffff00; }
/*nav*/
nav { margin: 25px 0; }
nav li { width: 100%; float: none; }
nav li>a { padding: 2% 1% 1%; margin: 1%; }
nav li>a:hover { top: 5px; background: #0075c2; }
nav dl { padding: 0; margin: 0; text-align: center; }
nav dt { padding: 0; margin: 0; border-bottom: solid 2px #999; font-size: 18px; }
nav dt+dd { padding: 0; margin: 5px 0 0; font-size: 14px; }
/*nav end*/
/* header end */

/*footbtn*/
#footbtn li { margin: 1px 0; font-size: 15px; line-height: 15px; }
#footbtn a { display: table-cell; text-align: center; width: 40px; height: 40px; vertical-align: middle; background: #0075c2; color: #fff; }
/*footbtn end*/

/*newchunk*/
h2 { font-size: 20px; padding: 0.4em 0.8em; }
/*newchunk end*/

}