@font-face {
	font-family: 'myfont';
	src: url('../font/Murecho-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'myfont2';
	src: url('../font/NotoSansJP-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'myfont3';
	src: url('../font/CenturyGothic.ttf') format('truetype');
}
@font-face {
	font-family: 'myfont4';
	src: url('../font/Oswald-VariableFont_wght.ttf') format('truetype');
}

html {
      scroll-behavior: smooth;
    }
body{
	margin:0 auto;color:#2B2B2B;font-size:20px;
	/*font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
	font-family:myfont2;
	letter-spacing:0.5px;
}
a{
	transition:opacity 0.3s;
	font-size:20px;
	text-decoration: none;
}
a:hover{
	opacity:0.8;
}
.green_bg{
	background:#F0FDF3;
}

.flex_re{
	flex-direction:row-reverse;
}

/*background*/
.bg_margin_adjust{
	height:84px;
}
/*top title*/
.top_title{
	display:flex;
	justify-content:center;
	align-items:center;
	max-width:1920px;
	width:100%;
	height:100px;
	margin:0 auto;
	font-family:myfont;
	font-size:min(6vw,37px);
	color:#fff;
	background:#181857;
}
.top_title_border{
	max-width:1920px;
	width:100%;
	height:8px;
	margin:0 auto;
	background:#E0BD25;
}

/*title sub*/
.title_sub .title_1a{
	font-size:39px;
	text-align:center;
	font-weight:bold;
	font-family:myfont3;
	color:#181857;
}
.title_sub .title_1b{
	display:block;
	max-width:100px;
	width:100%;
	height:4px;
	margin:10px auto;
	background:#E0BD25;
}
.title_sub .title_1c{
	font-size:20px;
	text-align:center;
	font-family:myfont;
}
/*key visual*/
.top_kv{
	position:relative;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	overflow:hidden;
}
.top_kv_bg{
	width:100%;
	max-width:1920px;
	/*
	height:804px;
	object-fit:cover;
	*/
}
.top_kv_bg img{
	width:100%;
	vertical-align:top;
}


/** service **/
.top_1_main{
	max-width:1920px;
	padding:55px 0 100px 0;
	background:#D8DFE6;
	margin:0 auto 0 auto;
}
.top_1_sub_1{
	max-width:1250px;
	width:90%;
	margin:0 auto 0 auto;
}
.top_1_sub_1 .flex_1{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap: 30px 0;
    margin: 0 auto;
    align-items: center;
    width: 100%;
}
.top_1_sub_1 .flex_1 .flex_1_sub {
    position:relative;   
    align-items: center;
    justify-content:center;
    width:100%;
	max-width:580px;
    height:512px;
    box-sizing: border-box;
    margin:60px auto 0 auto;
	padding:0px;
	border-radius:30px;
	overflow:hidden;
	box-shadow:4px 4px 0px 0px rgba(0, 0, 0, 0.15);
}
.top_1_sub_1 .flex_1 .flex_1_sub .title_1{
	display:flex;
	justify-content:center;
	align-items:center;
    background:#fff;
	height:109px;
	width:100%;
	font-size:35px;
    font-family:myfont;
	color:#20206A;
}
.top_1_sub_1 .flex_1 .flex_1_sub .text_1{
	text-align:center;
    background:#fff;
	height:73px;
	width:100%;
	font-size:16px;
}
.top_1_sub_1 .flex_1 .flex_1_sub .img_1{
	width:100%;
}
.top_1_sub_1 .flex_1 .flex_1_sub .img_1 img{
	width:100%;
	height:231px;
    object-fit:cover;
	vertical-align:top;
}
.top_1_sub_1 .flex_1 .flex_1_sub .flex_2{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100px;
}
.top_1_sub_1 .flex_1 .flex_1_sub .flex_2 .btn_1a{
	position:relative;
	flex:0.5;
	width:100%;
	height:100%;
	background:#424279;
}
.top_1_sub_1 .flex_1 .flex_1_sub .flex_2 .btn_1b{
	position:relative;
	flex:0.5;
	width:100%;
	height:100%;
	background:#E0BD25;
}
.top_1_sub_1 .flex_1 .flex_1_sub .flex_2 .btn_1c{
	position:relative;
	flex:1;
	width:100%;
	height:100%;
	background:#424279;
}
.top_1_sub_1 .absolute_1a{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
}
.top_1_sub_1 .icon_cap_1{
	font-size:12px;
	color:#fff;
	line-height:50%;
}
.top_1_sub_1 .icon_cap_2{
	font-size:12px;
	color:#fff;
	line-height:0%;
}
.top_1_sub_1 .absolute_1b{
	position:absolute;
	top:50%;
	right:7%;
	transform:translatey(-50%);
	color:#fff;
	transition:right 0.3s;
}
.top_1_sub_1 .flex_1 .flex_1_sub .flex_2 .btn_1{
	transition:opacity 0.3s;
}
.top_1_sub_1 .flex_1 .flex_1_sub .flex_2 .btn_1:hover .absolute_1b{
	right:3.8%;
}
.top_1_sub_1 .flex_1 .flex_1_sub .flex_2 .btn_1:hover{
	opacity:0.7;
}
/** message **/
.top_2_main{
	max-width:1920px;
	width:100%;
	overflow:hidden;
	background:#fff;
	padding:60px 0 100px 0;
	margin:0 auto;
}
.top_2_sub_1{
	position:relative;
	max-width:1400px;
	width:90%;
	margin:0 auto;
}
.top_2_sub_1 .text_1a{
	max-width:1066px;
	width:100%;
	margin:60px auto 0 auto;
	font-size:18px;
	line-height:180%;
}
.top_2_sub_1 .text_1a p{
	padding:10px 0;
}
.top_2_sub_1 .text_1b{
	max-width:1066px;
	width:100%;
	margin:60px auto 0 auto;
}
.top_2_sub_1 .text_2b{
	max-width:166.44px;
	width:100%;
	margin:60px 0 0 auto;
	text-align:left;
}

/** Disclosure **/
.top_3_main{
	max-width:1920px;
	width:100%;
	overflow:hidden;
	background:#181857;
	padding:60px 0 100px 0;
	margin:0 auto;
}
.top_3_sub_1{
	position:relative;
	max-width:1200px;
	width:90%;
	margin:0 auto;
}
.top_3_sub_1 .div_1{
	max-width:1200px;
	width:100%;
	margin:60px auto 0px auto;
	padding:60px 0 60px 0;
	background:#fff;
	border-radius:30px;
}
.top_3_sub_1 .div_2{
	font-size:20px;
	max-width:500px;
	width:100%;
	margin:0px auto 0 auto;
}
.top_3_sub_1 .div_3{
	text-align:center;
	margin-bottom:50px;
}
.top_3_sub_1 .div_2 .link_1{
	color:#181857;
	line-height:300%;
	margin-left:20px;
}

.top_3_sub_1 .text_2b{
	max-width:166.44px;
	width:100%;
	margin:60px 0 0 auto;
	text-align:left;
}

/** Access **/
.top_4_main{
	max-width:1920px;
	width:100%;
	overflow:hidden;
	background:#FDF2C3;
	padding:60px 0 100px 0;
	margin:0 auto;
}
.top_4_sub_1{
	position:relative;
	max-width:1200px;
	width:90%;
	margin:0 auto;
	
}
.top_4_sub_1 .map_1{
	border-radius:30px;
	overflow:hidden;
	margin:60px 0 0 0;
	
}
.top_4_sub_1 .map_1 iframe{
	width:100%;
	height:450px;
	border:0;
}

/**　 banner **/
.top_5_main{
	max-width:1920px;
	width:100%;
	overflow:hidden;
	background:#DCDFE2;
	padding:60px 0 60px 0;
	margin:0 auto;
}
.top_5_sub_1{
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	max-width:1060px;
	width:90%;
	margin:0 auto;
}
.top_5_sub_1 .flex_1{
	display:flex;
	justify-content:space-between;
}
.top_5_sub_1 .img_1{
	max-width:180px;
}
.top_5_sub_1 .bnr_1{
	display:flex;
	justify-content:center;
	align-items:center;
	max-width:316px;
	width:100%;
	height:121px;
	background:#B9D5E2;
	border-radius:200px;
}
.top_5_sub_1 .bnr_2{
	display:flex;
	justify-content:center;
	align-items:center;
	max-width:316px;
	width:100%;
	height:121px;
	background:#181857;
	border-radius:200px;
}
.top_5_sub_1 .bnr_3{
	display:flex;
	justify-content:center;
	align-items:center;
	max-width:316px;
	width:100%;
	height:121px;
	background:#fff;
	border-radius:200px;
}
.top_5_sub_1 .bnr{
	transition:0.3s;
}
.top_5_sub_1 .bnr:hover{
	box-shadow: 0 5px 15px rgba(0,0,0,.15);
}


/*footer*/
.footer_main{
	display:flex;
	align-items:center;
	max-width:1920px;
	width:100%;
	margin:0 auto;
	background:#fff;
	height:120px;
	
}
.footer_main .flex_1{
	display:flex;
	justify-content:space-between;
	align-items:center;
	max-width:1200px;
	width:90%;
	margin:0 auto;
}
.footer_main .flex_1 .text_1a{
	font-size:min(6vw,37px);
	color:#181857;
	
}
.footer_main .flex_1 .text_1b{
	font-size:14px;
}

/*その他*/
.top_tab{
	display:none;
}
.top_sm_large{
	display:none;	
}
.top_sm{
	display:none;
}
.res_br{
	margin-right:20px;	
}
.res_pc_br{
	display:block;		
}

@media screen and (max-width:1024px) {
/*背景*/
.bg_margin_adjust{
	height:80px;
}
.top_1_sub_1 .flex_1 {
	grid-template-columns:1fr;
}

}

@media screen and (max-width:784px) {
/*バナー784*/
.top_5_sub_1{
	display:block;
}
.top_5_sub_1 .bnr{
	margin:30px auto;
}

/*footer 784 */
.footer_main{
	height:150px;
}
.footer_main .flex_1{
	display:block;
	margin:0 auto;
	text-align:center;
}

}

@media screen and (max-width:500px) {
/** 500_全体 **/

/** 500_kv **/
/** 500_Association **/
.top_1_sub_1 .flex_1 .flex_1_sub .title_1{
	font-size:25px;
}
.top_1_sub_1 .flex_1 .flex_1_sub .text_1{

	height:93px;

}
/** 500_message **/
.top_2_sub_1 .text_1a{
	font-size:16px;
}
	
/** 500_pdf **/
.top_3_sub_1 .div_2{
	font-size:16px;
}
.top_3_sub_1 .div_2 .link_1{
	font-size:16px;
}
.res_br{
	display:block;		
}
/** 500_banner **/

}


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

}