@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');

:root{
	--main:#053A7A;
	--blue1: #4EA8E8;
	--blue2: #8EC9FF;
	--bg1:#D9E8FF;
	--bg2:#EFF5FF;
}

html,body {text-align: left;color: #000;font-size: 16px;line-height: 1.6;font-weight: 500;margin: 0!important;width: 100%;height:100%;background-color: #fff;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;font-family: "Zen Kaku Gothic New", sans-serif;}
* {margin: 0px;padding: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body{position: relative;}

@media screen and (min-width: 768px){.sp{display:none!important;}}
@media screen and (max-width: 768px){.pc{display:none!important;}.sp{display:block!important;}}

.clearfix:after {clear: both;content: '.';display: block;height: 0;visibility: hidden;}
.txt_center{text-align: center;}
.txt_hidden{display: block;text-indent:100%;white-space:nowrap;overflow:hidden;}

div,header,footer,section,nav{display: block;box-sizing: border-box;}
li{list-style: none;}
hr{clear:both;opacity:0;}
a{word-break: break-all;text-decoration: none;}
a:hover {opacity: 0.7;}
img{display: block;max-width: 100%;}

.flex{display: flex;}

.size_l{max-width: 1500px;padding-left: 0;padding-right: 0;margin-left: auto;margin-right: auto;}
.size_m{max-width: 1240px;padding-left: 20px;padding-right: 20px;margin-left: auto;margin-right: auto;}
.size_s{max-width: 1120px;padding-left: 20px;padding-right: 20px;margin-left: auto;margin-right: auto;}
.size_ms{max-width:1000px;padding-left: 20px;padding-right: 20px;margin-left: auto;margin-right: auto;}
.size_ss{max-width: 890px;padding-left: 20px;padding-right: 20px;margin-left: auto;margin-right: auto;}


footer{background-color: var(--main);}

header{width: 100%;background-color: #fff;z-index: 8888;position: fixed;top: 0;left: 0;}
header .head_cont{justify-content: space-between;align-items: center;height: 80px;padding-left: 30px;}
header .head_cont .head_l img{display: block;height: 45px;}

header .head_cont .head_r .head_btn {align-items: center;}
header .head_cont .head_r .head_btn .head_btn1{width: 215px;height: 50px;background: url(../img/head_btn1.svg)no-repeat;background-size: contain;margin-right: 15px;}
header .head_cont .head_r .head_btn .head_btn2{width: 215px;height: 50px;background: url(../img/btn_contactS.png)no-repeat;background-size: contain;}
/*header .head_cont .head_r .head_btn .head_btn1:hover{background-image: url(../img/head_btn1hv.svg);opacity: 1;}
header .head_cont .head_r .head_btn .head_btn2:hover{background-image: url(../img/head_btn2hv.svg);opacity: 1;}*/
@media screen and (max-width: 768px){
	header .head_cont{height: 40px;}
	header .head_cont .head_l img{height: 23px;}
	header .head_cont .head_r .head_btn {display: none;}
}


header .head_cont .head_r .head_menu a{display: block;width: 80px;height: 80px;position: relative;margin-left: 9px;}
header .head_cont .head_r .head_menu a span{display: block;width: 38px;height: 2px;background-color: var(--main);position: absolute;left: calc(50% - 19px);transition: 0.2s;}
header .head_cont .head_r .head_menu a span:nth-child(1){top: 35%;}
header .head_cont .head_r .head_menu a span:nth-child(2){top: 50%;}
header .head_cont .head_r .head_menu a span:nth-child(3){top: 65%;}
header .head_cont .head_r .head_menu.active a span:nth-child(1){transform: rotate(45deg);top: 50%;}
header .head_cont .head_r .head_menu.active a span:nth-child(2){display: none;}
header .head_cont .head_r .head_menu.active a span:nth-child(3){transform: rotate(-45deg);top: 50%;}

header .head_link{display: none;width: 100%;height: calc(100vh - 80px);background-color: var(--main);background-image: url(../img/head_menu_bg.svg);background-repeat: no-repeat;background-position: right;background-size: auto 100%;position: absolute;top: 80px;left: 0;padding: 30px;}
header .head_link .head_link_list li{margin-bottom: 40px;}
header .head_link .head_link_list li a{height: 43px;position: relative;}
header .head_link .head_link_list li a.head_link_list1{height: 37px;background: url(../img/foot_menu1_01.svg)no-repeat left;background-size: contain;}
header .head_link .head_link_list li a.head_link_list2{background: url(../img/foot_menu1_02.svg)no-repeat left;background-size: contain;}
header .head_link .head_link_list li a.head_link_list3{background: url(../img/foot_menu1_03.svg)no-repeat left;background-size: contain;}
header .head_link .head_link_list li a.head_link_list4{background: url(../img/foot_menu1_04.svg)no-repeat left;background-size: contain;}
header .head_link .head_link_list li a.head_link_list5{background: url(../img/foot_menu1_05.svg)no-repeat left;background-size: contain;}
header .head_link .head_link_list li a.head_link_list6{background: url(../img/foot_menu1_06.svg)no-repeat left;background-size: contain;}
header .head_link .head_link_list li a.head_link_list7{background: url(../img/foot_menu1_07.svg)no-repeat left;background-size: contain;}
header .head_link .head_link_list li a.head_link_list8{background: url(../img/foot_menu1_08.svg)no-repeat left;background-size: contain;}
/*header .head_link .head_link_list li a:hover{opacity: 1;}*/

@media screen and (max-width: 768px){
	header .head_cont .head_r .head_menu a{width: 40px;height: 40px;}
	header .head_cont .head_r .head_menu a span{width: 30px;}
	header .head_link{height: calc(100vh - 40px);top: 40px;}
	header .head_link .head_link_list li a{height: 30px!important;}
	header .head_link .head_btn{position: absolute;bottom: 100px;right: 30px;}
	header .head_link .head_btn .head_btn1{width: 187px;height: 50px;background: url(../img/head_btn1sp.png)no-repeat;background-size: contain;margin-bottom: 12px;}
	header .head_link .head_btn .head_btn2{width: 187px;height: 50px;background: url(../img/btn_contactSW.png)no-repeat;background-size: contain;}
}


.contents{width: 100%;padding-top: 80px;position: relative;}
@media screen and (max-width: 768px){
	.contents{padding-top: 40px;}
}


/* Footer */
.foot_cont{width: 100%;padding: 38px 60px;background-image: url(../img/head_menu_bg.svg);background-repeat: no-repeat;background-position: right;background-size: auto 100%;position: relative;}
.foot_cont .foot_box{width: 920px;}
.foot_cont .foot_box .foot_logo{width: 100%;padding: 26px 0;border-bottom: 1px solid #fff;}
.foot_cont .foot_menu1{display: flex;padding-top: 34px;padding-bottom: 41px;}
.foot_cont .foot_menu1 .foot_menu1a{padding-right: 70px;}
.foot_cont .foot_menu1 .foot_menu1a li,
.foot_cont .foot_menu1 .foot_menu1b li,
.foot_cont .foot_menu1 .foot_menu1c li{margin-bottom: 30px;}
.foot_cont .foot_menu1 .foot_menu1a li a{width: 65px;height: 25px;background: url(../img/foot_menu1_01.svg)no-repeat;background-size: contain;}
.foot_cont .foot_menu1 .foot_menu1b{padding-right: 70px;}
.foot_cont .foot_menu1 .foot_menu1b li:nth-child(1) a{width: 189px;height: 25px;background: url(../img/foot_menu1_02.svg)no-repeat;background-size: contain;}
.foot_cont .foot_menu1 .foot_menu1b li:nth-child(2) a{width: 292px;height: 26px;background: url(../img/foot_menu1_03.svg)no-repeat;background-size: contain;}
.foot_cont .foot_menu1 .foot_menu1b li:nth-child(3) a{width: 157px;height: 26px;background: url(../img/foot_menu1_04.svg)no-repeat;background-size: contain;}
.foot_cont .foot_menu1 .foot_menu1b li:nth-child(4) a{width: 141px;height: 26px;background: url(../img/foot_menu1_05.svg)no-repeat;background-size: contain;}
.foot_cont .foot_menu1 .foot_menu1c li:nth-child(1) a{width: 166px;height: 28px;background: url(../img/foot_menu1_06.svg)no-repeat;background-size: contain;}
.foot_cont .foot_menu1 .foot_menu1c li:nth-child(2) a{width: 137px;height: 26px;background: url(../img/foot_menu1_07.svg)no-repeat;background-size: contain;}
.foot_cont .foot_menu1 .foot_menu1c li:nth-child(3) a{width: 313px;height: 26px;background: url(../img/foot_menu1_08.svg)no-repeat;background-size: contain;}

.foot_menu2 dl{flex-wrap: wrap;align-content: flex-start;}
.foot_menu2 dl.foot_menu2a{margin-right: 40px;}
.foot_menu2 dh{display: block;width: 100%;font-size: 20px;color: #fff;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #fff;margin-bottom: 10px;}
.foot_menu2 dd{display: block;width: 50%;margin-bottom: 10px;}
.foot_menu2 dd a{color: #fff;font-size: 16px;}

.copyright{flex-wrap: wrap;justify-content: center;width: 108px;position: absolute;right: 60px;bottom: 38px;}
.copyright a img{display: block;width: 48px;}
.copyright .copy{font-size: 12px;color: #fff;text-align: center;margin-top: 20px;}
@media screen and (min-width:768px) and (max-width:1100px) {
	.foot_cont .foot_box{width: 100%;}
	.foot_cont .foot_menu1{display: block;}
	.foot_menu2 dd{width: 100%;}
	.copyright{margin: 0 auto;position: relative;right: unset;bottom: unset;}
}
@media screen and (max-width: 768px){
	.foot_cont{padding: 30px;background-position: right bottom;background-size: contain;}
	.foot_cont .foot_box{width: 100%;overflow: hidden;}
	.foot_cont .foot_box .foot_logo{padding: 0 0 30px;}
	.foot_cont .foot_box .foot_logo img{height: 54px;}
	.foot_cont .foot_menu1{display: block;}
	.foot_menu2{display: block;margin-bottom: 50px;}
	.foot_menu2 dl.foot_menu2a{margin-right: 0;margin-bottom: 50px;}
	.foot_menu2 dl.foot_menu2b dd{width: 100%;}
	.copyright{margin: 0 auto;position: relative;right: unset;bottom: unset;}
}

