@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 780px) {
/* ---------- header ----------*/
#top_text {
 display:none;
}
h2 {
 background:none!important;
 filter:none;/*IE8以前への対応*/
 padding:0;
 margin:19% auto 0 auto;
 line-height:65px;
 font-size:1.5rem;
 animation:none;
 -webkit-animation:none;
}
#top_logo {
 display:none;
}
#top_logo_smart {
 display:inline;
 width:75%;
 margin:0 auto;
}
#gn_logo {
 width:140px;
 left:30px;
}
h3 {
 font-size:30px;
 line-height:30px;
 padding:20px 0 10px 0;
}
h3 span {
 font-size:14px;
 padding-left:40px;
}
.title_icon {
 width:40px;
 padding:0 5px 0 0;
}
/* ---------- About ----------*/
#About_wrap {
 margin:0 auto 15px auto;
}
.answer:before {
content:url(images/answer_smart.png);
 padding:6px 10px 0px 0px;
}
h4 {
 font-size:20px;
}
h4 img {
 width:55px;
 vertical-align:-12px;
 padding:0 10px 0 0;
}
h5 {
 background-size:150% 80px;
 font-size:20px;
 margin:0 auto 20px auto;
}
.answer_number {
 width:40px;
}
#mietekuru {
 width:55%;
}
/* ---------- Contact ----------*/
#contact_box {
overflow:hidden;
 width:100%;
 border-radius:0px;
 padding:3px 0 20px 0;
}
#contact_box_inner {
 padding:10px 0 0 0;
}
}
@media screen and (max-width: 650px) {
/* ---------- Contact ----------*/
#contact_box {
 padding:3px 0 15px 0;
 background-size:700px;
}
#contact_box_inner {
 width:90%;
 padding: 0;
}
#contact_box_left {
 width:48%;
}
#contact_box_right {
 width:48%;
}
/* ---------- Fees ----------*/
#fees_contents_wrap {
 width:360px;
}
#nyukai_wrap {
 width:330px;
 padding:10px;
}
#nyukai_left {
 width:95%;
 float:none;
 margin:0 auto;
}
#nyukai_right {
 float:none;
 padding:8px 0 0 0;
 margin:0 auto;
 text-align:center;
}
}
@media screen and (max-width: 600px) {
body {
 letter-spacing:0px;
 line-height:25px;
}
/* ---------- header ----------*/
#top_logo_smart {
 width:90%;
}
h2 {
 margin:30% auto 0 auto;
 font-size:1.5rem;
 background:none;
}
#header_back {
 display:none;
}
#header_back_smart {
 display:block;
 float:left!important;
 width:100%;
 z-index:1;
 position:relative;
}
#header_text {/*androidタイトル位置調整用*/
	top:3%;
	left:0;
}
/* ---------- about ----------*/
h5 {
 background-size:150% 70px;
 margin:0 auto;
}
#About_wrap {
 margin:0 0 20px 0;
}
#About_text_left_wrap {
 padding:10px 0;
}
#About_text_left {
 width:95%;
}
.About_text_left_contents {
 text-align:left;
}
#About_text_right_wrap {
 background-size:100%;
 padding:1px 0 3px 0;
}
#About_text_right {
 width:90%;
 padding-bottom:10px;
}
#About_text_title {
 font-size:25px;
 font-weight:900;
 margin:20px auto;
}
span.large {
 font-size:25px;
}
#kizuku {
 margin:25px auto 15px auto;
}
.answer_text_wrap {
 width:92%;
 min-width:92%;
 margin:5px auto 0 auto;
}
.mask_title_smart, .mask_span_smart {
 width:90%;
}
.answer_img_left {
 width:90%;
 margin:15px auto!important;
}
.answer_img_right {
 width:90%;
 margin:15px auto!important;
}
#mietekuru {
 margin:0 auto 20px auto;
}
/* ---------- Fees ----------*/
#fees_contents_wrap {
 width:340px;
}
#nyukai_wrap {
 width:310px;
}
}
@media screen and (max-width: 450px) {
.title_icon {
 display:none;
}
h3 span {
 padding:0;
}
/* ---------- header ----------*/
#gn_logo {
 left:10px;
}
/* ---------- About ----------*/
#About_title {
 padding:10px 0 5px 0;
}
h4 {
 padding:0;
}
h5 {
 background-color:#333;
 background-image:none;
 color:#CCC;
 padding:15px 0;
 margin:0 auto 20px auto;
 box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.answer_number {
 display:none;
}
.answer_number_smart {
 display:inline;
 width:35px;
 vertical-align:-6px;
 padding:0 10px 0 0;
}
#event_title img {
 vertical-align:-8px;
}
#About_text_left_wrap {
 background-size:130%;
}
.answer_img_left {
 margin:15px auto 12px auto!important;
}
.answer_img_right {
 margin:15px auto 12px auto!important;
}
#mietekuru {
 width:80%;
}
/* ---------- Contact ----------*/
#contact_box {
 background-image:none;
 filter:none;
 padding:0;
}
#contact_box_title {
 font-size:16px;
 padding:0;
 color:#666!important;
}
#contact_box_inner {
 width:300px;
 height:260px;
 padding:0;
}
#contact_box_left {
 float:none;
 width:300px;
 margin:0 auto 30px auto;
}
#contact_box_right {
 float:none;
 width:300px;
 margin:0 auto;
 position:relative;
}
h6:after {/*::を:に変更後IE8でも表示される*/
 display: inline-block;
 content: attr(data-label);
}
h6 img {
 display: none;
}
h6 {
 color:#FFF;
 font-size:18px;
 line-height:50px;
 background-color:#B8D200;
 margin:0;
}
#phone_smart {
 font-size:22px;
}
#contact_box_right h6:hover {
 color:#B8D200;
 background-color:#333;
}
#contact_wrap {
 background-position:center bottom;
 height:200px;
}
#contact_contents span {
 display:none;
}
#contact_left {
 padding:0;
}
#contact_contents ul {
 padding:0;
 margin:0 auto;
}
#page-top img {
 width:50px;
}
address {
 width:90%;
 margin:0 auto;
}
}
@media screen and (max-width: 370px) {
/* ---------- header ----------*/
h2 {
 font-size:18px;
 line-height:40px;
 background:none;
}
#fees_contents_wrap {
 width:93%;
 margin:0 auto;
}
#nyukai_wrap {
 margin:0 auto;
 width:93%;
}
}
@media screen and (max-width: 350px) {
h3 {
 font-size:26px;
 line-height:26px;
 padding:18px 0 5px 0;
}
h3 span {
 font-size:12px;
}
/* ---------- About ----------*/
h5#event_title {
 font-size:19px;
}
#fees_contents_wrap {
 width:89%;
}
#fees_comment {
 line-height:30px;
}
}