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

#Wrapper {padding-top:115px;}

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


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

@media print, screen and (max-width:1200px){
#boxHeadline {font-size: 38px; }
#boxHeadline span {font-size: 20px;}
}
@media print, screen and (max-width:900px){
#boxHeadline {font-size: 30px; }
#boxHeadline span {font-size:18px;}
}


/*------------------------------------------------------------------------------------------------*/
#listName {font-size: 16px; margin-bottom: 30px;}

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

/*------------------------------------------------------------------------------------------------*/
.section_inner {padding:90px 0; width: 88%; margin: 0 auto;}



/*------------------------------------------------------------------------------------------------*/
#onePeriod {font-size: 16px; margin-bottom: 75px;}

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

/*------------------------------------------------------------------------------------------------*/
#btn_form {margin-top: 120px;}
#btn_form a {font-size: 24px; padding: 18px 0px; max-width: 360px;width: 70%;}
#btn_form p {font-size: 16px;margin-bottom: 15px;}

@media print, screen and (max-width:900px){
#btn_form a {font-size: 20px; }
#btn_form p {font-size: 14px;}

}
/*------------------------------------------------------------------------------------------------*/
#Coming {font-size: 44px;text-align: center; padding: 20% 0;}
#boxHeadline span {font-size: 24px;}

@media print, screen and (max-width:1200px){
#boxHeadline {font-size: 38px; }
#boxHeadline span {font-size: 20px;}
}
@media print, screen and (max-width:900px){
#boxHeadline {font-size: 30px; }
#boxHeadline span {font-size:18px;}
}

/*=========================================================================
HEADER
=========================================================================*/
#Header {height: 115px;}

#headerBody {padding: 25px 0; letter-spacing: -.4em;}

/*------------------------------------------------------------------------------------------------*/
#headerLogo, #naviBox {letter-spacing: 0; vertical-align: middle; display: inline-block; height: auto;}
#headerLogo {width: 10%; margin-right: 2%; max-width: 70px;}
#naviBox {width: 86%;}

/*------------------------------------------------------------------------------------------------*/
#siteName {width:  40%; margin-bottom: 15px; max-width: 320px;}

/*=========================================================================
GLOBAL NAVI
=========================================================================*/
#menu-trigger, ul#navi_subLink, #navi_logoLink {display: none !Important;}

/*------------------------------------------------------------------------------------------------*/
ul#naviList {letter-spacing: -.4em;}
ul#naviList li {letter-spacing: 0; vertical-align: middle; display: inline-block; margin-right: 6%; font-size: 18px;}

#Header.top ul#naviList li {font-size: 20px;}




@media print, screen and (max-width:1200px){
ul#naviList li { font-size: 16px;}
#Header.top ul#naviList li {font-size: 18px;}
}

@media print, screen and (max-width:1000px){
ul#naviList li { font-size: 14px;}
#Header.top ul#naviList li {font-size: 16px;}
}

/*------------------------------------------------------------------------------------------------*/
ul#navi_snsLinks {
width: 40%;
max-width: 250px;
position: absolute;
right: 0;
top: 50%;
text-align: right;

-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}


ul#navi_snsLinks li {width: 12%; margin-left: 10%;}
ul#navi_snsLinks li:first-of-type {margin-left: 0;}

ul#navi_snsLinks li#btnLanguage {width: 26%;}


/*=========================================================================
BOTTOM CONTENTS
=========================================================================*/
#bottomContents {
height: 100%;
letter-spacing: -.4em;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;

-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

#bottomPhoto, #bottom_addBloc {display: inline-block; letter-spacing: 0; vertical-align: top; width: 50%; height: 100%;}

/*------------------------------------------------------------------------------------------------*/
#bottom_addBloc {position: relative; z-index: 1;}
#bottom_addBloc img{width: 100%;height: auto;display: block;}

/*------------------------------------------------------------------------------------------------*/
dl#bottom_addList {
position: absolute;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80%;
line-height: 140%;
/*
margin: 0 auto;
padding: 6% 0;
*/

}

@media print, screen and (max-width:900px){
dl#bottom_addList {left: 47%;}

}
/*------------------------------------------------------------------------------------------------*/
#add_companyName {font-size: 24px; margin-bottom: 3%;}

dl#bottom_addList dt {font-size: 14px;}

/*------------------------------------------------------------------------------------------------*/
#mapLink {margin-top:5px; font-size: 20px; padding-right: 50px;}
#mapLink a:after {width: 40px;height: 16px; right: -50px}
#mapLink a:hover:after {right:-55px;}

@media print, screen and (max-width:1000px){
#add_companyName {font-size: 20px;}
dl#bottom_addList dt {font-size: 13px;}

#mapLink {font-size: 18px; }
}


@media print, screen and (max-width:900px){
#add_companyName {font-size: 18px;}
dl#bottom_addList dt {font-size: 11px;}

#mapLink {font-size: 16px; padding-right: 35px;}
#mapLink a:after {width: 30px;height: 12px; right:-40px;}
#mapLink a:hover:after {right:-45px;}
}

/*------------------------------------------------------------------------------------------------*/
dl#bottom_addList dd #btn_form {margin-top: 6%; }
dl#bottom_addList dd #btn_form p {font-size: 13px;}

dl#bottom_addList dd #btn_form a {font-size: 20px; width:70%; max-width: 300px; }

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



/*=========================================================================
FOOTER
=========================================================================*/
#footerBody {width: 88%; padding: 30px 0; letter-spacing: -.4em;}

ul#foot_naviList, #Copy {display: inline-block; vertical-align: middle; width: 48%;}


/*------------------------------------------------------------------------------------------------*/
ul#foot_naviList {margin-right: 4%;}
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 {letter-spacing: 0; font-size: 13px; text-align: right;}


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

}



/*=========================================================================
PAGE TOP
=========================================================================*/
#page-top {right: 3.5%; width: 5%; max-width: 30px;}

@media print, screen and (max-width:900px){
#page-top {right: 3%;}

}

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

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
ul#linkList li {font-size: 16px; margin: 0 1em 15px 0;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
#catAll {font-size: 16px;}



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

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

@media print, screen and (max-width:1200px){
#newsHeadline  {font-size: 26px;}
}
@media print, screen and (max-width:900px){
#newsHeadline  {font-size: 24px;}
}

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


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

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

@media print, screen and (max-width:1000px){
#list_upDate {font-size: 13px;}
#listHeadline {font-size: 18px;}
}

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


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



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



/*=========================================================================
NO PAGE
=========================================================================*/
#no_pagebox {	margin-bottom:30px;	padding:155px 35px;}

#notfoud {font-size: 40px; }
#notfont_kana {font-size: 18px;}

#no_pagebox p {margin: 20px 0 ; font-size: 14px; }




}