@charset "shift_jis";
.pd{ display: block;}
.sd{ display: none;}
/*------------------------------------------------------------------------

layout

------------------------------------------------------------------------*/
body {
	background: #fff;
	font-family: Meiryo, "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "MS P Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 1.6rem;
}
.wrapper {
	width: 100%;
}
section {
	margin: 0 0 100px;
}
.content_inner{
	width: 1000px;
	margin: 0 auto 0;
}
/*---------------------------------------------------------------------

headline

---------------------------------------------------------------------*/
h2.headline01 {
	width: auto;
	margin: 0 auto 60px;
	text-align: center;
	font-size: 4.0rem;
	font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3", "‚l‚r ‚o–¾’©", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	display: table;
}
h2.headline01::before,
h2.headline01::after {
    content: "�\�\";
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
	letter-spacing: -5px;
}
h2.headline02 {
	height: 70px;
	margin: 0 0 30px;
	text-align: center;
	line-height: 70px;
	font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3", "‚l‚r ‚o–¾’©", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size: 3.0rem;
	font-weight: bold;
	background: url(../img/icon_recommend.png) 70px top no-repeat;
	background-size: 80px 68px;
}
h3.headline01 {
	height: 70px;
	margin: 0 0 30px;
	text-align: center;
	line-height: 70px;
	font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3", "‚l‚r ‚o–¾’©", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size: 3.0rem;
	font-weight: bold;
	background: url(../img/icon_info.png) 170px top no-repeat;
	background-size: 80px 70px;
}
h3.headline02 {
	height: 70px;
	margin: 0 0 30px;
	text-align: center;
	line-height: 70px;
	font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3", "‚l‚r ‚o–¾’©", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size: 3.0rem;
	font-weight: bold;
	background: url(../img/icon_download.png) 170px top no-repeat;
	background-size: 70px 70px;
}
h3.headline03 {
	margin: 60px 0 10px;
	text-align: center;
	font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3", "‚l‚r ‚o–¾’©", "MS PMincho", "Hiragino Mincho Pro", serif;
	font-size: 3.0rem;
	font-weight: bold;
}
p.headline01 {
	margin: 0 0 20px;
	border-bottom: solid 1px #aaa;
}
/*---------------------------------------------------------------------

table

---------------------------------------------------------------------*/
.table_area table {
	width: 100%;
	-webkit-overflow-scrolling: touch;
}
.table_area table thead tr th {
	padding: 0.75rem;
	font-weight: bold;
	text-align: center;
	border: solid 1px #ddd;
	background: #eee;
}
.table_area table tbody tr td {
	padding: 0.75rem;
	border: solid 1px #ddd;
}
.w5 {
	width: 5%;
}
.w25 {
	width: 25%;
}
.w325 {
	width: 32.5%;
}
/*---------------------------------------------------------------------

header

---------------------------------------------------------------------*/
header {
	padding: 10px 0;
	border-bottom: solid 1px #aaa;
	background: #fff;
}
.header_inner {
	width: 1000px;
	padding: 5px 0;
	margin: 0 auto 0;	
}
/*---------------------------------------------------------------------

mainvisual

---------------------------------------------------------------------*/
.main_visual {
	margin: 0;
	text-align: center;
	background: #fff;
	/*background: #000125;*/
}
.main_visual_inner {
	width: 1000px;
	height: 450px;
	margin: 0 auto;
}
.main_visual_text {
	padding: 15px 0;
	text-align: center;
	color: #fff;
	font-size: 3.2rem;
	background: #000c3d;
}
/*---------------------------------------------------------------------

app

---------------------------------------------------------------------*/
.app {
	margin: 100px 0;
}
.app a {
	width: 300px;
	box-sizing: border-box;
	display: block;
	margin: 0 auto 5px;
	padding: 30px 0;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 1px 1px 3px 1px #BDBDBD;
	box-shadow: 1px 1px 3px 1px #BDBDBD;
	background: #cb0000;
	background: -moz-linear-gradient(top,  #cb0000 0%, #a90000 100%);
	background: -webkit-linear-gradient(top,  #cb0000 0%,#a90000 100%);
	background: linear-gradient(to bottom,  #cb0000 0%,#a90000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb0000', endColorstr='#a90000',GradientType=0 );
}
.app a:hover  {
	text-decoration: none;
	filter: alpha( opacity=70 );
    opacity:0.8;
    -moz-opacity:0.8;
}
.app_text {
	font-size: 1.0rem;
	text-align: center;
	margin: 0 0 30px;
}
/*---------------------------------------------------------------------

maincont

---------------------------------------------------------------------*/
.select_area {
	margin: 0 0 60px;
}
.select_area p.head {
	margin: 0 0 10px;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
}
.select_area ul {
	margin: 0 0 5px;
}
.select_area ul li {
	box-sizing: border-box;
	width: 490px;
	float: left;
	margin: 0 20px 0 0;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	border: solid 1px #aaa;
}
.select_area ul li dl dd {
	font-size: 3.2rem;
}
.select_area ul li:last-child {
	margin: 0;
}
.caution01 {
	margin: 0 0 40px;
	padding: 15px 0;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #db0000;
	border: solid 2px #db0000;
}
.caution01 span {
	font-size: 1.6rem;
}
.top_text {
	margin: 0 auto 60px !important;
}
.top_text .text {
	text-align: justify;
	font-size: 1.8rem
}
.recommend_area {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 60px 100px;
	-webkit-box-shadow: 0 0 10px 0 #ccc;
	box-shadow: 0 0 10px 0 #ccc;
}
.recommend_area ul li {
	margin: 0 0 10px;
	padding: 0 0 10px 1em;
	text-indent: -1em;
	font-size: 1.8rem;
	list-style:inside disc;
	border-bottom: dotted 1px #aaa;
}
.recommend_area ul li:last-child {
	margin: 0;
}
.gaiyou {
	width: 100%;
	margin: 0 0 40px;
	border-collapse: collapse;
	border-spacing: 0;
}
.gaiyou tr th {
	width: 20%;
}
.gaiyou tr th,.gaiyou tr td {
	padding: 10px;
	border-bottom: solid 1px #ddd;
	text-align: left;
	vertical-align: top;
}
.gaiyou ul li span {
	font-size: 1.2rem;
}

/*------------------------------------------------------------------------

�u‰‰ŽÒ

------------------------------------------------------------------------*/
.profile_imgBox {
	float: left;
	width: 300px;
}
.profile_imgBox img {
	margin: 15px 0 0;
}
.profile_textBox {
	float: right;
	width: 650px;
}
.profile_textBox .name {
	margin: 0 0 30px;
}
.profile_textBox .text {
	margin: 0 0 10px;
}
.scroll{
	margin: 30px 0 0;
	overflow: auto;
}
.text-primary {
    color: #9e000d !important;
}
/*------------------------------------------------------------------------

Žó�u•û–@‚Æ”ï—p

------------------------------------------------------------------------*/
.fee_area {
	padding: 20px;
	border: solid 1px #ccc;
}
.about_area {
	width: 100%;
	margin: 0 0 20px;
}
.about_area tr td div.arrow01 {
	width: 0;
	height: 0;
	margin: 0 0 0 5px;
	border-top: solid 10px transparent;
	border-right: solid 10px transparent;
	border-bottom: solid 10px transparent;
	border-left: solid 15px #ffa200;
}
.about_area tr td dl {
	display: table;
}
.about_area tr td dl dt,
.about_area tr td dl dd {
	display: table-cell;
	vertical-align: middle;
}
.about_area tr td dl dt {
	font-weight: bold;
	padding: 0 10px 0 0;
}
.fee_area ul {
	padding: 20px;
	background: #eee;
}
.fee_area ul li {
	margin: 0 0 3px;
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 1.4rem;
}
.fee_area ul li:last-child {
	margin: 0;
}
.download_btn {
	width: 620px;
	margin: 0 auto 20px;
}
.download_btn div {
	position:relative;
	box-sizing: border-box;
	width: 300px;
	float: left;
	margin: 0 20px 0 0;
}
.download_btn div img {
	position: absolute;
	top:20px;
	right: 40px;
}
.download_btn div a {
	display: block;
	padding:20px 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border: solid 1px #356aa0;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 1px 1px 3px 1px #BDBDBD;
	box-shadow: 1px 1px 3px 1px #BDBDBD;
	background: #4f69a5;
	background: -moz-linear-gradient(top,  #4f69a5 0%, #004f9e 100%);
	background: -webkit-linear-gradient(top,  #4f69a5 0%,#004f9e 100%);
	background: linear-gradient(to bottom,  #4f69a5 0%,#004f9e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f69a5', endColorstr='#004f9e',GradientType=0 );
}
.download_btn div a:hover {
	opacity: 0.9;
}
.download_btn div:last-child {
	margin: 0;
}
/*------------------------------------------------------------------------

‚¨‹q—l‚Ì�º

------------------------------------------------------------------------*/
.voice_area {
	padding: 30px 0;
	background: #eee;
}
.voice_area ul li {
	width: 280px;
	float: left;
	margin: 0 20px 0 0;
	padding: 20px;
	background: #fff;
	-webkit-box-shadow: 0 0 10px 0 #ccc;
	box-shadow: 0 0 10px 0 #ccc;
}
.voice_area ul li:nth-child(3n) {
	margin: 0;
}
.voice_area ul li dl dt {
	margin: 0 0 20px;
	padding: 30px 0 30px 60px;
	text-align: center;
	color: #fff;
}
.voice_area ul li dl dt.male {
	background: url(../img/icon_male.png) 10px center no-repeat #3aabd2;
	background-size: 60px 60px;
}
.voice_area ul li dl dt.female {
	background: url(../img/icon_female.png) 10px center no-repeat #ffaeae;
	background-size: 60px 61px;
}
/*------------------------------------------------------------------------

‚æ‚­‚ ‚鎿–â

------------------------------------------------------------------------*/
.qa_area {
	padding: 40px 20px;
	border: solid 1px #ccc;
}
.qa_area dl {
	margin: 0 0 40px;
	padding: 0 0 40px;
	border-bottom: solid 1px #aaa;
}
.qa_area dl:last-child {
	margin: 0;
	padding: 0;
	border-bottom: none;
}
.qa_area dl dt {
    position: relative;
    margin: 0 0 30px;
    padding: 0 0 0 60px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #03357b;
}
.qa_area dl dt::before {
    position: absolute;
    padding: 8px 10px;
    content: "Q";
    left: 0;
    top: 0;
	font-size: 2.4rem;
    color: #fff;
    line-height: 1.0em;
    border-radius: 100px;
    background: #03357b;
}
.qa_area dl dd {
    position: relative;
    padding: 0 0 0 60px;
}
.qa_area dl dd::before {
    position: absolute;
    padding: 8px 10px;
    content: "A";
    left: 0;
    top: 0;
    color: #03357b;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.0em;
    border: solid 1px #03357b;
    border-radius: 100px;
    background: #fff;
}
.qa_area dl dd ul li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
/*------------------------------------------------------------------------

ƒ}ƒbƒv

------------------------------------------------------------------------*/
.map_area {
	height: 600px;
	margin: 0 0 20px;
	background: #eee;
}
.map_area iframe {
	width: 100%;
	height: 600px;
}
.access dt {
	margin: 0 0 20px;
	padding: 20px 0 20px 50px;
	background: url(../img/icon_train.png) left center no-repeat;
	background-size: 40px 40px;
}
.access dd ul li {
	margin: 0 0 5px;
	list-style: inside disc;
}
.access dd ul li:last-child {
	margin: 0;
}
/*------------------------------------------------------------------------

ƒfƒBƒXƒNƒŒƒCƒ}�[“™

------------------------------------------------------------------------*/
.inquiry {
	margin: 0 0 60px;
	text-align: center;
}
.disc01 {
	margin: 0 0 40px;
	padding: 20px;
	background: #eee;
}
.disc01 li {
	margin: 0 0 5px;
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 1.4rem;
	list-style: inside disc;
}
.disc01 li:last-child {
	margin: 0;
}
.disc_head {
	margin: 0 0 10px;
	padding: 3px 10px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	background: #666;
}
.disc02 {
	margin: 0 0 40px;
}
.disc02 li {
	margin: 0 0 5px;
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 1.4rem;
	list-style: inside disc;
}
.disc02 li:last-child {
	margin: 0;
}
.copy {
	padding: 10px 0;
	text-align: center;
	font-size: 1.4rem;
	border-top: 4px solid #0b186d;
}
.pagetop a {
	display: block;
	position: fixed;
	right: 0;
	bottom: 60px;
	width: 25px;
	height: 25px;
	padding: 12px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	background: rgba(204,204,204,0.9);
}
.pagetop a:hover {
	background: #aaa;
}
/*------------------------------------------------------------------------

SNSƒ{ƒ^ƒ“

------------------------------------------------------------------------*/
.sns_btn {
	box-sizing: border-box;
	position: fixed;
	right: 0;
	bottom: 120px;
	width: 50px;
	padding: 3px 4px 0 0;
	text-align: center;
	background: #fff;
	-webkit-box-shadow: 0 0 10px 0 #7D7D7D;
	box-shadow: 0 0 10px 0 #7D7D7D;
}
.ninja_onebutton_output > div {
	padding: 0 !important;
	margin: 0 0 3px!important;
}
.sns_btn_spn {
	display: none;
}