@charset "UTF-8";

/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	color: #131313;
	font-family:"Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	-webkit-text-size-adjust: 100%;
	line-height: 0;
}

body p{
	font-size: 12px;
	line-height: 1.5em;
}

/*clearfix*/

.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.cf {
	min-height: 1px;
}

.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; }
.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }
.mb-40{ margin-bottom: 40px; }
.mb-50{ margin-bottom: 50px; }
.mr-10{ margin-right: 10px; }
.mr-20{ margin-right: 20px; }
.mr-30{ margin-right: 30px; }
.mr-40{ margin-right: 40px; }
.mr-50{ margin-right: 50px; }
.ml-10{ margin-left: 10px; }
.ml-20{ margin-left: 20px; }
.ml-30{ margin-left: 30px; }
.ml-40{ margin-left: 40px; }
.ml-50{ margin-left: 50px; }

.fs-08{ font-size: 8px; }
.fs-09{ font-size: 9px; }
.fs-10{ font-size: 10px; }
.fs-11{ font-size: 11px; }
.fs-12{ font-size: 12px; }
.fs-13{ font-size: 13px; }
.fs-14{ font-size: 14px; }

.ta-ce{ text-align: center; }
.ta-ri{ text-align: right; }
.ta-le{ text-align: left; }
.al-ce{ text-align: center; }
.al-ri{ text-align: right; }
.al-le{ text-align: left; }

.color01{ color: #007E7E;}
.color02{ color: #E8340C;}

.pa-10{ padding: 10px; }
.pa-20{ padding: 20px; }
.pt-10{ padding-top: 10px; }
.pt-20{ padding-top: 20px; }
.pb-10{ padding-bottom: 10px; }
.pb-20{ padding-bottom: 20px; }
.pr-10{ padding-right: 10px; }
.pl-10{ padding-left: 10px; }

.fs-10{ font-size: 10px;}

/* ===================================
			LP用スタイル
=================================== */

#sp_body{
	max-width: 640px;
	margin: 0px auto;
	line-height: 100%;
}

#sp_body img{
	max-width: 100%;
}


#header_line{
	background-color: #fff;
	border-top: #00507E 5px solid;
}

#header_line h1{
	/*text-align: center;*/
	padding: 5px 5px;
}

#main_visual{
	background-color: #00507e;
}

.btn{
	padding: 10px 10px;
	text-align: center;
}

.btn .to_seminar_list{
	text-align: center;
	margin-top: 10px;
	display: block;
}

.btn .to_seminar_list a{
	color: #fff;
}


.bg_blue{
	background-color: #dae7ed;
}

.common_h2{
	color: #00507e;
	text-align: center;
	font-size: 22px;
	line-height: 24px;
}

.content_inner{
	padding: 10px;
}

.content00{
	padding-top: 50px;
}

.content01{
	padding-top: 50px;
}

.content01_box{
	padding: 10px;
	border: 1px solid #00507e;
	background-color: #fff;
}

.content01_box span{
	font-weight: bold;
	color: #00507e;
}

.content02{
	margin-top: 50px;
}

#sp_body .content02 img{
	max-height: 60px;
}

.content02 table,
.content02 td,
.content02 th {
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.content02 td,
.content02 th {
	width: 50%;
	box-sizing: border-box;
	padding: 10px 5px;
}

.content02 th {
	background-color: #00507e;
	color: #fff;
	vertical-align: middle;
	font-size: 14px;
}

.content03{
	margin-top: 50px;
}

.content03_box{
	border: 1px solid #ccc;
	padding: 10px;
}

.btn_area{
	padding: 20px 0px;
}

.btn_area ul{
	font-size: 10px;
	padding: 0px 10px;
	margin-top: 10px;
}

.btn_area ul li{
	background-color: #fafafa;
	border-radius: 3px;
}

.btn_area ul li:first-child{
	margin-bottom: 2px;
}

.btn_area ul li:first-child a{
	background-image: url("../img/icon_contact_btn01.png");
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 14px;
}

.btn_area ul li:nth-child(2) a{
	background-image: url("../img/icon_contact_btn02.png");
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 14px;
}

.btn_area ul li a{
	color: #00507e;
	display: block;
	padding: 10px 0px 10px 30px;
}

.content04{
	padding-top: 50px;
}

.content04 h3{
	background-color: #00507e;
	color: #fff;
	text-align: center;
	padding: 5px 0px;
	line-height: 1.2em;
	font-weight: normal;
}

#sp_body .content04 img{
	max-height: 60px;
}

.content04_box01{
	background-color: #fff;
}

.content04_box02{
	margin-top: 10px;
	background-color: #fff;
}

.content04_box03{
	margin-top: 10px;
	background-color: #fff;
}

.content05{
	padding-top: 50px;
}

.content05_box{
	background-color: #fff;
	padding: 10px;
}

.content05_box span{
	font-weight: bold;
	color: #00507e;
}



.content06{
	padding-top: 50px;
}

.content06_box{
	border: 1px solid #00507e;
	padding: 10px;
}

.content06 h3{
	background-color: #00507e;
	color: #fff;
	text-align: center;
	padding: 5px 0px;
	line-height: 1.2em;
	font-weight: normal;
}

#sp_body .content06 img{
	max-width: 80px;
}

.content06_box01{
	border: 1px solid #00507e;
}

.content06_box02{
	border: 1px solid #00507e;
	margin-top: 10px;
}

.content06_box03{
	border: 1px solid #00507e;
	margin-top: 10px;
}

.content07{
	padding-top: 50px;
}

.company_box{
	padding: 10px;
	background-color: #DAE7ED;
	border: 1px solid #00507e;
	height: 200px;
	overflow-y: scroll;
}

.company_list{
	padding: 10px;
	background-color: #fff;
}

.company_list .company_img{
	float: left;
	width: 30%;
	margin-right: 2%;
}

.company_list .company_txt{
	float: left;
	width: 68%;
}

.content08{
	padding-top: 50px;
}


.voice_box{
	max-width: 320px;
	margin: 0px auto;
}

.voice_box_img {
	float: left;
	width: 20%;
	padding-top: 80px;
}

.voice_box_txt {
	float: left;
	width: 80%;
}

.voice_box_img img{
	width: 100%;
	height: auto;
}

.say_txt {
	display: inline-block;
	position: relative;
	margin: 0 0 0 20px;
	padding: 10px;
	border-radius: 12px;
	background: #DAE7ED;
}

.voice_box_04 .say_txt {
	padding: 10px;
}

.say_txt:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 70px;
	left: -25px;
	border: 10px solid transparent;
	border-left: 25px solid #DAE7ED;
	-ms-transform: rotate(145deg);
	-webkit-transform: rotate(145deg);
	transform: rotate(145deg);
}

.say_txt h3{
	font-size: 14px;
	font-weight: bold;
	color: #00507e;
	line-height: 1.2em;
	margin-bottom: 5px;
}

.say_txt p {
	margin: 0;
	padding: 0;
}

#security{
	padding: 10px;
	font-size: 10px;
	margin-top: 20px;
}

.security_left{
	float: left;
	width: 20%;
	margin-right: 5%;
	text-align: center;
}

.security_right{
	float: left;
	width: 75%;
}

.security_right p{
	font-size: 10px;
}


footer{
	background-color: #00507e;
	color: #fff;
	margin-top: 50px;
}

footer ul{
	padding: 20px 0px;
	text-align: center;
	margin: 0px auto;
	font-size: 12px;
}

footer ul li{
	float: left;
	width: 50%;
	border-bottom: 1px dotted;
	box-sizing: border-box;
}

footer ul li a{
	color: #fff;
	display: block;
	padding: 10px 0px;
}

footer .copyright{
	font-size: 8px;
	text-align: center;
	padding: 10px 0px;
}

.drawer-menu{
	line-height: 12px;
}

#page_top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 80px;
}


/* ===================================
			フォーム用スタイル
=================================== */

.f_input_box{
	padding: 5px;
}

.f_input_box_form{
	margin-top: 10px;
}

.f_input_box_form h2{
	background-color: #00507E;
	text-align: center;
	padding: 10px 0px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: normal;
}

.f_input_box_form table{
	width: 100%;
	border-collapse: inherit;
	font-size: 14px;
}

.f_input_box_form th{
	width: 100%;
	padding: 10px 0px 10px 10px;
	text-align: left;
	position: relative;
	border-left: 10px #00507E solid;
	background-color: #D8F1FF;
}

.f_input_box_form th .required_text{
	background-color: #E8340C;
	color: #fff;
	padding: 5px 5px;
	position: absolute;
	right: 10px;
	border-radius: 5px;
	top: 5px;
}

.f_input_box_form td{

}

.main_category{
	padding: 10px 0px;
}

.main_category li{
	float: left;
	width: 49%;
	box-sizing: border-box;
	border: 1px solid #00507E;
	margin-bottom: 2%;
	background-color: #fafafa;
}

.main_category li:nth-child(odd){
	margin-right: 2%;
}

.main_category li input[type=checkbox]{
	width: 16px;
	height: 16px;
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	margin-right: 5px;
}

.main_category li label{
	display: block;
	padding: 10px 5px;
}

.toggle01{
	margin-bottom: 10px;
}

.cate_none{
	display: none;
}

.cate_none dt{
	background-color: #eee;
	padding: 10px;
	position: relative;
}

.cate_none dt .required_text{
	background-color: #E8340C;
	color: #fff;
	padding: 5px 5px;
	position: absolute;
	right: 10px;
	border-radius: 5px;
	top: 5px;
}

.cate_none dt .any_text{
	background-color: #00507E;
	color: #fff;
	padding: 5px 5px;
	position: absolute;
	right: 10px;
	border-radius: 5px;
	top: 5px;


}

.cate_none dd{
	padding: 10px 0px;
}

.cate_none dd ul li{
	float: left;
	width: 49%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	margin-bottom: 2%;
	background-color: #fafafa;
}

.cate_none dd ul li:nth-child(odd){
	margin-right: 2%;
}

.cate_none dd ul li input[type=checkbox]{
	width: 16px;
	height: 16px;
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	margin-right: 5px;
}

.cate_none dd ul li label{
	display: block;
	padding: 10px 5px;
}

.suggestion label{
	box-sizing: border-box;
	border: 1px solid #ccc;
	background-color: #fafafa;
	display: block;
	padding: 10px 5px;
}

.suggestion label input[type=checkbox]{
	width: 16px;
	height: 16px;
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	margin-right: 5px;
}

.inp_td{
	padding: 10px 0px;
}

.inp_td input{
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	border-radius: 5px;
	border: 1px #333 solid;
  -webkit-appearance: none;
	font-size: 16px;
}

span.note_text{
	font-size: 12px;
	color: #970000;
	margin-top: 5px;
	display: block;
}

.textarea_td{
	padding: 10px 0px;
}

.textarea_td textarea{
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	border-radius: 5px;
	border: 1px #333 solid;
	min-height: 200px;
}

.example_text{
	font-size: 10px;
}

.example_text dt{
	margin-top: 10px;
	border-bottom: 1px #ccc dotted;
	font-weight: bold;
}

.select_td{
	padding: 10px 0px;
}

.select_td select{
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	border-radius: 5px;
	border: 1px #333 solid;
	font-size: 16px;
	background: none;
}

.select_td select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#ms1,#ms2,#ms3,#ms4,#ms5,#ms6,#ms7{
	width:204px;
}

.ms-parent {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 100% !important;
}

.ms-parent .ms-choice{
	width: 100% !important;
}


.ms-choice {
    display: block;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #333;
		border-radius: 5px;
    text-align: left;
    white-space: nowrap;
		font-size:16px;
    color: #000000;
    text-decoration: none;
    background-color: #fff;

}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.ms-choice > span {
	top: 0;
	left: 0;
	right: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	padding-left: 8px;
	padding: 15px;
}

.ms-choice > span.placeholder {
  color: #000000;


}

.ms-choice > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
}


.ms-drop {
	overflow: hidden;
	display: none;
	margin-top: -1px;
	padding: 0;
	position: absolute;
	z-index: 1000;
	background: #fff;
	color: #000;
	border: 1px solid #333;
	width: 100% !important;
	box-sizing: border-box;
	font-size:16px;
}

.ms-drop.bottom {
    top: 100%;
}

.ms-drop.top {
    bottom: 100%;
}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #333;
    border-radius: 0;
}

.ms-search, .ms-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px;
		font-size: 16px;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group {
    clear: both;
}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-drop ul > li label.optgroup {
    font-weight: bold;
}

.ms-drop input[type="checkbox"] {
    vertical-align: middle;
}

.ms-drop .ms-no-results {
    display: none;
}


.switch_tab li {
	float: left;
	list-style-type: none;
	width: 50%;
	box-sizing: border-box;
}

.switch_tab li a {
	color: #333;
	text-decoration: none;
	display: block;
	text-align: center;
	background: #F0F4F7;
	border-bottom: none;
	padding: 10px 0px;
}

.switch_tab li .switch_current{
	background: #00507E;
	color: #FFF;
	font-weight: bold;
	font-size: 120%;
}

.switch_tab li a span{
	font-size: 8px;
	font-weight: normal;
}

#switch_contents{
    clear:both;
}

.to_confirmation{
	margin-top: 20px;
}

#switch_tab01{
	padding: 10px 0px;
}

#switch_tab02{
	padding: 10px 0px;
}

.switch_div table{

	width: 100%;
}

.switch_div th{
	background-color: #D8F1FF;
	padding: 10px;
	width: 100%;
	text-align: left;
	position: relative;
	border-radius: 5px;
	font-size: 14px;
}

.switch_div td{
	padding: 10px 0px;
}

.switch_div td input{
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	border-radius: 5px;
	border: 1px #333 solid;
  -webkit-appearance: none;
	font-size: 16px;
}

.switch_div .required_text{
	background-color: #E8340C;
	color: #fff;
	padding: 5px 5px;
	position: absolute;
	right: 10px;
	border-radius: 5px;
	top: 5px;
}

.switch_div input[type="image"]{
	cursor: pointer;
	width: 100%;
}

.confirm_table td{
	padding: 10px 0px;
}

.confirm_table td div dt{
	background-color: #eee;
	padding: 5px;
	margin-bottom: 10px;
}

.return_edit{
	margin-top: 5px;
	text-align: center;
	font-size: 16px;
}

.return_edit a{
	color: #970000;
}

.tomypage_btn{
	margin-top: 10px;
}

.tomypage_btn input[type="image"]{
	cursor: pointer;
	width: 100%;
}