/* sass */
img { max-width: 100%; height: auto; }
@media all and (min-width: 768px) { .sp-show{ display:none;} .pc-show{ display:block;} }

@media all and (max-width: 767px) { .pc-show{ display:none;} .sp-show{ display:block;} }


.header { background-color: #fff; overflow: hidden; }

@media all and (min-width: 768px) { .header { width: 980px; margin: 0 auto; } }

.header_inner { line-height: 1; }

@media all and (min-width: 768px) { .header_inner {padding-top:30px; } }

@media all and (max-width: 767px) { .header_inner {padding-top:0;padding-left:0; } }

.logo-brand { display: block; }

@media all and (min-width: 768px) { .logo-brand > a { transition: opacity .3s; }
  .logo-brand > a:hover { opacity: .7; } }

@media all and (max-width: 767px) { .logo-brand > a img { max-width: 31%; height: auto; } }

.content-main { background-color: #fff; overflow: hidden; position: relative; }

@media all and (min-width: 768px) { .content-main { width: 980px; margin: 0 auto;} }



@media all and (min-width: 768px) { 
	footer{
		width:980px;
		margin:auto;
		background:#AEAEAE;
		height:54px;
		overflow:hidden;
		text-align:center;
	}

	footer small{
		color:#FFF;
		font-size:16px;
		line-height:54px;
		
	}


	.body-head{
		height:409px;
		position:relative;


	}

	#zawa{
		position:absolute;
		right:0;
		width:385px;
		height:371px;
		z-index:999;
	}

	#zawa img{
		position:absolute;
	}

}
@media all and (max-width: 767px) { 
	footer{
		width:100%;
		margin:auto;
		background:#AEAEAE;
		height:54px;
		overflow:hidden;
		text-align:center;
	}

	footer small{
		color:#FFF;
		font-size:14px;
		line-height:54px;
		
	}


	.body-head{


	}

	#zawa{
		display:none;
	}

	#zawa img{
		display:none;
	}



}
/*
*{
letter-spacing:0.1px;
}
*/
.body-head { overflow: hidden;margin:0;padding:0; }

.heading-main { text-align: center; display: flex; justify-content: center; align-items: center; overflow: hidden; height:auto;margin:0;padding:0; }

.heading-main > img { max-width: 100%; height: auto; transition: all .6s; }
.body-first {
	color:#FFF;
}

@media all and (max-width: 767px) {
	.zoom { 
		width:100%;
	}
}



/*SPAT4�ɂ‚���*/
@media all and (min-width: 768px) { 
	.body-first { background:#000 url("../images/pc/aboud_bg.png") no-repeat left top; height: auto; } 
	.about { background: url("../images/sp/aboud_bg2.png") no-repeat left bottom; background-size: 100% auto;padding-bottom:0px; }

	.body_inner{
		padding-top:60px;
		 width:817px;
		text-align:center;
		margin:auto;
		line-height:200%;
		font-size:16px;
		padding-bottom:318px;
	}
	.body_inner h2{
		text-align:center;
		display:block;
		width:100%;
	}

	.body_inner h2 img{
		margin:0 auto;
	}


	.body_inner .txt{
		padding-top:15px;
		padding-bottom:10px;
	}

}

@media all and (max-width: 767px) { 
	.body-first { background:#000; }

	.about { background: url("../images/sp/aboud_bg.png") no-repeat left bottom; background-size: 100% auto;padding-bottom:280px; }


	.body_inner{
		 width:95%;
		text-align:center;
		margin:auto;
	}
	.body_inner h2{
		margin:0;
	}
	.body_inner .txt{
		padding-top:40px;
		line-height:200%;
		font-size:15px; margin:0;
	}
}
	ul.ul_bit {

list-style-type:none;
	}
@media all and (min-width: 768px) {
	ul.ul_bit {
	  display: table;
	  width: 817px;
list-style-type:none;
		margin:0 auto;
		padding:0;
		margin-top:40px;
	}
	ul.ul_bit li {
	  display: table-cell;
	  width: 50%;
		text-align:cetner;
		vertical-align:bottom;
	}
	ul.ul_bit li.bit1 {
		padding-right:20px;
	}
	ul.ul_bit li.bit2 {
		padding-left:20px;
	}

	.bit1 a{
		display:block;
		width:388px;
		height:60px;
		background:url("../images/pc/bit1_o.png") no-repeat left top;
	}
	.bit1 a img:hover{
		opacity: 0;
		transition: 0.3s ;
	}
	.bit2 a{
		display:block;
		width:388px;
		height:101px;
		background:url("../images/pc/bit2_o.png") no-repeat left top;
	}
	.bit2 a img:hover{
		opacity: 0;
		transition: 0.3s ;
	}

	.kaisetu_bit{
		display:block;
		width:470px;
		height:60px;
		background:url("../images/pc/kaisetu_bit_o.png") no-repeat left top;
	}
	.kaisetu_bit img:hover{
		opacity: 0;
		transition: 0.3s ;
	}


	.inq_bit{
		display:block;
		width:470px;
		height:60px;
		background:url("../images/pc/inq_bit_o.png") no-repeat left top;
	}
	.inq_bit img:hover{
		opacity: 0;
		transition: 0.3s ;
	}


}
@media all and (max-width: 767px) { 

	ul.ul_bit {
	  display: block;
	  width: 85%;
		list-style-type:none;
		margin:0 auto;
		padding:0;
	}

	ul.ul_bit li {
	  padding-top:37px;
	}

	.step1 	ul.ul_bit li {
	  padding-top:25px;
	}

}

/*SPAT4�ɂ‚���*/


/*gaiyou*/
@media all and (min-width: 768px) {
	.gaiyou{
		width:940px;
		margin:auto;
		padding-bottom:380px;
	}
	.gaiyou h2{
		margin:0;
		padding:0;
		margin-bottom:3px;
	}
	ul.gai_table {
	  display: table;
	  width: 940px;
		margin:0 auto;
		padding:0;
		border-bottom:1px solid #EEE;
	}
	ul.gai_table li{
		margin:0;
		padding:0
	}
	ul.gai_table .gai_t{
	  display: table-cell;
	  width: 150px;
		margin:0 auto;
		padding:0;
		background-color:#F2F2F2;

	}
	ul.gai_table .gai_t p{
		padding:20px;		color:#333; margin-bottom:0; line-height:200%;font-size:16px;font-weight:bold;
	}

	ul.gai_table .gai_d{
	  display: table-cell;
	  width: 790px;
		margin:0 auto;
		padding:0;
		background-color:#fff;
		vertical-align:middle;

	}
	ul.gai_table .gai_d p{
		padding:20px;		color:#333; margin-bottom:0; line-height:200%;font-size:16px;
	}

}
@media all and (max-width: 767px) { 
	.gaiyou{
		width:100%;
		margin:auto;
	}
	.gaiyou h2{
		margin:0;
		padding:0;
	}
	ul.gai_table {
	  display: block;
		width:100%;
		margin:0 auto;
		padding:0;
		border-bottom:1px solid #EEE;

	}
	ul.gai_table li{
		margin:0;
		padding:0
	}
	ul.gai_table .gai_t{
	  display: block;
		width:100%;
		margin:0 auto;
		padding:0;
		background-color:#F2F2F2;
		font-size:14px;

	}
	ul.gai_table .gai_t p{
		padding:20px;		color:#333; margin-bottom:0;		font-weight:bold;
	}

	ul.gai_table .gai_d{
	  display: block;
		width:100%;
		margin:0 auto;
		padding:0;
		background-color:#fff;
		vertical-align:middle;		font-size:14px;

	}
	ul.gai_table .gai_d p{
		padding:20px;		color:#333; margin-bottom:0;
	}
}


/*gaiyou*/



/*oubo*/
@media all and (min-width: 768px) {
	.oubo{
		width:940px;
		margin:auto;
		padding-bottom:35px;
		position:relative;
		font-size:16px;

	}
	.oubo h2{
		margin:0;
		padding:0;
		margin-bottom: 3px;
	}


	.step1{
		background:#fff url("../images/pc/oubo_1.png") no-repeat left top;
		width:940px;
		height:180px;
		padding-left:187px;
		padding-top:40px;
	}

	.step1 p{
		margin:0;
		color:#333;
		 line-height:150%;
		padding-bottom:10px;

	}


	.step2{
		background:#fff url("../images/pc/oubo_2.png") no-repeat left top;
		width:940px;
		height:573px;
		margin-top:3px;
	}

	.step2 p{
		padding-left:187px;
		padding-top:40px;
		color:#333;
	}

	.oubo_entry_t{
		position:absolute;
		top:350px;
		left:360px;

	}

	.oubo_os1{
		position:absolute;
		top:397px;
		left:10px;

	}

	.oubo_os2{
		position:absolute;
		top:397px;
		left:321px;
	}
	.oubo_os3 {
		position:absolute;
		top:397px;
		left:630px;

	}

	.oubo_entry_kaiji {
		position:absolute;
		top:90px;
		right:32px;

	}
}

@media all and (max-width: 767px) { 
	.oubo{
		margin:0 auto;
		padding-bottom:0;

	}
	.oubo h2{
		margin:0;
		padding:0;
	}

	.step_box{
		width:100%;
	}


	.step1{
		background:#fff url("../images/sp/oubo_1.png") no-repeat left top ; background-size: 100% auto;
		width:100%;
		height:auto;

	}

	.step1 p{
		padding:0px;
		color:#333;
		font-size:16px;
		line-height:160%;
		width:88%;
		margin:0 auto;
	}


	.step2{
		background:#fff url("../images/sp/oubo_2.png") no-repeat left top; background-size: 100% auto;
		width:100%;
		height:auto;
		margin-top:3px;
		position:relative;
	}

	.step2 p{
		padding:0px;
		color:#333;
		font-size:16px;
		line-height:200%;
		width:88%;
		margin:0 auto;
	}

	.oubo_entry_kaiji {
		position:absolute;
		bottom:0;
		right:0;
		width:37%;

	}

}
.oubo_slide{
	background-color:#234F9D;
	width:100%;
	padding
}



/*oubo*/



/*body_second*/
.body-second {
	color:#FFF;
}

@media all and (min-width: 768px) { 
	.body-second {
		background:#000 url("../images/pc/co_bg1.png") no-repeat left bottom; height: 1195px; 
		position:relative;
	}

}

/*�����J��*/
@media all and (min-width: 768px) { 
	.kaisetu{
		width:980px;
		margin:auto;
		height:280px;
		background:url("../images/pc/kaisetu_bg.png") no-repeat left bottom;
		position:relative;
	}

	.kaisetu a{
		display:block;
		width:470px;
		margin:auto;
		position:absolute;
		height:60px;
		top:175px;
		left:257px;
	}
}
@media all and (max-width: 767px) { 

	.kaisetu{
		background:#fff url("../images/sp/kaisetu_bg.png") no-repeat left top; background-size: 100% auto;
		width:100%;
		margin:auto;
		height:auto;
	}

	.kaisetu .kaisetu_bg{
		width:100%;
		margin:auto;
		height:auto;
	}




	.kaisetu a{
		display:block;
		margin:0 auto;
		width:85%;
	}
}
/*�����J��*/


/*�₢���킹*/
@media all and (min-width: 768px) { 
	.inq{

		text-align:center;
		width:470px;
		margin:auto;
		margin-top:60px;
	}
}
@media all and (max-width: 767px) { 
	.inq{

		text-align:center;
		width:100%;
		margin:auto;
	}
}
/*�₢���킹*/


/*���ӎ���*/
@media all and (min-width: 768px) { 
	.coution{
		color:#FFF;
		text-align:left;
		width:775px;
		margin:auto;
		position:absolute;
		bottom:110px;
		left:88px;
		line-height:200%;
		font-size:16px;
	}
}
@media all and (max-width: 767px) { 
	.coution{
		color:#FFF;
		text-align:left;
		width:90%;
		margin:auto;
		line-height:200%;
		font-size:14px;
		border:#1A3B74 2px solid;
		background-color:rgba(0,0,4,0.7);

		padding-top:60px;
		padding-bottom:60px;

	}
	.coution h2{
		display:block;
		width:90%;
		margin:0 auto;
		padding-top:0;
		padding-bottom:30px;
	}
	.coution_txt{
		width:90%;
		margin:0 auto;
		padding-left:15px;
	}
	.coution ul{
		display:block;
		width:100%;
		margin:0 auto;
		padding:0;
	}


	.body-second {
		background:#000 url("../images/sp/co_bg1.png") no-repeat left bottom; height: auto; 
		position:relative;
	}


}
/*���ӎ���*/

#jbk-frame-main {
    margin-top: 25px;
}

#jbk-frame-main, #jbk-header-area, #jbk-globalnav-area, #jbk-crumb-area, #jbk-social-area, #jbk-approval-area, #jbk-footlink-area, #jbk-copyright-area {
    width: 100%;
    margin: 0 auto;
}
#jbk-frame-main .frame-content {
    max-width: 998px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.frame-content {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

.c-alertBlock-01 {
    margin-top: 1em;
    background-color: #ffdede;
    border: 1px solid #e50000;
    padding: 24px;
}
.c-alertBlock-01>*:first-child>*:first-child {
    margin-top: 0;
}
.c-alertBlock-01>*:first-child {
    margin-top: 0;
}

.c-noteList-03 {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 1.375em;
}
.c-noteList-03 li {
    margin: 0;
    padding: 0;
    margin-top: .625em;
    padding-left: 24px;
    position: relative;
}

strong {
    font-weight: bold;
    font-style: normal;
}

body * {
    box-sizing: border-box;
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

strong {
    color: #e50000;
    font-weight: normal;
}

.c-noteList-03 li:before {
    width: 18px;
    height: 100%;
    background-image: url(https://csy-hps-dev-alb02-1677501903.ap-northeast-1.elb.amazonaws.com/assets/img/marker_04_@2x.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    position: absolute;
    left: 0;
    content: "";
}