@charset "UTF-8";
#header {
	background-color: rgba(255,255,255,1);
}
#page_header{background-image: url("../img/header_img_pc.webp");}

.boxitem_02 span{font-size: 1.6em;margin-right: 0.6em;padding-left:0.6em;font-weight: bold;}
.boxitem_02{color: #009ede; font-size: 1.4em;border-bottom:solid 1px #009ede;border-right:solid 1px #009ede;padding: 0.4em 0;font-weight: normal; }
a:visited {color: #009ede;text-decoration: none;}
.arrow{
  width: 48%;
  position: relative;
  display: inline-block;
  color: #009ede;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.4em;
}

.arrow::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5%;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 1em;   /* arrow size */
  height: 1em;  /* arrow size */
  border-top: 1px solid  #009ede;  /* thickness, color */
  border-right: 1px solid  #009ede;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.section_03{position: relative;height: auto;}
.section_03 .bottom12{padding-bottom: 12%;}
.section_03 .bottom20{padding-bottom: 20%;}
.ContentOver-box{
  padding: 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  background: #d6eefb;
}
.main_img{position: absolute;width: 50%;top:0;right:1%;}
.left_bottom{position: absolute;width: 100%;bottom:0;left:0;}

.back_01{width: 1020px;margin: 0 auto;background-color: #ffffff; background-image: url("../img/business01_back01_pc.svg");background-repeat: no-repeat;background-size: contain;height: 110px;}
.back_02{width: 1020px;margin: 0 auto;background-color: #ffffff; background-image: url("../img/business02_back01_pc.svg");background-repeat: no-repeat;background-size: contain;height: 110px;}
.back_03{width: 1020px;margin: 0 auto;background-color: #ffffff; background-image: url("../img/business03_back01_pc.svg");background-repeat: no-repeat;background-size: contain;height: 110px;}
.back_04{width: 1020px;margin: 0 auto;background-color: #ffffff; background-image: url("../img/business04_back01_pc.svg");background-repeat: no-repeat;background-size: contain;height: 110px;}

.title_h2{text-align: left; font-size: 1.8em;margin-bottom: 7%;padding-top: 2.6%;padding-left: 10%;}
.title_h3{font-size: 1.6em;margin-top: 1em; margin-bottom: 1em;line-height: 1.2;}
.under_line{border-bottom: solid 2px #000000;display: inline-block;padding: 0 0.4%;font-size: 1.2em;margin-bottom: 1em;}
.business_h3{border-bottom: solid 2px #000000;padding: 0 0.4% 0.6%;font-size: 1.0em;margin-bottom: 1em;}
.boxitem_03 h3,.boxitem_03-02 h3{margin-top: 2%;font-size: 1.2em;line-height: 1.2;margin-bottom: 2%;}
.boxitem_03-02 ul{width: 49%;float: left;margin-bottom: 5%;}
.boxitem_03-02 ul li{list-style-position: outside;
  list-style-type: disc;margin-left: 1.6em;font-size: 0.94em;}

.tekkou_img{width: 50%;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
.ContentOver-box{
  padding: 0;
  margin: 0 auto;
  width: 100%;
  background: transparent;
}
.back_01{width: 100%;margin: 0 auto; background-image: url("../img/business01_back01_tb.svg");background-repeat: no-repeat;background-size: contain;}
.back_02{width: 100%;margin: 0 auto; background-image: url("../img/business02_back01_tb.svg");background-repeat: no-repeat;background-size: contain;}
.back_03{width: 100%;margin: 0 auto; background-image: url("../img/business03_back01_tb.svg");background-repeat: no-repeat;background-size: contain;}
.back_04{width: 100%;margin: 0 auto; background-image: url("../img/business04_back01_tb.svg");background-repeat: no-repeat;background-size: contain;}
	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.webp");}
	
.boxitem_02 span{font-size: 1.14em;margin-right: 0.6em;padding-left:0.6em;font-weight: bold;}
.boxitem_02{color: #009ede; font-size: 0.94em;border-bottom:solid 1px #009ede;border-right:solid 1px #009ede;padding: 0.4em 0;font-weight: normal; }
a:visited {color: #009ede;text-decoration: none;}
.arrow{
  width: 48%;
  position: relative;
  display: inline-block;
  color: #009ede;
  vertical-align: middle;
  text-decoration: none;
  font-size: 0.94em;
}

.arrow::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5%;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.6em;   /* arrow size */
  height: 0.6em;  /* arrow size */
  border-top: 1px solid  #009ede;  /* thickness, color */
  border-right: 1px solid  #009ede;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.main_img{display: none;}
.left_bottom{position: relative;width: 100%;bottom:0;left:0;}
.tekkou_img{width: 100%;}
.ContentOver-box{
  padding: 0;
  margin: 0 auto;
  width: 100%;
  background: transparent;
}
.section_03 .bottom12{padding-bottom: 0%;}
.section_03 .bottom20{padding-bottom: 0%;}
.back_01{background-repeat: no-repeat;height: auto;background: url("../img/business01_img01_sp.webp") top center;background-size: cover;width: 100%;/* (画像の高さ / 画像の横幅) × 100 */padding-top: 73%;position: relative;top: 0px;left: 0;margin-bottom: 2em;background-color: transparent;}
.back_02{background-repeat: no-repeat;height: auto;background: url("../img/business02_img01_sp.webp") top center;background-size: cover;width: 100%;/* (画像の高さ / 画像の横幅) × 100 */padding-top: 73%;position: relative;top: 0px;left: 0;margin-bottom: 2em;background-color: transparent;margin-top: 3em;}
.back_03{background-repeat: no-repeat;height: auto;background: url("../img/business03_img01_sp.webp") top center;background-size: cover;width: 100%;/* (画像の高さ / 画像の横幅) × 100 */padding-top: 73%;position: relative;top: 0px;left: 0;margin-bottom: 2em;background-color: transparent;margin-top: 3em;}
.back_04{background-repeat: no-repeat;height: auto;background: url("../img/business04_img01_sp.webp") top center;background-size: cover;width: 100%;/* (画像の高さ / 画像の横幅) × 100 */padding-top: 73%;position: relative;top: 0px;left: 0;margin-bottom: 2em;background-color: transparent;margin-top: 3em;}
	
.boxitem_03-02 ul{width: 49%;float: left;margin-bottom: 5%;font-size: 0.84em;}
.boxitem_03-02 ul li{}
.title_h2{display: none;}
.title_h3{font-size: 1.3em;margin-bottom: 1%;line-height: 1.2;}
.sp_mt3em{margin-top: 3em;}
.w90per{width: 100%;margin: 0 auto;}
}