@charset "utf-8";

/* BASE ==================================================================================================== */

html{ scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
body,main,header,footer,div,footer,div,h1,h2,h3,h4,p,img,table,ul,li,a{ box-sizing:border-box; margin:0; padding:0; }
body{ width:100%; height:100%; font-size:16px; background-color:#005ebc; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", "Arial", sans-serif; letter-spacing: 1px; word-break: break-word; margin:0; padding:0; }
input,textarea{ font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", "Arial", sans-serif; letter-spacing: 1px; word-break: break-word; }
ul{ margin:0; padding:0; }
ul li{ margin:0; padding:0; list-style-type:none; }
img{ vertical-align:bottom; }
input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{ -webkit-appearance: none; border-radius: 0; }

/* ANIMATION ==================================================================================================== */

@keyframes scroll{
  0%{ background-position:center -1320px }
  100%{ background-position:center 0; }
}

@keyframes fade{
  0%{ opacity:0; }
  100%{ opacity:100%; }
}

@keyframes baloon{
  0%{ margin-top:0; }
  50%{ margin-top:20px; }
  100%{ margin-top:0; }
}

/* LAYOUT ==================================================================================================== */

#container{ padding-top:60px; background-image:url(../../image/image_background/background_container.png); background-size:auto 1320px ; background-color:#005ebc; animation-name:scroll; animation-duration:120s; background-position:center top; animation-iteration-count: infinite; animation-timing-function:linear; }

/* HEADER ==================================================================================================== */

header{ width:100%;padding: 50px 0 }
.home header{ width:100%;padding:0; }
header .box_l{ width:100%; text-align:center; padding:30px; }
header .box_l_logo{ display:none; }
header .box_l_mobile{ margin-bottom:30px; }
header .box_l_mobile img{ width:100%; height:auto;}
header .box h1  { margin:0 auto; padding:0; color:#FFF; line-height:100%; font-size:42px;text-align:center; }
header .box_l h1{ margin:0; padding:0; color:#FFF; line-height:100%; margin-bottom:15px; font-size:24px; }
header .box_l p{ margin:0; padding:0; font-size:16px; color:#FFF; line-height:160%; margin-bottom:30px; }
header .box_l p:last-child{ margin-bottom:0; }
header .box_l ul{ width:100%; border-radius:2px; overflow:hidden; display:flex; justify-content:space-between; margin-bottom:15px; }
header .box_l ul:last-child{ margin-bottom:0; }
header .box_l ul li{ width:100%; }
header .box_l ul li a{ display:block;  background-color:rgba(125,200,255,0.5);  padding:15px; font-size:16px; font-weight:bold; color:#FFF; text-align:center; text-decoration:none; transition:background-color .5s;}
header .box_l ul li a:hover{  background-color:rgba(125,200,255,1); transition:background-color .5s;  }
header .box_r{ display:none; }
#header_box_r_mobile{ display: inline-block; line-height: 0; }
#header_box_r_mobile_switch{ display: none; }
#header_box_r_mobile_button{ display: inline-block; padding:15px; cursor: pointer; width: 26px; height: 26px; background-position: 15px 15px; background-image: url(../../image/icon_mobile.png); background-size: 26px 26px; background-repeat: no-repeat; }
#header_box_r_mobile_nav{ position: fixed; left: 0; height: 0; width: 100%; overflow: hidden; transition: height 0.25s; }
#header_box_r_mobile_switch:checked ~ #header_box_r_mobile_nav{ width: 100%; height: 100%; transition: height 0.25s; }
#header_box_r_mobile_nav label{ display: block; cursor: pointer; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); }
#header_box_r_mobile_nav label a{ display: block; text-decoration: none; padding: 15px; line-height: 100%; font-size: 14px; letter-spacing: 2px; color: #005ebc; }
.header_box_lang_mo{display: flex; align-items: center;}
.header_box_lang_mo img{width: 32px; margin: 6px;}
#header_box_r_mobile_nav .lang_btn{display: flex; justify-content: start; -ms-flex-align: center;}
#header_box_r_mobile_nav p{padding: 23px 0;}
#header_box_r_mobile_nav img{width: 32px;}
.header_box_lang{display: none;}

/* NAV ==================================================================================================== */

nav{ width:100%; position:fixed; z-index:9999; background-color:rgba(255,255,255,.9); }
nav #box{ margin:0 auto; width:100%; display:flex; justify-content:  space-between; }
nav #box_l{  padding:15px; }
nav #box_l img{ width:auto; height:26px;  }
nav #box_r{ display:none; }

/* MAIN ==================================================================================================== */

main{ background-color:#F5F5F5; padding:15px; }
main section {width:100%; margin-top:15px; }
/*main section        { opacity : 0; transform: translateY(20px); transition: all 1s;}*/
.home main section  { opacity : 0; transform: translateY(20px); transition: all 1s;}
main section.text .box{ background-color:#FFF; box-shadow: 0px 0px 1px 1px rgba(221,221,221,1); border-radius:2px; padding:30px; }
main section.text .box_l{ width:100%; text-align:center; margin-bottom:30px; }
main section.text .box_l img{ width:200px; height:auto; }
main section.text .box_r{ width:100%; text-align:center; }
main section.text .box_r h1,main section.text .news h1{ margin:0; padding:0; color:#005ebc; line-height:100%; margin-bottom:30px; font-size:24px; }
main section.text .news .title-content {  display: block;  margin-bottom: 30px; }
main section.text .news .title-content h1 {  margin-bottom: 15px; }
main section.text .box_r p{ margin:0; padding:0; font-size:16px; color:#005ebc; line-height:160%; margin-bottom:30px; }
main section.text .box_r p:last-child{ margin-bottom:0; }
main section.text .box_r_banner p{ color: #292f33; font-size:6px; text-align:center;}
main section.text .box_r_banner{ display:block; margin-bottom:60px; }
main section.text .box_r_banner img{ height:60px; margin-top:15px; }
main section.text .box_r_banner img:nth-child(1){ margin-top:0; }
main section.text .box_b{ width:100%; }
main section.text .box_b input{ width:100%; font-size:16px; padding:15px; line-height:100%; margin-bottom:15px; border:1px solid #DDD; }
main section.text .box_b textarea{ width:100%; font-size:16px; height:300px; resize:none; border:1px solid #DDD; margin-bottom:15px; padding:15px; }
main section.text .box_b button{ width:100%; border:0; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
border-top:1px solid #EEE;
border-right:1px solid #DDD;
border-left:1px solid #DDD;
border-bottom:1px solid #CCC;
font-weight:bold;
border-radius:2px; padding:20px; line-height:100%; font-size:16px; color:#005ebc; }
main section.text .box_b button:hover{ cursor: pointer; }
main section.button{ width:100%; margin-top:15px; }
main section.button .box{ width:100%; height:56px; }
main section.button .box a{ text-align:center; width:100%; text-decoration:none; border-radius:2px; line-height:100%; display:inline-block; font-size:16px; padding:20px; color:#FFF; background-color:#005ebc; }
main section.button:first-child{ margin-top:0; }

/*faq*/
main section.text .faq{display: block;}
main section.text .faq h1 { margin:0; padding:0; color:#005ebc; line-height:100%; margin-bottom:32px; font-size:32px; }
main section.text .faq h2 { margin:0; padding:0; color:#005ebc; line-height:100%; margin-bottom:12px; font-size:24px;position:relative;margin-left:1em }
main section.text .faq h2:before { content: 'Q.';padding-right:0em;margin-left:-1em;display:inline;; }
main section.text .faq_box { padding-bottom:3em }
main section.text .faq_box:nth-last-child(1) { padding-bottom:0 }
main section.text .faq_box p{ margin:0; padding:0; font-size:16px; color:#005ebc; line-height:160%;position:relative;margin-left:0.85em }
main section.text .faq_box p:before { content: 'A.';padding-right:0em;margin-left:-0.85em;display:inline;;}

/* FOOTER ==================================================================================================== */

footer{ width:100%; background-color:#005ebc; padding:30px 0; display:flex; justify-content:center; }
footer #box{ width:1200px; text-align:center; }
footer #box img{ width:150px; height:auto; margin-bottom:30px; }
footer #box ul{ display:flex; justify-content: center; }
footer #box ul li{ margin-left:15px; line-height:100%; }
footer #box ul li:nth-child(1){ margin-left:0; }
footer #box ul li a,footer #box p{ color:#FFF; }
footer #box .lang_btn{display: flex; justify-content: center; align-items: center;}
footer #box .lang_btn img{width: 32px; margin: 12px;}
footer #box .sns{display: flex; justify-content: center;}
footer #box .sns-image{width: 40px; margin-left:20px}