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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
*{
	margin:0px;
	padding:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%;
}

a {
    margin:0;
    padding:0;
    color: #089dd4;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

a:hover {
    color:#5B6D44;
}

img{
	border:0px;
	vertical-align:top;
}
ol, ul{
    list-style:none;
}
caption, th{
    text-align: left;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
    overflow-y: scroll;
}



/*smartphone*/
/*------------------------------------------------------------------------------*/

html { -webkit-text-size-adjust: none; height: 100%; }
a { -webkit-tap-highlight-color: rgba(0,0,0,0.3);}


/*base*/
/*------------------------------------------------------------------------------*/
body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Arial";
	font-style: normal;
	font-weight: 100;
	color:#333;
	font-weight:normal;
	font-size: 100%;
	line-height:1.7;
	word-break:break-all;
	height: 100%;
}

p { font-size: 140%; }

a{
	text-decoration: none;
	color: #000;
}
a:hover { opacity: 0.7; text-decoration: underline; }
a:hover img{
	opacity: 0.7;
}

.clear{clear:both;}
.clearfix:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
section:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.FloatLeft { float: left; }
.FloatRight { float: right; }

.SP_nav { display: none; }

/* STYLE */
.cont_header {  z-index: 100; position: fixed; background: #ffffff; left: 50%;  top: 0%; transform: translateX(-50%) translateY(0%); width: 100%; }
.top_header {  z-index: 100; background: #ffffff; }
header h1 { width: 30%; float: left; padding: 1em 0; }
.header_btn { width: 60%; float: left; padding: 1.3em 0 0 3em; }
.header_btn_en { width: 60%; float: left; padding: 1.3em 0 0 3em; }
.header_btn img { height: 40px; width: auto; margin-right: 1em; }
.header_btn_en img { height: 40px; width: auto; margin-right: 1em; }
.header_language { width: 10%; float: right; padding: 1em 1em 0; font-size: 120%; text-align: right; }
#wrapper { margin: 0; width: 100%; position: relative; }
.container { width: 1280px; margin: 0 auto; position: relative; }
.top_btn { text-align: center; padding: 2.3em 0; }
.container h1 {  }
.container h1 img { width: 100%; }
.cont01 { background: url(../images/bg01.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.cont02 { background: url(../images/bg02.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.cont03 { background: url(../images/bg03.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.top_banner { position: absolute; top: 430px; left: 38%; }


.mlr1em { margin: 0 1em; }
.pt190 { padding-top: 190px; }
.pt156 { padding-top: 156px; }
.pt130 { padding-top: 130px; }
.pt100 { padding-top: 100px; }
.pt90 { padding-top: 90px; }
.pt70 { padding-top: 70px; }
.pt50 { padding-top: 50px; }
.pt30 { padding-top: 30px; }
.pt80 { padding-top: 80px; }
.pt60 { padding-top: 60px; }
.pt15 { padding-top: 15px; }

.pl110 { padding-left: 110px; }
.pl60 { padding-left: 60px; }
.pl40 { padding-left: 40px; }
.pl20 { padding-left: 20px; }
.pt10 { padding-top: 10px; }
.pl90 { padding-left: 90px; }

.mt90 { margin-top: 90px; }
.mt40 { margin-top: 40px; }
.mt30 { margin-top: 30px; }
.text12 { font-size: 12px; line-height: 240%; }
.text12_en { font-size: 12px; line-height: 200%; }
.text12_fr { font-size: 12px; line-height: 180%; }
.text14 { font-size: 14px; line-height: 240%; }
.pc_none { display: none; }
.lh240 { line-height: 240%!important; }
.lh170 { line-height: 170%!important; }

footer { position: relative; border-top: solid 1px #e5e5e5; margin-top: 4em; }
.footer_page_link { width: 40%; float: left; font-size: 12px; padding: 1em 1em; }
.footer_page_link li { margin-bottom: 0.3em; }
.footer_page_link a { text-decoration: underline; }
.footer_outside_link { width: 25%; float: right; font-size: 90%; padding: 1em 1em; }
.footer_outside_link a { text-decoration: underline; }
.footer_privacy_description { font-size: 70%; }
.footer_notice { width: 100%; font-size: 70%; text-align: center; background: #000000; color: #ffffff; padding: 0.5em 0; }
.content_footer { color: #ffffff; }
.content_footer a { color: #ffffff; }

.scroll_area {
  overflow: auto;
  scroll-snap-type: y mandatory;
  height: 100vh;
  width:100%;
}
.area {
  scroll-snap-align: start;
  color: #ffffff;
}

.content_title {  z-index: 10; position: absolute; margin-top: 90px; height: 47px; background: url(../images/icon01.svg) no-repeat left center; background-size: auto 47px; padding: 2em 0 3.5em 4em; color: #ffffff; font-size: 14px; font-weight: 600; }
.content_title2 {  z-index: 10; position: absolute; margin-top: 90px; height: 47px; background: url(../images/icon02.svg) no-repeat left center; background-size: auto 47px; padding: 2em 0 3.5em 4em; color: #ffffff; font-size: 14px; font-weight: 600; }
.content_title3 {  z-index: 10; position: absolute; margin-top: 90px; height: 47px; background: url(../images/icon03.svg) no-repeat right center; background-size: auto 47px; padding: 2em 4em 3.5em 0em; color: #ffffff; font-size: 14px; font-weight: 600; text-align: right; width: 100%; }
.content_box { position: relative; z-index: 1; padding-top: 170px; margin-bottom: 2em; }
.content_left { width: 49%; float: left; padding: 0 30px 0px; border-right: solid 3px #ffffff; color: #ffffff; letter-spacing: 0.1em; }
.content_left_text { padding: 0 0 70px 30px; }
.content_left h2 { font-size: 60px; font-weight: 600; font-family: "Arial"; }
.content_left h3 { font-size: 33px; font-weight: 600; }
.content_left h4 { font-size: 22px; font-weight: 600; }
.content_left_image { letter-spacing: 0.03em; }
.content_image { text-align: center; width: 255px; float: left; font-size: 10px; margin-right: 15px; }
.content_image img { margin-bottom: 10px; width: 100%; height: auto; }
.content_image_ex { text-align: center; width: 95%; float: left; font-size: 10px; margin-right: 15px; }
.content_image_ex img { margin-bottom: 10px; width: 100%; height: auto; }
.content_right { width: 49%; float: right; font-size: 16px; font-weight: 600; color: #ffffff; line-height: 260%; letter-spacing: 0.05em; }

.content_left_en { width: 49%; float: left; padding: 0 30px 0px; border-right: solid 3px #ffffff; color: #ffffff; letter-spacing: 0.1em; }
.content_left_text { padding: 0 0 70px 30px; }
.content_left_en h2 { font-size: 60px; font-weight: 600; font-family: "Arial"; }
.content_left_en h3 { font-size: 30px; font-weight: 600; }
.content_left_en h4 { font-size: 22px; font-weight: 600; }
.content_right_en { width: 49%; float: right; font-size: 16px; font-weight: 600; color: #ffffff; line-height: 200%; letter-spacing: 0.01em; }

.content_left_fr { width: 49%; float: left; padding: 0 30px 0px; border-right: solid 3px #ffffff; color: #ffffff; letter-spacing: 0.05em; }
.content_left_text { padding: 0 0 70px 30px; }
.content_left_fr h2 { font-size: 60px; font-weight: 600; font-family: "Arial"; }
.content_left_fr h3 { font-size: 30px; font-weight: 600; }
.content_left_fr h4 { font-size: 22px; font-weight: 600; }
.content_right_en { width: 49%; float: right; font-size: 16px; font-weight: 600; color: #ffffff; line-height: 200%; letter-spacing: 0.01em; }

.content_left_ar { width: 49%; float: right; padding: 0 30px 0px; border-left: solid 3px #ffffff; color: #ffffff; letter-spacing: 0.02em; text-align: right; }
.content_left_text { padding: 0 0 70px 30px; }
.content_left_ar h2 { font-size: 60px; font-weight: 600; font-family: "Arial"; }
.content_left_ar h3 { font-size: 33px; font-weight: 600; }
.content_left_ar h4 { font-size: 22px; font-weight: 600; }
.content_left_image { letter-spacing: 0.03em; }
.content_image { text-align: center; width: 255px; float: left; font-size: 10px; margin-right: 15px; }
.content_image img { margin-bottom: 10px; width: 100%; height: auto; }
.content_image_ex { text-align: center; width: 95%; float: left; font-size: 10px; margin-right: 15px; }
.content_image_ex img { margin-bottom: 10px; width: 100%; height: auto; }
.content_right_ar { width: 49%; float: left; font-size: 18px; font-weight: 600; color: #ffffff; line-height: 180%; letter-spacing: 0.05em; text-align: right; }