@charset "utf-8";

@media screen and (max-width: 767px) {}
@media screen and (min-width: 1200px) {}
@media print, screen and (min-width: 768px) {}

/*------------------------------------
main_fsメインイメージ（フルスクリーン）
------------------------------------*/
.main_fs{ background: linear-gradient(50deg, rgba(255, 255, 255, 0.45),  rgba(197, 223, 255, 0.45));/*background: #ececec; width: 100vw;*/ width: 100%; height:/* 100vh*/600px;}
.main_fs .main_text_02{ position: relative;}
.main_fs img.main_text_02_03{ position: absolute;}
.main_fs .main_text_03{ position: relative;}
.main_fs img.main_text_03_03{ position: absolute;}
.main_fs .main_text_04{ position: relative;}
.main_fs img.main_text_04_03{ position: absolute;}
.main_fs_inner{ height:50%;}

.main_fs .main_fig{ position: absolute;}
.main_fs .main_catch{ font-size: 60px; color:#000000; line-height: 1.2em; margin-top: -23px;}
.main_fs .main_catch_s{}

@media screen and (max-width: 767px) {
.main_fs{width: 100%; height: 100vh;}

.main_fs .inner_pc{ text-align: center; padding: 100px 20px 20px 20px;}
.main_fs img{}

.main_fs .main_fig{ position: absolute; top: 400px;}
.main_fs .main_fig img{ width:500px; position: absolute; left: -170px;}
.main_fs .main_catch{ font-size: 40px; color:#000000; line-height: 1.2em; margin-top: -23px;}
.main_fs .main_catch_s img{ width: 75%;}

.main_fs img.main_text_01_01{ margin-bottom: 10px;}
.main_fs img.main_text_01_02{ width: 90px;}

.main_fs img.main_text_02_01{ width: 197px;}
.main_fs img.main_text_02_02{ width: 277px;}
.main_fs img.main_text_02_03{ width: 80px; right: 30px; top: 30px;}

.main_fs img.main_text_03_01{ width: 152px;}
.main_fs img.main_text_03_02{ width: 348px;}
.main_fs img.main_text_03_03{ width: 80px; left: 30px; top: 0px;}

.main_fs img.main_text_04_01{ width: 192px;}
.main_fs img.main_text_04_02{ width: 264px;}
.main_fs img.main_text_04_03{ width: 80px; right: 38px; top: 0px;}

.main_fs span img{ width: auto;}
}
@media print, screen and (min-width: 768px) {
.main_fs .inner_pc{ padding-top: 200px;}
.main_fs p{ margin-bottom: 37px;}
.main_fs img.main_text_01_01{ margin-right: 30px;}
.main_fs img.main_text_02_03{ right: 35px; top: 0px;}
.main_fs img.main_text_03_03{ left: 562px; top: -12px;}
.main_fs img.main_text_04_03{ right: 307px; top: -29px;}
}

/*
*/
a.home_scroll { 
	display: block;
  padding-top:0px; background: #FF0004;
}
a.home_scroll span img.scroll_parts_01{ position: relative; left: 50%; margin-left: -9px;}
a.home_scroll span img.scroll_parts_02{ position: relative; left: 50%; margin-left: -20px;}
a.home_scroll span img.scroll_parts_03{ position: relative; left: 50%; margin-left: -9px;}

a.home_scroll span {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30px;
  margin-left: -15px;
	/*
  border: 2px solid #fff;
	*/
  border-radius: 50px;
  box-sizing: border-box;
/*
	background: #FF0004;
*/
}
a.home_scroll span::before {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -9px;
  content: '';
  width: 17px;
  height: 17px;
	/*
  background-color: #ececec;
	*/
  border-radius: 100%;
	border: 1px solid #e4007f;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 60px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 60px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@media screen and (max-width: 767px) {
a.home_scroll span { height: 90px;}
}
@media print, screen and (min-width: 768px) {
a.home_scroll span { height: 150px;}
}



#home h1{ line-height: 2em; margin-bottom: 1em;}
#home h2{ line-height: 2em; margin-bottom: 1em;}
/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
#home h1{ font-size: 20px;}
#home h2{ font-size: 20px;}
}
@media print, screen and (min-width: 768px) {
#home h1{ font-size: 24px;}
#home h2{ font-size: 24px;}
}
/*------------------------------------
main_contents_top
------------------------------------*/
.box_home_contents_frame_01{/* margin-bottom:40px;*/}
.box_home_contents_frame_02{ position: relative;}
.box_home_contents_frame_03{ overflow: hidden; padding-bottom: 120px; position: relative;}
.box_home_contents_frame_04{ padding-bottom: 50px; padding-top: 50px;}
.box_home_contents_01{ position:relative; z-index:10;}

/* タイトルレイアウト */
.box_home_contents_frame_03 h1.contents_title{ padding-top:40px;}
.box_home_contents_frame_03 .contents_title_line{ margin-bottom:40px;}

/*--------------------------------------02（info）*/
.box_home_contents_frame_02 h2{ color: #e4007f; text-align: center;}
/*ブラウザサイズ別指定*/
.box_home_contents_frame_02 ul{ width: 100%;}
.box_home_contents_frame_02 ul li{ text-align: center;}
.box_home_contents_frame_02 ul li:last-child{ margin-right: 0px;}

.home_02_catch{ text-align: center; font-size: 36px;}
.home_02_fig{}
.home_02_text{}

@media screen and (max-width: 767px) {
.box_home_contents_frame_02{ padding-top: 50px; padding-bottom: 50px;}
.box_home_contents_frame_02 h2 img{ width: 70%;}
.home_02_catch{ font-size: 20px;}

.box_home_contents_frame_02 ul li{ background: linear-gradient(#FFFFFF, #eaf3ff, #eaf3ff, #FFFFFF); padding-top: 80px; padding-bottom: 30px;}

.home_02_fig img{ width: 60%;}
.home_02_text{}
.box_home_contents_frame_02 ul{ }
.box_home_contents_frame_02 .inner{ padding-left: 0px; padding-right: 0px;}

}
@media print, screen and (min-width: 768px) {
.box_home_contents_frame_02{ overflow:hidden; padding-top: 160px; margin-top: -200px;/* padding-bottom: 120px;*/}
.box_home_contents_frame_02 p.box_image_01{ text-align: center; margin-bottom: 45px;}
.box_home_contents_frame_02 p.box_text_01{ margin-left: 200px; margin-right: 200px;}

.box_home_contents_frame_02 ul{ margin-top: -173px;}
.box_home_contents_frame_02 ul li{ width: 360px; margin-right: 60px; float: left; height: 683px; background: linear-gradient(#FFFFFF, #eaf3ff, #eaf3ff, #FFFFFF);}
.home_02_fig{ padding-top: 173px;}
.home_02_text{ margin-top: -45px; font-weight: bold; font-size: 22px;}
}


/*--------------------------------------03（business）*/

.box_home_contents_frame_03 h2{ line-height: 2em; margin-bottom: 1em;}

p.box_home_case_text{ border: 1px solid #000000; text-align: center;}
p.box_home_case_text span{ margin-left: 15px; margin-right: 15px; background: #ececec; display: block; margin-top: -3px; padding-top: 3px;}
p.case_text_s{ height: 59px;}
p.case_text_s span{ height: 69px;}
p.case_text_l{ height: 135px; margin-bottom: 15px;}
p.case_text_l span{ height: 145px;}
.box_home_case h3{ margin-bottom: 20px;}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
.box_home_contents_frame_03{ padding-top: 40px;/* background: #ececec;*/}
.box_home_contents_frame_03 h2{ color: #e4007f; text-align: center; font-size: 20px;}
.box_home_contents_frame_03 .box_home_03_01_fig img{}
.home_03_sp_fig{ float: left; width: 40%; margin-right: 20px;}
.box_home_case{ margin-bottom: 40px;}
.box_home_case h3{ text-align: center;}
.box_home_case h3 img{ width: 80%;}

.box_home_03_01_text ul{ margin-bottom: 30px;}

}
@media print, screen and (min-width: 768px) {
.box_home_contents_frame_03{ background: url(../images/home/03/image_01.png)  center top no-repeat /*#ececec*/; margin-top: -100px;}
.box_home_contents_frame_03 h2{ font-size: 24px;}
.box_home_03_01{ height: 617px;}
.box_home_03_01_fig{ float: left; margin-left: 253px; padding-top: 80px;}
.box_home_03_01_text{ float: right; padding-top: 120px; width: 560px; margin-left: 34px;}
.box_home_03_01_text h2{ margin-bottom: 50px !important;}
.box_home_03_01_text ul{ margin-bottom: 60px;}
.box_home_03_01_text ul li{ font-size: 18px; color:#738691;}
.box_home_03_01_text p.home_03_catch{ font-weight: bold; margin-bottom: 80px; font-size: 30px;}
.box_home_03_02{ padding-top: 80px;}
.box_home_case{ float: left; width: 320px; margin-left: 60px;}
.box_home_case p.btn_more{ margin-top: 40px;}
}


/*--------------------------------------04（news）*/
.box_home_contents_frame_04{/* padding-top: 60px; margin-top: -60px;*/ background: linear-gradient(50deg, rgba(119, 171, 176, 0.17),  rgba(158, 119, 175, 0.17));}
.box_home_contents_frame_04 .inner{/* border-top: 10px solid #e4007f;*/ padding-top: 60px;}
.box_home_contents_frame_04 h2{ text-align: center; margin-bottom: 40px;}
.box_home_contents_frame_04 p{ /*text-align: center;*/ color: #e4007f;}
.box_home_04_01{}

.box_home_contents_frame_04 dl,
.box_home_contents_frame_04 dt,
.box_home_contents_frame_04 dd {
  box-sizing: border-box;
}
.box_home_contents_frame_04 dl { margin-bottom: 80px;}
.box_home_contents_frame_04 dl dt:first-of-type, .box_home_contents_frame_04 dl dd:first-of-type{ border-top: none;}
.box_home_contents_frame_04 dt {/* font-size: 12px;*/}
.box_home_contents_frame_04 dt span{ /*display: block;*/ border: 1px solid #e4007f; text-align: center; color: #738691; margin-top: 2px;}
.box_home_contents_frame_04 dd {
  /*border-left: 1px solid #ececec;*/
}
.box_home_contents_frame_04 dd:after {
  content: '';
  display: block;
  clear: both;
}


@media screen and (max-width: 767px) {
.box_home_contents_frame_04 h2 img{ width: auto;}
.box_home_contents_frame_04 dt { font-size: 12px; padding: 15px 0px 0px 0px;}
.box_home_contents_frame_04 dd { border-bottom: 1px dotted #ac93b9; padding: 5px 0px 10px 0px;}
}
@media print, screen and (min-width: 768px) {
.box_home_contents_frame_04 dl { border-bottom: 1px solid #738691;}
.box_home_contents_frame_04 dt,	.box_home_contents_frame_04 dd { border-top: 1px solid #738691; padding: 15px 15px 10px 0px;}
.box_home_contents_frame_04 dd { margin-left: 20%;}
.box_home_contents_frame_04 dl { margin-left: 60px; margin-right: 60px;}
.box_home_contents_frame_04 dt { width: 20%; float: left;}
.box_home_contents_frame_04 dt span{/* margin-left: 30px;*/ margin-right: 30px;}
}

.btn_facebook{ text-align: center;}
.btn_facebook p{ display: inline-block;}
.btn_facebook p a{ background: #e4007f; color: #FFFFFF; text-decoration: none; padding: 10px 20px;}