@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');

.zen {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}


body {
	background-color: #fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	overflow-x: hidden !important;
	word-break: break-all;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-feature-settings: 'halt';
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* Container */
.container {
	width: 100%;
	max-width:1280px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

*{margin:0; padding:0;}
a:link,a:hover,a:visited{text-decoration:none;}
img, object, embed, video {
	max-width: 100%;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.ie6 img {
	width:100%;
}

img{width:100%; height:auto; display:block;}

.logo{max-width:218px;}

header,main,footer{width:100%; margin:0 auto;}

.side{text-align: justify; text-justify: inter-ideograph;}

.fw{font-weight: bold;}

.top1 img{padding:12px; background:#fff; border-radius: 8px;}
.title_span{color:#fff;}
.header3 .title_span{color:#000;}

main a {transition: transform 0.3s ease, box-shadow 0.3s ease;}
main a:hover {box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);}
.newsmain a:hover {box-shadow: none;}
.newslist a:hover .newstit,.newscatlist a:hover{color:#1240a6;}
.taglostko_a a:hover,.front_d2_key a:hover,.f4_box3_div1 a:hover{background:#1240a6; color:#fff;}
.main14 a:hover{box-shadow: none;}
.main14 a:hover p{color:#1240a6;}
.channel_linkbox a:hover{box-shadow: none; color:#1240a6;}

/******************************* header ****************************************/

.header {
	width:100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
	padding:33px 50px;
}

.header2{position: relative; background:rgba(27, 20, 72, 1); padding: 23px 50px;}
.header3{position: relative; background:rgba(255, 255, 255, 1); padding: 23px 50px;}

.header .r_top .r_nav li a{transition:1.0s;}
.header .r_top .r_nav li a,.header .r_top .r_nav li a:hover,.header .r_top .r_nav li a:visited{color:#fff;}
.header3 .r_top .r_nav li a,.header3 .r_top .r_nav li a:hover,.header3 .r_top .r_nav li a:visited{color:#000;}




.r_top{display: flex; justify-content: space-between; align-items: center;}
.r_top h1{margin:0.26em 0;}

.r_top {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    z-index: 4;
}

.main{position: relative; display:block;}

/***********************/

.main1 {
    position: relative;
    min-height: calc(100vh - 27.5vh); 
    
    display: flex;
    align-items: center;
    justify-content: center;
}

.main1global{background: #021228; background: linear-gradient(0deg, rgba(2, 18, 40, 1) 0%, rgba(4, 26, 54, 1) 20%, rgba(0, 8, 23, 1) 100%);}

.main-img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.top {
    width: 100%;
    height: 100%;
}

.top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    outline: 0;
}

.main-text-box {
    position: relative;
    z-index: 2;
    
    width: 100%;
    max-width: 1280px;
    display: block;
    padding: 90px 98px; 
    margin-top: 50px;
	box-sizing: border-box;
	margin-bottom:60px;
}


/***********************/
.top{position:relative;}
.top::before{content:""; position:absolute; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,.4);}
.top2::before,.top3::before{content:inherit;}
.top3 img{object-position: center;}

.container_a{position: absolute; top: 15px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.container_a .breadcrumb{color:#fff;}

.mtb_con{width: fit-content; display:flex;
	flex-direction: column; grid-row-gap: 21px;}
.mtb_con2{max-width: 514px;}

.top1{display:flex; align-items: center; gap:24px;}
.title_span{font-size:clamp(1rem, 0.828rem + 0.84vw, 1.5rem);}

.r_nav2 li a span{position: relative; padding-left:50px;}
.r_nav2 li{padding:14px 10px; border:1px solid #fff; border-radius: 8px;}
.header3 .r_nav2 li a{padding:14px 10px; border:1px solid #333333; border-radius: 8px;}

.r_nav2 li a span::before{content:""; position:absolute; top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); background:url("../img/icon.png") no-repeat; width:37px; height:28px; background-size: contain !important;}
.header3 .r_nav2 li a span::before{background:url("../img/icon_b.png") no-repeat;}

.m1-p1 span{font-size:clamp(1rem, 0.871rem + 0.63vw, 1.375rem); padding:8px 13px; background: #D5E6E6;
background: linear-gradient(-38deg, rgba(213, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 100%); border-right:1px solid #29abe2; border-bottom:1px solid #29abe2; display:inline-block;}

.m1-p2{font-size:clamp(1.5rem, 1.414rem + 0.42vw, 1.75rem); color:#fff;}

.m1-h1{font-size:clamp(2.25rem, 1.864rem + 1.93vw, 3.313rem); color:#fff;}
.m1-p3{font-size:clamp(1rem, 0.871rem + 0.63vw, 1.375rem); color:#fff;}


.main2{background:#1b1448; padding:40px 0;}
.m2_div ul{display:flex; align-items: center; gap:34px; font-size:17px; color:#fff; justify-content: center;}

.main3{padding:100px 0;}
.m3_box h2{font-size:clamp(2rem, 1.614rem + 1.89vw, 3.125rem); font-weight:bold; margin-bottom: 15px;}

.m3_box1{display:flex; align-items: flex-end; justify-content: space-between; gap:20px;}

.m3img{max-width:265px;}
.m3_box1-1 span{font-weight: bold;}

.m3_box1 h3{font-size:clamp(1.188rem, 1.059rem + 0.63vw, 1.563rem);}
.m3_box1 p{font-size:clamp(1rem, 0.871rem + 0.63vw, 1.375rem); line-height: 38px;}

.m3_box2{display:flex; align-items: stretch; gap:30px; padding:50px 0;}
.m3_box2-1{border:1px solid #1240a6; border-radius: 10px; padding:29px 17px;}

.m3-icon{display:flex; align-items: center; justify-content: center; margin-bottom:30px;}
.icon1{height:70px; width:auto; object-fit: contain;}

.m3-h4{color:#1240a6; font-weight: bold; font-size:clamp(1.125rem, 1.082rem + 0.21vw, 1.25rem);  margin-bottom:20px;text-align: center;}
.m3-p1{font-size:clamp(1.094rem, 1.04rem + 0.26vw, 1.25rem); margin-bottom:30px; font-weight: bold;}
.m3_box2-1 ul{font-size:clamp(1rem, 0.979rem + 0.1vw, 1.063rem); display:flex; flex-direction: column; gap:14px;}
.m3_box2-1 li{position: relative; padding-left:20px;}
.m3_box2-1 li::before{content:""; position: absolute; top:3px; left:0; width:15px; height:15px; border-radius: 100vh; background:#000;}

.m3_box3{background: #00A6FF; background: linear-gradient(-38deg, rgba(0, 166, 255, 1) 0%, rgba(18, 64, 166, 1) 100%); padding:27px; border-radius: 10px; color:#fff; font-weight: bold; font-size:clamp(1.875rem, 1.832rem + 0.21vw, 2rem); text-align: center;}

.m3_box4{display:flex; align-items: flex-end; gap:49px; padding-top:97px; padding-bottom:55px;}
.m3_b4-1{display:flex; flex-direction: column; gap:20px;}
.m3_b4-1 h3{font-size:clamp(1.688rem, 1.409rem + 1.36vw, 2.5rem); margin-bottom:18px;}
.m3_b4-1 h4{font-size:clamp(1.188rem, 1.059rem + 0.63vw, 1.563rem); font-weight: bold;}
.m3_b4-1 ul{font-size:clamp(1.125rem, 1.039rem + 0.42vw, 1.375rem); display:flex; flex-direction: column; gap:15px;}
.m3_b4-1 li{position: relative; padding-left:14px;}
.m3_b4-1 li::before{content:""; position:absolute; top:12px; left:0; width:4px; height:4px; border-radius: 100vh; background:#000; }

.img2{max-width:435px;}

.m3_box5{display:flex; align-items: stretch; gap:40px; justify-content: center; padding-bottom:49px;}
.m3_b5-1{border:1px solid #1240a6; border-radius: 10px; width:100%; max-width:400px;}
.m3_b5-1 h5{background:#1240a6; padding:12px; color:#fff; font-size:clamp(1.125rem, 0.975rem + 0.73vw, 1.563rem); border-radius: 10px 10px 0 0; text-align: center;}
.m3_b5_img img{width:100%; aspect-ratio: 16 / 9; object-fit: cover;}
.m3_b5_txt{padding:20px 16px; font-size:17px;}

.main4{background:#f7fcff; padding:100px 0;}

.m4_box1{display:flex; flex-direction:column;}
.m4_box1 h2{display: inline-flex;}
.m4_box1 h2 span{font-size:clamp(1.125rem, 0.868rem + 1.26vw, 1.875rem); position: relative; padding-bottom:20px; font-weight: bold;}
.m4_box1 h2 span::before{position: absolute; content:""; width:100%; height:3px; background: #00A6FF; background: linear-gradient(-38deg, rgba(0, 166, 255, 1) 0%, rgba(18, 64, 166, 1) 100%); bottom:0; left:0;}
.m4_box1 h3{font-size:clamp(1.625rem, 1.153rem + 2.31vw, 3rem); font-weight: bold; color:#1240a6; margin-top:46px; line-height:61px;}
.m4_box1 p{font-size:clamp(1.188rem, 1.059rem + 0.63vw, 1.563rem); font-weight: bold; margin-top:27px; line-height:43px;}


.m4_box2{display:flex; align-items: stretch; gap:30px; padding:50px 0;}
.m4_box2-1{border:1px solid #1240a6; border-radius: 10px; padding:29px 17px;}

.m4-icon{display:flex; align-items: center; justify-content: center; margin-bottom:30px;}
.icon4{height:70px; width:auto; object-fit: contain;}

.m4-h4{color:#1240a6; font-weight: bold; font-size:clamp(1.125rem, 1.082rem + 0.21vw, 1.25rem);  margin-bottom:24px;text-align: center;}
.m4-p1{font-size:clamp(1.094rem, 1.04rem + 0.26vw, 1.25rem); margin-top:24px;}

.main5{padding:100px 0;}
.m5_box2{padding-top:60px;}
.m5_box2 h3{color:#1240a6; font-size:clamp(1rem, 0.7rem + 1.47vw, 1.875rem); padding-bottom:20px; position: relative;}
.m5_box2 h3::before{width:100%; content:""; position:absolute; bottom:0; left:0; height:1px; background:#1240a6;}


.head1{background:#1240a6; color:#fff; font-size:clamp(0.875rem, 0.746rem + 0.63vw, 1.25rem); font-weight: bold; padding:12px; text-align: center;}
.m5_th2_head{background:#d2e6f5; padding:26px 17px; color:#1240a6; font-size:clamp(1.125rem, 1.082rem + 0.21vw, 1.25rem); font-weight: bold; text-align: center; line-height:25px;}
.m5_th2_head0{padding:12px;}
.m5_th2_head span.ipa2{font-size:clamp(0.875rem, 0.811rem + 0.31vw, 1.063rem); color:#000; line-height:17px;}
.m5_td_con{border:1px solid #1240a6; padding:30px; color:#000; font-weight: bold; font-size:clamp(0.813rem, 0.662rem + 0.73vw, 1.25rem);}
.m5_td_con span{display: block; font-size:15px; font-weight: normal;}

.m5_table {width: 100%; min-width: 900px; margin: 50px auto 0; table-layout: fixed; border-collapse: separate; border-spacing: 10px; padding-right: 5rem;}
.m5_table th,.m5_table td{vertical-align: middle;}


.m5_table tr:first-child th:first-child,.m5_table tr:first-child td:first-child {border: none; background: transparent;}


.m5_th_head div p{width:70vw; max-width:830px;}
.m5_th_head2,.m5_th_head3{display:flex; align-items: stretch; gap:10px;}
.m5_th_head2 .m5_th2_head,.m5_th_head3 .m5_th2_head{margin-left:10px; display:flex; align-items: center; justify-content: center; flex-direction: column; gap:2px;}
.m5_th_head3{margin-top:10px;}
.m5_th_head2_div{display:flex; align-items: center; font-size:16px; line-height:23px;}

.main6{background:#f7fcff; padding:100px 0;}

.m6_box2{display:flex; gap:44px; margin-top:55px;}
.image3{max-width:505px;}
.m6-2{width:100%;}
.m6-2_box{border-radius: 10px; background:#fff; border:1px solid #1240a6;}
.m6-2_box h4{background:#1240a6; color:#fff; font-weight: bold; font-size:clamp(1.125rem, 0.975rem + 0.73vw, 1.563rem); padding:12px; text-align: center; border-radius: 10px 10px 0 0;}

.m6_con{padding:29px 24px; display:flex; flex-direction: column; gap:30px;}
.m6_con h5{font-size:clamp(0.938rem, 0.787rem + 0.73vw, 1.375rem); color:#1240a6; line-height:30px; font-weight: bold;}
.m6_con p{font-size:clamp(0.875rem, 0.746rem + 0.63vw, 1.25rem); line-height:30px;}
.m6-1{width:100%;}

.main7{padding:100px 0;}
.m7_box2{display: flex; align-items:stretch; justify-content: center; gap:40px;}
.image4{width:235px; height:235px; object-fit: cover;}
.m7_div1{display:flex; flex-direction: column; padding-top:50px; flex:1; width:100%; max-width:522px;}
.m7_div1-1{display:flex; align-items: flex-end; justify-content: space-between;}
.m7_div1-2{border:1px solid #1240a6; padding:30px; display:flex; align-items: center; justify-content: center; flex-grow: 1;}
.m7_div1-2 ul li{position: relative; padding-left:10px; font-size:clamp(1rem, 0.979rem + 0.1vw, 1.063rem); line-height:28px;}
.m7_div1-2 ul li::before{position:absolute; content:""; top:12px; left:0; width:3px; height:3px; border-radius: 100vh; background:#000;}
.m7_div1-1p{font-size:25px; font-weight: bold; line-height:25px; margin-bottom:20px; margin-left:30px;}
.m7_div1-1p span{font-size:17px; display:block; line-height:25px;}
.m7_div1-3{margin-top:20px; font-size:clamp(0.875rem, 0.854rem + 0.1vw, 0.938rem); line-height:25px;}

.main8{background:#f7fcff; padding:100px 0;}
.m8_box2{display:flex; align-items:stretch; justify-content: center; gap:29px; margin-top:50px;}
.m8_box2-1{max-width: 342px; display:flex; flex-direction: column;}
.m8_box2-1 .m8_b2_div1 {flex-grow: 1;  display: flex; flex-direction: column; width:100%;} 
.m8_box2-1_h4{padding:12px; font-size:clamp(1.063rem, 0.891rem + 0.84vw, 1.563rem); border-radius: 10px 10px 0 0; background:#1240a6; color:#fff; font-weight: bold; text-align: center; max-width: 374px; width:100%; display:flex; align-items: center; justify-content: center;}
.m8_box2-1_h4 h4{display: block;}
.m8_box2-1 p img{max-width:374px;}
.m8_b2_div1 h5{font-size:17px; line-height: 24px; padding-left:18px; font-weight: bold; position: relative; margin-top:20px;}
.m8_b2_div1 h5::before{content:""; position: absolute; top:5px; left:0; width:13px; height:13px; background:#000;}
.m8_b2_div1 p{margin-left:18px; font-size:17px; line-height:24px;}
.m8_b2_div1 ul{padding-left:18px; font-size:17px; margin-top:12px; line-height:26px;}
.m8_b2_div1 ul li{position: relative; padding-left:10px;}
.m8_b2_div1 ul li::before{position:absolute; content:""; top:13px; left:0; width:3px; height:3px; border-radius: 100vh; background:#000;}
.m8_b2_div1 h6{font-size:17px; line-height: 24px; margin-top:20px;}
.m8_b2_div1 div{font-size:17px; line-height:24px;}
.m8_b2_div1 div.m6oth{font-size:17px; line-height:24px; margin-top:20px;}

.main9{padding:100px 0;}
.m9_div1{display:flex; align-items: flex-end; gap:33px; border-bottom:1px solid #1240a6; margin-top:50px;}
.m9_div1-l{width:100%; max-width:200px; height:200px; background:#e6e6e6;}
.m9_div1-l img{width:200px; height:200px; object-fit: cover;}
.m9_div1-r{margin-bottom:20px;}
.m9_div1-r h4{color:#1240a6; font-weight: bold; font-size:clamp(1.063rem, 0.998rem + 0.31vw, 1.25rem); margin-bottom:24px;}
.m9_div1-r p{font-size:clamp(1.063rem, 0.998rem + 0.31vw, 1.25rem); line-height: 31px;}

.main10{background:#f7fcff; padding:100px 0;}
.m10_box1 h3{background:#1240a6; color:#fff; font-weight: bold; font-size:22px; border-radius: 10px 10px 0 0; padding:18px; width:100%;}

.m10_box1{margin-top:48px;}
.m10_box1 table{margin-top:20px; width:100%;}

.m10_box1 table th{background:#f2f2f2; padding:19px; width:155px; font-weight: 500; font-size:clamp(0.875rem, 0.746rem + 0.63vw, 1.25rem);}
.m10_box1 table td{vertical-align: middle; font-size:clamp(1rem, 0.914rem + 0.42vw, 1.25rem);}
.m10_box1 table a{color:#1240a6; text-decoration: underline; font-weight: bold;}

.main11{padding:100px 0;}
.m11_box1{margin-top:45px;}

.accordion-area{list-style: none; width: 100%; max-width:900px;  margin:0 auto;}
.accordion-area li{margin: 10px 0; border: 1px solid #333333;}

.title {position: relative; cursor: pointer; font-size:clamp(1.063rem, 0.891rem + 0.84vw, 1.563rem); font-weight: normal; padding: 18px 50px 18px 20px; transition: all .5s ease;}
.title span{position: relative; padding-left:50px; display: block;}
.title span::before{content:"Q"; position: absolute; left:9px; top:-2px; font-size:25px;}
.title span::after{content:""; position: absolute; left:0; top:-5px; width:40px; height:40px; border-radius: 100vh; border:1px solid #333333;}

.title::before,.title::after{position: absolute; content:''; width: 15px; height: 2px; background-color: #333;}
.title::before{top:48%; right: 30px;transform: rotate(0deg);}
.title::after{top:48%; right: 30px; transform: rotate(90deg);}

.title.close::before{transform: rotate(180deg);}
.title.close::after{transform: rotate(-0deg);}

.box {display: none; margin:20px 0 0 20px; padding: 5px 50px 18px 20px; position: relative; color:#1240a6; font-size:clamp(1.063rem, 0.891rem + 0.84vw, 1.563rem); line-height:28px; font-weight: 700;}
.box p{padding-left:30px;}
.box p span{display:block;}
.box::after{content:"A"; position: absolute; left:11px; top:3px; font-size:25px; color:#fff;}
.box::before{content:""; position: absolute; left:0; top:0; width:40px; height:40px; background:#1240a6; color:#fff; border-radius: 100vh;}

.main12{background:#1240a6; padding:100px 0;}
.m12_h2{text-align: center; padding-bottom:20px; color:#fff; font-size:clamp(1.125rem, 0.868rem + 1.26vw, 1.875rem); font-weight: 700; position: relative;}
.m12_h2::before{content:""; position: absolute; bottom:0; left:0; width:100%; height:2px; background:#fff;}

.m12_p1{margin-top:34px; font-size:clamp(1.125rem, 0.911rem + 1.05vw, 1.75rem); line-height:61px; color:#fff; text-align: center;}
.m12_div2{display: flex; align-items: stretch; gap:30px; margin-top:50px; justify-content: center;}
.m12_div2-1{background:#fff; border-radius: 10px; padding:28px 18px; display:flex; flex-direction: column; justify-content: center; max-width:360px; width:100%;}
.m12_div2-1 .icon7{width:78px; height:74px; object-fit: cover;}
.m12_div2-1 div{margin:0 auto;}
.m12_div2-1 h3{font-size:clamp(1.125rem, 1.082rem + 0.21vw, 1.25rem); color:#1240a6; margin-top:20px; text-align: center; font-weight: bold;}
.m12_div2-1 p{font-size:clamp(1.125rem, 1.104rem + 0.1vw, 1.188rem); line-height:30px; margin-top:25px;}
.m12_div2-1 a{background:#1240a6; color:#fff; font-size:20px; padding:8px; text-align: center; margin-top:25px; font-weight: bold; border-radius: 100vh;}

.main13{background:#f5fafa; padding:100px 0;}
.m13_h2{text-align: center; font-size:clamp(1.125rem, 0.868rem + 1.26vw, 1.875rem); font-weight: 700;}
.m13_p1{font-size:clamp(1.125rem, 0.911rem + 1.05vw, 1.75rem); line-height:61px; text-align: center; margin-top:40px;}
.m13_div2{margin-top:60px;}

.main14{padding:100px 0;}
.m14_div1{margin-top:50px;}
.m14_box1{margin-top:30px;}
.m14_box1 p {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;margin-top:20px;}
/*
.m14_box1{display: grid; grid-template-columns: repeat(3, 1fr); gap:42px;}
*/

.m14_div1 h3{position: relative; padding-left:55px; font-size:clamp(1.063rem, 0.891rem + 0.84vw, 1.563rem);}
.m14_div1 h3::before{position: absolute; content: ""; width: 39px; height: 3px; background: #00A6FF; background: linear-gradient(-38deg, rgba(0, 166, 255, 1) 0%, rgba(18, 64, 166, 1) 100%); top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.m14_box1-1{width:100% !important; max-width:312px;}
.m14_box1-1 div{width:312px; height:180px; background:#cccccc;}
.m14_box1-1 div img{width:312px; height:180px; object-fit: cover;}
.m14_box1-1 div p{font-size:20px; margin-top:20px; line-height: 26px;}


.fot{padding:100px 0; background:#1b1448; color:#fff;}
.fot1 img{padding:12px; background:#fff; border-radius: 8px;}
.fot1{display:flex; align-items: center; gap:24px; justify-content: center;}
.fot_div2{display:flex; gap:75px; align-items: flex-start; margin-top:82px; padding-bottom:50px; border-bottom:1px solid #fff; justify-content: space-between;}
.fot_div2-1oya{display:flex; align-items: flex-start; gap:108px;}
.fot_div2-1 ul{display:flex; flex-direction: column; gap:20px;}
.fot_div2-2 ul{display:flex; flex-direction: column; gap:20px;}
.f_li1{margin-left:15px;}
.f_li1 a{padding-left:20px; position: relative;}
.f_li1 a::before{content:""; position: absolute; top:13px; left:0; width:10px; height:1px; background:#fff;}

.f_li2{margin-left:37px;}

.fot_div3{display:flex; justify-content: space-between; align-items: center; gap:20px; margin-top:30px;}
.fot_div3 p{font-size:15px;}
.fot_div3 ul{display:flex; gap:60px; align-items: center; font-size:12px;}



.fm1{background:#8cc63f;}
.fm2{background:#f7931e;}
.fm3{background:#c7b269;}

	.arrow-prev,
	.arrow-next {width: 43px; height: 42px; content: ""; background-image: url("../img/arrow.png"); background-size: contain; background-repeat: no-repeat; position: absolute; top: 40%; z-index:2;}

	.arrow-prev {transform: rotate(180deg);}
	button.arrow-next {right: 0;}
	button.arrow-prev {left: 0;}

.m5_tableoya {overflow-x: auto; overflow-y: hidden;  width:100%; white-space: nowrap;  -webkit-overflow-scrolling: touch; margin-top:1rem;}

.m5_tableoya{padding-bottom:2rem;}
.m5_tableoya img {height: auto; width: auto; max-width: none;}


.m5_tableoya::-webkit-scrollbar {height: 25px;}
.m5_tableoya::-webkit-scrollbar-thumb {background: #1240a6; border-radius: 100vh;}
.m5_tableoya::-webkit-scrollbar-track {background: #e6e6e6;	border-radius: 100vh;}

.outlineimg{padding:2rem 0;}
.outlineimg img{margin:0 auto;}

.news1{background:rgba(27, 20, 72, 1); width:100%; height:300px; position: relative; }
.news1::before{background:url(../img/8e9b2aa6db93a64efe7dc0fe7ba71d34e38e0725.jpg) no-repeat; background-position: center center; background-size: cover; width:100%; height:100%; content:""; position: absolute; top:0; left:0; opacity:.5;}

.news_title{font-size:clamp(1.5rem, 0.955rem + 2.73vw, 3rem); font-weight: 700; color:#fff;}
.news_div1{content:""; position: absolute; top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width:100%;}


.breadbox{padding:16px 0; border-bottom:1px solid #dddddd;}
.breadbox2{padding:16px 0;}
.breadcrumb {display: flex; flex-wrap: wrap; list-style: none; font-size:clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);}
.breadcrumb li:not(:last-of-type)::after {content: "›"; margin: 0 .6em; color: #777;}


.news_div2{display:flex; align-items: flex-start; padding-top:45px; gap:40px; padding-bottom:100px;}
.n_d2_tit0,.n_d2_tit{font-size:clamp(1.5rem, 1.409rem + 0.45vw, 1.75rem); font-weight: 700;}

.news_div2-l{width:100%;}
.news_div2-r{width:100%;}

.newslist{padding:25px 0 50px 0; display:flex; flex-direction: column;}
.newslist div+div{border-top:1px solid #ddd;}
.newsbox{display:flex; align-items: flex-start; gap:23px; padding:24px 0;}
.newsimg{width:100%; max-width:320px; height:180px; background:#d9d9d9;}
.newsimg img{width:320px; height:180px; object-fit: cover;}
.newscon{width:100%; display:flex; flex-direction: column; gap:19px;}
.newscon1{display:flex; align-items: center; gap:12px;}
.newsdate{font-size:14px;}
.newscat{font-size:14px; border:1px solid #1240a6; color:#1240a6; padding:9px 13px;}
.newstit{font-size:18px; font-weight: 700;}

.n_d2_tit2{font-size:clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem); font-weight: 700; color:rgba(51, 51, 51, 1); padding-bottom:13px; position: relative;}
.n_d2_tit2::before{content:""; position: absolute; bottom:0; left:0; width:100%; height:3px; background: linear-gradient(90deg, #1240A6 0%, #00A6FF 100%);}
.newscatlist{display:flex; flex-direction: column; gap:36px; margin-top:30px;}

.newscatlist li{font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem); font-weight: 400;}
.newscatlist li span{position: relative; padding-left:17px;}
.newscatlist li span::before{position:absolute; content:""; background:url("../img/arrow2.png") no-repeat; width:8px; height:12px; top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.newscatlist li.is-active a span {color: #000; font-weight: bold;}


.pager{padding:2rem 0 5rem;}
.pager ul{width: 100%; display: flex; justify-content: center;}
.pager ul li{list-style:none; margin:0.2rem;}
.pager a{padding: 15px 20px; display: block; color: #1b1448; border: 1px solid #1b1448; text-decoration: none;}
.pager a.active{font-weight: bold; background: #1b1448; color:#fff;}
.pager a:hover{color: #fff; background: #1b1448;}


.m3_box1-2{width:100%;}

.news_syo{display:flex; align-items: center; gap:12px;}
.n_s_cat{display:flex; align-items: stretch; gap:12px;}
.n_s_cat li{font-size:14px; border:1px solid #1240a6; color:#1240a6; padding:9px 13px;}
.n_d2_tit0{padding:0 0 30px; font-size:clamp(1.5rem, 1.409rem + 0.45vw, 1.75rem); font-weight:700; line-height:1.6; border-bottom:1px solid rgba(221, 221, 221, 1);}
.n_d2_tit{padding:25px 0 30px; font-size:clamp(1.5rem, 1.364rem + 0.68vw, 1.875rem); font-weight:700; line-height:1.6; border-bottom:1px solid rgba(221, 221, 221, 1);}

.news_syo_con{margin:24px 0 36px;}
.news_syo_con img{pxdding:24px; margim:30px auto;}
.news_syo_con p{font-size:16px; font-weight: 400; margin:18px 0; line-height:1.6; letter-spacing: 1px;}
.news_syo_con h2{font-size:clamp(1.25rem, 1.205rem + 0.23vw, 1.375rem);}
.news_syo_con h3{font-size:clamp(1rem, 0.909rem + 0.45vw, 1.25rem); font-weight: 700; line-height:1.6; padding:18px 0; position:relative;}
.news_syo_con h3::before{position: absolute; content:""; width:100%; height:3px; background: linear-gradient(90deg, #1240A6 0%, #00A6FF 100%); bottom:0; left:0;}
.news_syo_con h4{background: linear-gradient(90deg, #0041AC 0%, #00A0FE 100%); color:#fff; font-weight:700; font-size:20px; line-height: 1.4; padding:16px; border-radius: 10px; margin:23px 0;}
.news_syo_con li{line-height: 1.7;}
.news_syo_con li+li{margin-top:1rem;}
.news_syo_con a{color:#1240a6; text-decoration: underline;}

.news_syo_link{text-align: center; margin-bottom:100px;}
.news_syo_link a{border:1px solid rgba(18, 64, 166, 1); border-radius: 100vh; color:rgba(18, 64, 166, 1); padding:12px 40px; margin:0 auto; display:inline-block;}

.tagoya{display: grid; grid-template-columns: repeat(3, 1fr); gap:40px 30px; padding:40px 0 100px;}
.tagko1{display:flex; flex-direction: column; gap:10px;}
.tagko1_p1 img{width: 372px; height: 209px; object-fit: cover; margin: 0 auto;}
.tagko1_h2{font-size:clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem); font-weight:700; line-height:1.6;}
.tagko1_p2{font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem); font-weight:400; line-height:1.6;}
.taglo_a{text-align: center;}
.taglo_a a{border: 1px solid rgba(18, 64, 166, 1); padding:12px 40px; text-align: center; border-radius: 100vh; color:rgba(18, 64, 166, 1); display:inline-block; margin:0 auto;}

.tagsyobox{padding:55px 0;}
.tagsyo_box1{display:flex; align-items: flex-start; gap:42px; padding:65px 0 0;}
.tagsyo1{width:50%;}
.tagsyo1 img{width:518px; height:316px; object-fit: cover; margin:0 auto;}
.tagsyo2{max-width:622px; width:74%;}

.tagsyo_h1{font-size:clamp(1.5rem, 1.136rem + 1.82vw, 2.5rem); font-weight: 700; line-height:1.6;}
.tagsyo_p1{font-size:clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem); font-weight: 700; line-height:1.6; padding-bottom:28px; border-bottom: 1px solid rgba(221, 221, 221, 1)}
.tagsyo_p2{font-size:16px; line-height:1.6; padding-top:28px;}

.tagsyo2 p{font-size:16px; font-weight: 400; line-height: 1.6; margin-bottom:20px;}
.tagsyo2 dt{font-size:18px; font-weight: 700; line-height:1.6;}
.tagsyo2 dd{font-size:16px; line-height:1.6; margin-bottom:20px;}

.tagsyolist{background:#ebebeb; padding:100px 0;}
.tagoyalist{display: grid; grid-template-columns: repeat(3, 1fr); gap:40px 30px; padding:100px 0;}
.taglistko{display:flex; flex-direction: column; gap:10px;}
.taglistimg img{width: 372px; height: 209px; object-fit: cover; margin: 0 auto;}
.taglistko h2{font-size:clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem); font-weight:700; line-height:1.6;}
.taglist_p2{font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem); font-weight:400; line-height:1.6;}
.taglostko_a{text-align: center;}
.taglostko_a a{border: 1px solid rgba(18, 64, 166, 1); padding:12px 40px; text-align: center; border-radius: 100vh; color:rgba(18, 64, 166, 1); display:inline-block; margin:0 auto;}


.mtb_con2 .hrd_h2{font-size:45px; color:#fff; font-weight: 800; line-height: 58px;}
.mtb_con2 .hrd_h3{font-size:clamp(1.375rem, 1.284rem + 0.45vw, 1.625rem); color:#fff; font-weight: 700;}
.mtb_con2 .hrd_p1{font-size:clamp(0.875rem, 0.807rem + 0.34vw, 1.063rem); color:#fff; line-height: 1.7; margin-top:10px;}


.hrdsection,.hrdsection3{padding:100px 0; background:#f7fcff;}
.hrd_box1_h3{font-size:clamp(2rem, 1.909rem + 0.45vw, 2.25rem); text-align:center; padding-bottom:20px; position: relative; color:#1240a6; font-weight: 700;}
.hrd_box1_h3::before{content:""; position: absolute; bottom:0; left:0; width:100%; height:3px; background: #1240A6;
background: linear-gradient(90deg, rgba(18, 64, 166, 1) 0%, rgba(0, 166, 255, 1) 100%);}

.hrd_box1_h4{font-size:clamp(1.5rem, 1.227rem + 1.36vw, 2.25rem); line-height:56px; margin-top:32px;}
.hrd_box1_h4 span{position: relative; padding-left:30px; display:inline-block;}
.hrd_box1_h4 span::before{content:""; position: absolute; width:12px; height:12px; background:#1240a6; left:0; top:25px;}

.hrd_box1_p1{font-size:20px; line-height:34px; margin-top:32px; padding-left:30px; }
.hrd_box1_p1-2{font-size:20px; line-height:34px; margin-top:32px;}
.hred_box1_img{margin-top:50px;}
.hrd1img{margin:0 auto;}
.hrdsection2{padding:100px 0;}
.hrd_box2_div1{display:flex; align-items: center; gap:2px; background:#f2f2f2; padding:3px 20px; margin:43px 0;}
.hb2d1_span{padding-left:28px; position: relative;}
.hb2d1_span::before{content:""; position: absolute; left: 0; top: 5px; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.hrd_box2_div2{display: grid; grid-template-columns: repeat(3, 1fr); gap:60px 30px;}
.hrd2_div_ko{display:flex; flex-direction: column; border:1px solid #000; border-radius: 10px; width:100%;}
.hrd2_div_ko1{border-radius: 10px 10px 0 0;}
.hrd2_div_ko1 img{width:100%; max-width:340px; height:193px; object-fit: cover; border-radius: 10px 10px 0 0;}

.hrd2_div_ko2{padding:20px; display:flex; flex-direction: column; justify-content: center;}
.hrd2_div_h4{text-align:center; font-size:20px; line-height:26px; padding-bottom:10px; border-bottom:1px solid #1240a6; font-weight: 800;}
.hrd2_div_p1{font-size:clamp(1rem, 0.977rem + 0.11vw, 1.063rem); line-height:26px; margin-top:10px;}

.hrd2_div_ko {position: relative; display: block; text-decoration: none; max-width:340px; width:100%;}



.steps-container {display: flex; justify-content: space-between; gap: 28px; width: 100%; padding:50px 0 100px;}

.step-item-next{display: flex; flex-direction: column; align-items: center;}
.step-number {font-size:30px; width: 60px; height: 60px; border:1px solid #1240a6; background:#fff; color: #1240a6; border-radius: 100vh; display: flex; align-items: center; justify-content: center; z-index: 2; margin-bottom:20px;}

.step-title{font-size:20px; color:#1240a6; margin-bottom:20px; font-weight: 700;}
.step-desc{text-align: left; line-height: 1.5; font-size:17px;}


.hrd_box2_div3{display: grid; grid-template-columns: repeat(3, 1fr); gap:60px 30px; padding:53px 0 0;}
.hrd2_div3_ko{display:flex; flex-direction: column; border:1px solid #000; border-radius: 10px; width:100%;     max-width: 340px; margin:0 auto;}
.hrd2_div3_ko1{border-radius: 10px 10px 0 0;}
.hrd2_div3_ko1 img{width:100%; max-width:340px; height:193px; object-fit: cover; border-radius: 10px 10px 0 0;}

.hrd2_div3_ko2{padding:20px; display:flex; flex-direction: column; justify-content: space-between; flex-grow: 1;}
.hrd2_div3_ko2zero{padding:20px; display:flex; flex-direction: column; height:100%;}
.hrd2_div3_h4{text-align:center; font-size:20px; line-height:26px; font-weight: 800; color:#1240a6;}
.hrd2_div3_ko2zero .hrd2_div3_h4{flex-grow: 1; display: flex; align-items: center; justify-content: center;}
.hrd2_div3_ko2zero .hrd2_div3_h4_2{flex-grow:0; display: flex; align-items: center; justify-content: center;}

.hrd2_div3_p1{font-size:17px; line-height:26px; margin-top:10px;}

.hrd_div4{display:flex; align-items: flex-end; gap:10px;}
.hrd_div4-r{width:100%; max-width:307px;}
.hrd_div4-r img{width:307px; height:166px; object-fit: contain;}

.hrdsection4{padding:100px 0;}

.hrd_box3{display:flex; align-items:stretch; margin-top:70px; gap:10px;}
.hrd_box3-2{display:flex; align-items: center; justify-content: center;}
.hrd_box3-2 p{background:url("../img/arrow3.png") no-repeat; width:36px; height:101px; background-size: contain;}
.hrd_box3-1{width:100%; background:#fff; border:1px solid #1240a6; padding:30px 28px;}
.hrd_box3-3{width:100%; background: #041A36; background: linear-gradient(90deg, rgba(4, 26, 54, 1) 0%, rgba(18, 64, 166, 1) 100%);  padding:30px 28px;}

.hrd_box3-1,.hrd_box3-3{display:flex; flex-direction: column; gap:5px; border-radius: 10px; justify-content: space-between;}
.hb3_p{font-size:clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem); margin-bottom:20px;}
.hb3_h5{font-size:clamp(1.25rem, 1.136rem + 0.57vw, 1.563rem); color:#1240a6; margin-bottom:20px;}
.hb3_ul{font-size:17px;}
.hb3_ul li{position: relative; padding-left:13px;}
.hb3_ul li+li{margin-top:1rem;}
.hb3_ul li::before{position: absolute; content:""; top:9px; left:0; width:3px; height:3px; border-radius: 100vh; background:#000;}


.hb3_p2{font-size:clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem); color:#95ffff; margin-bottom:20px;}
.hb3_h5-2{font-size:clamp(1.25rem, 1.136rem + 0.57vw, 1.563rem); color:#fff; margin-bottom:20px;}
.hb3_ul2{font-size:17px; color:#fff;}
.hb3_ul2 li{position: relative; padding-left:13px;}
.hb3_ul2 li+li{margin-top:1rem;}
.hb3_ul2 li::before{position: absolute; content:""; top:9px; left:0; width:3px; height:3px; border-radius: 100vh; background:#95ffff;}

.hrd_box4{padding:2rem 0; text-align: center;}
.hrd_box4 p{color:#1240a6; position: relative; padding-bottom:1rem; padding-left:10px; padding-right:10px; display:inline-block; margin:0 auto; text-align: center; font-size:20px; font-weight: 700;}
.hrd_box4 p::before{content:""; position: absolute; left:0; bottom:0; width:100%; height: 1px; background:#1240a6;}

.hrd_m12_div2{margin-top:50px; display:flex; justify-content: center;}
.hrd_m12_div2-1{background:#fff; border-radius: 10px; padding:28px 18px; display:flex; flex-direction: column; justify-content: center; width:100%; max-width:340px;}
.hrd_m12_div2-1 .icon7{width:78px; height:74px; object-fit: cover;}
.hrd_m12_div2-1 div{margin:0 auto;}
.hrd_m12_div2-1 h3{font-size:clamp(1.125rem, 1.082rem + 0.21vw, 1.25rem); color:#1240a6; margin-top:20px; text-align: center; font-weight: bold;}
.hrd_m12_div2-1 a{background:#1240a6; color:#fff; font-size:20px; padding:8px; text-align: center; margin-top:25px; font-weight: bold; border-radius: 100vh;}

.hrd_main12{background:#1240a6; padding:100px 0;}
.hrd_m12_h2{text-align: center; padding-bottom:20px; color:#fff; font-size:clamp(1.125rem, 0.966rem + 0.8vw, 1.563rem); font-weight: 700; position: relative;}
.hrd_m12_h2::before{content:""; position: absolute; bottom:0; left:0; width:100%; height:2px; background:#fff;}
.hrd_m12_p1{margin-top:34px; font-size:clamp(1.125rem, 0.966rem + 0.8vw, 1.563rem); line-height:61px; color:#fff; text-align: center;}


.channel_div1{width:100%; background: #041A36; background: linear-gradient(90deg, rgba(4, 26, 54, 1) 0%, rgba(18, 64, 166, 1) 100%);  padding:30px 28px; max-width:777px; margin:0 auto; border-radius: 10px; margin-top:28px;}
.channel_h4{margin-bottom:24px; font-size:25px; color:#fff;}
.channel_h4 span{color:#95ffff;}
.channel_p1{font-size:17px; line-height:26px; color:#fff;}

.channel1{padding:0 0 100px 0;}
.channel_box2{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 40px 0 0;}
.channel_box2-1{display: flex; flex-direction: column; border: 1px solid #1240a6; border-radius: 10px; width: 100%; max-width: 340px; padding:40px 16px; align-items: center;}
.c_icon1{width:auto; height:75px; object-fit: contain;}
.channel_box2-1 h4{color:#1240a6; font-size:20px; font-weight: 700; margin:41px 0 20px;}
.channel_box2-1 p{font-size:17px; line-height: 26px;}

.channel{padding:50px 0 100px; background:#f7fcff;}
.zero2_div3_h4{display:flex; align-items: center; gap:9px; text-align:center; font-size:20px; line-height:26px; font-weight: 800; color:#1240a6; justify-content: center;}
.zero2_div3_h4 .step{background:#1240a6;; color:#fff; font-size:20px; padding:8px; white-space: nowrap;}


.zero_boxoya{display: grid; grid-template-columns: repeat(4, 1fr); gap:23px; margin-top:30px;}
.zero_div1{width:100%; border:1px solid #1240a6; background:#fff; border-radius: 10px; margin:0 auto;}
.zero_div1 h4{font-size:20px; background:#1240a6; border-radius: 10px 10px 0 0; padding:14px; color:#fff; text-align: center;}
.zero_div1 p{font-size:16px; line-height:23px; padding:14px;}

.plus-icon {position: relative; width: 50px; height: 50px; width:100%; display:flex; align-items: center; justify-content: center; margin:10px 0;}
.plus-icon::before {content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 47px; background-color: #1240a6; transform: translate(-50%, -50%);}
.plus-icon::after {content: ""; position: absolute; top: 50%; left: 50%; width: 47px; height: 6px; background-color: #1240a6; transform: translate(-50%, -50%);}

.zero_boxoya2{display: grid; grid-template-columns: repeat(2, 1fr); gap:23px; margin-top:30px;}
.zero_div2{width:100%; border:1px solid #1240a6; background:#fff; border-radius: 10px; margin:0 auto;}
.zero_div2 h4{font-size:20px; background:#1240a6; border-radius: 10px 10px 0 0; padding:14px; color:#fff; text-align: center;}
.zero_div2 p{font-size:16px; line-height:23px; padding:14px;}

.global_p1{font-size:20px; text-align: center; font-weight: 600; margin-bottom:10px;}
.global_p1_2{font-size:19px; text-align: center; font-weight: 600; margin-top:10px; margin-bottom:0; line-height:1.5;}

.global_box1{margin-top:50px; background: #1240A6;
background: linear-gradient(90deg, rgba(18, 64, 166, 1) 0%, rgba(0, 166, 255, 1) 100%); padding:24px 0;}
.global_text1{color:#fff; font-size:29px; line-height:46px;}
.global_oya{padding-top:100px;}

.global_box1_h3{font-size:clamp(2rem, 1.909rem + 0.45vw, 2.25rem); text-align:center; padding-bottom:20px; position: relative; color:#1240a6; font-weight: 700;}
.global_box1_h3::before{content:""; position: absolute; bottom:0; left:0; width:100%; height:3px; background: #1240A6;
background: linear-gradient(90deg, rgba(18, 64, 166, 1) 0%, rgba(0, 166, 255, 1) 100%);}
.global_box1_h4{font-weight: 700;}
.bs3_p,.bs3_p2{font-size:17px; line-height: 26px;}
.bs3_p2{color:#fff;}

.business_box1{margin-top:100px;}
.business_box2{margin-top:25px;}
.step-item-next2 {flex-grow: 1; gap: 20px;}
.step-title2 {display: flex; align-items: center; justify-content: center; flex-grow: 1; margin-bottom:0;}
.step-desc2{flex-grow: 1;}
.business_box3{margin-top:95px;}
.bs_box3-3{justify-content:inherit;}

.business_box2 h5{flex-grow:1;}
.business_box2 .bs3_p,.business_box2 .bs3_p2{flex-grow:1;}


.front{background: #FFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 51%, rgba(230, 230, 230, 1) 100%);}
.custom-frame {
/*  max-width: 795px;*/max-width:100%;
  height: 547px;
  overflow: hidden;

clip-path: url(#smooth-clip);	
	position: relative;
}

.front{
    min-height: -webkit-calc(100vh - 34vh);
    height: calc(100vh - 34vh);
}



.custom-frame img,.custom-frame video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.main_zukei{position: absolute; bottom:0; right:0; width:55vw;}
.front_h1{display:flex; align-items:baseline; gap:14px;}
.front_span1{font-size:clamp(2rem, 1.955rem + 0.23vw, 2.125rem); font-weight: bold; white-space: nowrap;}
.front_span2{color:#1240a6; font-size:clamp(2.688rem, 2.483rem + 1.02vw, 3.25rem);  white-space: nowrap;}
.front_p1{font-size:clamp(1.375rem, 1.148rem + 1.14vw, 2rem); line-height: 39px; font-weight: bold;}
.front_p2{color:#666666; font-size:20px; line-height:34px; font-weight: 500;}


.front2{position: relative; z-index:5; margin-top:-3rem;}
.front_div1 {margin: 0 auto; display:flex; align-items: center; justify-content: center; position: relative;}
.front_div1::before{content:""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background:url("../img/front.png") no-repeat; width:271px; height:101px;}

#searchform{display:flex; align-items: center; width: 100%; justify-content: center;}

#searchsubmit {-webkit-appearance: none; appearance: none; text-align: center !important; padding-left: 0;
  padding-right: 0;
	width:100%; font-size:26px;
max-width: 145px;
height: 70px;
color: #fff;
background: #1240A6;
background: linear-gradient(0deg, rgba(18, 64, 166, 1) 17%, rgba(0, 166, 255, 1) 100%);
border-radius: 0 10px 10px 0;
cursor: pointer;
display:inline-block;
	  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}

input::placeholder { color: #666; }
input:focus { background: #f3f8ff; }

input[type="text"] {
  width: 100%;
  max-width: 555px;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 10px 0 0 10px;
  outline: none;
  transition: border-color 0.3s ease-in-out;
	height:70px; background:#fff; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}

input[type="text"]:focus {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}

.front_div2{padding:35px 0; display:flex; flex-direction: column; justify-content: center; gap:21px;}
.front_d2_p1{text-align: center; font-weight: 700;}
.front_d2_p1 span{background:#f2f2f2; color:#333333; padding:14px; display:inline-block; font-size:clamp(1.063rem, 0.994rem + 0.34vw, 1.25rem);}
.front_d2_key{display:flex; align-items: center; gap:12px; justify-content: center; flex-wrap: wrap;}
.front_d2_key p{color:#1240a6; font-size:20px; font-weight: 700;}

.front_div3{display:flex; align-items: stretch; gap:13px; justify-content: space-between; margin-top:65px;}
.front_d3-1{border-radius: 10px; display:flex; flex-direction: column; justify-content: center; width:100%; max-width:260px; margin:0 auto;}
.front_d3_h2{font-size:clamp(1.375rem, 1.33rem + 0.23vw, 1.5rem); padding:24px 20px; font-weight: 700; text-align: center;}
.front_d3img{width:260px; height:126px; object-fit: contain;}
.front_d3_p1{font-size:17px; line-height:24px;}
.front_d3_div{padding:19px 20px 30px 20px; display:flex; flex-direction: column; flex-grow: 1; justify-content: space-between;}
.front_d3_a{color:#fff; padding:12px; border-radius: 100vh; display: inline-block; margin-top:30px; text-align: center;}

.fd3_1{border:1px solid #3559af;}
.fd3_1 .front_d3_h2{color:#3559af;}
.fd3_1 .front_d3_a{background:#3559af;}

.fd3_2{border:1px solid #61a8d5;}
.fd3_2 .front_d3_h2{color:#61a8d5;}
.fd3_2 .front_d3_a{background:#61a8d5;}

.fd3_3{border:1px solid #239d9d;}
.fd3_3 .front_d3_h2{color:#239d9d;}
.fd3_3 .front_d3_a{background:#239d9d;}

.fd3_4{border:1px solid #609ac0;}
.fd3_4 .front_d3_h2{color:#609ac0;}
.fd3_4 .front_d3_a{background:#609ac0;}

.fd3_5{border:1px solid #998675;}
.fd3_5 .front_d3_h2{color:#998675; text-align: left; padding:0; margin-top:7px; margin-bottom:15px;}
.fd3_5 .front_d3_a{background:#998675; width: 100%; max-width: 205px;}

.front_d3_a span {position: relative; width:100%; display:block;}
.front_d3_a span::before {content:""; position: absolute; right:0; top: 50%; transform:  translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 15px solid #ffffff; border-right: 0;}

.front_div4{display:flex; align-items: center; gap:27px; border-radius: 10px; margin-top:13px;}

.front_div4-1{padding:30px 30px 30px 0;}
.front_d3_p2{font-size:clamp(1.063rem, 0.881rem + 0.91vw, 1.563rem); line-height:24px;}
.front_d3_a2{float:right;}

.front_div4-2{padding:5px; max-width: 260px; width: 100%;}
.front3{padding:100px 0;}

.f3_box1_h3{text-align: center;}
.f3_box1_h3 span{font-size:clamp(1.375rem, 1.057rem + 1.59vw, 2.25rem); text-align:center; padding-bottom:20px; position: relative; color:#1240a6; font-weight: 700; display:block;}
.f3_box1_h3 span::before{content:""; position: absolute; bottom:0; left:0; width:100%; height:3px; background: #1240A6;
background: linear-gradient(90deg, rgba(18, 64, 166, 1) 0%, rgba(0, 166, 255, 1) 100%);}

.f3_box1_p1{font-size:clamp(1.25rem, 1.136rem + 0.57vw, 1.563rem); line-height: 30px; padding:30px 0; font-weight: 700;}

.front3_div2{display:flex; flex-direction: column; gap:30px; margin-top:42px;}
.f3_d2_div1{display:flex; align-items:stretch; gap:20px; width:100%;}
.f3_d2_div1-1{background:#b6a161; color:#fff; padding:19px 10px; display:flex; align-items: center; justify-content: center; max-width:240px; width:100%;}
.f3_d2_div1-1 h4{font-size:18px; line-height:25px; text-align: center;}
.f3_d2_div1-2{display:flex; flex-direction: column; width:100%; justify-content: center;}
.f3_d2_t1{display:flex; align-items: center; justify-content: space-between; width:100%; gap:20px; padding:18px 0;}
.f3_d2_t1 div{display:flex; align-items: center; gap:20px;}
.f3_d2_t1 h5{font-size:clamp(1.063rem, 0.994rem + 0.34vw, 1.25rem); line-height:30px; color:#1240a6; font-weight: 700; white-space: nowrap;}
.f3_d2_t1 p{font-size:17px; line-height:26px;}
.f3_d2_t1 a{font-size:16px; color:#fff; background:#1240a6; padding:5px; border-radius: 100vh; text-align: center; display:block; width:100%; max-width:140px;}
.f3_d2_t1 span {position: relative; padding-right:15px; white-space: nowrap;}
.f3_d2_t1 span::before {content:""; position: absolute; right:0; top: 50%; transform:  translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #ffffff; border-right: 0;}

.front4{padding:100px 0; background:#f7fcff;}
.f4_box1{ width: 100vw; margin-left: calc((100vw - 100%) / -2); margin-right: calc((100vw - 100%) / -2); background:#1240a6; padding:15px;}
.f4_box1 h3{color:#fff; font-size:clamp(1.5rem, 1.227rem + 1.36vw, 2.25rem); text-align:center; font-weight: 700;}

.f4_box2{display:flex; flex-direction: column; justify-content: center; width:100%; max-width:943px; margin:0 auto; padding:39px 0 57px; gap:30px;}
.f4_box2 h4{font-size:clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); line-height: 45px; text-align: left; width:100%; max-width:614px; margin:0 auto; font-weight: 700;}
.f4_box2 p{font-size:clamp(1rem, 0.909rem + 0.45vw, 1.25rem); line-height: 39px; text-align: left;}
.f4_box2 p span{font-size:clamp(1rem, 0.795rem + 1.02vw, 1.563rem); color:#1240a6; font-weight: 700;}

.f4_box1_h3{text-align: center;}
.f4_box1_h3 span{font-size:30px; text-align:center; padding-bottom:20px; position: relative; color:#1240a6; font-weight: 700; display:block;}
.f4_box1_h3 span::before{content:""; position: absolute; bottom:0; left:0; width:100%; height:3px; background: #1240A6;
background: linear-gradient(90deg, rgba(18, 64, 166, 1) 0%, rgba(0, 166, 255, 1) 100%);}

.f4_box3_div{display: grid; grid-template-columns: repeat(4, 1fr); gap:26px;}
.f4_box3_div1{display:flex; flex-direction: column;}
.f4_img{width:265px; height:150px; object-fit: cover;}
.f4_box3_div1 h4{color:#1240a6; font-size:20px; line-height: 30px; margin-top:19px; font-weight: 700;}
.f4_box3_div1 p{font-size:17px; line-height: 26px; margin-top:16px; margin-bottom:21px;}

.f4_box3_div1 a{font-size:20px; color:#1240a6; background:#fff; padding:11px; border-radius: 100vh; text-align: center; display:block; width:100%; max-width:205px; border:1px solid #1240a6; font-weight: 700; margin:0 auto;}
.f4_box3_div1 a span {position: relative; padding-right:15px; white-space: nowrap;}
.f4_box3_div1 a span::before {content:""; position: absolute; right:0; top: 50%; transform:  translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #1240a6; border-right: 0;}

.f4_box3_div1 div{flex-grow: 1;}
.search1{background: #FFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 51%, rgba(230, 230, 230, 1) 100%); padding:5rem 0;}
.search_title{font-size:clamp(1.875rem, 1.648rem + 1.14vw, 2.5rem);}


.search2{padding:100px 0 0;}
.search2_box .accordion-area2{width: 100%; margin:0 auto;}
.search2_box .title2{background:#1240a6; padding:15px; color:#fff; font-size:28px; text-align: center; width:100%; cursor: pointer; transition: all .5s ease;}
.search2_box .title2 span{position: relative; padding-right:78px;}
.search2_box .title2 span::before,
.search2_box .title2 span::after{position: absolute; content:''; width: 24px; height: 3px; background-color: #fff;}
.search2_box .title2 span::before{top:48%; right: 15px; transform: rotate(0deg);}
.search2_box .title2 span::after{top:48%; right: 15px; transform: rotate(90deg);}
.search2_box .title2.close span::before{transform: rotate(180deg);}
.search2_box .title2.close span::after{transform: rotate(-180deg);}
.search2_box .box2 {display: none; background: #fbfbf7; width:100%; padding:50px 40px;}
.search2_box .box2 h3{background:#1240a6; color:#fff; font-size:clamp(1.25rem, 1.205rem + 0.23vw, 1.375rem); padding:9px 34px; display: inline-block; font-weight: 700; white-space: nowrap;}
.search2_div1{display: grid; grid-template-columns: repeat(3, 1fr); gap:20px; border-top:1px solid #1240a6; padding-top:14px;}
.search2_div1-1{display:flex; flex-direction: column;}
.search2_div1-1 h4{background:#fff; border:1px solid #1240a6; padding:7px; color:#1240a6; text-align: center; font-weight: 700; font-size:17px;}
.search2box1{display:flex; flex-direction: column; padding:15px 0 27px; gap:10px;}

.keyword-search-box{display: flex; align-items:stretch; width: 100%; justify-content: center; margin-bottom:50px;}
.keyword-search-box input[type="text"] {max-width: 100%;}
.keyword-search-box button {-webkit-appearance: none; appearance: none; text-align: center !important; padding-left: 0;
  padding-right: 0; width:100%; font-size:18px; max-width: 145px; height: auto; color: #fff; background: #1240A6; background: linear-gradient(0deg, rgba(18, 64, 166, 1) 17%, rgba(0, 166, 255, 1) 100%); border-radius: 0 10px 10px 0;
cursor: pointer; display:inline-block; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);}


.search2_div2{display:flex; align-items: flex-start; gap:20px; justify-content: space-between;}
.search2_div2-l{width:77%;}
.search2_div2-r{width:20%;}

.search2_list{display:grid; grid-template-columns: repeat(3, 1fr); gap:10px 50px; padding-top:15px; border-top:1px solid #1240a6;}
.search2_list2{display:flex; flex-direction: column; gap:10px;  padding-top:15px; border-top:1px solid #1240a6;}

.search2_div3{display:flex; align-items:stretch; gap:20px; margin-top:63px;}
.search2_list3{display:flex; align-items: center; gap:10px 30px; flex-wrap: wrap;}

.course-list{display: grid; grid-template-columns: repeat(3, 1fr); gap:60px 30px;}
.course-item{display:flex; flex-direction: column; border:1px solid #000; border-radius: 10px; width:100%; position: relative;}
.course_div_ko1{border-radius: 10px 10px 0 0;}
.course_div_ko1 img{width:100%; height:193px; object-fit: cover; border-radius: 10px 10px 0 0;}
.course_div_ko2{padding:20px; display:flex; flex-direction: column; justify-content: center;}
.course_div_h4{text-align:center; font-size:20px; line-height:26px; padding-bottom:10px; border-bottom:1px solid #1240a6; font-weight: 800;}
.course_div_p1{font-size:clamp(1rem, 0.977rem + 0.11vw, 1.063rem); line-height:26px; margin-top:10px;}

.course_div_ko {position: relative; display: block; text-decoration: none; max-width:340px; width:100%;}
.search-submit button{background:#1240a6; color:#fff; font-size:24px; border-radius: 10px; text-align: center; padding:18px; width:100%; max-width:370px; margin:30px auto; display:block; position: relative;}
.search-submit button::before{content:""; position: absolute; bottom:0; right:28px; background:url("../img/search.png"); background-size:contain; width:62px; height:52px;}

.search3{padding-bottom:100px;}
.search2_list2 label{font-size:17px;}

.pcb, .spb {
  display: none;
}
.mainbusiness .top2 img {object-position: inherit;}

.m13_div2 iframe{width:100%;}


.search1{background:rgba(27, 20, 72, 1); width:100%; height:300px; position: relative; }
.search1::before{background:url(../img/8e9b2aa6db93a64efe7dc0fe7ba71d34e38e0725.jpg) no-repeat; background-position: center center; background-size: cover; width:100%; height:100%; content:""; position: absolute; top:0; left:0; opacity:.5;}
.search_title{font-size:clamp(1.5rem, 0.955rem + 2.73vw, 3rem); font-weight: 700; color:#fff;}

h2.wp-block-heading{padding-left:1rem; border-left:5px solid #1240a6; line-height: 1.5; padding-top:0.5rem; padding-bottom:0.5rem;}

.channel_linkbox{padding:20px 25px; display:flex; justify-content: flex-end; font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem); background:#f7fcff;}
.channel_linkbox a span{text-decoration: underline; color:#1240a6;}


.slider.is-disabled-slick,.slider2.is-disabled-slick {display: flex; gap: 20px; justify-content: flex-start; overflow: hidden;}
.slider.is-disabled-slick .arrow-common,.slider2.is-disabled-slick .arrow-common {display: none !important;}
