/* ==========================================================
  shared.css
  display: common
========================================================== */
html{
    font-family: -apple-system, "BlinkMacSystemFont", ‘Helvetica Neue’, ‘Hiragino Kaku Gothic ProN’, ‘游ゴシック’, ‘メイリオ’, meiryo, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;}
html.cn{
	font-family: "Noto Sans SC", sans-serif;}
html.hk{
	font-family: 'Noto Sans TC', sans-serif;}
body {
	background: #FFF;
	color: #0b263d;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	vertical-align: baseline;}
body:before{
    background-image: url("../../assets/img/common/common/bg_pattern.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: white;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

a {  text-decoration: none;}

/* loading
------------------ */
/*.loading{
	width:100vw;
	height: 100vh;
	position: fixed;
	overflow: hidden;
	background: rgba(255,255,255,0.5);
	z-index: 9999;
}
#wrap,#footBtn,#footer{
	display: none;
}
*/


/* header
------------------ */
header{
	padding: 1.33333vw 0;
}
header h1{
	text-align: center;
	width: 19.83333vw;
	margin: 0 auto;
}
header.mhw h1{
	text-align: center;
	width: calc(19.83333vw * 2);
	margin: 0 auto;
}
header.mhw h1 a{
	display: table-cell;
	vertical-align: middle;
	width: 19.83333vw;
}
header.mhw h1 a + a img{
	width: 92% !important;
	padding-bottom: 0.96vw;
}
@media only screen and (max-width: 750px) {
	html{
		margin: 0;
		padding: 0;}
	body {
		background: #FFF;
		color: #0b263d;
		font-size: 3.6vw;
		line-height: 1.5;
		vertical-align: baseline;}
	body:before{
		background-size: 400% auto;}
	header{
		padding: 8.33333vw 0 2.33333vw;
	}
	header h1{
		text-align: center;
		width: 45vw;
		margin: 0 auto;
	}
	header.mhw h1{
		text-align: center;
		width: 90vw;
		margin: 0 auto;
	}
	header.mhw h1 a{
		display: table-cell;
		vertical-align: middle;
		width: 45vw;
	}
	header.mhw h1 a + a img{
		padding-bottom: 1.6vw;
	}
}


/* H2
------------------ */
.bg-h2 {
    position: relative;
    background-image: url("../../assets/img/common/news/article_header_top.png"), url("../../assets/img/common/news/article_header_bottom.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top,center bottom;
    background-color: #f9f9f9;
    margin-bottom: 0;
    padding: 40px 50px 40px;
}
.bg-h2:before {
    content: "";
    background-image: url("../../assets/img/common/news/article_header_center.png");
    background-size: 100%;
    background-repeat: repeat-y;
    width: 100%;
    height: calc( 100% - 36px);
    position: absolute;
    top: 18px;
    left: 0;
    z-index: 0;
}
.bg-h2 h2 {
	font-weight: bold;
    position: relative;
    z-index: 1;
    font-family: "Cardo","Noto Serif JP","Noto Serif SC", "Noto Serif TC", "Noto Serif KR" , serif;
    line-height: 1.4;
    text-align: center;
	font-size: 34px;
}
/*html.cn .bg-h2 h2,
html.hk .bg-h2 h2,
html.kr .bg-h2 h2{
	font-family: "Noto Sans JP" , sans-serif;
}
*/
.bg-h2 h2 span {
	color: #00a8ff;
}

@media only screen and (min-width: 751px)  and (max-width: 960px) {
	.bg-h2:before {
		height: calc( 100% - 28px);
		position: absolute;
		top: 14px;}
	.bg-h2 h2 {
		font-size: 3.6vw;
	}	
}
@media only screen and (max-width: 750px) {
	.bg-h2 {
		background-image: url("../../assets/img/common/news/article_header_top_sp.png"), url("../../assets/img/common/news/article_header_bottom_sp.png");
		padding: 4vw; }
	.bg-h2 h2{
		font-size: 5.33333vw;
	}
	.bg-h2:before {
		background-image: url("../../assets/img/common/news/article_header_center_sp.png");
		top: 5vw;
		height: calc( 100% - 10vw); }
}


/* H3
------------------ */
.bg-h3 {
	position: relative;
	background-image: url("../../assets/img/common/news/article_overview_top.png"), url("../../assets/img/common/news/article_overview_bottom.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top,center bottom;
	background-color: #f9f9f9;
	margin-bottom: 20px;
	padding: 18px;
}
.bg-h3 h3{
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	color: #004172;
}
.bg-h3 h3:before{
	content: "";
	background-image: url("../../assets/img/common/news/article_overview_center.png");
	background-size: 100%;
	background-repeat: repeat-y;
	width: 100%;
	height: calc( 100% - 36px);
	position: absolute;
	top: 18px;
	left: 0;
	z-index: 0;
}
.bg-h3.dark {
	position: relative;
	background-image: url("../../assets/img/common/news/article_overview_top_b.png"), url("../../assets/img/common/news/article_overview_bottom_b.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top,center bottom;
	background-color: #0b263d;
}
.bg-h3.dark h3{
	text-align: center;
	color: #ffffff;
}
.bg-h3.dark h3:before{
	content: "";
	background-image: url("../../assets/img/common/news/article_overview_center_b.png");
}
@media only screen and (min-width: 751px)  and (max-width: 960px) {
	.bg-h3.wide {
		width: 111.111%;
		margin-left: -5.555%;
	}
	.bg-h3 h3:before {
		height: calc( 100% - 28px);
		position: absolute;
		top: 14px;}
}
@media only screen and (max-width: 750px) {
	.bg-h3{
		background-image: url("../../assets/img/common/news/article_overview_top_sp.png"), url("../../assets/img/common/news/article_overview_bottom_sp.png");
		margin-bottom: 8vw;
		padding: 4vw; }
	.bg-h3 h3{
		width: 100%;
		float: none;
		font-size: 40px;
		font-size: 5.33333vw;
		line-height: 1.6;}
	.bg-h3 h3:before {
		background-image: url("../../assets/img/common/news/article_overview_center_sp.png");
		top: 5vw;
		height: calc( 100% - 10vw); }
	
	.bg-h3.wide{
		width: 111.111%;
		margin-left: -5.555%;}
	.bg-h3.dark{
		background-image: url("../../assets/img/common/news/article_overview_top_b_sp.png"), url("../../assets/img/common/news/article_overview_bottom_b_sp.png");}
	.bg-h3.dark h3:before {
		background-image: url("../../assets/img/common/news/article_overview_center_b_sp.png");}
}


/* read
------------------ */
.read {
	font-size: 2.2rem;
	line-height: 1.6;
	text-align: center;
}
@media only screen and (max-width: 750px) {
	.read{
		font-size: 110%;
	}
}


/* text
------------------ */
.text{
	font-size: 1.6rem;
	line-height: 1.6;
}
@media only screen and (max-width: 750px) {
	.text{
		font-size: 4vw;	
	}
}


/* attention
------------------ */
.attention{
	color: #666;
	font-size: 1.2rem;	
	line-height: 1.6em;
}
@media only screen and (max-width: 750px) {
	.attention{
		font-size: 3vw;	
	}
}

/* btn
------------------ */
.linkbtn{
	color: #FFF;
	text-decoration: none;
	position: relative;
	z-index: 1;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding: 1px;
	border: 1px solid #FFF;
	box-sizing: border-box;
	background-color: rgba(29, 138, 192, 0.7);
	transition: border 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), background-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4);
}

.linkbtn a{
	position: relative;
	display: flex;
	vertical-align: middle;
	font-size: 20px;
	line-height: 40px;
/*	min-height: 2.2em;*/	
	font-family: "Cardo", serif;
	text-decoration: none;
	color: #FFF;
	transition: color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
html.cn .linkbtn a,
html.hk .linkbtn a,
html.kr .linkbtn a{
	font-family: "Noto Serif JP","Noto Serif TC","Noto Serif SC","Noto Serif KR", serif;
}
.linkbtn a:after {
	content: "";
	width: 20px;
	height: 15px;
	right: 5px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	background-image: url("../../assets/img/common/common/icon_arrow_l.png");
	background-size: cover;
	transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.linkbtn:hover {
	border: 1px solid #0e9ee3;
	background-color: #1d8ac0;
}
.linkbtn a span{
	width: 100%;
	align-items: center;
	box-sizing: border-box;
	padding-right: 1.6em;
	display: block;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	line-height: 1.4;
}
@media only screen and (max-width: 750px) {
	.linkbtn {
	width: 72vw;
	padding: 2px;
	border-width: 2px; }
	.linkbtn a {
	min-height: inherit;
	font-size: 40px;
	font-size: 5.33333vw;
	line-height: 1.6;
	line-height: 12vw; }
	.linkbtn a:hover {
	border-width: 2px; }
	.linkbtn a:after {
	width: 40px;
	width: 5.33333vw;
	height: auto;
	height: 30px;
	height: 4vw;
	right: 1.33333vw; }
	.linkbtn a span{
		padding-top: 0.4em;
		padding-bottom: 0.4em;
	}
}




/* wrap
------------------ */
#wrap {
	width: 100%;
	height: inherit;
	overflow: hidden;
	position: relative;
}
#wrap img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
@media only screen and (max-width: 750px) {
	#wrap {
		padding: 0 2%;
		box-sizing: border-box;
	}
}

/* a
------------------ */
a {
	text-decoration: none;
}
	a:hover {
}

#contents {
	background: rgba(255,255,255,0.7);
	padding: 6.5% 2.5%;
}


/* footBtn
------------------ */
	#footBtn {
		width: 100%;
		padding-bottom: 40px;
	}

	#footBtn .linkbtn{
		width: 320px;
	}

@media only screen and (max-width: 750px) {
	#footBtn .linkbtn {
		width: 72vw;
	}
}


/*------------------------------------*\
	SNS
\*------------------------------------*/
.footer__sns {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 2vw 0 1.33333vw;
  background-color: rgba(34, 115, 155, 0.8); }
  @media only screen and (max-width: 750px) {
    .footer__sns {
      padding: 5.33333vw 0 0vw; } }

.footer__sns__list {
  font-size: 0; }

.footer__sns__list__item {
  display: inline-block;
  margin: 0 0.33333vw; }
  .footer__sns__list__item i {
    color: #FFF;
    font-size: 140px;
    font-size: 4.66667vw;
    line-height: 1.6;
    line-height: 1; }
  @media only screen and (max-width: 750px) {
    .footer__sns__list__item i {
      font-size: 100px;
      font-size: 13.33333vw;
      line-height: 1.6; } }

.footer__sns__text {
  color: #FFF;
  font-family: "Cardo", serif;
  font-size: 40px;
  font-size: 1.33333vw;
  line-height: 1.6;
  line-height: 1;
  margin-bottom: 0.33333vw; }
  @media only screen and (max-width: 750px) {
    .footer__sns__text {
      font-size: 40px;
      font-size: 5.33333vw;
      line-height: 1.6;
      margin-bottom: 0; } }
html.hk .footer__sns__text,
html.cn .footer__sns__text,
html.kr .footer__sns__text{
	font-family: "Noto Serif JP","Noto Serif TC","Noto Serif SC","Noto Serif KR", serif;
}


/*------------------------------------*\
	world
\*------------------------------------*/
.footer__world {
  text-align: center;
  background-color: #000000;
  font-size: 0;
  padding: 1.33333vw 0; }
  .footer__world a {
    color: #FFF; }
  .footer__world .footer__world__text {
    text-align: left;
    display: inline-block;
    font-size: 32px;
    font-size: 1.06667vw;
    line-height: 1.6;
    vertical-align: middle;
    margin-right: 2.66667vw; }
  .footer__world .footer__world__figure {
    display: inline-block;
    vertical-align: middle;
    width: 10.83333vw; }
    .footer__world .footer__world__figure img {
      width: 100%;
      height: auto; }
  @media only screen and (max-width: 750px) {
    .footer__world {
      padding: 8vw 0; }
      .footer__world .footer__world__text {
		  width: 56vw;
		  box-sizing: border-box;
		  padding: 0 0.5em;
		  font-size: 26px;
		  font-size: 3.46667vw;
		  line-height: 1.6; }
      .footer__world .footer__world__figure {
		  width: 32vw; } }

.footer__world_iceborne {
  color: #314855;
  background-color: #FFF; }
  .footer__world_iceborne a {
    color: #314855; }


a:hover .thumbnailMedia__figure {
	border-color: #0e9ee3; }
a:hover .thumbnailMedia__figure:after {
	background-image: url("../../assets/img/common/common/icon_arrow_square_on.png"); }
.thumbnailMedia__figure {
	position: relative;
	border: 2px solid #FFF;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
	transition: border-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
.thumbnailMedia__figure:after {
	content: "";
	width: 176px;
	width: 5.86667vw;
	height: auto;
	height: 64px;
	height: 2.13333vw;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 1;
	background-image: url("../../assets/img/common/common/icon_arrow_square.png");
	background-size: cover;
	transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
@media only screen and (max-width:750px) {
	.thumbnailMedia__figure:after {
		width:176px;
		width:23.46667vw;
		height:auto;
		height:64px;
		height:8.53333vw
		}
}



/*------------------------------------*\
	magnefic popup
\*------------------------------------*/
.mfp-inline-holder {
    overflow-y: auto;
}
.mfp-inline-holder button.mfp-close {
  color: rgba(0, 0, 0, 0);
  height: 8vw;
  background: rgba(0, 0, 0, 0);
  max-width: 71px;
  opacity: .8;
  position: fixed;
  right: 5vw;
  top: 9vw;
  white-space: nowrap;
  width: 8vw;
  box-shadow: none; }
  @media screen and (min-width: 960px) {
    .mfp-inline-holder button.mfp-close {
      height: 4vw;
      right: 2.5vw;
      top: 2.5vw;
      width: 4vw; } }
  .mfp-inline-holder button.mfp-close:before,
  .mfp-inline-holder button.mfp-close:after {
    background: #104e6d;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%; }
    @media screen and (min-width: 960px) {
      .mfp-inline-holder button.mfp-close:before,
	  .mfp-inline-holder button.mfp-close:after {
        background: #104e6d; } }
  .mfp-inline-holder button.mfp-close:before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .mfp-inline-holder button.mfp-close:after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

.mfp-ajax-holder {
  overflow: hidden;
  overflow-y: auto; }
.modalConts {
	margin: 4vw auto;
    max-width: 80%;
}
@media only screen and (max-width: 960px) {
	.modalConts {
		max-width: 100%;
		margin: 4vw 2vw;
		box-sizing: border-box;
	}
  .mfp-inline-holder .mfp-content{
    max-width: 100%; }
  .mfp-iframe-holder .mfp-content {
    max-width: 90%; } }
.mfp-container .mfp-close {
  width: 3.33333vw;
  height: 3.33333vw;
  background-size: cover;
  top: -4vw;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
  @media only screen and (max-width: 960px) {
    .mfp-container .mfp-close {
      width: 10.66667vw;
      height: 10.66667vw;
      top: -16vw; } }

.mfp-bg {
  background-color: #FFF; }

.mfp-container .mfp-arrow {
  opacity: 1;
  width: 3.4vw;
  height: 3.4vw;
  margin-top: 0;
  background-size: cover;
  outline: none;
  border: 2px solid #0b263d;
  transition: border 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .mfp-container .mfp-arrow:before, .mfp-container .mfp-arrow:after {
    display: none; }
  .mfp-container .mfp-arrow:hover {
    border: 2px solid #0e9ee3; }
  @media only screen and (max-width: 960px) {
    .mfp-container .mfp-arrow {
      width: 13.33333vw;
      height: 13.33333vw; }
      .mfp-container .mfp-arrow:hover {
        border-color: #0b263d; } }

.mfp-arrow-right {
  right: 3.33333vw;
  background-image: url("../img/common/common/btn_carousel_next.png"); }
  .mfp-arrow-right:hover {
    background-image: url("../img/common/common/btn_carousel_next_on.png"); }
  @media only screen and (max-width: 960px) {
    .mfp-arrow-right {
      right: 2.66667vw; }
      .mfp-arrow-right:hover {
        background-image: url("../img/common/common/btn_carousel_next.png"); } }

.mfp-arrow-left {
  left: 3.33333vw;
  background-image: url("../img/common/common/btn_carousel_prev.png"); }
  .mfp-arrow-left:hover {
    background-image: url("../img/common/common/btn_carousel_prev_on.png"); }
  @media only screen and (max-width: 960px) {
    .mfp-arrow-left {
      left: 2.66667vw; }
      .mfp-arrow-left:hover {
        background-image: url("../img/common/common/btn_carousel_prev.png"); } }

/*------------------------------------*\
	Gdpr
\*------------------------------------*/
#Gdpr.messageBox {
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  box-sizing: border-box;
  position: fixed;
  right: 0;
  padding: 4vw;
  width: 100%;
  z-index: 999999;
  /*** animation ***/ }
  #Gdpr.messageBox .text {
    color: #ccc;
    font-size: 3.75vw;
    line-height: 1.25;
    margin-bottom: 1em; }
    #Gdpr.messageBox .text .privacyPolicy {
      color: #fff;
      display: inline-block;
      margin-left: 1em;
      position: relative;
      text-decoration: none; }
      #Gdpr.messageBox .text .privacyPolicy:after {
        border-bottom: solid #ccc 1px;
        bottom: -2px;
        content: '';
        display: block;
        position: absolute;
        width: 100%; }
      #Gdpr.messageBox .text .privacyPolicy:hover {
        border-bottom: none;
        opacity: 1; }
  #Gdpr.messageBox .linkBox {
    margin: 0 auto;
    text-align: center;
    width: 60%; }
    #Gdpr.messageBox .linkBox #acceptBtn {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      background: #000;
      border: solid #fff 1px;
      box-sizing: border-box;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-size: 3.75vw;
      line-height: 1.5;
      padding: 2.5vw 5vw;
      -webkit-tap-highlight-color: transparent;
      tap-highlight-color: transparent;
      -webkit-transition: background .25s ease, color .25s ease;
      -moz-transition: background .25s ease, color .25s ease;
      -ms-transition: background .25s ease, color .25s ease;
      transition: background .25s ease, color .25s ease;
      width: 100%; }
      #Gdpr.messageBox .linkBox #acceptBtn:active {
        background: #fff;
        color: #000; }
  #Gdpr.messageBox.active {
    animation: BottomToTop .5s ease; }
  #Gdpr.messageBox.disable {
    animation: TopToBottom .5s ease; }
  @media only screen and (min-width: 1023px) {
    #Gdpr.messageBox {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      padding: 2vw;
      width: 100%; }
      #Gdpr.messageBox .text {
        font-size: 87.5%;
        margin-bottom: 0; }
      #Gdpr.messageBox .linkBox {
        margin: 0 0 0 1em;
        width: auto; }
        #Gdpr.messageBox .linkBox #acceptBtn {
          font-size: 87.5%;
          padding: .5vw 2vw; }
          #Gdpr.messageBox .linkBox #acceptBtn:hover {
            background: #fff;
            color: #000;
            opacity: 1; } }

@keyframes BottomToTop {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes TopToBottom {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(100%); } }






/* ==========================================================
  display: PC
========================================================== */

@media screen and (min-width: 961px) {
	#wrap > section {
		width: 100%;
		max-width: 960px;
		padding: 0 0 4%;
		margin: 0 auto;
	}

	/* CONTENTS
	------------------ */
	#contents {
		padding: 5% 5% 12%;
	}
	#contents .inner {
		padding: 0 4%;
	}
	/* LIST
	------------------ */
	/* column2 */
	.list-column2 {
		overflow: hidden;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.list-column2 li {
		margin: 0 0 2%;
	}
	.list-column2 li.ss {
		width: 48.5%;
	}
	.list-column2 li:nth-child(even) {
		margin-left: 3%;
	}

	/* column3 */
	.list-column3 {
		overflow: hidden;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.list-column3 li {
	}
	.list-column3 li.ss {
		width: 32%;
	}
	.list-column3 li:not(:nth-child(3n)){
		margin-right: 2%;
	}
	
}
/* ==========================================================
  display: PC/tab
========================================================== */

@media screen and (min-width: 751px) {
	/* LIST
	------------------ */
	/* column2 */
	.list-column2 {
		overflow: hidden;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.list-column2 li {
		margin: 0 0 2%;
	}
	.list-column2 li.ss {
		width: 48.5%;
	}
	.list-column2 li.ss:nth-of-type(n+3) {
		margin-top: 4%;
	}
	.list-column2 li:nth-child(even) {
		margin-left: 3%;
	}

	/* column3 */
	.list-column3 {
		overflow: hidden;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.list-column3 li {
	}
	.list-column3 li.ss {
		width: 32%;
	}
	.list-column3 li:not(:nth-child(3n)){
		margin-right: 2%;
	}
	
}

/* ==========================================================
  display: tab
========================================================== */

@media screen and (min-width: 751px)  and (max-width: 960px) {
	#wrap > section {
		width: 100%;
		max-width: 960px;
		padding: 0 0 8%;
		margin: 0 auto;
	}

	/* CONTENTS
	------------------ */
	#contents {
		padding: 4% 4% 10%;
	}
	#contents .inner {
		padding: 0 4%;
	}
}


/* ==========================================================
  display: SP
========================================================== */
	
@media screen and (max-width: 750px) {
	/* ====================
	  @COMMON
	===================== */
	section {
		width: 100%;
		padding: 0 0 10%;
		margin: 0 auto;
	}

	/* CONTENTS
	------------------ */
	#contents {
		padding: 6.5% 5% 20%;
	}
	#contents .inner {
		padding: 0 2.5%;
	}

	/* LIST
	------------------ */
	/* column */
	ul[class^="list-column"] li:not(:first-child) {
		margin-top: 3%;
	}
}


/*　br
-----------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 961px) {
	.pc_center{
		text-align:center;
	}
	.pc_tab_center{
		text-align:center;
	}
	*[class~="sp"],
	*[id~="sp"] {
		display: none !important;
	}
	*[class~="tab"],
	*[id~="tab"] {
		display: none !important;
	}
	*[class~="sp_tab"],
	*[id~="sp_tab"] {
		display: none !important;
	}
	*[class~="pc_tab"],
	*[id~="pc_tab"] {
		display: block !important;
	}
}

@media screen and (orientation: landscape) and (max-width: 960px) {
}

/* sp*/
@media screen and (max-width: 750px) {
	.sp_tab_center{
		text-align:center;
	}
	.sp_center{
		text-align:center;
	}
	*[class~="sp"],
	*[id~="sp"] {
		display: block !important;
	}
	*[class~="pc"],
	*[id~="pc"] {
		display: none !important;
	}
	*[class~="tab"],
	*[id~="tab"] {
		display: none !important;
	}
	*[class~="pc_tab"],
	*[id~="pc_tab"] {
		display: none !important;
	}
}
/* tab*/
@media screen and (min-width:751px) and (max-width: 960px) {
	body{
		font-size: 2vw;
	}
	.pc_tab_center{
		text-align:center;
	}
	.sp_tab_center{
		text-align:center;
	}
	.tab_center{
		text-align:center;
	}
	*[class~="sp"],
	*[id~="sp"] {
		display: none !important;}
	
	*[class~="pc"],
	*[id~="pc"] {
		display: none !important;
	}
	*[class~="pc_tab"],
	*[id~="pc_tab"] {
		display: block !important;
	}
}

#title_footer {
	background-color: #000;
}