@charset "utf-8";

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

html{ scroll-behavior: smooth; }
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:#F5F5F5; 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; }

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

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

@keyframes fadein{
  0%{ opacity:0; }
  100%{ opacity:100%; }
}
@keyframes baloon{
  0%{ margin-top:0; }
  50%{ margin-top:15px; }
  100%{ margin-top:0; }
}

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

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

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

header{ padding:120px 0; display:flex; justify-content:center; }
header .box{ width:1200px; display:flex; }
header .box_l{ width:500px; }
header .box_l_logo{ margin-bottom:60px; }
header .box_l_logo img{ display:inline-block; width:100%; height:auto; }
header .box_l_mobile{ display:none; }
header .box h1  { margin:0 auto; padding:0; color:#FFF; line-height:100%; font-size:42px; }
header .box_l h1{ margin:0; padding:0; color:#FFF; line-height:100%; margin-bottom:30px; font-size:32px; }
header .box_l p{ margin:0; padding:0; font-size:16px; color:#FFF; line-height:160%; margin-bottom:60px; }
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:30px; }
header .box_l ul:last-child{ margin-bottom:0; }
header .box_l ul li{ width:100%; }
header .box_l ul li a{ display:block; line-height:100%; background-color:rgba(125,200,255,0.5);  padding:17px; 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{ position:relative; width:580px; margin-left:120px; padding-top:100px; }
header .box_r img{ width:580px; height:auto; }
.header_box{text-align: center; padding: 15px 0;}
.header_box p{font-size: 12px;}
.header_box_lang{display: flex; justify-content: right; align-items: center;}
.header_box_lang-title{min-width: 76px;}
.header_box_lang img{width: 32px; margin: 12px;}
#header_box_r_mobile{display: none; }


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

nav{ width:100%; position:fixed; z-index:9999; background-color:rgba(255,255,255,.9); }
nav #box{ margin:0 auto; width:1200px; display:flex; justify-content:  space-between; align-items: center; }
nav #box_l{  padding:15px 0; }
nav #box_l img{ width:auto; height:26px;  }
nav #box_r{  padding:15px 0; margin-left:530px}
nav #box_r a{ padding:5px 0; display:inline-block; font-size:16px; line-height:100%; color:#005ebc; margin-left:30px; }

.dropdwn {
    display: inline-block;
}

.dropdwn .parent {
    color: #0f60ba;
    text-decoration:underline;
}

.dropdwn ul {
    text-align: center;
    list-style-type: none;
    padding: 0;
}

.dropdwn li {
    position: relative;
    width: 100%;
    display: block;
    cursor: pointer;
}

.dropdwn_menu {
    width: 200px;
    display: none;
    position: absolute;
    background-color:rgba(255,255,255,.9);
    box-sizing:border-box;
}

.dropdwn_menu li {
    width: 100%;
    text-align: left;
    padding:0.75em 0;
    box-sizing:border-box;
}

.dropdwn_menu li a {
    display: block;
    text-decoration:none
}

.dropdwn_menu li a:hover  {
  opacity: 0.75
}


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

main{ background-color:#F5F5F5; padding:30px 0; }
main section {width:100%; margin-top:30px; display:flex; justify-content:center; }
/*main section        { opacity : 0; transform: translateY(20px); transition: all 1s;}*/
.home main section  { opacity : 0; transform: translateY(20px); transition: all 1s;}
main section:last-child{ margin-bottom:0; }
main section.text .box{ background-color:#FFF; box-shadow: 0px 0px 1px 1px rgba(221,221,221,1); width:1200px; border-radius:2px; padding:60px; display:flex; }
main section.text .box_l{ width:300px; }
main section.text .box_l img{ width:300px; height:auto; }
main section.text .box_r{ width:720px; margin-left:60px; }
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:32px; }
main section.text .news .title-content {display: flex;  align-items: center;  gap: 50px; margin-bottom: 30px; }
main section.text .news .title-content h1 {  margin-bottom: 0; }
main section.text .box_r h2{ margin:0; padding:0; color:#005ebc; line-height:100%; margin-bottom:30px; font-size:24px; }
main section.text .box_r li{ padding:0;}
main section.text .box_r p{ margin:0; padding:0; font-size:16px; color:#005ebc; line-height:160%; margin-bottom:60px; }


main section.text .box_r_banner{ display:flex; flex-wrap: wrap; margin-bottom:60px;}
main section.text .box_r_banner img:nth-child(1){ margin-top:0; }
main section.text .box_r_banner img:nth-child(2){ margin-top:0; }
main section.text .box_r_banner img:nth-child(3){ margin-top:0; }
main section.text .box_r_banner img{ width:220px; height:60px; margin-top:30px; }
main section.text .box_r_banner a{ text-decoration:none;}
main section.text .box_r_banner p{ color: #292f33; font-size:6px; text-align:center; margin-bottom: 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:30px; border:1px solid #DDD; }
main section.text .box_b textarea{ width:100%; font-size:16px; height:400px; resize:none; border:1px solid #DDD; margin-bottom:30px; 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 .news{display: block;}

main section.text .box_b button:hover{ cursor: pointer; }
main section.button{ width:100%; margin-top:30px; }
main section.button:first-child{ margin-top:0; }
main section.button .box{ width:1200px; margin:0 auto; display:flex; justify-content: flex-end; height:56px; }
main section.button .box a{ text-align:center; width:200px; text-decoration:none; border-radius:2px; background-color:#F00; line-height:100%; display:inline-block; font-size:16px; padding:20px; color:#FFF; background-color:#005ebc; }

/*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;;}

/* CONTACT =================================================================================================== */
.text.contact_sec .box {
  display: block !important;
}

.text.contact_sec h1 {
  text-align: center;
  color: #005ebc;
  margin-bottom: 20px;
}

section#section_009 {
  padding-top: 50px;
}

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

footer{ width:100%; background-color:#005ebc; padding:60px 0; display:flex; justify-content:center; }
footer #box{ width:1200px; text-align:center; }
footer #box img{ width:200px; height:auto; margin-bottom:60px; }
footer #box ul{ display:flex; justify-content: center; }
footer #box ul li{ margin-left:30px; 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}

/* form */
h1.form_title {
  text-align: center;
  color: #005ebc;
  padding: 30px 0;
}

.form_text {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 30px;
}

h2.form_title {
  font-weight: bold;
  color: #000;
  margin-bottom: 3rem;
}

#formWrap {
  max-width: 1200px;
  margin: 0 auto;
}

#formWrap dl {
  margin-bottom: 5rem;

}

#formWrap dl dt {
  font-weight: bold;
  margin-bottom: 20px;
}

#formWrap dl dd {
  margin-left: 0;
}

#formWrap input.btn {
  min-width: 200px;
  border: 0;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
  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;
}

#formWrap .btn_top {
  width: 100%;
  border: 0;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
  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;
  display: block;
  text-decoration: none;
}

#formWrap input.back {
  min-width: 200px;
  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: #000;
  background: #e3e3e3;
}

.end_text {
  margin-bottom: 3rem;
  max-width: 570px;
  margin: 0 auto 3rem;
  color: #969696;
}



#recaptcha-container {
  display: flex;
  justify-content: center;
  margin: 0 0 2rem 0;
}