@charset "UTF-8";

html{
  font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}
body {
  font-size: 1.6rem;/* 16px */
  font-family:'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
  background: #eeeeee;
  color:#3e3a39;
  margin: 0;
  padding: 0;
}

#wrap{
width: 100%;
height: auto;
}

a:hover{
	opacity: 0.8;
}


/*---------- header----------*/
.l_header{
  display: none;
}
.header{
  height: 120px;
  background: #fff;
  /* box-shadow */
  box-shadow:0px 7px 26px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:0px 7px 26px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow:0px 7px 26px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 999;
}
/*------- header01-------*/
.header_01{
  max-width: 1020px;
  width: 96%;
  height: 66px;
  -js-display: flex;
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  font-size: 13px;
}

/*logo*/
h1{
  width: 258px;
  padding-right: 8px;
}
h1 img{
  width: 258px;
  height: auto;
  position: relative;
  top:12px;
}

/*sitemap,textsize,contact*/
.siteUtility{
  width: calc(100% - 258px);
  height: 66px;
  -js-display: flex;
  display: flex;
  justify-content: flex-end;
}
/*------ sitemap ------*/
.su_sitemap{
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 25px;
}
.su_sitemap a{
  color:#000;
  display: block
  -js-display: flex;
  display: flex;
  flex-direction: row;
}
.su_sitemap img{
  padding-right: 8px;
}


/*------ textsize ------*/
.su_textsize {
  -js-display: flex;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 25px;
}

.su_textsize p{
  padding-right:  14px;
}
#textsize{
  -js-display: flex;
  display: flex;
  flex-direction: row;
}
#textsize li{
  background:#888;
  color:#fff;
  margin-right: 8px;
  margin-bottom: 4px;
}
#textsize li:last-child{
  margin-right: 0;
}

ul#textsize li a{
  width: 20px;
  height: 20px;
  padding: 4px;
  color: #fff;
}

ul#textsize li:hover{
  background: #ec8498;
}

ul#textsize li a.active {
    background: #ec8498;
}

ul#textsize li a.selected.active {
    background: #ec8498;
}


/*------ contact ------*/
.su_contact{

}
.su_contact a{
  padding: 0 20px;
  height: 45px;
  margin-right: 0;
  background: #ec8498;
  color: #fff;
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;

}
.su_contact img{
  margin-right: 8px;
  margin-top: 3px;
}


/*------- header_02-------*/
.header_02{
  max-width: 1020px;
  width: 96%;
  height: 54px;
  margin: 0 auto;
  font-size: 14.5px;
}
.header_02 a{
  color:#3e3a39;
  display: block;
  height: 54px;
  width: 100%;
}
.header_02 a:hover{
  opacity: 0.35;
}
.header_02 nav ul{
  width: 100%;
  height: 54px;
  -js-display: flex;
  display: flex;
  flex-direction: row;
}
.header_02 nav ul li{
  width: 25%;
  border-left: 1px solid #dbdcdc;
}
.header_02 nav ul li:nth-child(2){
  border-bottom: 3px solid #0097d7;
}
.header_02 nav ul li:nth-child(1){
  border-bottom: 3px solid #f5a900;
}
.header_02 nav ul li:nth-child(3){
  border-bottom: 3px solid #6eb82b;
}
.header_02 nav ul li:nth-child(4){
  border-bottom: 3px solid #009b83;
  border-right: 1px solid #dbdcdc;
}



@media screen and (max-width : 1200px) {
.header_02 nav ul li:nth-child(3){
  font-size: 13.5px;
}
}



.stellarnav li a{
  -js-display: flex !important;
  display: flex !important;
  align-items: center;
}
.stellarnav li a.navtitle{
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stellarnav ul li ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
}

.stellarnav ul li ul li{
    width: 100%;
      background: #fff;
      font-size: 12.5px;
}

.stellarnav ul li ul li a{
  border:none;
  background: #fff;
}

.stellarnav ul li ul li:nth-child(1),
.stellarnav ul li ul li:nth-child(2),
.stellarnav ul li ul li:nth-child(3),
.stellarnav ul li ul li:nth-child(4),
.stellarnav ul li ul li:nth-child(5){
  border:none;
}

.stellarnav ul li ul li:hover{
  opacity: 0.8;
}




@media screen and (max-width : 768px) {

/*------ レスポンシブメニュー ------*/
 .header{
   display: none!important;
 }
	


 /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Layout
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.l_header {
  display: block;
  width: 100%;
  height: 60px;
  position: relative;
  z-index: 5000000;
  background: #fff;

}

.l_header .l_header_row2 {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 auto;
}
.l_header .l_header_inner {
  padding: 0;
}
.l_header .l_header_ttl {
  text-align: center;
  position: relative;
  height: 60px;
  width: 100%;
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.l_header .l_header_ttl > a {
  line-height: 0;
}
.l_header .l_header_ttl img {
  height: 26px;
  width: auto;
  position: relative;
  top:2px;

}
  .l_header .l_header_nav {
      overflow-y: hidden;
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
}
.l_header_list{
  letter-spacing: 0.1rem;
}
.l_header .l_header_list > li > a {
  position: relative;
  padding: 14px 0;
  color: #fff;
  display: block;
  text-align: center;
}
.l_header .l_header_list > li > a:after {
  content: '';
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 12px;
  background-position: 0 -50px;
}
.l_header .l_header_btn2 {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-top: -60px;

}
/*.l_header .l_header_btn2 > a {
  background-color: #333;
  padding: 38px 16px;
}*/
.l_header .l_header_btn2 > a:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  background-position: 0 -62px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Module/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m_btn {
  display: inline-block;
  width: 50px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*!
 * sass/_state.scss
 */
.is_sp {
  width: 100;
}

.is_close.l_header .l_header_nav {
  display: none;
}

}








/*------ btnstyle ------*/
a.btnstyle_A{
  background: #ec8498;
  color:#fff;
  padding: 12px 12px;
  border-radius: 3px;
}
a.btnstyle_A:hover{
  opacity: 0.8;
}
/*------ labelstyle ------*/
.labelstyle_A{
  background: #ec8498;
  color:#fff;
}
.labelstyle_B{
  border-left:4px solid #ec8498;
  height: 70px;
  display: flex;
  align-items:flex-end;
  margin-left: 20px;
  margin-bottom: 0;
}
.labelstyle_B p{
  padding-left: 18px;
  letter-spacing: 0.02em;
}
.labelstyle_C{
	position: relative;
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}
.labelstyle_C::after {
	position: absolute;
	bottom:0;
	left: 0;
	z-index: 2;
	content: '';
	width: 50%;
	height: 3px;
	background:  #0097d7;
}

.labelstyle_C p{
  padding-left: 10px;
}

.company_area .labelstyle_C::after {
	background: #f5a900;
}

/*------ main_img ------*/
.main_img{
  width: 100%;
  height: 780px;
  background: url('../images/t_main_img.jpg') no-repeat;
  background-size: cover;
  border-bottom: 5px solid #ec8498;
  -js-display: flex;
  display: flex;
  justify-content: flex-start;
}
.main_copy{
  width: 90%;
  max-width: 1020px;
  margin: 0 auto;
  color:#fff;
  font-weight: 300;
  font-size: 3.2rem;
  position: relative;
  top:130px;
  line-height: 1.75;
  font-feature-settings : "palt";
  text-shadow:2px 2px 2px rgba(0,0,0,.04);
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
	text-align: center;
}

.main_bg{
  background: url('../images/t_main_bg.png') no-repeat;
  background-position: center;
}

@media screen and (max-width : 768px) {

    /*------ main_back ------*/
    .main_img{
      width: 100%;
      height: 480px;
      background-size: cover ;
      border-bottom: 5px solid #ec8498;
      background-position: top;
      align-items: center;
    }
    .main_copy{
      width: 80%;
      font-size: 2.4rem;
      position: relative;
      top:-90px;
    }
    .main_copy br{
      display: none;
    }

}

/*------ sub_img ------*/
.sub_img{
  width: 100%;
  height: 210px;
  background: url('../images/sub_main_img.jpg') no-repeat;
  background-size: cover;
  border-bottom: 4px solid #ec8498;
  background-position: 10% 30%;
}
.sub_title{
  width: 1020px;
  height: 210px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sub_title h2{
  color:#fff;
  letter-spacing: 0.05rem;
  font-size: 274%;
  padding-left: 10px;
  font-weight: 600;
  font-family:  'Raleway', sans-serif;
}

/*------ footer ------*/
.footer{
  background: #fff;
  font-size: 13px;

}
.footer_01_wrap{
  width: 100%;
  border-bottom: 7px solid #dbdbdc;
  line-height: 24px;
}
.footer_01{
  max-width: 1020px;
  width: 96%;
  height: 130px;
  margin: 0 auto;
  background: #fff;
  color:#717071;
  display: flex;
  flex-direction: row;
  align-items: center;

}
.footer_logo{
  margin-right: 20px;
}
.footer_02{
  height: 30px;
  background: #ec8498;
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*------ 下層ページ ------*/
.sub_container{
  padding: 60px 0;
}
.wrap_page{
  max-width: 1020px;
  width: 96%;
  margin: 0 auto;
  background: #fff;
}
.wrap_contents{
  width: 980px;
  margin: 0 auto;
  margin-top: 10px;
  padding-bottom: 40px;
}
.wrap_text{
  width: 960px;
  margin: 0 auto;
}




@media screen and (max-width : 768px) {


    /*------ sub_img ------*/
    .sub_img{
      width: 100%;
      height: 168px;
      background: url('../images/sub_main_img.jpg') no-repeat;
      background-size: cover;
      border-bottom: 4px solid #ec8498;
      background-position: 10% 30%;
    }
    .sub_title{
      width: 100%;
      height: 168px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .sub_title h2{
      font-size: 220%;
      padding-left: 0;
    }

/*------ footer ------*/
.footer_01_wrap{
  height: auto;
  padding: 20px 0;
}
.footer_01{
  width:100%;
  height: auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.footer_logo{
  margin-right:0;
  margin-bottom: 20px;
}
.footer_02{
  height: 30px;
  background: #ec8498;
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
}


/*------ 下層ページ ------*/
.sub_container{
  padding: 5% 2%;
}
.wrap_page{
  width: 96%;
  margin: 0;
  background: #fff;
  padding: 0 2%;
}
.wrap_contents{
  width: 92%;
  margin: 0;
  padding: 0;
}


}


/*------ fontstyle ------*/
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600');

.font_l3{ font-size: 180%;}
.font_l2{ font-size: 140%;}
.font_l1{ font-size: 130%;}

.font_m3{ font-size: 120%;}
.font_m2{ font-size: 112%;} /*header_02*/
.font_m1{ font-size: 104%;}

.font_s3{ font-size: 95%;}
.font_s2{ font-size: 90%;}
.font_s1{ font-size: 80%;}


/*------ margin/padding ------*/
.m0 {margin: 0px;}
.mt0 {margin-top: 0px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}

.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}

.mr0{margin-right:0px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.ml0{margin-left:0px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}

.pd20{ padding: 20px 0;}

.lh20{line-height: 22px;}
.lh40{line-height: 40px;}

address{font-style: normal;}

a{text-decoration: none;}
a:hover{cursor:pointer;}

ul{list-style-type: none;margin: 0;padding: 0;}

p{margin: 0;}
figure{margin: 0;}

h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}

.fc{
  -js-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bold{
  font-weight: 600;
}
/*clearfix*/
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}

/*------ カラー変更 ------*/
.blue{
  color: #0097d7;
}
.bg_pink{
  background: #ec8498;
}
.bg_blue{
  background:  #0097d7;
}
.bg_yellow{
  background: #f5a900;
}
.bg_csr{
  background: #6eb82b;
}
.bg_green{
  background: #009b83;
}


.border_pink{
  border-color: #ec8498;
}
.border_blue{
  border-color: #0097d7;
}
.border_yellow{
  border-color: #f5a900;
}
.border_csr{
  border-color: #6eb82b;
}
.border_green{
  border-color: #009b83;
}





@media screen and (max-width : 768px) {
  .none{
    display: none;
  }
.font_l3_s{ font-size: 160% !important;}
}




/*共通リンク*/
.mainmenu_wrap{
  max-width: 1020px;
  width: 96%;
  margin: 0 auto;
  padding-bottom: 140px;
  background: url('../images/t_main_bg.png') no-repeat;
  background-position: bottom right;
}
.mainmenu_wrap ul{
  -js-display: flex;
  display: flex;
  flex-direction: row;
}
.mainmenu_wrap ul li{
  width: 25%;
  margin-right: 26px;
  text-align: center;
  color:#3e3a39;
}
.mainmenu_wrap ul li img{
  width: 100%;
  margin-bottom: 20px;
}
.mainmenu_wrap ul li p.txts{
  font-size: 84%;
}
.mainmenu_wrap ul a:hover{
  opacity: 0.8;
}
.mainmenu_wrap ul li:last-child{
  margin-right: 0;
}
.mainmenu{
  font-size: 114%;
}


@media screen and (max-width : 768px) {

  .mainmenu_wrap{
    width: 100%;
    padding-bottom:80px;
    background-size: contain;
  }
  .mainmenu_wrap ul{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
	margin-top: 40px;
  }
  .mainmenu_wrap ul li{
    width:80%;
    max-width: 410px;
    margin-right: 0;
    margin-bottom: 40px;
  }
  .mainmenu_wrap ul li:last-child{
    margin-bottom: 0;
  }
  .mainmenu_wrap ul li img{
    width: 100%;
    margin-bottom: 20px;
  }

}