@charset "utf-8";
/* CSS Document */
.wrap{
	max-width: 100%;
	margin: 0 auto;
}


body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.wrapper{
	overflow: hidden;
}

br{
	line-height: initial;
}

a {
	text-decoration: none;
}

a:hover img{
	opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}


h1{
	font-weight: bold;
	font-size: 1.875rem; /*30px*/
}

h2{
	font-weight: bold;
	font-size: 1.625rem; /*26px*/
}

h3{
	font-weight: bold;
	font-size: 1.125rem; /*18px*/
}

p{
	font-size: 0.875rem; /*14px*/
	line-height: 28px;
}

li{
	font-size: 0.875rem; /*14px*/
	line-height: 28px;
}

.asaide_top a{
	font-size: 0.75rem; /*12px*/
}

.asaide_top2 a{
	font-size: 0.75rem; /*12px*/
}

.font_skyblue{
	color: #00a0e9;
}

.font_navy{
	color: #093977;
}

.mark1{
	
}

.mark1 li{
    text-indent: -1em;
    margin-left: 1em;
}
.mark1 li:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    margin-left: 4px;
    border: transparent solid 5px;
    border-left-color: #00a0e9;
    vertical-align: 0;
}

.max_w160{
	max-width: 160px;
}
@media (max-width: 576px) {
.max_w160{
	width: auto;
}
}

.max_w307{
	max-width: 307px;
}
@media (max-width: 576px) {
.max_w307{
	width: auto;
}
}

.max_w313{
	max-width: 313px;
}
@media (max-width: 576px) {
.max_w307{
	width: auto;
}
}

.max_w615{
	max-width: 615px;
}
@media (max-width: 576px) {
.max_w615{
	width: auto;
}
}

.max_w960{
	max-width: 960px;
}
@media (max-width: 576px) {
.max_w960{
	width: auto;
}
}



.width80{
	width: 80px;
}

.width290{
	width: 290px;
}
@media (max-width: 576px) {
.width290{
	width: auto;
}
}

.width310{
	width: 310px;
}
@media (max-width: 576px) {
.width310{
	width: auto;
}
}

.width330{
	width: 330px;
}
@media (max-width: 576px) {
.width330{
	width: auto;
}
}

.width350{
	width: 350px;
}
@media (max-width: 576px) {
.width350{
	width: auto;
}
}

.width380{
	width: 380px;
}

.width655{
	max-width: 655px;
}

.width_full{
	width: 100%;
}

.width420{
	width: 420px;
}



/*------------------------------
           margin
------------------------------*/
.margin0a{
	margin: 0 auto;
}

.margin10{
	margin: 10px;
}

.margin20{
	margin: 20px;
}

.margin30{
	margin: 30px;
}

.margin40{
	margin: 40px;
}

.margin50{
	margin: 50px;
}

.margin_t10{
	margin-top: 10px;
}

.margin_t20{
	margin-top: 20px;
}

.margin_t27{
	margin-top: 27px;
}

.margin_t30{
	margin-top: 30px;
}

.margin_t40{
	margin-top: 40px;
}

.margin_t50{
	margin-top: 50px;
}

.margin_t72{
	margin-top: 72px;
}

.margin_r10{
	margin-right: 10px;
}

.margin_r20{
	margin-right: 20px;
}

.margin_r30{
	margin-right: 30px;
}

.margin_r40{
	margin-right: 40px;
}

.margin_r50{
	margin-right: 50px;
}

.margin_l5{
	margin-left: 5px;
}

.margin_l10{
	margin-left: 10px;
}

.margin_l15{
	margin-left: 15px;
}

.margin_l20{
	margin-left: 20px;
}
@media (max-width: 576px) {
.margin_l20{
	margin-left: 0px;
}
}


.margin_l30{
	margin-left: 30px;
}

.margin_l40{
	margin-left: 40px;
}

.margin_l50{
	margin-left: 50px;
}

.margin_l56{
	margin-left: 56px;
}

.margin_l66{
	margin-left: 66px;
}

.margin_l100{
	margin-left: 100px;
}

.margin_l257{
	margin-left: 257px;
}

.margin_b10{
	margin-bottom: 10px;
}

.margin_b20{
	margin-bottom: 20px;
}

.margin_b30{
	margin-bottom: 30px;
}

.margin_b40{
	margin-bottom: 40px;
}

.margin_b50{
	margin-bottom: 50px;
}

/*------------------------------
           padding
------------------------------*/
.padding5{
	padding: 5px;
}

.padding10{
	padding: 10px;
}

.padding20{
	padding: 20px;
}

.padding30{
	padding: 30px;
}

.padding40{
	padding: 40px;
}

.padding50{
	padding: 50px;
}

.padding_t5{
	padding-top: 5px;
}

.padding_t10{
	padding-top: 10px;
}

.padding_t20{
	padding-top: 20px;
}

.padding_t30{
	padding-top: 30px;
}

.padding_t40{
	padding-top: 40px;
}

.padding_t50{
	padding-top: 50px;
}

.padding_t60{
	padding-top: 60px;
}

.padding_t70{
	padding-top: 70px;
}

.padding_t80{
	padding-top: 80px;
}

.padding_r5{
	padding-right: 5px;
}

.padding_r10{
	padding-right: 10px;
}

.padding_r20{
	padding-right: 20px;
}

.padding_r30{
	padding-right: 30px;
}

.padding_r40{
	padding-right: 40px;
}

.padding_r50{
	padding-right: 50px;
}

.padding_l5{
	padding-left: 5px;
}

.padding_l10{
	padding-left: 10px;
}

.padding_l10{
	padding-left: 10px;
}

.padding_l20{
	padding-left: 20px;
}

.padding_l30{
	padding-left: 30px;
}

.padding_l40{
	padding-left: 40px;
}

.padding_l50{
	padding-left: 50px;
}

.padding_l55{
	padding-left: 55px;
}

.padding_l60{
	padding-left: 60px;
}
.padding_l65{
	padding-left: 65px;
}
.padding_l70{
	padding-left: 70px;
}
.padding_l80{
	padding-left: 80px;
}
.padding_l90{
	padding-left: 90px;
}
.padding_b5{
	padding-bottom: 5px;
}

.padding_b10{
	padding-bottom: 10px;
}
.padding_b15{
	padding-bottom: 15px;
}

.padding_b20{
	padding-bottom: 20px;
}

.padding_b30{
	padding-bottom: 30px;
}

.padding_b40{
	padding-bottom: 40px;
}

.padding_b50{
	padding-bottom: 50px;
}

.padding_b60{
	padding-bottom: 60px;
}

.padding_b70{
	padding-bottom: 70px;
}

.padding_b80{
	padding-bottom: 80px;
}


/*------------------------------
           font
------------------------------*/
.font-size10{
	font-size: 10px;
}
.font-size12{
	font-size: 12px;
}

.font-size14{
	font-size: 14px;
}

.font-size16{
	font-size: 16px;
}

.font-size18{
	font-size: 18px;
}

.font-size20{
	font-size: 20px;
}

.font-size24{
	font-size: 24px;
}

.font-size26{
	font-size: 26px;
}

.font-size28{
	font-size: 28px;
}

.font-size30{
	font-size: 30px;
}

.font_bold{
	font-weight: bold;
}

.font_red{
	color: red;
}

.font_blue{
	color: blue;
}

.font_green{
	color: green;
}

.font_black{
	color: #000;
}

.font_white{
	color: #FFF;
}

.font_gray{
	color: #898989;
}

/*------------------------------
           text-align
------------------------------*/
.text_center{
	text-align: center;
}

.text_end{
	text-align: end;
}

/*------------------------------
           flex
------------------------------*/
.flex{
	display: flex;
}

.flex2{
	display: flex;
}
@media (max-width: 576px) {
  .flex{
	display: block;
}
}

.fj_center{
	justify-content: center;
}

.fj_spa{
	justify-content: space-around;
}

.fj_spb{
	justify-content: space-between;
}

.fj_end{
	justify-content: flex-end;
}

/*------------------------------
         background color
------------------------------*/
.bgc_blue{
	background-color: #093977;
}

.bgc_white{
	background-color: #FFF;
}

.bgc_skyblue{
	background-color: #00a0e9;
}

.bgc_skyblue2{
	background-color: #eaf6fd;
}

.bgc_skyblue3{
	background-color: #7ecef4;
}
.bgc_skyblue4{
	background-color: #e9f6fe;
}

.bgc_purple{
	background-color: #747cbb;
}
.bgc_purple2{
	background-color: #d2ddf1;
}

.bgc_orange{
	background-color: #ec6d1e;
}




@media (max-width: 576px) {
.sp_color{
	background-color: red;
}
}

.button1:hover{
		opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

.button2:hover{
	color: #FFF;
	background-color: #aba1d6;
	transition: 0.5s ;
	border: 1px solid #aba1d6;
}



.bgc_bluegra{
  background: -moz-linear-gradient(top, #00759c 10%, #004098 60%, #004098);
  background: -webkit-linear-gradient(top, #00759c 10%, #004098 60%, #004098);
  background: linear-gradient(to bottom, #00759c 10%, #004098 60%, #004098);
}


.theme_color1{
	
}
.theme_color2{
	
}
.theme_color3{
	
}


.side_navi li:hover{
background: -webkit-linear-gradient(#00759c 10%, #004098 60%, #004098);
background: -o-linear-gradient(#00759c 10%, #004098 60%, #004098);
background: linear-gradient(#00759c 10%, #004098 60%, #004098);
	transition: 0.8s ;
	color: #FFF;
}

.side_navi span:hover{
	transition: 0.8s ;
	color: #FFF;
}

.side_navi li a:hover{
	transition: 0.8s ;
	color: #FFF;
}


/*------------------------------
           border
------------------------------*/
.border_b1{
	border-bottom: 1px solid #000;
}

.border_t1{
	border-top: 1px solid #ccc;
}

.border_themeb1{
	border-bottom: 3px solid #00a0e9;
}

/*------------------------------
           button
------------------------------*/

.button{
	background-color: #00a0e9;
	border-radius: 50px;
	max-width: 80px;
	color: #414141;
	text-align: center;
}


/*------------------------------
            header
------------------------------*/
.header_wrap{
	margin: 0 auto ;
	padding-top: 36px; 
	max-width: 960px;
	display: flex;
	justify-content: space-between;
}

@media (max-width: 576px) {
.header_wrap{
	display: block;
}
}

.lang_text ul{
	display: flex;
	margin-bottom: 10px;
	padding-left: 29px;
}

@media (max-width: 576px) {
.lang_text ul{
	display: block;
}
}

.lang_text li{
	padding: 0 0 0 20px;	
	margin-top: 5px;
}

.lang_text a{
	color: #898989;
}

.lang_text a:hover{
	color: #EA5532;
}

.header_tel{
	display: flex;
	max-width: 400px;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #4b4b4b;
}
@media (max-width: 576px) {
.header_tel{
	display: block;
}
}


.header_tel p{
	padding: 2px 0 0 10px;
	margin-right: 10px;
}

.logo_image{
	margin-left: 10px;
}

.shadow{
	box-shadow: 2px 2px 4px gray;
}

.top_name{
	line-height: 20px;
}

.top_name2{
	line-height: 1px;
}

/*------------------------------
           header
------------------------------*/
.contents_header{
	display: flex;
	max-width: 960px;
	justify-content: space-between;
	margin: 10px auto 0;
	
}

@media (max-width: 576px) {
.contents_header{
	display: block;
	
}
}


.contents_main_image{
	
}

.top_word h2{
	text-align: center;
	font-weight: bold;
	color: #093977;
	padding: 71px 0 0 0;
	background-color: #FFF;
	width: 380px;
	border-bottom: 3px solid #00a0e9;	
}
.top_word p{
	text-align: center;
	font-weight: bold;
	color: #093977;
	background-color: #FFF;
	width: 380px;
}


/*------------------------------
          top_image
------------------------------*/
.top_image{
	background-image: url("../img/top/top_image.jpg");
	background-repeat: repeat-x;
}
.top_image img{
	max-width: 100%;
}

.home_main{
	padding: 50px 0 110px;
	max-width: 960px;
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
}

@media (max-width: 576px) {
.home_main{
	display: block;
	padding: 90px 0 0;
}
}


/*------------------------------
            navi
------------------------------*/


.navi_wrap_back{
	background-color: #093977;
}

.navi_wrap{
	max-width: 960px;
	margin: 0 auto;
}

.navi_wrap ul{
	max-width: 960px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
@media (max-width: 576px) {
.navi_wrap ul{
	display: block;
}
}

.navi_wrap li{
	text-align: center;
	max-width: 160px;
	font-size: 16px;
}

.navi_wrap a{
	display: block;	
	background-color: #093977;	
	color: #FFF;
	text-decoration: none;
	width: 160px;
	/*max-height: 60px;*/

}

.navi_wrap a:hover{
	background-color: #aba1d6;
	transition: 0.8s ;
}

.pc_non{
	display: none;
}

.padding_navi{
	padding: 30px 0 29px;
}
.padding_navi2{
	padding: 14px 0 15px;
}

.main_wrap{
	margin: 0 auto 30px;
	max-width: 960px;
	display: flex;
	justify-content: space-between;
	background-color: #FFF;
}

@media (max-width: 576px) {
.main_wrap{
	display: block;
}
}

.main_wrap2{
	margin: 0 auto 30px;
	width: 645px;
	background-color: #FFF;
}

/*------------------------------
           contents1
------------------------------*/
.comtents1 ul{
	display: flex;
	font-size: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}
@media (max-width: 576px) {
.comtents1 ul{
	display: block;

}
}



.contents_item{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px dashed #777777;
	padding: 10px 0 20px;
}

@media (max-width: 576px) {
.contents_item{
	display: block;
}
}

.contents_item2{
	display: flex;
	justify-content: space-between;
	padding: 10px 0 20px;
}
@media (max-width: 576px) {
.contents_item2{
	display: block;
}
}


.contents_item3{
	display: flex;
	justify-content: space-between;
	padding: 10px 0 0;
}
@media (max-width: 576px) {
.contents_item3{
	display: block;
}
}

.contents_item_text{
	width: 380px;
}
@media (max-width: 576px) {
.contents_item_text{
	width: auto;
}
}

.contents_item_img{
	margin-left: 20px;
}

.h2_title{
	color: #FFF;
	padding-left: 10px;
	margin-bottom: 10px;
	background-color: #093977;
}

.title_top{
	font-weight: bold;
	font-size: 18px;
	color: #093977;
}

.category{
	display: flex;
	font-size: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}
@media (max-width: 576px) {
.category{
	display: block;
}
}

.category2{
	display: flex;
	font-size: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}

.category2 li{
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
}

@media (max-width: 576px) {
.category2{
	display: block;
}
}

.category li{
	margin-right: 10px;
	color: #000;
}

.category a{
	color: #000;
	font-weight: bold;
}

.category a:hover{
	color: #aba1d6;
	transition: 0.8s ;
}

.category2 a:hover{
	color: #aba1d6;
	transition: 0.8s ;
}

ol{
	list-style-type: decimal;
}

.use{
	padding: 50px 20px 50px 40px;
	background-color: #eaf6fd;
	margin-bottom: 20px;
}
@media screen and (max-width: 576px){	
.use{
	padding: 20px 20px 20px 40px;
}
}

.use ol{
	font-weight: bold;
	color: #093977;

}

/*------------------------------
           contents2
------------------------------*/
.contents2{
	padding-bottom: 10px;
	border-bottom: 1px dashed #777777;
	max-width: 645px;
	margin: 0 auto 10px;
	
}
.contents2n{
	padding-bottom: 20px;
	max-width: 645px;
	margin: 0 auto;
	widows: 645px;
}

.contents2_item{
	display: flex;
	justify-content: space-between;
}
@media (max-width: 576px) {
.contents2_item{
	display: block;
}
}


.h3_title{
	padding: 10px;
	background-color: #eaf6fd;
	color: #00a0e9;
	margin-bottom: 10px;

}

.contents_item_text2{
	max-width: 645px;
}


/*------------------------------
           contents3
------------------------------*/
.contents3{
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
	margin: 20px auto 10px;
	border-bottom: 1px dashed #777777;
	max-width: 645px;
}
@media (max-width: 576px) {
.contents3{
	display: block;
}
}

.p_title{
	text-align: center;
	font-weight: bold;
	color: #093977;
	padding: 10px;
	background-color: #eaf6fd;
	border: 1px solid #00a0e9;

}

.cv_item{
	text-align: center;
	font-weight: bold;
	background-color: #eaf6fd;
	color: #093977;
	border: 1px solid #00a0e9;
	padding: 0 3px;
	height: 65px;
}

/*------------------------------
           contents4
------------------------------*/
.contents4{
	margin-bottom: 40px;
}

/*------------------------------
           contents5
------------------------------*/
.contents5{
	border-bottom: 1px dashed #777777;
	padding-bottom: 10px;
	margin: 20px 0 10px;
}


/*------------------------------
           contents6
------------------------------*/
.contents6{
	max-width: 645px;
	margin: 0 auto 10px;

}


/*------------------------------
           contents7
------------------------------*/



.button_catalog{
	display: block;
	width: 310px;
	color: #FFF;
	text-align: center;
	padding: 5px 0;
	background-color: #00a0e9;
	margin: 0 auto;
}

@media (max-width: 576px) {
.button_catalog{
	width: auto;
}
}

.button_catalog2{
	display: block;
	width: 310px;
	color: #FFF;
	text-align: center;
	padding: 5px 0;
	background-color: #ec6d1e;
}
@media (max-width: 576px) {
.button_catalog2{
	width: auto;
}
}


/*------------------------------
           contents8
------------------------------*/
.contents8{
	display: flex;
	justify-content: center;
	border-bottom: 1px dashed #777777;
	padding-bottom: 40px;
	margin-bottom: 10px;
}
@media (max-width: 576px) {
.contents8{
	display: block;
}
}

.button_catalog3{
	max-width: 310px;
	padding: 5px 0;
	text-align: center;
	display: block;
	color: #093977;
	border: 1px solid #093977;
}

/*------------------------------
           contents9
------------------------------*/
.contents9{
	border-bottom: 1px dashed #777777;
	padding-bottom: 40px;
}
.contents9 ul{
	margin-bottom: 20px;
}


/*------------------------------
           contents10
------------------------------*/
.contents10{
	display: flex;
	justify-content: space-between;
	margin: 10px auto;
	border-bottom: 1px dashed #777777;
	padding-bottom: 40px;
	padding-bottom: 10px;
	max-width: 645px;
}
@media (max-width: 576px) {
.contents10{
	display: block;
}
}

/*------------------------------
           contents11
------------------------------*/
.contents11{
	display: flex;
	justify-content: space-between;
	margin: 10px auto;
	border-bottom: 1px dashed #777777;
	padding-bottom: 40px;
	padding-bottom: 10px;
	max-width: 645px;
}
@media (max-width: 576px) {
.contents11{
	display: block;
}
}

/*------------------------------
           contents12
------------------------------*/
.contents12{
	display: flex;
	justify-content: space-between;
	margin: 10px auto;
	padding-bottom: 40px;
	padding-bottom: 10px;
	max-width: 645px;
}
@media (max-width: 576px) {
.contents12{
	display: block;
}
}

/*------------------------------
           contents13
------------------------------*/
.contents13{
	margin: 10px auto;
	border-bottom: 1px dashed #777777;
	padding-bottom: 40px;
	padding-bottom: 10px;
	max-width: 645px;
}

.contents13 li{
	font-size: 14px;
	line-height: 28px;
}

/*------------------------------
           contents14
------------------------------*/
.contents14{
	margin: 10px auto;
	
	padding-bottom: 40px;
	padding-bottom: 10px;
	max-width: 645px;
}


/*------------------------------
          asaid (2カラム)
------------------------------*/
.asaide_top{
	margin: 28px 20px 0;
	width: 270px;
}
@media (max-width: 576px) {
.asaide_top{
	margin: 0 auto;
	width: 100%;
}
}

.asaide_top2{
	margin: 0 20px 0;
	width: 270px;
}
@media (max-width: 576px) {
.asaide_top2{
	margin: 0 auto;
	width: 100%;
}
}

.h3_title2{
	color: #FFF;
	text-align: center;
	padding: 10px 0;
	background-color: #7ecef4;
}

.asaide_info a{
	padding: 10px 0 10px 5px;
}

.asaide_info2 a{
	font-size: 11px;
	padding: 5px 10px;
	list-style: disc;
	font-weight: bold;
}


/*------------------------------
            table
------------------------------*/
table{
	width: 100%;
}

.tbl-r02 th{
	padding: 10px 5px;
	font-weight: bold;
}
.tbl-r02 td{
	padding: 10px 5px;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 95%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

.tbl-r07 th{
	padding: 5px;
	border: 1px solid #ccc;
}

.tbl-r07 td{
	padding: 5px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;

}

.table2 th,
.table2 td{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.table2 th,
.table2 td{
	border-left: 1px solid #ccc;
}

/*------------------------------
           contents
------------------------------*/
.wrap_960{
	max-width: 960px;
	display: flex;
	margin: 30px auto;
}
@media (max-width: 576px) {
.wrap_960{
	display: block;
}
}

.contents_wrap960{
	max-width: 960px;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
@media (max-width: 576px) {
.contents_wrap960{
	display: block;
}
}

/*------------------------------
           footer
------------------------------*/
footer img{
	width: 100%;
}

footer li{
	padding-bottom: 5px;
	margin-right: 40px;
}

footer ul{
	margin-top: 13px;
}

footer a{
	color: #FFF;
	font-size: 13px;
}

footer a:hover{
	color: #C5B7FD;
	transition: 0.8s;
}

footer small{
	color: #FFF;
}


.footer_img{
	margin: 0 0 -6px 0;
}

.rich_footer_wrap{
	display: flex;
	max-width: 960px;
	margin: 0 auto;
	justify-content: space-between;
	padding: 30px 0 60px;
}
@media (max-width: 576px) {
.rich_footer_wrap{
	display: block;
}
}

.hover_tc:hover{
	color: #C5B7FD;
	transition: 0.8s;
}


.contents_wrap{
	max-width: 645px;
	margin-left: 10px;
}


.thanks_p{
	display: flex;
	justify-content: center;
}
@media (max-width: 576px) {
.thanks_p{
	display: block;
}
}

/*------------------------------
            slick
------------------------------*/

.slider{
    margin: 0px auto;
    width: 100%;
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}


.contents_item1{
	width:350px;
	padding-right: 20px;
}
@media (max-width: 576px) {
.contents_item1{
	width: auto;
	padding-right: 0px;
	margin-bottom: 20px;
}
}