/* SPNAV */
.sp .navigation {position: fixed; top: 0; left: 0; width: 100%; z-index: 9998; transition:all .3s;-webkit-transform:translate(0,-100%);transform:translate(0,-100%);}
.nav_opened .sp .navigation{-webkit-transform:translate(0,0);transform:translate(0,0); box-shadow: 0 0 10px rgba(27, 108, 136, 0.5);}
.sp .navigation li a{padding:0 10px 0 20px; line-height: 70px; height: 70px; display: block; background: #fff; color: #000; border-bottom: 1px solid #57BEBA; font-size: 15px;}
.sp .navigation li a img {padding-right: 5px; vertical-align: -3px;}
.open{display: table; position: fixed; z-index: 9999; right: 0; top: 0; height: 50px; width: 50px; background: rgb(20,1,1,0.15);}
.open div.open_body{vertical-align: middle;display: table-cell;}
.open div.open_body div{width: 25px; margin: 0 auto; transition:all .3s; }
.open span{display: block; height: 4px; width: 25px; background: #fff; transition:all .3s; }
.nav_opened .open div.open_body div{-webkit-transform: rotate(360deg); transform: rotate(360deg); }
.nav_opened .open span{margin: 0}
.nav_opened .open span.second{opacity: 0; }
.nav_opened .open span.first{-webkit-transform: rotate(45deg) translate(1px,1px); transform: rotate(45deg) translate(1px,1px); }
.nav_opened .open span.third{-webkit-transform: rotate(-45deg) translate(2px,-2px); transform: rotate(-45deg) translate(5px,-4px); }
.open span:first-child{margin: 0;}
.open span{margin-top: 4px;}

/*======= PAD =======*/
@media only screen and (max-width: 980px){
	.sp{display:block;}
	.pc{display:none;}
	.fixed{width: 100%; min-height: 520px; background-attachment: initial;}
	.subtitle,
	.box {padding: 0 5%; width: 90%; overflow: hidden; }
	.subtitle { padding: 60px 5% 15px; }

	.section_1 { padding-top: 0; }
	.section_1 p.l { width: 100%!important; font-size: 16px; }
	.section_1 img.r { width: 60%; margin: 0 auto; display: block; float: none; margin-bottom: 30px; }
	.section_1 .box.wh ul li { width: 100%; float: none; }
	.section_1 .box.wh ul li .btn img { width: 60px; }
	.section_1 ul li .text { height: auto; padding: 0; }
	.section_1 ul li .text .b_inner { position: relative; top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); padding: 30px 0; }
	.section_1 ul li p { font-size: 13px; }
	.section_1 ul li h4 { padding: 3px 10px; }

	.header { height: 600px; }
	.header h1 img {width: 60%; left: 50%; top: 30%; margin: 0 0 0 -30%; }
	.section_1 *{font-size: 17px;}
	.section_1 span{font-size: 18px; }
	.section_4 a {border-bottom: 1px dotted #B0AFAA;}
	.section_4 .tableS { display: block; }

	#campaign .box ul { margin-bottom: 0; margin-top: 0; }
	#campaign .box ul li > div { float: none; width: 100%; }
	#campaign .box ul li:last-child { margin-bottom: 40px; }
	#campaign .box ul li .image { padding: 0 0 100%; }
	#campaign .box ul li .image img { position: relative; width: 100%; }
	#campaign .box ul li .text { position: relative; top: auto; left: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
	#campaign .box ul li table th, #campaign .box ul li table td { display: block; float: left; }
	#campaign .box ul li table th { text-align: left; }
	#campaign .box ul li table td { border-left: none; padding-top: 5px; }
	#campaign .box ul li table td.last { padding-top: 5px; }
	#campaign .box ul li table th.last { padding-bottom: 0; }

	.menuListBox { margin: 40px auto 0; }
	.menuList { padding: 0 5%; } 
}

/*======= SP =======*/
@media only screen and (max-width: 768px){
    body.html{cursor:default;}
	.pc { display: none!important; }
	.sp { display: block!important; }
	table tr{display: block; }
	.table table th,
	.table table td{width: 100%; display: list-item; border: none; list-style: none; box-sizing: border-box; border: 1px dotted #B0AFAA; }
	.table table th {border-bottom:none;}
	.table table td{margin-bottom: 1.5em;}
	.head_box p { text-align: left; }
	.fixed {min-height: 220px;}
	.section_3_header {height: 220px; }
	.header { height: 700px; }
	.header h1 img { top:45%; }
#qa .header h1 img { top:30%; }
	.header h3 img {width: 280px; right:20px; top: 80px; }
	.header h5 img {width:88%; top: 64%; }
	.stats {left: -2%; top: 0; height: 160px; width: 160px; background-size: 160px; margin-left: 0; text-align: center; }
	.stats ul li.stats_1{font-size: 12px; font-weight: bold;}
	.stats ul li.stats_2{font-size: 38px; font-weight: bold;}
	.stats ul li.stats_3{font-size: 9px; font-weight: bold; letter-spacing: 0;}
	.section_1 { padding: 30px 0; position: relative;}
/*	.section_1 *{line-height: 1.7;}*/
	.section_1 p.l span { font-size: 16px; }
	.section_1 ul { margin: 0 ; }
	.section_1 li,.section_1 li:first-child { float: none; width: 96%; margin: auto; position: relative; }
	.section_1 .box.wh { margin-top: 0; }
	.section_1 .box.wh h2 { margin-top: 25px; }
	.section_1 .box.wh img { width: 100%; }

	.section_2 { margin-top: 0; padding: 0; }
	.section_2 ul li { width: 48%; min-height: 300px; margin-right: 0; }
	.section_2 ul li:nth-child(3n) { margin-right: 0; }
	.section_2 ul li:nth-child(2n) { margin-left: 4%; }
	.section_2 ul li:nth-child(n+4) { margin-bottom: 40px; }
	.section_2 ul.w666 li { width: 100%; float: none; padding: 0; height: auto; margin-bottom: 30px; }
	.section_2 ul.w666 li:last-child { margin-bottom: 40px; border-top: none; }
	.section_2 ul.w666 li:nth-child(2n) { margin-left: 0; }
	.section_2 ul li h3 { text-align: left; font-size: 14px; min-height: 60px; margin-bottom: 0; padding-bottom: 0;}
	.section_2 ul li p { font-size: 12px; line-height: 1.5; letter-spacing: 0; }
	.section_2 ul.w666 li h3 { padding: 15px; }
	.section_2 ul.w666 li p { font-size: 13px; line-height: 1.5; letter-spacing: 1px; }
	.section_2 ul.w666 li p span { font-size: 11px; }

	.menuList { padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.menuList h3 { margin-bottom: 10px; padding-top: 0; }
	.menuListBox { margin-top: 20px; }
	.menuListBoxSecImg { width: 100%; display: block; float: none; height: auto; padding: 0; }
	.menuListBoxSecImg img { position: relative; width: 100%; display: block; }
	.menuListBoxSecTxt { width: 100%; display: block; float: none; }

	.section_1.w25 ul li:nth-child(1) { width: 50%; margin-bottom: 10px; }
	.section_1.w25 ul li:nth-child(2) { width: 100%; padding-left: 0; }
	.section_1.w25 ul li p { font-size: 13px; line-height: 1.5; letter-spacing: 1px; }

	.section_4 .tableL { width: 100%; }
	.section_4 table th { width: 200px }
	.section_4 table td { padding-left: 15px; width: 80%; }
	.section_4 .r { display: block; margin: 30px auto 0; display: block; float: none; padding-top: 50px; }
}
@media only screen and (max-width: 480px){
	.header { height: 550px; }
#qa .header h1 img { top:40%; }
	/*.header h3 img { display: none; }*/
}





/*2021*/

@media only screen and (max-width: 980px){
  	.section_1 img.r { width: 100%; } 
	.subtitle { padding: 100px 5% 35px; }
    .section_2 .img_one img { margin:0 auto; width:100%; }
	.section_1 { padding-top: 0; }
	#covid .subtitle { padding: 60px 5% 35px; }
}

@media only screen and (max-width: 768px){
	.section_1 .box.wh h2 { margin-bottom: 0px; }
    .section_1 ul li h4  {padding:3px 10px 3px 0;}    
    .section_1 ul li h4 .num{font-size: 2em; margin: 5px .3em 0 0; padding: 0 12px; border-radius: 35px;}
    .section_1 ul li h4 .sub{ font-size: 0.7em; }
	.header h3 img {width: 140px; right:10px; top: 10px; }
	.stats {left: 10px; top: 10px;}
	.header h1 img {width: 90%; margin: 0 0 0 -46%; }
    #covid .section_2 ul li img { width: 45%;  }
    .iconnew { left: 70%; }
    #theme .lead p { text-align: left; }
    h3.kaiki {width: 120px; height:120px; right: 20px; top: 20px; border-radius: 50%; padding:10px;}
    h3.kaiki .kaiki_wrap{font-size: 38px; }
    h3.kaiki span{ font-size:12px; color:#fff; display: inline-block; margin-bottom: 10px;}
    h3.kaiki .mes{ font-size:23px; }
    h3.kaiki .note{ font-size:7px; margin-top:10px;}
}
.sp .navigation li a{background: rgb(20,1,1,0.85); color: #fff; border-bottom: 1px solid rgb(255,255,255,0.3); }