@charset "utf-8";
/*
 * style.css
 *
 *  version --- 1.0
 *  updated --- 2017/9/3
 */
@media screen and (max-width: 479px){
#wrapper #header {
    width:auto;
    border-bottom: 2px solid #231815;
    box-sizing: border-box;
}
}
 #header {
    width: 1020px;
    margin: auto;
}
html table.gsc-search-box td {
    vertical-align: middle;
    padding: 3px;;
    margin: 0;
    vertical-align: top;
}
 input.gsc-search-button-v2 {
    vertical-align: middle;
}
html #header .headerIn .siteSearch,
html .gsc-control-cse{
    padding:0;
    padding-top:0;
}
.gsc-search-box{
    max-width:260px;
}
html .cse .gsc-search-button input.gsc-search-button-v2, html input.gsc-search-button-v2 {
    margin-top: 0;
}
.btnspe .cmnSubmit {
	color:#000;
}
#checkShow {
	display: none;
}

.teaserLogin {
	background: url(../img/teaser_login.jpg) center center no-repeat #f0f1f1;
	width: 100%;
	height: 280px;
	position: relative;
	z-index: 1;
}

.teaserLogin .logoEn {
	padding: 35px 0 22px 30px;
}

.teaserLogin .teaserBox {
	background: rgba(255,255,255,0.8);
	padding: 17px 30px 11px 27px;
	font-size: 3.4rem;
	line-height: 1.34;
	box-sizing: border-box;
	float: left;
}

.teaserLogin .teaserTxt {
	padding-left: 50px;
}

.loginWrap {
	padding:  70px 60px 60px;
}


.loginWrap .loginBox {
	float: left;
	width: 365px;
	background: #f0f1f1;
	box-sizing: border-box;
	padding: 33px 33px 16px;
}

.loginWrap .loginBox a {
	color: #6d6c6c;
}
.loginWrap .loginTitle {
	border-bottom: 2px solid #c3c4c4;
	padding-bottom: 10px;
	font-size: 1.8rem;
	line-height: 1.5;
	text-align: center;
}

.loginWrap .loginInner {
	padding: 13px 15px 0
}

.loginWrap .inpLogin {
	border: 1px solid #b5b5b6;
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
	width: 100%;
	height: 36px;
	box-sizing: border-box;
	padding: 0 10px;
	font-size: 1.4rem;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.loginWrap .submitLogin {
	width: 100%;
	height: 38px;
	display: block;
	text-align: center;
	color: #fff;
	font-family: 'Noto Sans', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ",Meiryo,'ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.4rem;
	border: 0;
	background: #3478B7;
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	cursor: pointer;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
.loginWrap .submitLogin:hover {
	opacity: .7;
}


.loginWrap .newLoginBox {
	float: right;
	border: 1px solid #909090;
	width: 365px;
	background: #fff;
	box-sizing: border-box;
	padding: 33px 33px 16px;
}

.loginWrap .newLoginBox .newLogoTitle {
	text-align: center;
	font-size: 1.8rem;
	line-height: ;
	color: #C43235;
	font-weight: bold;
	margin-bottom: 5px;
}


/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {
	.loginWrap {
		padding:  70px 10px 60px;
	}
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
	.teaserLogin {
		background: url(../img/teaser_login.jpg) center center no-repeat #f0f1f1;
		width: 100%;
		height: 280px;
		position: relative;
		z-index: 1;
	}

	.teaserLogin .logoEn {
		padding: 35px 0 22px 30px;
	}

	.teaserLogin .teaserBox {
		font-size: 1.7rem;
		padding: 17px 20px 11px 27px;
	}

	.teaserLogin .teaserTxt {
		padding-left: 30px;
	}
	.loginWrap {
		padding:  20px 10px;
	}

	.loginWrap .loginBox {
		float: none;
		width: 100%;
		background: #f0f1f1;
		box-sizing: border-box;
		padding: 33px 10px 16px;
	}
	.loginWrap .loginTitle {
		border-bottom: 2px solid #c3c4c4;
		padding-bottom: 10px;
		font-size: 1.8rem;
		line-height: 1.5;
		text-align: center;
	}

	.loginWrap .loginInner {
		padding: 10px 10px 0
	}

	.loginWrap .newLoginBox {
		float: none;
		border: 1px solid #909090;
		width: 100%;
		background: #fff;
		box-sizing: border-box;
		padding: 33px 10px 16px;
		margin-top: 20px;
	}

	.loginWrap .newLoginBox .newLogoTitle {
		text-align: center;
		font-size: 1.8rem;
		line-height: ;
		color: #C43235;
		font-weight: bold;
		margin-bottom: 5px;
	}
}

.choseYear .ui-datepicker-calendar,
.choseMonth .ui-datepicker-calendar,
.choseYear .ui-datepicker-month,
.choseDay .ui-datepicker-header {
	display: none;
}
@media only screen and (max-width: 480px){
    .mainInner dl{
        box-sizing:border-box;
        padding:5px;
    }
    .mainInner dl:nth-child(even){
        background:#F0EDDC;
    }
    .mainInner dl:nth-child(odd){
        background:#efefef;
    }
html #navi > ul {
    background-color: #fff;
}
#memberHeader .memberLogo,
#memberHeader .memberLogin{
    display:block;
    float: none;
    text-align: center;
}
}

/* !top
---------------------------------------------------------- */
#mainVisual {
	background: #f0f1f1;
	position: relative;
	z-index: 1;
	/*box-shadow: 0 3px 3px rgba(0,0,0,0.5);*/
}

#mainVisual .mainVisualIn {
	width: 100%;
	background: url(../img/bg_mainvisual.png) right center no-repeat;
	background-size: auto 100%;
	min-height: 425px;
	position: relative;
}
#mainVisual .mainVisualTxt {
	position: absolute;
	font-size: 3rem;
	line-height: 1.6;
	right: 20px;
	top: 130px;
	z-index: 2;
}
#mainVisual .mainVisualBox {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 40px;
	z-index: 2;
}

#mainVisual .mainVisualBox .mainVisualLeft {
	float: left;
	width: 54.5%;
}
#mainVisual .mainVisualBox .mainVisualRight {
	float: right;
	width: 39%;
}
#mainVisual .mainVisualBox .mainVisualRight img {
	width: 81.25%;
}


/*top_service*/
.sectionWrap {
	padding: 22px 0 20px;
	/*background-color: skyblue;*/
}
.service_box{
	/*background-color: aliceblue;*/
}
.service_img_box{
	overflow: hidden;
}
.service_img_module{
	width: 33.33%;
	/*background-color: aquamarine;*/
	float: left;
}
.service_img_module:nth-child(1){
	text-align: left;
}
.service_img_module:nth-child(2){
	text-align: center;
}
.service_img_module:nth-child(3){
	text-align: right;
}
.service_img_module img{
	max-width: 96%;
}
.service_img_module a{
	opacity: 0.9;
}
.service_img_module a:hover{
	opacity: 1;
}
.service_link_bg{
	background-color: #3478b7;
	padding-top: 151px;
	margin-top: -151px;
	padding-bottom: 40px;
}
.service_btn_box{
	max-width: 740px;
	/*background-color: aliceblue;*/
	margin: 0 auto;
	overflow: hidden;
	padding-top: 40px;
}
.service_btn_l{
	float: left;
	width: 50%;
	text-align: left;
}
.service_btn_r{
	float: left;
	width: 50%;
	text-align: right;
}
.service_btn_box a{
	opacity: 0.9;
}
.service_btn_box a:hover{
	opacity: 1;
}
.service_btn_box img{
	max-width: 97%;
}
.service_link_c2{
	max-width: 720px;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 1.4rem;
	margin: 20px auto 0;
	padding: 10px 10px;
}
@media screen and (max-width: 1020px) {
	.service_link_bg {
	    padding-top: 0px;
	    margin-top: 0px;
	    padding-bottom: 40px;
	    padding-left: 20px;
	    padding-right: 20px;
	    display: none;
	}
}




.topServiceWrap + .topServiceWrap {
	margin-top: 50px;
}
.topServiceWrap .topServiceImg {
	float: left;
	margin-right: 110px;
	position: relative;
}
.topServiceWrap .topServiceCat {
	position: absolute;
	right: -84px;
	top: 0;
	z-index: 2;
}
.topServiceWrap .topServiceCat span {
	width: 110px;
	height: 110px;
	display: table-cell;
	background: #3478B7;
	vertical-align: middle;
	line-height: 1.52;
	font-weight: bold;
	font-size: 2rem;
	color: #fff;
	padding-left:5px;
	box-sizing:border-box;
	-webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: -1px 1px 2px rgba(0,0,0,0.5);
}

.topServiceWrap .topServiceTit {
	font-size: 2.7rem;
	line-height: 1.185;
	font-weight: bold;
	margin-bottom: 7px;
}

.topAccessWrap .topAccessMap {
	float: left;
	width: 58%;
	margin-right: 20px;
}

.topAccessWrap .topAccessBox {
	font-size: 1.8rem;
	line-height: 1.25;
	padding-top: 10px;
}
.topAccessWrap .topAccessAddr {
	font-size: 1.8rem;
	line-height: 1.33;
	margin-bottom: 40px;
}

.topLoginWrap .topLoginHead {
	width: 100%;
	background: url(../img/bg_top_login.jpg) center center no-repeat;
	min-height: 240px;
	position: relative;
}
.topLoginWrap .topLoginLogo01 {
	position: absolute;
	left: 30px;
	top: 24px;
	z-index: 2;
}
.topLoginWrap .topLoginLogo02 {
	position: absolute;
	left: 1px;
	bottom: 30px;
	z-index: 2;
}

.topLoginWrap .topLoginTxt {
	position: absolute;
	width: 446px;
	right: 0;
	top: 30px;
	z-index: 2;
	font-size: 2rem;
	line-height: 1.5;
}
.topLoginWrap .topLoginTxt span {
	font-size: 3.8rem;
	line-height: 1.1;
	display: block;
}

.topLoginWrap .topLoginBody {
	background: #f1f1f1;
	padding: 12px 35px;
}

.topLoginWrap .topLoginMerit {
	background: #dacec2;
	width: 50%;
	float: left;
}
.topLoginWrap .topLoginMeritIn {
	padding: 20px 9.4%;
	font-size: 1.8rem;
	line-height: 1.72;
}

.topLoginWrap .topLoginMeritTit {
	font-size: 2.4rem;
	line-height: 1.5;
	margin-bottom: 15px;
	font-weight: bold;
	color: #C43235;
	text-align: center;
}

.topLoginWrap .topLoginBox {
	float: right;
	width: 44%;
	padding: 12px 13px;
	box-sizing: border-box;
}

.topLoginWrap .topLoginDiscount {
	margin-bottom: 15px;
}

.topLoginWrap .topLoginDiscount li {
	float: left;
	width: 50%;
	text-align: center;
}
.topLoginWrap .topLoginDiscount .discountItem {
	display: inline-block;
	border: 4px solid #000;
}
.topLoginWrap .topLoginDiscount .discountBox{
	display: table-cell;
	width: 118px;
	height: 118px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	box-sizing:border-box;
}
.topLoginWrap .topLoginDiscount .discountTxt01{
	font-size: 2.2rem;
	line-height: 1.37;
	text-align:left;
	padding: 0 2px;
	box-sizing:border-box;
}
.topLoginWrap .topLoginDiscount .discountTxt02{
	font-size: 2.2rem;
	line-height: 1.18;
	text-align:left;
	padding: 0 2px;
	box-sizing:border-box;
}

.topLoginWrap .topLoginBtn a {
	display: block;
	width: 100%;
	background: #C43235;
	padding-right: 22px;
	font-size: 1.8rem;
	line-height: 1.5;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
}
.topLoginWrap .topLoginBtn a span {
	display: block;
	background: url(../img/ico_link01.png) right center no-repeat;
	padding: 10px 22px;
}
.topLoginWrap .topLoginBtn a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.bannerWrap {
	padding: 140px 0 20px;
}

.bannerWrap ul {
	/*margin-left: -10px;*/
	display: table;
    width: 100%;
}
.bannerWrap ul:nth-of-type(1), .topLoginBtn:nth-of-type(1) {
    margin-top: 0px;
}
.bannerWrap li {
	
	display: table-cell;
    /* padding-left: 10px; */
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
}
.bannerWrap li:nth-child(1) {
    text-align: left;
}
.bannerWrap li:nth-last-child(1) {
    text-align: right;
}
.bannerWrap ul, .topLoginBtn {
    margin-top: 20px;
}

.bannerWrap li a {
	display: block;
}

.topNewsWrap {
	padding-left:85px;
}
.topNewsWrap .topNewsLink li {
	font-size:1.4rem;
	line-height:1.5;
	position:relative;
	padding:4px 0 0 85px;
}
.topNewsWrap .topNewsLink .listDate {
	position:absolute;
	left:0;
	top:4px;
	z-index:2;
}

.topLoginWrap .topLoginPan {
	padding:0 0 15px 85px;
	font-size:1.4rem;
	line-height:1.5;
}
.topLoginWrap .cmnBtnLink {
	width:390px;
	height:70px;
}
.topLoginWrap .speBtnEn {
	font-size:1.8rem;
	line-height:1.94;
	height:70px;
	padding-left:50px;
	box-sizing:border-box;
	text-align:left !important;
}






/*top_video*/
.top_video_box{
	/*max-width: 700px;*/
	margin: 0 auto;
	overflow: hidden;
	padding-top: 20px;
}
.top_video_l{
	/*width: 55%;*/
	/*float: left;*/
}
.top_video_r{
	/*width: 40%;*/
	/*float: right;*/
	text-align: center;
}
.top_video_title{
	
}
.top_video_title img{
	vertical-align: middle;
}
.top_video_title span{
	vertical-align: middle;
	font-size: 2.4rem;
	font-weight: bold;
	margin-left: 10px;
}
.top_video_text{
	font-size: 1.4rem;
	padding-top: 10px;
	padding-left: 54px;
	padding-bottom: 20px;
}
.top_video_text span{
	font-size: 1.2rem;
}
.top_video_r{
	position: relative;
}
.top_video_r img{
	width: 100%;
	display: block;
	margin: 0 auto;
}
.top_video_r iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}






.bannerWrap_bnr_box{
	text-align: center;
}
.bannerWrap_bnr_box a{
	display: inline-block;
}
.bannerWrap_bnr_box img{
	max-width: 100%;
	margin: 10px 20px;
	display: block;
}




/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {

	#mainVisual .mainVisualIn {
		width: 100%;
		background-size: cover;
		min-height: 600px;
	}
	#mainVisual .mainVisualTxt {
		right: 20px;
	}
	#mainVisual .mainVisualBox {
		position: absolute;
		left: 0;
		width: 100%;
		bottom: 60px;
		z-index: 2;
	}

	.sectionWrap {
		padding: 22px 20px 20px;
	}

	.topAccessWrap .topAccessMap {
		float: left;
		width: 58%;
		margin-right: 20px;
	}

	.topLoginWrap .topLoginTxt {
		width: 400px;
		top: 20px;
	}

	.bannerWrap {
		padding: 140px 20px 20px;
	}
	.topNewsWrap {
		padding-left:40px;
	}
	.topLoginWrap .topLoginPan {
		padding:0 0 15px 40px;
	}
	.topLoginWrap .topLoginBtn a {
		font-size:1.6rem;
		line-height:1.2;
	}
	.topLoginWrap .topLoginBtn a span {
		display: block;
		background: url(../img/ico_link01.png) right center no-repeat;
		background-size:16px auto;
		padding: 5px 22px;
	}

}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
	#mainVisual .mainVisualIn {
		min-height: auto;
		text-align: center;
		padding: 30px 10px;
		box-sizing: border-box;
	}
	#mainVisual .mainVisualTxt {
		right: 0;
		top: 0;
		font-size: 2.5rem;
		line-height:1.4;
		text-align: left;
		width: auto;
		display: inline-block;
		position: relative;
	}
	#mainVisual .mainVisualBox {
		bottom: 0;
		position: relative;
		margin-top: 30px;
	}
	#mainVisual .mainVisualRight {
		text-align: right;
	}

	.sectionWrap {
		padding: 11px 10px 10px;
	}

	.topServiceWrap + .topServiceWrap {
		margin-top: 25px;
	}

	.topLoginWrap .topLoginBody {
		padding: 12px 15px;
	}

	.topLoginWrap .topLoginBox {
		padding: 12px 0;
		width: 48%;
	}

	.topLoginWrap .topLoginTxt {
		width: 300px;
		top: 20px;
		font-size: 1.6rem;
	}

	.topLoginWrap .topLoginTxt span {
		font-size: 3rem;
	}

	.bannerWrap {
		padding: 40px 10px 10px;
	}
	.topLoginWrap .topLoginPan {
		padding:0 0 15px 0;
	}
	.topNewsWrap {
		padding-left:10px;
	}
	.topLoginWrap .cmnBtnLink {
		width:290px;
		height:46px;
		background: url(../img/ico_link01.png) 96% center no-repeat #3478B7;
		background-size:15px auto;
	}
	.topLoginWrap .speBtnEn {
		font-size:1.6rem;
		line-height:1.43;
		height:50px;
		padding-left:0;
		box-sizing:border-box;
		text-align: center !important;
	}
	.topLoginWrap .topLoginDiscount .discountTxt01{
		font-size: 1.8rem;
	}
	.topLoginWrap .topLoginDiscount .discountTxt02{
		font-size: 1.8rem;
	}
	.topLoginWrap .topLoginBtn a {
		text-align:center;
	}
}

@media screen and (max-width: 639px) {


	.topLoginWrap .topLoginMerit {
		background: #dacec2;
		width: auto;
		float: none;
	}

	.topLoginWrap .topLoginBox {
		padding: 12px 0;
		width: auto;
		float: none;
	}

	.topLoginWrap .topLoginTxt {
		width: 50%;
		top: 10px;
		font-size: 1.6rem;
	}

	.topLoginWrap .topLoginTxt span {
		font-size: 2.1rem;
	}
	.bannerWrap ul, .topLoginBtn {
	    margin-top: 0px;
	}
	.bannerWrap li {
		width: 50%;
	    min-height: 60px;
	    display: block;
	    float: left;
	    margin-bottom: 10px;
	}

	.bannerWrap li {
		margin-bottom: 10px;
	}
	.bannerWrap li:nth-child(1) {
	    text-align: center;
	}
	.bannerWrap li:nth-last-child(1) {
	    text-align: center;
	}
}

@media screen and (max-width: 479px) {
	.topServiceWrap .topServiceImg {
		float: none;
		margin-right: 84px;
		margin-bottom: 20px;
		position: relative;
	}
	.topServiceWrap .topServiceImg img {
		width: 100%;
	}

	.topServiceWrap .topServiceTit {
		font-size: 2rem;
	}

	.topAccessWrap .topAccessMap {
		float: none;
		width: 100%;
		margin-right: 0;
		text-align: center;
		margin-bottom: 20px;
	}

	.topLoginWrap .topLoginBody {
		padding: 10px;
	}

	.topLoginWrap .topLoginHead {
		width: 100%;
		background: url(../img/bg_top_login.jpg) center center no-repeat;
		min-height: 240px;
		position: relative;
	}
	.topLoginWrap .topLoginLogo01 {
		position: absolute;
		left: 10px;
		top: 10px;
		z-index: 2;
	}
	.topLoginWrap .topLoginLogo02 {
		position: absolute;
		left: 0;
		bottom: 20px;
		z-index: 2;
		width: 100%;
		padding: 0 1px;
		box-sizing: border-box;
	}


	.topLoginWrap .topLoginTxt {
		width: 80%;
		top: 80px;
		font-size: 1.4rem;
	}
	.topLoginWrap .topLoginTxt span {
		font-size: 1.8rem;
	}

	.topLoginWrap .topLoginMeritIn {
		padding: 10px;
		font-size: 1.6rem;
	}
	.topLoginWrap .topLoginMeritTit {
		font-size: 2rem;
		margin-bottom: 10px;
	}

	.topLoginWrap .topLoginBtn a {
		font-size: 1.4rem;
		padding-right:18px;
		text-align:center;
	}

	.topAccessWrap .topAccessBox {
		font-size: 1.4rem;
	}
	.topAccessWrap .topAccessAddr {
		font-size: 1.6rem;
		margin-bottom: 20px;
	}
	.bannerWrap ul {
		margin-left: 0;
	}

	.bannerWrap li {
		float: none;
		width: auto;
		padding-left: 0;
	}
	
	/*top_service*/
	.service_img_module {
	    width: 100%;
	    /* background-color: aquamarine; */
	    text-align: center;
	}
	.service_img_module:nth-child(1) {
	    text-align: center;
	}
	.service_img_module:nth-child(2) {
	    text-align: center;
	    padding: 10px 0;
	}
	.service_img_module:nth-child(3) {
	    text-align: center;
	    padding-bottom: 10px;
	}
	.service_img_module img {
	    max-width: 100%;
	}
	.service_link_bg {
	    padding-top: 0px;
	    margin-top: 0px;
	    padding-bottom: 40px;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.service_btn_box {
	    padding-top: 40px;
	}
	.service_btn_l {
	    float: left;
	    width: 100%;
	    text-align: center;
	    padding-bottom: 10px;
	}
	.service_btn_r {
	    float: left;
	    width: 100%;
	    text-align: center;
	}
	.service_btn_box a {
	    opacity: 1;
	}
	.service_link_c2 {
	    max-width: 300px;
	    padding: 10px 10px;
	}
	.service_btn_box img {
	    max-width: 100%;
	}
	
	
	
	
	
	.top_video_title img {
	    width: 30px;
	}
	.top_video_title span {
	    font-size: 1.8rem;
	    margin-left: 10px;
	}
	.top_video_text {
	    padding-top: 5px;
	    padding-left: 40px;
	    padding-bottom: 10px;
	    text-align: justify;
	}
	.top_video_title {
		text-align: justify;
	}
	
	
	
	
	
	.bannerWrap_bnr_box a{
		display: inline;
	}
	.bannerWrap_bnr_box img{
		max-width: 100%;
		margin: 10px auto;
		display: block;
	}
	
	

}

.flowBox {
	max-width: 867px;
	margin:  0 auto;
}

.flowNote {
	color: #E60012;
	text-align: right;
	font-size: 1.6rem;
}
@media screen and (max-width: 479px) {
	.flowNote {
		font-size: 1.2rem;
		text-align: left;
		padding-left: 1em;
		text-indent: -1em;
	}
}

/* !about
---------------------------------------------------------- */
.aboutTitle {
	font-size:2.4rem;
	line-height:1.5;
	color:#458dcb;
	font-weight:bold;
}
.aboutTxt01 {
	font-size:1.6rem;
	line-height:1.5;
}
.aboutArea {
	max-width:716px;
	margin:0 auto;
	padding:55px 0 25px 0;
}
.aboutArea img {
	width:100%;
}
.aboutArea .note {
	color:#ec6d59;
	text-align:right;
	font-size:1.4rem;
	line-height:2;
}
.aboutAgree .list01 {
	font-size:1.6rem;
	line-height:1.5;
	margin-top:25px;
}
.aboutLink {
	background:#ebecec;
	padding:56px 60px 36px;
	margin-top:28px;
}
.aboutBox {
	font-size:1.6rem;
	line-height:1.5;
	margin-left:-40px;
	padding-bottom:20px;
}
.aboutBox li {
	float:left;
	width:33.33%;
	padding-left:40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.aboutBoxTit p {
	display:block;
	font-size:2.7rem;
	line-height:1.3;
	text-align:center;
	color:#fff;
	padding:36px 0;
	margin-bottom:2px;
}
.aboutBoxTit .bg01 {
	background:url(../img/img_about01.png) center center no-repeat;
	background-size:cover;
}
.aboutBoxTit .bg02 {
	background:url(../img/img_about02.png) center center no-repeat;
	background-size:cover;
}
.aboutBoxTit .bg03 {
	background:url(../img/img_about03.png) center center no-repeat;
	background-size:cover;
}
.aboutBoxTit a:hover {
	text-decoration:none;
	opacity:.7;
}
.aboutBoxTit span {
	display:block;
	background:rgba(52,120,183,0.9);
}
.aboutMerritt {
	font-size:2rem;
	line-height:2;
	color:#458dcb;
	font-weight:bold;
	background:url(../img/line_about.png) 0 center repeat-x;
}
.aboutMerritt span {
	background:#ebecec;
	padding-right:15px;
}
.aboutPan {
	margin-left:-30px;
}
.aboutPan li {
	float:left;
	width:33.33%;
	padding-left:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.aboutLeft {
	float:left;
}
.aboutRight {
	overflow:hidden;
	padding:7px 0 0 10px;
	color:#458dcb;
	font-weight:bold;
	font-size:1.8rem;
	line-height:1.5;
}
.top_video_box02{
	padding: 20px 0 40px;
}

@media screen and (max-width: 959px) {
	.aboutTitle {
		font-size:2rem;
	}
	.aboutLink {
		padding:30px 30px 30px;
	}

}
@media screen and (max-width: 767px) {
	.aboutArea {
		max-width:100%;
		margin:0 auto;
		padding:30px 0;
	}
	.aboutBox {
		font-size:1.6rem;
		line-height:1.5;
		margin-left:0;
		padding-bottom:20px;
	}
	.aboutBox li {
		float:none;
		width:100%;
		padding-left:0;
	}
	.aboutBox li+li {
		margin-top:20px;
	}
	.aboutBoxTit p {
		font-size:2.8rem;
		padding:36px 0;
	}
	.aboutPan {
		margin-left:0;
	}
	.aboutPan li {
		float:none;
		width:100%;
		padding-left:0;
	}
	.aboutPan li+li {
		margin-top:10px;
	}
	.aboutLeft {
		float:left;
	}
	.aboutRight {
		padding:7px 0 0 10px;
		font-size:1.5rem;
		line-height:1.5;
	}
}
@media screen and (max-width: 479px) {
	.aboutTitle {
		font-size:1.6rem;
	}
	.aboutTxt01 {
		font-size:1.4rem;
	}
	.aboutArea .note {
		font-size:1.1rem;
	}
	.aboutAgree .list01 {
		font-size:1.4rem;
	}
	.aboutBoxTit p {
		font-size:2rem;
		padding:36px 0;
	}
	.top_video_box02{
		padding: 10px 0 40px;
	}
}
/* !sitemap
---------------------------------------------------------- */
.sitemapWrap {
	padding:0 0 25px 0;
}
@media screen and (max-width: 959px) {
	.sitemapWrap {
		padding: 0 20px 20px;
	}
}
@media screen and (max-width: 767px) {
	.sitemapWrap {
		padding: 0 10px 20px;
	}
}

/* !acceccbility
---------------------------------------------------------- */
.acceccTxt {
	padding:5px 0 0 40px;
}
.acceccArea .list01 {
	padding:25px 0 0 40px;
}
.acceccLink {
	padding:0 0 0 40px;
}
@media screen and (max-width: 479px) {
	.acceccTxt {
		padding:5px 0 0 20px;
	}
	.acceccArea .list01 {
		padding:25px 0 0 20px;
	}
	.acceccLink {
		padding:0 0 0 20px;
	}

}
/* !deta
---------------------------------------------------------- */
.detaArea {
	padding-top:30px;
	margin-left:-60px;
}
.detaArea li {
	float:left;
	width:33.33%;
	padding-left:60px;
	margin-bottom:50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.detaBox {
	text-align:center;
	background:#f2f2f1;
	padding:20px 0 2px;
}
.detaTxt01 {
	font-size:1.8rem;
	line-height:1.5;
	padding-top:5px;
}
.detaTxt02 {
	font-size:1.8rem;
	line-height:1.5;
	padding: 45px 0;
}
.detaBox:hover {
	opacity:.7;
}
@media screen and (max-width: 959px) {
	.detaArea {
		margin-left:-30px;
	}
	.detaArea li {
		padding-left:30px;
	}
}

@media screen and (max-width: 767px) {
	.detaArea {
		margin-left:-10px;
	}
	.detaArea li {
		padding-left:10px;
	}
	.detaArea li {
		float:left;
		width:50%;
		margin-bottom:10px;
	}
	.detaTxt01 {
		font-size:1.5rem;
		padding-top:5px;
	}
	.detaTxt02 {
		font-size:1.5rem;
		line-height:1.5;
		padding: 30px 0;
	}

}

/* !sitepolicy
---------------------------------------------------------- */
.sitepolicyBox {
	padding:25px 0 0 70px;
}
@media screen and (max-width: 479px) {
	.sitepolicyBox {
		padding:20px 0 0 20px;
	}
}
/* !access
---------------------------------------------------------- */
.accessWrapTxt {
	font-size:1.8rem;
	line-height:1.5;
	padding:24px 0 0;
}
.accessLinkBox {
	padding:68px 0 0;
}
.accessLinkBox li+li {
	margin-top:38px;
}
.accessLinkBox li {
	padding:30px 50px 30px 40px;
	background:#f2f2f1;
	border-left:30px solid #458dcb;
}
.accessLinkBox .accessLinkTit {
	float:left;
	font-size:1.8rem;
	line-height:1.5;
	width:50%;
}
.accessLinkBox .accessLinkTit span {
	display:block;
	font-size:2.4rem;
	line-height:1.5;
	color:#458dcb;
	font-weight:bold;
}
.accessLinkBox .accessBtn {
	float:right;
	padding-top:10px;
	width:44%;
}
.accessLinkBox .cmnBtnLink {
	width:100%;
	text-align:left;
	padding-left:50px;
	box-sizing:border-box;
}
#header #toplink{
    display:none;
}
#header #toplinks{
    position:absolute;
    top:14px;
    right:169px;
}
#header #toplinks a{
    color:#69F;
    font-size:1.15rem;
}
.flL{
    width:auto;
}
.name01, .name02{
    display:inline;
}
@media screen and (max-width: 767px) {
        #header #toplinks{
        display:none;
    }
	.accessLinkBox li {
		padding:20px 20px 20px 20px;
		border-left:10px solid #458dcb;
	}
	.accessLinkBox {
		padding:30px 0 0;
	}
	.accessLinkBox li+li {
		margin-top:20px;
	}
	.accessLinkBox .accessLinkTit {
		float:none;
		font-size:1.6rem;
		width:100%;
	}
	.accessLinkBox .accessLinkTit span {
		font-size:2rem;
		line-height:1.5;
	}
	.accessLinkBox .accessBtn {
		float:none;
		padding-top:10px;
		width:100%;
	}
	.accessLinkBox .cmnBtnLink {
		text-align:left;
		padding-left:10px;
		font-size:1.6rem;
	}

}
@media screen and (max-width: 479px) {
	.accessWrapTxt {
		font-size:1.4rem;
	}
	.accessLinkBox .accessLinkTit {
		float:none;
		font-size:1.4rem;
		width:100%;
	}
	.accessLinkBox .accessLinkTit span {
		font-size:1.8rem;
	}

}