@charset "utf-8";
@media print, screen and (max-width:768px){
/*=========================================================================
STYLE BASIC
=========================================================================*/
.for_pc {display: none !important;}

/*-------------------------------------------------------------------------------------------------------------------------*/
body.open {z-index: -1; overflow: hidden;}

#Wrapper {padding-top: 65px;}

section {padding-top: 65px; margin-top: -65px;}

/*------------------------------------------------------------------------------------------------*/
#boxHeadline {font-size:26px; margin-bottom: 15px; }
#boxHeadline span {font-size: 18px;}

@media print, screen and (max-width:375px){
#boxHeadline {font-size: 22px; }
#boxHeadline span {font-size: 16px;}
}
@media print, screen and (max-width:320px){
#boxHeadline {font-size: 20px; }
#boxHeadline span {font-size: 14px;}
}
/*------------------------------------------------------------------------------------------------*/
#listName {font-size: 13px; margin-bottom: 15px;}

@media print, screen and (max-width:900px){
#listName {font-size: 12px;}
}


/*------------------------------------------------------------------------------------------------*/
.section_inner {padding:60px 0; width: 88%;}

/*------------------------------------------------------------------------------------------------*/
#onePeriod {font-size: 13px; margin-bottom: 45px;}


@media print, screen and (max-width:320px){
#onePeriod {font-size: 12px;}
}


/*------------------------------------------------------------------------------------------------*/
#btn_form {margin-top: 60px;}
#btn_form a {font-size: 20px; padding: 12px 0px; width: 78%;  max-width: 260px;  }
#btn_form p {font-size: 15px;margin-bottom: 15px;}

@media print, screen and (max-width:320px){
#btn_form a {font-size: 16px; }
#btn_form p {font-size: 13px;}

}


/*=========================================================================
HEADER
=========================================================================*/
#Header, #headerBody  {height: 65px; z-index: 10;}
#headerBody {padding: 15px 0; }

/*------------------------------------------------------------------------------------------------*/
#headerLogo, #siteName {
position: absolute;
top: 50%;
z-index: 1;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
#headerLogo {width: 16%; left: 0; max-width: 45px;}

/*------------------------------------------------------------------------------------------------*/	
#siteName {width: 48%; left: 55px; max-width: 160px;}
#siteName.open, #headerLogo.open {z-index: 99;} 



@media print, screen and (max-width:320px){
#headerBody {padding: 10px 0; }


}
/*=========================================================================
HEADER：GLOBAL NAVI
=========================================================================*/
#globalNavi {
min-height: 100vh;
overflow-x: hidden;
background: #201135;
color: #fff;
width: 100%;
height: 100%;
position: fixed;
top:-100%;
left: 0%;
z-index:-1;
height: 0;
transition: all .3s;
opacity: 0 ;
overflow-y: auto;
-webkit-overflow-scrolling: touch;

}


#globalNavi.open {opacity: 1;z-index:98;top: 0;}

#globalNavi:after {
content: "";
position: absolute;
top:79%;
left: 50%;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: 58%;
background-position: center;
background-image: url("../img/sp_logo_long.png");
background-image: url("../img/sp_logo_long.svg");
z-index:-1;

margin: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

@media screen and (orientation: landscape) {
#globalNavi:after {opacity: .1; top: 50%;}
}

/*------------------------------------------------------------------------------------------------------------------ */
#menu-trigger {
position:absolute;
width:40px ;
height: 36px;
cursor: pointer;
z-index: 99;
margin: auto;
right: -5px;
top:50%;
transition: all .5s;
	-moz-transform: translate(-0%, -50%);
-webkit-transform: translate(-0%, -50%);
-o-transform: translate(-0%, -50%);
-ms-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);

}
#menu-trigger span {
background: #fff;
display: block;
position: absolute;
height: 3px;
width:100%;
left: 0%;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
-webkit-border-radius:120px;
border-radius: 120px;
}

#menu-trigger span {
-ms-box-shadow: 0 0px 4px rgba(0,0,0,.4);
-o-box-shadow: 0 0px 4px rgba(0,0,0,.4);
-moz-box-shadow: 0 0px 4px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0px 4px rgba(0,0,0,.4);
box-shadow: 0 0px 4px rgba(0,0,0,.4);
}

#menu-trigger span:nth-child(1) {  top: 6px;  width: 80%;}
#menu-trigger span:nth-child(2) {  top: 18px;  width: 90%;}
#menu-trigger span:nth-child(3) {  top: 30px; }

#menu-trigger.active span:nth-child(1) , #menu-trigger.active span:nth-child(3) {top: 18px; width: 100%;}
#menu-trigger.active span:nth-child(1) {-webkit-transform: rotate(315deg);transform: rotate(315deg);}
#menu-trigger.active span:nth-child(2) {width: 0; left: 100%;}
#menu-trigger.active span:nth-child(3) {-webkit-transform: rotate(-315deg);transform: rotate(-315deg); }


#menu-trigger.active span {
-ms-box-shadow: none;
-o-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/*---------------------------------------------------------------------------------------------------- */
ul#naviList {padding: 90px 6% 45px;text-align: center;z-index:-1; position: relative;}

#globalNavi.open ul#naviList  {z-index: 1;}


ul#naviList li {
font-size: 20px;
position: relative;
z-index: 1;
margin-bottom: 15px;
font-weight: 400;
}
ul#naviList li:last-of-type {margin-bottom: 0;}

ul#naviList li a {position: relative; z-index: 1; }

@media print, screen and (max-width:414px){
ul#naviList li {font-size: 18px;}
}

@media print, screen and (max-width:375px){
ul#naviList li {font-size: 18px;}
}

@media print, screen and (max-width:320px){
ul#naviList {padding-top: 70px; padding-bottom: 30px;}
ul#naviList li {font-size: 16px;}
}

/*---------------------------------------------------------------------------------------------------- */
ul#navi_subLink {padding:  0 6%; text-align: center;  height: auto;position: relative; z-index: -1; }
#globalNavi.open ul#navi_subLink  {z-index: 1;}

ul#navi_subLink li {font-size: 16px; margin-bottom: 15px;}

ul#navi_subLink li:first-of-type { animation-delay: .6s; }
ul#navi_subLink li:nth-of-type(2) { animation-delay: .85s; }


@media print, screen and (max-width:375px){
ul#navi_subLink li {font-size: 14px;}
}

@media print, screen and (max-width:320px){
ul#navi_subLink li {font-size: 13px;}
}


/*---------------------------------------------------------------------------------------------------- */
#navi_logoLink {
width: 48%;
height: auto;
max-width: 360px;
margin: 48% auto 0;
}
#navi_logoLink a, #navi_logoLink img {width: 100%; height: auto; display: block;}
#navi_logoLink a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}


@media print, screen and (min-width:415px) and ( max-width:736px) {
#navi_logoLink {
padding-bottom: 50px;
}

}

@media print, screen and ( max-width:414px) {
#navi_logoLink {width: 56%; margin: 35% auto 0;}
}

/*---------------------------------------------------------------------------------------------------- */
#sns_iconBox {display: block;width: 25%;margin: 0 auto 30px;}
#sns_iconBox p {width: 30%; margin-right: 30%;}



/*------------------------------------------------------------------------------------------------*/
ul#navi_snsLinks {width: 100%; text-align: center; margin:75px auto 60px;}

ul#navi_snsLinks li {width: 5.5%; margin-right: 4%;}
ul#navi_snsLinks li#btnLanguage {width: 13%; font-weight: 600;}
ul#navi_snsLinks li a:hover {color:#e7153f;}

body#En ul#navi_snsLinks li a {color: #e7153f;}

@media print, screen and (max-width:414px){
ul#navi_snsLinks { margin-top:45px;}
}

@media print, screen and (max-width:320px){
ul#navi_snsLinks  {margin-top: 30px;}

ul#navi_snsLinks li {width: 9%; margin-right: 6%;}
ul#navi_snsLinks li#btnLanguage  {font-size: 18px;}
}

ul#navi_snsLinks li:last-of-type {margin-right: 0;}

/*=========================================================================
BOTTOM CONTENTS
=========================================================================*/
#bottom_addBloc {padding: 45px 0;}


/*------------------------------------------------------------------------------------------------*/
dl#bottom_addList {width: 90%;margin: 0 auto;}


/*------------------------------------------------------------------------------------------------*/
/*#add_companyName {font-size: 28px; margin-bottom: 45px;} */
#add_companyName {width: 64%; margin:0 auto 45px;}
dl#bottom_addList dt {font-size: 18px;}

/*------------------------------------------------------------------------------------------------*/
#mapLink {margin-top:10px; font-size: 30px; padding-right: 55px;}
#mapLink a:after {width: 55px; height: 22px; right: -65px}
#mapLink a:hover:after {right:-70px;}

@media print, screen and (max-width:375px){
#add_companyName {font-size: 24px;}
dl#bottom_addList dt {font-size: 15px;}
#mapLink {font-size: 26px; padding-right:50px;}

#mapLink a:after {width: 50px; height: 20px; right: -60px}
#mapLink a:hover:after {right:-65px;}
}

@media print, screen and (max-width:320px){
#add_companyName {font-size: 18px;}
dl#bottom_addList dt {font-size: 13px;}
#mapLink {font-size: 22px; padding-right:40px;}

#mapLink a:after {width: 40px; height: 16px; right: -50px}
#mapLink a:hover:after {right:-55px;}
}

/*------------------------------------------------------------------------------------------------*/
dl#bottom_addList dd #btn_form {margin-top: 30px; }
dl#bottom_addList dd #btn_form p {font-size: 12px;}

@media print, screen and (max-width:375px){
dl#bottom_addList dd #btn_form p {font-size: 11px;}
}

@media print, screen and (max-width:320px){
dl#bottom_addList dd #btn_form p {font-size: 10px;}
}

/*=========================================================================
FOOTER
=========================================================================*/
#footerBody {width: 90%; padding: 30px 0; text-align: center; }

/*------------------------------------------------------------------------------------------------*/
ul#foot_naviList {letter-spacing: -.4em; margin-bottom: 30px;}
ul#foot_naviList li {letter-spacing: 0; vertical-align: middle; display: inline-block; margin-right: 6%; font-size: 13px;}
ul#foot_naviList li:last-of-type {margin-right: 0;}

/*------------------------------------------------------------------------------------------------*/
#Copy {font-size: 12px; }


@media print, screen and (max-width:320px){
ul#foot_naviList li, #Copy {font-size: 11px;}

}


/*=========================================================================
LINK LIST
=========================================================================*/
#link_listBox {margin-bottom: 30px;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
ul#linkList li, #catAll, #catAll a {font-size: 14px;}
ul#linkList li {margin: 0 1em 15px 0;}

@media print, screen and (max-width:320px){
ul#linkList li, #catAll, #catAll a {font-size: 13px;}
}


/*=========================================================================
PAGE TOP
=========================================================================*/
#page-top {right: 2%; width: 4%; z-index: 99;}

body.open #page-top {z-index: 0;}



/*=========================================================================
NEWS
=========================================================================*/
#New {font-size: 12px;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
#newsHeadline  {font-size: 26px; margin-bottom: 45px;}

@media print, screen and (max-width:375px){
#newsHeadline  {font-size: 22px;}
}
@media print, screen and (max-width:320px){
#newsHeadline  {font-size: 20px;}
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
ul#articleList {margin-bottom: 30px;}
ul#articleList li{padding: 15px 0;}

ul#articleList li #New {padding-left: 1em;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
#list_upDate {font-size: 12px; margin-bottom: 10px;}
#listHeadline {font-size: 16px;}

@media print, screen and (max-width:375px){
#listHeadline {font-size: 15px;}
}
@media print, screen and (max-width:320px){
#list_upDate {font-size: 11px; }
#listHeadline {font-size: 14px;}
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
#btnList a {font-size: 15px; }


/*=============================================================================
PAGER
=============================================================================*/
#list_pagerBox {font-size: 16px;	}


/*=========================================================================
NO PAGE
=========================================================================*/
#no_pagebox {	margin-bottom:30px;	padding:9% 0%;}

#notfoud {font-size: 20px; }
#notfont_kana {font-size: 12px;}

#no_pagebox p {margin: 15px 0 ; font-size: 11px; }


}