@charset "utf-8";
/* ------------------------------------------------------------  */

#firstview { text-align: center; background: url(../images/bg.gif) repeat-x; background: -moz-linear-gradient(top, #90ceee, #fff);
background: -webkit-linear-gradient(top, #fff, #90ceee, #fff);
background: linear-gradient( to bottom, #90ceee, #fff); 

}
#firstview div { background: url(../images/bg_00.png) center 60px no-repeat;}

h3 { padding: 50px 0 35px; text-align: center;}

#entry { background: url(../images/bg_02.gif); text-align: center; margin: 0 20px; padding: 55px 0 45px;}
#entry .inner { width: 1000px;}
#entry h4 { padding: 0 0 35px;}
#entry ul { background: #fff; padding: 60px 95px 80px;}
#entry ul li { float: left; width: 350px;}
#entry ul li:first-child { margin: 0 110px 0 0;}
#entry ul li.free { width: 100%; margin: 60px 0 0;}
#entry ul li h5 { padding: 0 0 30px;}
#entry ul li.free .box { float: left; width: 350px; text-align: center;}
#entry ul li.free .box.right { float: right;}
#entry ul li.free .box img.text { padding: 0 0 20px;}
#entry .caution { font-size: 16px; /* text-align: left;  */padding: 20px 0 0 20px; line-height: 22px; }

#application { padding: 125px 0 80px;}
#application table { width: 100%; font-size: 22px; }
#application table tr th { vertical-align: text-top; text-align: right; padding: 0 0 40px; font-weight: bold;}
#application table tr td { padding: 0 0 40px; font-weight: bold;}
#application h4 { font-size: 34px; font-weight: bold; padding: 0 0 10px;}
#application p { font-size: 16px; line-height: 130%;}

.bnr { padding: 0 0 80px; text-align: center;}

/* ------------------------------------------------------------ consultation */
#consultation { padding: 0 0 150px;}
#consultation h3 { background: #007464; font-size: 32px; color: #fff; text-align: center; line-height: 100%; padding: 12px 0; }
#consultation ul { padding: 25px 0; }
#consultation ul li { float: left; font-size: 22px; line-height: 160%; width: 183px; font-weight: bold; letter-spacing: 2px;}
#consultation ul li.three { box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0 0 20px; }
#consultation ul li.six { box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0 0 10px; }
#consultation h4 { font-size: 34px; color: #007464; font-weight: bold; letter-spacing: 9px; }
#consultation h4 span { display: block; font-size: 16px; color: #000; line-height: 100%; letter-spacing: normal; }

/* ------------------------------------------------------------ copyright */

#copryright { background: #29b77d; }
#copryright .copy { font-size: 16px; text-align: center; color: #fff; line-height: 100%; padding: 20px 0; }

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#firstview img { width: 100%; height: auto;}

h3 { padding: 30px 4% 30px; text-align: center;}
h3 img { width: 94%; height: auto; margin: 0 auto;}

#entry { background: url(../images/bg_02.gif); text-align: center; margin: 0; padding: 40px 0; background-size: 12px auto;}
#entry .inner { width: 92%;}
#entry h4 { padding: 0 0 20px;}
#entry h4 img { width: 100%; height: auto;}
#entry ul { background: #fff; padding: 30px 4% 30px;}
#entry ul li { float: none; margin: 0 0 30px; width: 100%;}
#entry ul li img { width: 230px; height: auto; margin: 0 auto;}
#entry ul li h5 { padding: 0 0 30px;}
#entry ul li:first-child { margin: 0 0 15px;}
#entry ul li.free { width: 100%; margin: 15px 0 0;}
#entry ul li.free .box { float: none; width: 100%; text-align: center;}
#entry ul li.free .box.right { float: none; margin: 30px 0 0;}
#entry ul li.free .box img.text { padding: 0 0 10px; width: 260px; height: auto;}
#entry ul li a { display: inline-block; *display: inline; *zoom: 1;}
#entry .caution { font-size: 14px; text-align: left; }


#application { padding: 40px 0 40px;}
#application table { width: 100%; font-size: 16px; }
#application table tr th { vertical-align: text-top; text-align: center; padding: 0 0 10px; font-weight: bold; display: block;}
#application table tr td { padding: 0 0 20px; font-weight: normal; display: block;}
#application h4 { font-size: 20px; font-weight: bold; padding: 0 0 10px; text-align: center;}
#application p { font-size: 14px; line-height: 150%;}

.bnr { padding: 0 4% 20px; text-align: center;}
.bnr img { width: 100%; height: auto;}

/* ------------------------------------------------------------ consultation */
#consultation { padding: 40px 3% 15%; }
#consultation h3 { font-size: 20px; padding: 12px 0 10px; }
#consultation ul { padding: 6% 0; }
#consultation ul li { font-size: 16px; width: 50%; }
#consultation ul li.three { padding: 0; }
#consultation ul li.six { padding: 0; }
#consultation h4 { font-size: 18px; text-align: center; letter-spacing: 4px; line-height: 140%; padding: 10px 0;}
#consultation h4 span { padding: 3% 0 0; text-align: left; font-size: 12px; line-height: 140%; }

/* ------------------------------------------------------------ copyright */

#copryright .copy { font-size: 11px; line-height: 130%; padding: 3% 0; }


}