@charset "utf-8";

@import url("mailform.css");
@import url("modaal.css");
@import url("../../../landing/henshin-shield/css/accordion.css");

/* ---------------------------------------------- template */
h1{font-size:40px; text-align:center; font-weight:bold; padding-bottom:25px;}
h2{font-size:32px; text-align:center; font-weight:bold; padding-bottom:25px;}
h3{font-size:24px; text-align:center; font-weight:bold; padding-bottom:25px;}
.mincho{font-family:"游明朝 Medium","Yu Mincho  Medium","游明朝",YuMincho,serif;}
.Ralign{text-align:right;}
.Lalign{text-align:left;}
.Calign{text-align:center;}
.space{padding-bottom:30px;}
.solid{border-bottom:5px solid #003067; padding:0; width:100%;}
.double{border-bottom:5px double #003067; padding:0; width:100%;}
.dotted{border-bottom:5px dotted #003067; padding:0; width:100%;}
.dashed{border-bottom:5px dashed #003067; padding:0; width:100%;}
.groove{border-bottom:5px groove #003067; padding:0; width:100%;}
/* ---------------------------------------------- /template */
/*----------------NEW----------------------*/
.siba{
  background:url(../../../landing/henshin-shield/img/background.png?20201103) repeat;
  padding:0 0 16px 0;
  color:#fff;
}
.samurai{
  background:#D2B48C;
  padding:0 0 16px 0;
}
.hansoku{
  background:#fffff0;
  padding:0 0 16px 0;
}
p.shadow{
  text-shadow:2px 2px 4px #000;
}
p span{
  font-size:16px;
}
.contact{
  text-align:right;
}
nav.contact{
  padding:0 50px;
}
.contact img{
  width:auto;
}
.main_full p{
  font-size:18px;
  padding:50px 50px 0 50px;
  text-shadow:2px 2px px #000;
}
.main_full p font{
  font-size:30px;
  font-weight:bold;
}
.flex_left{
  display:flex;
  justify-content:space-between;
}
.flex_left > div:first-child{
  width:60%;
  padding-left:50px;
}
.flex_left > div:last-child{
  width:39%;
  padding-right:20px;
}
.flex_left p{
  font-size:18px;
}
.flex_left p font{
  font-size:32px;
  font-weight:bold;
}
.flex_two{
  display:flex;
  flex-wrap:wrap;
  padding:8px 20px 8px 50px;
}
.flex_two > div{
  width:calc(100% / 2);
}
.flex_two > div:nth-child(2n+1){
  padding-right:5px;
}
.flex_two > div:nth-child(2n){
  padding-left:5px;
}
.flex_two p{
  font-size:18px;
}
.flex_two p font{
  font-size:32px;
  font-weight:bold;
}
.flex{
  display:flex;
  justify-content:space-between;
}


/* ---------------------------------------------- footer */
footer{
  background:#ececec;
  min-width:1173px;
  padding:25px 0;
}
footer > div{
  width:1173px;
  margin:0 auto;
  padding:8px 25px 24px 25px;
}
footer img{
  width:170px;
}
/* ---------------------------------------------- /footer */
/* ---------------------------------------------- section */
section{
  min-width:1173px;
}
section > div{
  width:1173px;
  margin:0 auto;
}
section.backimg{
  background: url(../../../landing/henshin-shield/img/header.jpg) no-repeat center;
  background-size: cover;
  min-width: 1050px;
  height: 550px;
}
/* ---------------------------------------------- /section */
/* ---------------------------------------------- block */
/*
.flex,.flex_left,.flex_right{
  display:flex;
  justify-content:space-between;
}
.flex_left div:first-child,.flex_right div{
  width:60%;
}
.flex_left div:last-child,.flex_right div:first-child,.flex_right div:last-child{
  width:38%;
}
*/
.flex_three{
  display:flex;
  flex-wrap:wrap;
  padding-left:8px;
}
.flex_three > div{
  width:calc(100% / 3);
  padding-bottom:15px;
}
.flex_three > div:nth-child(3n+1){
  padding-right:15px;
}
.flex_three > div:nth-child(3n+2){
  padding:0 7.5px;
}
.flex_three > div:nth-child(3n+3){
  padding-left:15px;
}
.flex_three p{
  margin-top:8px;
}
.flex_four{
  display:flex;
  flex-wrap:wrap;
  padding-left:8px;
}
.flex_four > div{
  width:calc(100% / 4);
  padding-bottom:15px;
}
.flex_four > div:nth-child(4n+1){
  padding-right:15px;
}
.flex_four > div:nth-child(4n+2){
  padding:0 10px 0 5px;
}
.flex_four > div:nth-child(4n+3){
  padding:0 5px 0 10px;
}
.flex_four > div:nth-child(4n+4){
  padding-left:15px;
}
.flex_four p{
  margin-top:8px;
}
.main_quarter{
  width:75%;
  margin:0 auto;
}
.main_quarter p{
  margin-top:10px;
}
.main_half{
  width:50%;
  margin:0 auto;
}
.main_half p{
  margin-top:10px;
}
/* ---------------------------------------------- /block */



/* ---------------------------------------------- mobile */
.sp{display:none;}
@media screen and (max-width:750px){
.pc{display:none !important;}
.sp{display:inherit;}

h1{font-size:34px;}
h2{font-size:28px;}
h3{font-size:22px;}
/* ---------------------------------------------- header mobile */
header{
  min-width:100%;
}
header > div{
  width:100%;
  height:300px;
  margin:0 auto;
  padding:0 3%;
}
/* ---------------------------------------------- /header mobile */
/* ---------------------------------------------- footer mobile */
footer{
  min-width:100%;
  padding:25px 0;
}
footer > div{
  width:100%;
  margin:0 auto;
  padding:8px 3% 24px 3%;
}
/* ---------------------------------------------- /footer mobile */
/* ---------------------------------------------- section */
section{
  width:100%;
  min-width:100%;
}
section > div{
  width:100%;
  padding:45px 3%;
}
/* ---------------------------------------------- /section */
/* ---------------------------------------------- block */
.flex,.flex_left,.flex_right{
  display:inherit;
}
.flex_left div:first-child,.flex_right div{
  width:100%;
}
.flex_left div:last-child,.flex_right div:first-child,.flex_right div:last-child{
  width:100%;
}
.flex_two{
  display:inherit;
}
.flex_two > div{
  width:100%;
}
.flex_three > div{
  width:calc(100% / 2);
}
.flex_four > div{
  width:calc(100% / 2);
}
.main_quarter{
  width:75%;
  margin:0 auto;
}
.main_quarter p{
  margin-top:10px;
}
.main_half{
  width:50%;
  margin:0 auto;
}
.main_half p{
  margin-top:10px;
}
/* ---------------------------------------------- /block */
}/*@media screen and (max-width:750px)*/
/* ---------------------------------------------- /mobile */