@charset "UTF-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	font-size: 1em;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

html {
font-size: 13px;
 color: #222;
 overflow-y: scroll;
background:#efefef;
}
::selection {
  background: #114d99;
  color: #fff;
}
::-moz-selection {
  background: #114d99;
  color: #fff;
}
body, table,
input, textarea, select, option,
h1, h2, h3, h4, h5, h6 {
font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}
body { text-align: center;}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}

table,
input, textarea, select, option {
	line-height: 1.1;
}

table {
	border-collapse: collapse;
}

tr, th, td {
border: 1px solid #999999;
padding: 5px 5px;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
}

a:link {
	color: #0044ac;
	text-decoration: none;
}

a:visited {
	color: #0044ac;
	text-decoration: none;
}

a:hover {
	color: #0044ac;
	text-decoration: underline;
}

a:active {
	color: #0044ac;
	text-decoration: underline;
}
sup{
font-size:1.5rem;	
}

/*------------------------------------------------------------
	グローバルナビ language
------------------------------------------------------------*/

.g_nav_language {
position:absolute;
top:0;
right:100px;
}
.g_nav_language ul li{
font-size:1.4rem;
width:160px;
height:35px;
background:#cae4f7;
position:relative;
line-height:35px;
text-align:center;
border-radius:0 0 10px 10px;
}
.g_nav_language ul li a {
 background:#cae4f7;
transition: all  0.3s ease;
width:160px;
height:35px;
border-radius:0 0 10px 10px;
}
.g_nav_language ul li a:link {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color:#222;
}
.g_nav_language ul li a:visited {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color:#222;
}
.g_nav_language ul li a:hover {
text-decoration: none;
background:#89e4f7;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color:#222;
}
.g_nav_language ul li a:active {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.english_sp_button{
display:none;
}

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

.g_nav_language {
display:none;
}
	
.english_sp_button{
display:block;
position: absolute;
top:5px;
left:auto;
right:5%;
z-index:1;
width:25%;
}
.english_sp_button img{
width:150%;
max-height:18px;
}
.english_sp_button a:hover img{
opacity: 0.7;
}
	
}

.mainVisual{
width: 100%;
	height: auto;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	position:relative;
	margin-top:20px;
}
.mainVisual .photo img {
	height: auto;
 width:100%;
	margin: 0 auto;
 object-fit: cover;
 font-family: 'object-fit: cover;'
}
.main {
width:100%;
margin:50px auto 50px;
}
.content {
width:100%;
margin:30px auto 50px;
text-align:center;
}
.content02 {
width:60%;
margin:30px auto 50px;
font-size:1.3rem;
line-height:1.9;
text-align:left;
}
.content img{
width:250px;
}
h1{
margin-top:30px;
font-weight:bold;
font-size:3rem;
}
.title01{
font-size:2rem;	
}
.title02{
margin-top:30px;
font-size:2.5rem;	
position:absolute;
color:#fff;
	font-weight:bold;
}
.catalog_dl_btn{
width:600px;
height:35px;
line-height:35px;
text-align: center;
font-size:1.4rem;
font-weight:600;
margin:40px auto 50px;
background:#00b600;
color:#fff;
border-radius:10px;
}
.catalog_dl_btn:hover{
background:#6ad46a;
transition:0.4s;
color:#fff;
cursor:pointer;
text-decoration: none;
}

@media screen and (max-width: 768px){
	
.mainVisual{
width: 100%;
height: auto;
background-position:center center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
position:relative;
margin-top:10px;
}
.mainVisual .photo img {
height: auto;
width:100%;
margin: 0 auto;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.main {
width:100%;
margin:20px auto 20px;
}
.content {
width:100%;
margin:20px auto 20px;
text-align:center;
}
.content02 {
width:90%;
margin:10px auto 20px;
font-size:1.1rem;
line-height:1.8;
text-align:left;
}
.content img{
width:250px;
}
h1{
width: 95%;
margin-top:0;
font-size:2rem;
}
.title01{
font-size:1.2rem;	
}
.title02{
margin-top:5px;
font-size:1.3rem;	
position:absolute;
font-weight:bold;
}
.catalog_dl_btn{
width:90%;
height:auto;
padding:5px 0 5px 0;
line-height:1.5;
font-size:1.2rem;
margin:40px auto 50px;
}
	
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
overflow: hidden;
width:100%;
background-color:#D4D9D7;
height:230px;
}
h2{
margin:15px 0 0 0;
font-weight:bold;
font-size:2.2rem;	
}
.gFooter_logo_address_box{
width: 100%;
margin:0 auto;
font-size:1.3rem;
line-height:2;
}

@media screen and (max-width: 768px){
	
#gFooter {
height:200px;
}
h2{
margin:15px 0 0 0;
font-size:1.8rem;	
}
.gFooter_logo_address_box{
width:90%;
font-size:1.2rem;
}	
}