@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css?family=Vollkorn&display=swap');
/* CSS Document */
/* CSS reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
input {
  border: 1px solid #b0b0b0;
  padding: 3px 5px 4px;
  color: #979797;
  width: 190px;
}
address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}
ol, ul {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}
body {
  color: #333333;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
  font-size: 1.6rem;
  line-height: 1.85;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  color: inherit;
  text-decoration: none;
}
figure {
  margin: 0;
}
.pc_none {
  display: none;
}
.sp_none {
  display: block;
}
.min {
  font-family: 'Noto Serif JP', serif;
}
.vo {
  font-family: 'Vollkorn', serif;
}
@media screen and (max-width: 768px) {
  .pc_none {
    display: block;
  }
  .sp_none {
    display: none;
  }
}
html {
  font-size: 62.5%; /*16px × 62.5%=10px*/
}
img {
  max-width: 100%;
  height: auto;
}
/*ヘッダー・キービジュアル
-------------------------------------------------------*/
.header {
  position: relative;
  z-index: 1;
  width: 100%;
  transition: .3s;
  height: 80px;
	padding: 0px 20px;
	box-sizing: border-box;
}

.header .header_inner {
  max-width: 1024px;
  margin: 0 auto;
}
.header_fbicon{
font-size: 3.6rem;
color: #000;
position: absolute;
top: 5px;
	right: 30px;
}




@media screen and (max-width: 768px) {
  .header {
    background-color: #fff;
    height: 55px;
  }
  .logo {
    text-align: center;
  }
  .logo img {
    height: 50px;
  }
}
.kv {
  height: 28vw;
  position: relative;
  padding: 0 20px;
}
.kv_inner {
  max-width: 1024px;
  margin: 40px auto 0;
  box-sizing: border-box;
  z-index: 1;
  position: relative;
}
.kv_title {
  font-size: 3vw;
  line-height: 4vw;
  color: #073190;
}
.kv_title::after {
  content: '';
  display: block;
  background: #FFD800;
  height: 1px;
  width: 100px;
  margin-top: 20px;
}
.kv_text {
  font-size: 1.6vw;
  margin-top: 20px;
  color: #073190;
}
.kv_img {
  background: linear-gradient(-100deg, rgba(101, 181, 250, 0), rgba(255, 255, 255, 0.8)), url("../img/top/kv.jpg");
  background-blend-mode: overlay;
  background-size: cover;
  width: 68%;
  height: 40vw;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-bottom: 170px;
}


.kv_bg {
  background: linear-gradient(-100deg, rgba(101, 181, 250, 0), rgba(255, 255, 255, 0.8));
  background-blend-mode: screen;
  background-size: cover;
  width: 68%;
  height: 40vw;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-bottom: 170px;
}


@media screen and (max-width: 768px) {
  .kv {
    height: 200px;
    position: relative;
    padding: 0;
  }
  .kv_inner {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .kv_text {
    font-size: 2rem;
    line-height: 3.5rem;
    position: absolute;
    top: 50px;
    margin: 0 auto;
    width: 100%;
  }
  .kv_img {
    background: linear-gradient(50deg, rgba(101, 181, 250, 0), rgba(255, 255, 255, 0.8)), url("../img/top/kv.jpg") no-repeat;
    background-blend-mode: screen;
    width: 100%;
    height: 400px;
    position: relative;
    background-size: cover;
	 padding-bottom:0;
  }
	.kv_bg {
  width: 100%;
}
}
/*メッセージ
-------------------------------------------------------*/
#message {
  position: relative;
  padding: 30px 0;
}
#message .message_bg {
  background-image: url("../img/top/messagebg.png");
  background-size: contain;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#message .message_inner {
  max-width: 1024px;
  margin: 0 auto;
}
#message .message-item {
  display: flex;
  margin: 50px 0;
}
#message .message-item02 {
  display: flex;
  flex-direction: row-reverse;
}
#message .message-item_card {
  width: 35%;
  height: 350px;
  background-color: #fff;
  padding: 30px 25px 20px;
  box-sizing: border-box;
}
#message .message-item_card01, #message .message-item_card03 {
  position: relative;
  left: 30px;
  top: 25px;
}
#message .message-item_card02 {
  position: relative;
  right: 30px;
  top: 25px;
}
#message .message-item_title {
  font-size: 2.5vw;
  color: #135098;
}
#message .message-item_title01::before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  background: #fff url("../img/top/icon_mission.svg");
  background-size: contain;
  vertical-align: middle;
  position: relative;
}
#message .message-item_title02::before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  background: #fff url("../img/top/icon_partner.svg");
  background-size: contain;
  vertical-align: middle;
  position: relative;
}
#message .message-item_title03::before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  background: #fff url("../img/top/icon_network.svg");
  background-size: contain;
  vertical-align: middle;
  position: relative;
}
#message .message-item_title::after {
  content: '';
  display: block;
  background: #FFD800;
  height: 2px;
  width: 40px;
}
#message .message-item_text {
  margin-top: 20px;
}
#message .message-item_img {
  width: 800px;
  height: 400px;
}
#message .message-item_img01 {
  background: #333 url("../img/top/mission@2x.jpg");
  background-blend-mode: screen;
  background-size: cover;
}
#message .message-item_img02 {
  background: #333 url("../img/top/partner@2x.jpg");
  background-blend-mode: screen;
  background-size: cover;
}
#message .message-item_img03 {
  background: #333 url("../img/top/network@2x.jpg");
  background-blend-mode: screen;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #message {
    position: relative;
	 top:200px;
    padding: 0;
  }
  #message .message-item {
    display: block;
    margin: 0;
  }
  #message .message-item_card {
    width: 80%;
    height: auto;
    background-color: #fff;
    padding: 30px 25px 20px;
    box-sizing: border-box;
    margin: 0 auto;
  }
  #message .message-item_card01, #message .message-item_card03 {
    position: relative;
    top: 25px;
    left: 0;
  }
  #message .message-item_card02 {
    position: relative;
    top: 25px;
    left: 0;
  }
  #message .message-item_title {
    font-size: 1.6rem;
    text-align: center;
  }
  #message .message-item_title01::before, #message .message-item_title02::before, #message .message-item_title03::before {
    text-align: center;
    margin: 0 auto;
  }
  #message .message-item_title::after {
    text-align: center;
    margin: 0 auto;
  }
  #message .message-item_img {
    width: 100%;
    height: 60vw;
  }
}
/*サービス
-------------------------------------------------------*/
/*セッションタイトル共通*/
.section_title {
  font-size: 5rem;
  line-height: 6rem;
  color: #135098;
  text-align: center;
  margin: 50px auto;
}
.section_title .jp {
  font-size: 1.6rem;
  border-top: 2px solid #FFD800;
  display: block;
  width: 200px;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
.section_title {
  margin: 20px auto;
}
}




#service {
  margin: 50px auto;
}
#service .service_inner {
  margin: 0 auto;
  max-width: 1024px;
  position: relative;
}
#service .service-img {
  text-align: center;
  max-width: 550px;
  margin: 0 auto;
}
#service .service-img img {
  width: 90%;
}
#service .service-list_title {
  font-size: 2.4rem;
  font-weight: bold;
  color: #135098;
}
#service .service-list_detail {
  font-weight: bold;
}
#service .service-list_item01 {
  position: absolute;
top: -66px;
    right: 20px;
}
#service .service-list_item02 {
  position: absolute;
  top: 180px;
  right: 42px;
}
#service .service-list_item03 {
  position: absolute;
  bottom: 22px;
  right: 60px;
}
#service .service-list_item04 {
  position: absolute;
  bottom: 40px;
  left: 100px;
}
#service .service-list_item05 {
  position: absolute;
   top: -65px;
   left: 48px;
}
@media screen and (max-width: 980px) {
  #service .service-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    max-width: 700px;
    margin: 20px auto 0;
	padding:0 20px 0 20px;
  }
  #service .service-list_item {
    width: 48%;
    margin-top: 10px;
  }
  #service .service-list_item01, #service .service-list_item02, #service .service-list_item03, #service .service-list_item04, #service .service-list_item05 {
    position: relative;
    top: 0;
    left: 0;
  }
}


@media screen and (max-width: 768px) {
#service{
	position: relative;
	top:200px;
	}

#service .service-img {
max-width: 100%;
padding:0 10px;
}	
	
#service .service-list {
    display: block;
    max-width: 80%;
    margin: 0 auto;
	padding:0;

  }	
#service .service-list_item {
    width: 100%;
    margin-top: 10px;
	padding-bottom:10px;
	text-align: center;
	border-bottom:1px solid #ccc;
  }
}

/*お知らせ
-------------------------------------------------------*/


#news .news_inner{
	max-width:1024px;
	margin:0 auto;
	padding:0 20px;
}

#news .news_inner{
	max-width:1024px;
	margin:0 auto;
	padding:0 20px;
}

#news .news_item{
	display: flex;
	border-bottom:1px solid #ccc;
	padding: 10px 0;
}

#news .news_date{
	min-width:100px;
	margin-right: 20px;
}

#news .news_title{
}

@media screen and (max-width: 768px) {
#news{
	position: relative;
	top:200px;
	}
#news .news_item{
	display: block;
}	
}

/*フェイスブック
-------------------------------------------------------*/
#sns {
  background-color: #F7FBFC;
  padding: 50px;
}

@media screen and (max-width: 768px) {
#sns{
	position: relative;
	top:200px;
	}
}
/*フッター
-------------------------------------------------------*/
.footer{
  text-align: center;
  padding: 100px 0 0 0;
}
.footer .adress {
  color: #333333;
  line-height: 20px;
  margin: 30px 0 60px 0;
}
.footer .adress_label{
	margin-right: 10px;
	font-weight: bold;
	color:#135098;
	}
	

	.footer .adress_listitem {
		margin-top:10px;
	}

.copylight_wrapper {
  background-color: #135098;
  padding:2px 10px;

}
.copylight {
  font-size: 11px;
  color: #fff;
}

@media screen and (max-width: 768px) {
	.footer{
	margin-top:150px;
}
	
	
.footer .footer_logo{
		width:80%;
			margin:0 auto;
	}
	
.footer .adress {
  color: #333333;
  line-height: 20px;
  margin: 30px 0 30px 0;
	padding:0 40px;
text-align: left;
}


.copylight {
  font-size: 11px;
  color: #fff;
}
}
	
/**back-to-top
-------------------------------------------------------**/
.back-to-top {
  position: fixed;
  right: 60px;
  bottom: 120px;
  color: #fff;
  width: 60px;
  height: 60px;
  z-index: 3;
  display: none;
}
.back-to-top:before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
}
.back-to-top:after {
  content: "";
  display: inline-block;
  background-image: url("../img/common/back.svg");
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .back-to-top {
    position: fixed;
    right: 20px;
    bottom: 50px;
    color: #fff;
    width: 60px;
    height: 60px;
    z-index: 3;
    display: none;
  }
}