@charset "UTF-8";
/* Common CSS */

/* ___________________Font */
body {
  font-family: 'Source Sans Pro',NotoSansJP,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",meiryo,"メイリオ",sans-serif;
  color: #09101a;
  line-height: 1.75;
}

body:lang(en) {
  font-family: 'Source Sans Pro',arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",meiryo,"メイリオ",sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
}
/* ___________________Link */
a {
  color: #4982cf;
  text-decoration: none;
}
a:hover,
a:hover span{
  text-decoration: underline;
}
a:hover img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/* ___________________Setting */
* {
  box-sizing: border-box;
}
body img {
  max-width: 100%;
  width: /***/ auto; /* IE8用 */
  height: auto;
  border: none;
  vertical-align: middle;
}
body sub {
  vertical-align: sub;
  font-size: smaller;
}
body sup {
  vertical-align: super;
  font-size: smaller;
}
.font-normal{
  font-weight: normal;
}
.font-italic {
  font-style: italic;
}
.font-bold{
  font-weight: bold;
}
.font-semi-bold{
  font-weight: 600; /* semi bold */
}
.display-inlineblock {
  display: inline-block;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}

@media screen and (min-width: 768px) { /* tab pc */
  .pc-display-inlineblock {
    display: inline-block;
  }
  .pc-display-block {
    display: block;
  }
}

/* margin */
.m-0 {
  margin: 0 !important
}
.mt-0 {
  margin-top: 0 !important
}
.mr-0 {
  margin-right: 0 !important
}
.mb-0 {
  margin-bottom: 0 !important
}
.ml-0 {
  margin-left: 0 !important
}
.m-1 {
  margin: .25rem !important
}
.mt-1 {
  margin-top: .25rem !important
}
.mr-1 {
  margin-right: .25rem !important
}
.mb-1 {
  margin-bottom: .25rem !important
}
.ml-1 {
  margin-left: .25rem !important
}
.m-2 {
  margin: .5rem !important
}
.mt-2 {
  margin-top: .5rem !important
}
.mr-2 {
  margin-right: .5rem !important
}
.mb-2 {
  margin-bottom: .5rem !important
}
.ml-2 {
  margin-left: .5rem !important
}
.m-3 {
  margin: 1rem !important
}
.mt-3 {
  margin-top: 1rem !important
}
.mr-3 {
  margin-right: 1rem !important
}
.mb-3 {
  margin-bottom: 1rem !important
}
.ml-3 {
  margin-left: 1rem !important
}
.m-4 {
  margin: 1.5rem !important
}
.mt-4 {
  margin-top: 1.5rem !important
}
.mr-4 {
  margin-right: 1.5rem !important
}
.mb-4 {
  margin-bottom: 1.5rem !important
}
.ml-4 {
  margin-left: 1.5rem !important
}
.m-5 {
  margin: 3rem !important
}
.mt-5 {
  margin-top: 3rem !important
}
.mr-5 {
  margin-right: 3rem !important
}
.mb-5 {
  margin-bottom: 3rem !important
}
.ml-5 {
  margin-left: 3rem !important
}

/* padding */
.p-0 {
  padding: 0 !important
}
.pt-0 {
  padding-top: 0 !important
}
.pr-0 {
  padding-right: 0 !important
}
.pb-0 {
  padding-bottom: 0 !important
}
.pl-0 {
  padding-left: 0 !important
}
.p-1 {
  padding: .25rem !important
}
.pt-1 {
  padding-top: .25rem !important
}
.pr-1 {
  padding-right: .25rem !important
}
.pb-1 {
  padding-bottom: .25rem !important
}
.pl-1 {
  padding-left: .25rem !important
}
.p-2 {
  padding: .5rem !important
}
.pt-2 {
  padding-top: .5rem !important
}
.pr-2 {
  padding-right: .5rem !important
}
.pb-2 {
  padding-bottom: .5rem !important
}
.pl-2 {
  padding-left: .5rem !important
}
.p-3 {
  padding: 1rem !important
}
.pt-3 {
  padding-top: 1rem !important
}
.pr-3 {
  padding-right: 1rem !important
}
.pb-3 {
  padding-bottom: 1rem !important
}
.pl-3 {
  padding-left: 1rem !important
}
.p-4 {
  padding: 1.5rem !important
}
.pt-4 {
  padding-top: 1.5rem !important
}
.pr-4 {
  padding-right: 1.5rem !important
}
.pb-4 {
  padding-bottom: 1.5rem !important
}
.pl-4 {
  padding-left: 1.5rem !important
}
.p-5 {
  padding: 3rem !important
}
.pt-5 {
  padding-top: 3rem !important
}
.pr-5 {
  padding-right: 3rem !important
}
.pb-5 {
  padding-bottom: 3rem !important
}
.pl-5 {
  padding-left: 3rem !important
}

.m-auto {
  margin: auto !important
}


.pd4per {
  padding: 0 4%;
}


.mw848px {
  max-width: 848px;
  margin: 0 auto;
}

.mw1056px {
  max-width: 1056px;
  margin: 0 auto;
}

.mw1280px {
  max-width: 1280px;
  margin: 0 auto;
}

@media screen and (max-width: 414px) { /* small sp */
}

.container{ /* header height */
  padding-top: 64px;
}
@media screen and (min-width: 768px) { /* tab pc */
  div.container{
    padding-top: 64px;
  }
}

/* header */
.container .header{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  
  background-color: #fff;
  overflow: hidden;
}

.container .header .logo-box{
  height: 64px;
  padding: 0 0.5em 0 2%; 
  
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  
  position: relative;
  z-index: 1;
}

.container .header .logo-box > *{
  max-width: 120px;
}
.container .header .logo-box img{
  height: 64px;
}

.container .header .logo-box:after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 0 0 100px;
border-color: transparent transparent transparent #fff;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 0;
}

@media screen and (min-width: 768px) { /* tab pc */
  div.container .header .logo-box{
    padding: 0.5em 0.5em 0.5em 2%;
    
    position: relative;
    z-index: 1;
  }
  
  div.container .header .logo-box > *{
    max-width: 200px;
  }
  
  div.container .header .logo-box:after{
    content: " ";
    
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 200px 200px 0;
    border-color: transparent #4982cf transparent transparent;
    
    position: absolute;
    top: auto;
    left: auto;
    right: -60px;
    bottom: 0;
    z-index: -1;
  }
  
  div.container .header .inner-logo-box{
    display: none;
  }
}

/*===== NAV =====*/
/* transition */
.nav-box .nav-btn .icon span,
.nav-box .nav-btn .icon span:before,
.nav-box .nav-btn .icon span:after,
.mainnav,
.mainnav .list li {
	-webkit-transition: 0.8s;
	transition: 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.nav-box {
	transition: 0.3s;
  
  -ms-flex-preferred-size: calc(100% - 160px);
  flex-basis: calc(100% - 160px);
  background-color: #4982cf;
}

.nav-box .nav-btn-position-box{
	position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}

.nav-box .nav-btn .icon {
	width: 100%;
	height: 100%;
	position: relative;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
}

.nav-box .nav-btn .icon span,
.nav-box .nav-btn .icon span:before,
.nav-box .nav-btn .icon span:after {
    content: '';
    display: block;
    height: 2px;
    width: 40px;
    background-color: #ffffff;
    position: absolute;
	left: calc(50% - 20px);
}
.nav-box .nav-btn .icon span:before {
    bottom: 12px;
}
.nav-box .nav-btn .icon span:after {
    top: 12px;
}


.nav-box .nav-btn {
	background-color: #4982cf;
	width: 64px;
	height: 64px;
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 999;
	cursor: pointer;
}

@media screen and (min-width: 768px) { /* tab pc */
	div.container .nav-box {
    position: relative;
    z-index: 1;
    top: auto;
    background-color: #4982cf;
    
    -ms-flex-preferred-size: calc(100% - 20% - 60px);
    flex-basis: calc(100% - 20% - 60px);
    
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	}
	
	div.container .nav-box .nav-btn-position-box{
	  display: none;
	}
}



/* nav button hover */
@media screen and (min-width: 768px) { /* tab pc */
	/* iphone hoverしっぱなしになる */
	.nav-btn:hover .icon span:before {
		-webkit-transform: translate3d(8px,0,0);
		transform: translate3d(8px,0,0);
	}
	.nav-btn:hover .icon span:after {
		-webkit-transform: translate3d(-8px,0,0);
		transform: translate3d(-8px,0,0);
	}
}

/* nav open */
body.navopen .nav-box .nav-btn-position-box{
	position: inherit;
  z-index: 999;
}

body.navopen .nav-box .nav-btn {
	position: fixed;
	top: 50%;
	right: 2%;
}
body.navopen .nav-box .nav-btn .icon span,
body.navopen .nav-box .nav-btn .icon span:before,
body.navopen .nav-box .nav-btn .icon span:after{
	position: absolute;
	top: calc(50% - 1px);
}


body.navopen .nav-btn .icon span:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
body.navopen .nav-btn .icon span { /* 中段 */
	background-color: transparent;
}
body.navopen .nav-btn .icon span:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

body.navopen .nav-btn:hover .icon span:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
body.navopen .nav-btn:hover .icon span:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

@media screen and (min-width: 768px) { /* tab pc */
	/* nav open */
	body.navopen .nav-box {
		width: 100%;
	}
}

/*===== Main Nav =====*/
.mainnav {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.98);
	-webkit-transform: translate3d(-101%,0,0);
	transform: translate3d(-101%,0,0);
	z-index: 99;
}

.container .mainnav a{
  color: #4982cf;
  line-height: 1.2;
}

.container .mainnav a:hover,
.container .mainnav a:hover > *{
	text-decoration: underline;
}

.mainnav .inner {
	height: 100%;
	padding: 24px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.mainnav .inner-logo-box {
	width: 50%;
  max-width: 240px;
	margin-bottom: 24px;
}

/* main nav list */
.mainnav .list > li {	
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	
	margin-bottom: 2em;
	-webkit-transform: translate3d(-60px,0,0);
	transform: translate3d(-60px,0,0);
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
	opacity: 0;
}

.mainnav .list > li > ul {
  padding-left: 1em;
}


@media screen and (min-width: 768px) { /* tab pc */
  div.mainnav {
    position: relative;
    color: #FFF;
    background-color: transparent;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 1;
    
    -ms-flex-preferred-size: 100%;
	  flex-basis: 100%;
    
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  }
  div.container .mainnav a {
    color: #FFF;
    text-decoration: none;
    padding: 0.5em;
  }
  
	div.container .mainnav .inner {
    -ms-flex-preferred-size: 100%;
	  flex-basis: 100%;
    
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    -webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
    
		padding: 1em 1em 1em 0;
    overflow: hidden;
	}
	
	div.container .mainnav .inner-logo-box {
		padding-bottom: 40px;
	}
  
  div.container .mainnav .list{
    -ms-flex-preferred-size: 100%;
	  flex-basis: 100%;
    
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    margin: 1em 0 0;
    line-height: 1.2;
    
    max-width: 720px;
  }
	
	div.container .mainnav .list > li {
    opacity: 1;
		
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    flex-grow: 1;
    text-align: center;
    
    margin: 0;
    font-size: 0.75em;
  }
  
  div.container .mainnav .list > li + li {
    border-left: 1px solid #fff;
	}
  
  div.container .mainnav .list li a {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  
  div.container .mainnav .list > li.current{
    background-color: #fff;
  }
  
  div.container .mainnav .list > li.current > a{
    color: #D7000F;
    font-weight: bold;
  }
  
  /* nav list child */
  div.container .header {
    overflow: visible;
  }
  div.container .mainnav .inner {
    overflow: visible;
    overflow-y: visible;
  }
  div.container .header .flex-box{
    overflow: visible;
  }
  div.container .mainnav .list > li{
    position: relative;
    z-index: 1;
  }
  div.container .mainnav .list > li ul{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 1em 0 0;
    
    display: none;
  }
  div.container .mainnav .list > li:hover > ul{
    display: block;
  }
  div.container .mainnav .list > li ul li{
    opacity: 1;
    margin: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  
  div.container .mainnav .list > li ul li a{
    padding: 0.8em 0.5em;
    background-color: #dae3f3;
    color: #000;
    border: 1px solid #2f528f;
    display: block;
  }
}

/* main nav open */
body.navopen .mainnav,
body.navopen .mainnav .list li {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}

.container .header .flex-box{
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
	
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
	-ms-flex-line-pack: stretch;
	align-content: stretch;
  
  overflow: hidden;
}

.container .header .flex-box .logo-box{
    -ms-flex-preferred-size: 160px;
	  flex-basis: 160px;
    
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

@media screen and (min-width: 768px) { /* tab pc */ 
  div.container .header .flex-box{
    height: 64px;
  }
  div.container .header .flex-box .logo-box{
    -ms-flex-preferred-size: 20%;
	  flex-basis: 20%;
    
    max-width: 20%; /* ie flex padding */
    
    height: auto;
  }
}

/* breadcrumb */
.container .breadcrumb{
  font-size: 0.75em;
 padding: 1em 2% 2em;
}

.container .breadcrumb a{
  color: #000000;
}

.container .breadcrumb ul{
  list-style: none;
  margin: 0;
  padding: 0;
  color: #D7000F;
}

.container .breadcrumb ul li{
  display: inline-block;
}
.container .breadcrumb ul li + li:before{
  content: " > ";
  display: inline;
  color: #D7000F;
}

@media screen and (min-width: 768px) { /* tab pc */ 
  div.container .breadcrumb{
   padding: 1.5em 2% 3em;
  }
}


/* sec */
.sec + .sec{
  margin-top: 6em;
}
.sec .sec-sub + .sec-sub {
  margin-top: 3em;
}

.sec-border-top{
  position: relative;
  z-index: 1;
  padding-top: 6em;
}

.sec .sec-sub .sec-border-top{
  padding-top: 3em;
}

.sec-border-top:before{
  content: " ";
  width: 100%;
  height: 1px;
  
  background-color: #727171;
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.7);
  
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}

@media screen and (min-width: 768px) { /* tab pc */
  /* sec */
  div.sec + .sec {
    margin-top: 9em; /* about 140px */
  }
  div.sec .sec-sub + .sec-sub {
    margin-top: 5em;
  }
  
  div.sec-border-top{
    padding-top: 9em;
  }
  div.sec .sec-sub .sec-border-top{
    padding-top: 5em;
  }
}


/* heading-a, bg blue */
.container .heading-a{
  position: relative;
  z-index: 1;
}
.container .heading-a > *{
  line-height: 1.2;
  color: #fff;
  background-color: #4982cf;
  text-align: center;
  
  font-size: 1.5em;
  margin-bottom: 1em;
  
  padding: 0 1em;
  height: 128px; /* ie flexにmin-height 効かない */
    
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.container .heading-a:before{
  content: " ";
  background-image: url("../img/icon_title_arrow01.svg");
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  height: 8vw;
  max-height: 32px;
  display: block;
  padding: 0;
  margin: 0 40% 1em;
}

.container .heading-a .sub{
  font-size: 0.625em; /* 40 to 25 */
}

@media screen and (min-width: 768px) { /* tab pc */
  div.container .heading-a > *{
    font-size: 250.00%; /* 40px */
    padding: 0 1em;
  }
}

@media screen and (max-width: 414px) { /* small sp */
  div.container .heading-a > *{
    font-size: 1.25em;
  padding: 1em;
   height:auto;
}
}

/* heading-b, middle line */
.container .heading-b{
  overflow: hidden;
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0;
  margin-bottom: 1.5em;
}

.container .heading-b:after{
  content: " ";
  background-color: #231815;
  height: 1px;
  width: 100%;
  
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
}

@media screen and (min-width: 768px) { /* tab pc */
  div.container .heading-b{
    margin-bottom: 2em;
  }
}

/* heading-c, bg gray */
.container .heading-c{
  background-color: #727171;
  color: #fff;
  text-align: center;
  padding: 0.2em;
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) { /* tab pc */
  div.container .heading-c{
    font-size: 1.25em;
  }
}

/* heading-d, border-bottom */
.container .heading-d{
  font-size: 2em;
  margin-bottom: 1em;
}
.container .heading-d > *{
  display: inline-block;
  font-weight: 600; /* semi bold */
  line-height: 1.2;
  padding: 0;
  border-bottom: 2px solid #231815;
}

/* heading-e */
.container .heading-e{
  font-size: 1.5em;
  line-height: 1.2;
  margin-bottom: 0.3em;
}

.container .heading-e > *{
  font-weight: normal;
}

/* heading-f, left float */
.container .heading-f{
  font-size: 2em;
  line-height: 1.1;
  margin-bottom: 0.5em;
}

.container .heading-f > *{
  font-weight: normal;
}

@media screen and (min-width: 768px) { /* tab pc */
  div.container .heading-f{
    font-size: 3.125em; /* 50px */
  }
}

/* text color */
.color-blue{
  color: #0075BE;
}

.color-red{
  color: #D7000F;
}


/* sec text */
.container .sec-text-box p + p{
  margin-top: 1em;
}

.container .sec-text-box + .sec-text-box{
  margin-top: 2em;
}

/* basic list box */
.container .basic-list-box ul,
.container .basic-list-box ol{
  padding-left: 2em;
}

.container .basic-list-box ol.lower-alpha { /* 小文字アルファベット */
  list-style-type: lower-alpha;
}

/* pdf list box */
.container .pdf-list-box ul{
  list-style: none;
}

.container .pdf-list-box ul li{
  display: inline-block;
  margin-right: 2em;
}

.container .pdf-list-box ul li a{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  
  color: #000;
  
  min-height: 32px;
  padding-left: 32px;
  word-break: break-all;
  line-height: 1.2;
  
  background-image: url("/common/img/icon_pdf.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px auto;
}

@media screen and (max-width: 414px) { /* small sp */
  div.container .pdf-list-box ul li{
    display: block;
    margin-right: 0;
  }
  div.container .pdf-list-box ul li + li{
    margin-top: 4px;
  }
}

/* who link */
.container .who-link{
  font-size: 0.75em;
  text-align: center;
}

.container .who-link a{
  display: inline-block;
  border: 2px solid #D7000F;
  border-radius: 0.5em;
  color: #D7000F;
  padding: 0.2em 2em;
  font-weight: bold;
}

.container .who-link a:before{
  content: "> ";
}


/* fixed nav */
.container .fixed-nav{
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
}

.container .fixed-nav ul{
  list-style: none;
  margin: 0;
  padding: 0;
  
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* to top */
.container .totop{
  position: fixed;
  z-index: 10;
  bottom: 3%;
  right: 2%;
}
.container .totop a{
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: 110%;
  white-space: nowrap;
 
  background-image: url("../img/icon_totop.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) { /* tab pc */
  div.container .totop{
    position: fixed;
    bottom: 3%;
    right: 3%;
  }
}



/* footer */
.container .footer{
  margin-top: 6em;
  font-size: 81.30%; /* 13px */
  background-color: #4982cf;
  color: #fff;
  padding: 1em 0 4em;
  line-height: 1.2;
}

.container .footer .copy{
  margin-bottom: 0.5em;
}

.container .footer a{
  color: #fff;
}

.container .footer ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.container .footer ul li{
  display: inline-block;
  margin-right: 2em;
}

.container .footer ul li:last-child{
  margin-right: 0;
}

@media screen and (min-width: 768px) { /* tab pc */
  div.container .footer{
    margin-top: 9em;
  }
  div.container .footer .pc-flex-box{
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  }
  div.container .footer .copy{
    display: inline-block;
    margin-right: 2em;
  }
  div.container .footer ul{
    display: inline-block;
    margin-right: 40px;
  }
}