.ic-tel_c_b { background-image: url(../img/header/ic-tel_c_b.png);}
.ic-mail_c_b { background-image: url(../img/header/ic-mail_c_b.png);}
.ic-line_b { background-image: url(../img/header/ic-line_b.png);}


/* Style for PCs */
@media screen and (min-width: 1025px) {

/* TopSection
----------------------------------------------------------------*/
.topsection {
  width:100%;
  height: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
}
#slidemm div {
  width:100%;
  height: 100%;
  min-height: 100%;
  display: block;
  aspect-ratio: 16 / 9;
}
#slidemm_m {
  display: none;
}

.tscov {
  width:100%;
  height: 100%;
  min-height: 100%;
  aspect-ratio: 16 / 9;
  position: absolute;
  top:0;
  left:0;
  z-index:1000;
  background: #FFFFFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0) 50%);
}

.tscc {
  width:100%;
  height: 100%;
  min-height: 100%;
  aspect-ratio: 16 / 9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  top:0;
  left:0;
  z-index:1100;
  padding: 5% 0 0 5%;
}
.tscc div {
  width:40%;
  height: auto;
  display: block;
  margin-bottom: 2%;
}
.tscc p {
font-size: clamp(1rem, 1vw + 0.25rem, 20rem);
font-weight: 700;
line-height: 2em;
color:var(--color-1st);
margin:0 0 0 1em;
}


/* Section title
-----------------------*/
.sectitle {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1em;
}
.sectitle h2 {
font-size: clamp(1.5rem, 1.5vw + 0.25rem, 20rem)!important;
font-weight: 700;
line-height: 1em;
color:var(--color-black);
margin:0 0 0.3em 0;
}
.sectitle p {
font-size: clamp(0.5rem, 0.7vw + 0rem, 1rem)!important;
font-weight: 400;
line-height: 2em;
color:var(--color-1st);
margin:0 0 0 0;
}

.sectitle_s {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1em;
}
.sectitle_s h2 {
font-size: clamp(1rem, 1.25vw + 0.25rem, 10rem)!important;
font-weight: 700;
line-height: 1em;
color:var(--color-black);
margin:0 0 0.3em 0;
}
.sectitle_s p {
font-size: clamp(0.5rem, 0.7vw + 0rem, 1rem)!important;
font-weight: 400;
line-height: 2em;
color:var(--color-1st);
margin:0 0 0 0;
}

/* Section title (circle) */
.sectitle_cir {
  width:fit-content;
  height: auto;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding:0 1.5em;
  clip-path: circle(50% at 50% 50%);
  background-color: var(--color-1st);
  margin:0 auto 2em;
}
.sectitle_cir h2 {
  text-align: center;
font-size: clamp(1.25rem, 1vw + 0rem, 10rem)!important;
font-weight: 700;
line-height: 1em;
color:var(--color-white);
margin:0 0 0.3em 0;
}
.sectitle_cir p {
  text-align: center;
font-size: clamp(0.5rem, 0.5vw + 0rem, 1rem)!important;
font-weight: 400;
line-height: 2em;
color:var(--color-white);
margin:0 0 0 0;
}


/* Section01
-----------------------*/
.section01 {
  width:100%;
  max-width:1600px;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 auto;
}
.section01 .sec01title {
  width:80%;
  height: auto;
  display: block;
  padding:8em 0 0;
  margin:0 auto 1em;
}
.section01 .sec01title img {
  width:100%;
  height: auto;
  display: block;
}
.section01 h2 {
  font-size: clamp(1.5rem, 1.5vw + 1rem, 20rem);
  font-weight: 700;
  line-height: 2em;
  text-align: center;
  color:var(--color-1st);
  margin:0 0 0.5em 0;
}
.section01 ul {
  width:80%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin:0 auto;
}
.section01 ul li {
width:15.666667%;
height: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
aspect-ratio: 1 / 1;
border-radius: 5px;
margin:0.5%;
box-shadow:0px 3px 5px rgba(0,0,0,0.3);
}
.section01 ul li p {
font-size: clamp(1.4rem, 1.5vw + 0rem, 2rem);
font-weight: 500;
line-height: 1em;
text-align: center;
}
.section01 ul li p span {
  display: block;
  font-size: clamp(0.3rem, 0.8vw + 0rem, 5rem);
font-weight: 400;
color:rgba(255,255,255,0.8);
letter-spacing: 0px;
line-height: 1em;
padding-top:1.2em;
margin:0;
}
.section01 ul li:nth-child(odd) {
color:var(--color-white);
background: #284E8E;
background: linear-gradient(0deg, rgba(40, 78, 142, 1) 0%, rgba(47, 111, 222, 1) 100%);
}
.section01 ul li:nth-child(even) {
color:var(--color-white);
background: #287a8e;
background: linear-gradient(0deg, rgba(40, 122, 142, 1) 0%, rgba(47, 178, 222, 1) 100%);
}

/* Section02：バングラデシュと日本の関係性
-----------------------*/
.section02main {
  width:100%;
  height: auto;
  display: block;
  padding:100px 0;
}

.section02main .sectitle {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top:7em;
  background-image: url(../img/index/flag_image.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 6em;
  margin-bottom: 0;
}

.section02main article {
  width:100%;
  max-width:1600px;
  height: auto;
  display: block;
  padding:1.8em 0;
  margin:0 auto;
}
.section02main article h2 {
  font-size: clamp(1rem, 1.05vw + 1.1rem, 25rem);
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
  color:var(--color-1st);
  margin:0 0 0.5em 0;
}
.section02main article p {
  font-size: clamp(1rem, 0.8vw + 0rem, 8rem);
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 2.5em 0;
}

.sec02slide {
  width:100%;
  height: auto;
  display: block;
}
.sec02slide li {
  width:14.666667%;
  display: block;
  margin:1% 1.5%;
  border-radius: 5px;
  overflow: hidden;
box-shadow:0px 3px 8px rgba(0,0,0,0.3);
}


/* Section03：バングラデシュの国民性
-----------------------*/
.section03main {
  width:100%;
  height: auto;
  display: block;
  padding:0;
  background: #20579B;
background: linear-gradient(180deg, rgba(32, 87, 155, 1) 0%, rgba(46, 71, 102, 1) 50%);
}
.section03main .sec03base {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/sec03bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}
.section03main .sectitle h2, .section03main .sectitle p {
  color:var(--color-white);
}
.section03main .sec03base article {
  width:100%;
  height: auto;
  display: block;
  margin:0;
}
.section03main .sec03base .sec03cc {
  width:100%;
  height: auto;
  display: block;
  padding:4% 0 45%;
  background-image: url(../img/index/border02.png);
  background-repeat: no-repeat;
  background-position: 0 100.1%;
  background-size: 100% auto;
}
.section03main .sec03base h3 {
font-size: clamp(1rem, 1.05vw + 1.1rem, 25rem);
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
  color:var(--color-white);
  margin:0 0 0.5em 0;
}
.section03main .sec03base p {
  font-size: clamp(1rem, 0.8vw + 0rem, 8rem);
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-white);
  margin:0 0 3em 0;
}

.sec03slide {
  width:100%;
  height: auto;
  display: block;
}
.sec03slide li {
  width:22%;
  display: block;
  margin:1% 1.5%;
  border-radius: 5px;
  overflow: hidden;
box-shadow:0px 3px 8px rgba(0,0,0,0.3);
}


/* Section04
-----------------------*/
.section04main {
width:100%;
height: auto;
display: block;
background-image: url(../img/index/sec04bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-image: 100% auto;
}
.sec04cov {
  width:100%;
height: auto;
display: block;
padding-bottom:15%;
background-image: url(../img/index/border02.png);
background-repeat: no-repeat;
background-position: center 100%;
background-image: 100% auto;
}
.section04main article {
width:100%;
  max-width:1600px;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:100px 10%;
  margin:0 auto;
}
.section04main article h3 {
  font-size: clamp(1rem, 1.05vw + 0.7rem, 25rem);
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
  color:var(--color-1st);
  margin:0 0 1.5em 0;
}

.section04main article ul.sec04flowlist {
  width:100%;
  height: auto;
  display: flex;
  margin-bottom: 80px;
}
.section04main article ul.sec04flowlist li {
  width:20%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding-right:3%;
  background-image: url(../img/index/flowarrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 15px auto;
}
.section04main article ul.sec04flowlist li:last-child {
  width:20%;
  background: none;
}
.section04main article ul.sec04flowlist li .flowimg {
  width:100%;
  height: auto;
  display: block;
}
.section04main article ul.sec04flowlist li .flowimg p.flownum {
  width:fit-content;
  height: auto;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(1rem, 1vw + 0.5rem, 5rem);
  font-weight: 400;
  line-height: 1em;
  text-align: center;
  color:var(--color-1st);
  border:1px solid var(--color-1st);
  border-radius: 9999px;
  padding:0px 0.5em;
  margin:0 auto 0em;
}
.section04main article ul.sec04flowlist li .flowimg img {
  width:100%;
  height: auto;
  display: block;
}
.section04main article ul.sec04flowlist li .flowcc {
width:100%;
  height: auto;
  display: block;
  padding:1em 0 0 0;
  text-align: center;
}

.sec04mm02 {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.sec04mm02 .sec04mm02_01 {
  width:35%;
}
.sec04mm02 .sec04mm02_02 {
  width:60%;
}
.teacherlist {
  width:100%;
  height:auto;
  display: flex;
  justify-content: space-between;
}
.teacherlist li {
  width:31.33333333%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 1%;
}
.teacherlist li .teacherimg {
  width:100%;
  height: auto;
  display: block;
  border-radius: 5px;
}
.teacherlist li .teachercc {
  width:100%;
  height: auto;
  display: block;
  padding:15px 0 0;
}
.teacherlist li .teachercc h4 {
  font-size:14px;
  font-weight: 400;
  line-height: 1.25em;
  text-align: center;
}
.teacherlist li .teachercc p {
  font-size:14px;
  font-weight: 400;
  line-height: 1.25em;
  text-align: center;
}

p.sec04bottom_txt {
font-size: clamp(1rem, 1vw + 0.25rem, 10rem);
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 0 0;
}


/* Section05
-----------------------*/
.section05main {
width:100%;
height: auto;
display: block;
background-image: url(../img/index/sec05bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% auto;
}
.sec05cov {
  width:100%;
height: auto;
display: block;
padding-bottom:10%;
background-image: url(../img/index/border02.png);
background-repeat: no-repeat;
background-position: center 100.1%;
background-image: 100% auto;
}
.section05main article {
width:100%;
  max-width:1600px;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:100px 10% 20%;
  margin:0 auto;
}

.section05main article .sec05title {
  width:fit-content;
  height: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin:0 auto 1em;
}
.section05main article .sec05title h2 {
  width:100%;
  height: auto;
  display: block;
  font-size: clamp(1.5rem, 1.5vw + 0.25rem, 10rem)!important;
font-weight: 600;
line-height: 1em;
color:var(--color-1st);
padding:0 2em 0.5em;
border-bottom: 2px solid var(--color-1st);
margin:0 0 0.5em 0;
}
.section05main article .sec05title h3 {
  width:100%;
  height: auto;
  display: block;
  font-size: clamp(2rem, 2vw + 1rem, 30rem)!important;
font-weight: 700;
line-height: 1em;
color:var(--color-black);
margin:0 0 0.5em 0;
}
.section05main article .sec05title p {
  font-size: clamp(1rem, 0.8vw + 0rem, 8rem);
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 0 0;
}
.section05main article ul.contact_m_list {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.section05main article ul.contact_m_list li {
  flex: 1;
  height: auto;
  display: block;
  margin: 1%;
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 50px auto;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.95);
  box-shadow: 0px 5px 8px rgba(0,0,0,0.15);
}
.section05main article ul.contact_m_list li a {
  width:100%;
  height: auto;
  display: block;
  text-decoration: none;
  padding:25px 25px 25px 80px;
}
.section05main article ul.contact_m_list li a h4 {
  font-size: clamp(0.8rem, 0.3vw + 0rem, 8rem);
  font-weight: 500;
  line-height: 1em;
  color:var(--color-black);
  margin-bottom: 0.5em;
}
.section05main article ul.contact_m_list li a p.con_tel {
  font-size: clamp(1.25rem, 1vw + 0.7rem, 20rem);
  font-weight: 700;
  line-height: 1em;
  color:var(--color-black);
}
.section05main article ul.contact_m_list li a p.con_mail {
  font-size: clamp(1rem, 0.9vw + 0rem, 20rem);
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-black);
}
.section05main article ul.contact_m_list li a p.con_line {
  font-size: clamp(1rem, 0.9vw + 0rem, 20rem);
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-black);
}


/* Section06 */
.section06main {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/sec06bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}
.section06main article {
  width:100%;
  height: auto;
  display: block;
  padding:100px 10% 24% 10%;
  margin:0 auto;
  background-image: url(../img/index/border02.png);
  background-repeat: no-repeat;
  background-position: center 100.1%;
  background-size: 100% auto;
}
.section06main article .sectitle06 {
  width:55%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 auto 50px;
}
.section06main article .sectitle06 h2 {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: clamp(1rem, 1vw + 0.25rem, 25rem);
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
  color:var(--color-white);
  background-color: var(--color-1st);
  border-radius: 9999px;
  padding:0.2em 0.5em;
  margin:0 auto 1em;
}

h2.sec06title {
  font-size: clamp(1rem, 1vw + 0.25rem, 25rem);
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
  color:var(--color-black);
  margin:0 auto 1em;
}

.sec06line01 {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 100px;
}

.sec06img01 {
  width:70%;
  height: auto;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  margin:0 auto 20px;
}

ul.sec06needs {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin:0 auto 100px;
}
ul.sec06needs li {
  width:49%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: clamp(1rem, 1vw + 0rem, 2rem);
  font-weight: 500;
  line-height: 1em;
  text-align: center;
  color: var(--color-white);
  border-radius: 9999px;
  padding:0.5em 2em;
  margin:0 0.5% 0.5em;
}
ul.sec06needs li:nth-child(odd) {
color:var(--color-white);
background: #284E8E;
background: linear-gradient(0deg, rgba(40, 78, 142, 1) 0%, rgba(47, 111, 222, 1) 100%);
margin-left:0;
}
ul.sec06needs li:nth-child(even) {
color:var(--color-white);
background: #287a8e;
background: linear-gradient(0deg, rgba(40, 122, 142, 1) 0%, rgba(47, 178, 222, 1) 100%);
margin-left:auto;
}

.sec06_features {
width:100%;
  height: auto;
  display: block;
  margin:0 auto 40px;
}
.sec06_features h3 {
  font-size: clamp(1rem, 0.8vw + 0rem, 8rem);
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 5px 0;
}
.sec06_features ul.sec06_servicelist {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin:0 auto 5px;
}
.sec06_features ul.sec06_servicelist li {
  flex:1;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding:0.5em 0.5em;
  font-size: clamp(1rem, 0.9vw + 0rem, 20rem);
  font-weight: 500;
  line-height: 1.25em;
  text-align: center;
  border:1px solid var(--color-1st);
  border-radius: 5px;
  margin:0 1%;
}
.sec06_features ul.sec06_servicelist li span {
  display: block;
  font-size: clamp(0.6rem, 0.6vw + 0rem, 4rem);
  font-weight: 500;
  line-height: 1.25em;
  padding-top:0.5em;
}
.sec06_features p {
  font-size: clamp(1rem, 0.8vw + 0rem, 8rem);
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 0 0;
}

.sec06img02 {
  width:100%;
  height: auto;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  margin:0 auto 40px;
}

.sec06img02 .s6im02_pc {
  display: block;
}
.sec06img02 .s6im02_m {
  display: none;
}

.sec06cc01 {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 2em;
}
.sec06cc01 p {
  font-size: clamp(1rem, 0.8vw + 0rem, 8rem);
  font-weight: 400;
  line-height: 2em;
  text-align: left;
  color:var(--color-black);
  margin:0 0 2em 0;
}
.sec06cc01 ul.sec06img03 {
  width:100%;
  height:auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.sec06cc01 ul.sec06img03 li {
  width:25%;
  height: auto;
  display: block;
  margin:0 2%;
}
.sec06cc01 ul.sec06img03 li img {
  border-radius: 5px;
}
p.sec06_apltxt {
  font-size: clamp(1.2rem, 1.2vw + 0rem, 2rem);
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-1st);
}


.sec06line02 {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 100px;
}
ul.sec06l2-list {
width:fit-content;
height: auto;
display: flex;
flex-direction: column;
margin:0 auto 50px;
}
ul.sec06l2-list li {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(1rem, 0.8vw + 0rem, 8rem);
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  border:1px solid var(--color-ccc);
  padding:0.3em 2em;
  border-radius: 5px;
  margin:0 auto 0.2em auto;
}
ul.sec06l2-list li span {
  width:fit-content;
  height: auto;
  display: block;
  font-size:14px;
  line-height: 1em;
  padding:0.2em 0.5em;
  margin:0 0.5em;
}
ul.sec06l2-list li span.s6l2_ic1 {
  border:1px solid var(--color-1st);
  color:var(--color-1st);
  border-radius: 3px;
}
ul.sec06l2-list li span.s6l2_ic2 {
  border:1px solid var(--color-2nd);
  color:var(--color-2nd);
  border-radius: 3px;
}
ul.sec06l2-list li span.s6l2_ic3 {
  border:1px solid var(--color-3rd);
  color:var(--color-3rd);
  border-radius: 3px;
}
ul.sec06l2-list li span.s6l2_ic4 {
  border:1px solid var(--color-4th);
  color:var(--color-4th);
  border-radius: 3px;
}


.sec06l2-imglist {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin:0 auto 20px;
}
.sec06l2-imglist li {
  width:30.3333333333%;
  height: auto;
  display: block;
  margin:0 1.5% 2.5%;
}
.sec06l2-imglist li img {
  border-radius: 5px;
}


.sec06cc02 {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 2em;
}
.sec06cc02 p {
  font-size: clamp(1rem, 0.8vw + 0rem, 8rem);
  font-weight: 400;
  line-height: 2em;
  text-align: left;
  color:var(--color-black);
  margin:0 0 2em 0;
}
.sec06cc02 p span {
  font-size: clamp(0.7rem, 0.8vw + 0rem, 8rem);
  line-height: 1.8em;
  color:var(--color-666);
}

h3.sec06_stitle {
font-size: clamp(1rem, 1vw + 0.25rem, 25rem);
  font-weight: 700;
  line-height: 1.5em;
  text-align: left;
  color:var(--color-1st);
  margin:0 auto 1em;
}

dl.sec06_schedule {
width:100%;
height: auto;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
dl.sec06_schedule dt {
  width: 10%;
  height: auto;
  display: block;
  font-size: clamp(1rem, 0.8vw + 0rem, 8rem);
  font-weight: 400;
  line-height: 2em;
  text-align: left;
  color:var(--color-1st);
  padding:1em 0.5rem;
  border-bottom: 1px dotted var(--color-ccc);
}
dl.sec06_schedule dd {
  width: 90%;
  height: auto;
  display: block;
  font-size: clamp(1rem, 0.8vw + 0rem, 8rem);
  font-weight: 400;
  line-height: 2em;
  text-align: left;
  color:var(--color-black);
  padding:1em 0.5rem;
  border-bottom: 1px dotted var(--color-ccc);
}


/* Section07 */
.section07main {
width:100%;
height: auto;
display: block;
}
.section07main article {
width:100%;
  max-width:1600px;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:100px 10%;
  margin:0 auto;
}

.outline_listbase {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.outline_listbase .outline_list01 {
  width:48%;
  height: auto;
  display: block;
}
.outline_listbase .outline_list02 {
  width:48%;
  height: auto;
  display: block;
}

.outline_listbase h3 {
width:100%;
height: auto;
display: flex;
align-items: center;
font-size: clamp(1rem, 1vw + 0.8rem, 25rem);
font-weight: 300;
line-height: 1.5em;
text-align: left;
  color:var(--color-black);
  padding-left: 1.8em;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
margin-bottom: 0.5em;
}
.outline_listbase h3.outlinetitle_jp {
  background-image: url(../img/index/flic-jp.png);
}
.outline_listbase h3.outlinetitle_bgl {
  background-image: url(../img/index/flic-bd.png);
}

dl.outlinetable {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
dl.outlinetable dt {
  width:25%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:15px 5px;
  text-align: left;
  border-bottom: 1px dotted var(--color-ccc);
}
dl.outlinetable dt.ot_jp_dt {
font-size: clamp(1rem, 1vw + 0.25rem, 25rem);
font-weight: 400;
line-height: 1.25em;
}
dl.outlinetable dt.ot_jp_dt span {
font-size: clamp(0.6rem, 0.3vw + 0.25rem, 25rem);
font-weight: 400;
color:var(--color-1st);
line-height: 1.25em;
padding-top:0.5em;
}
dl.outlinetable dt.ot_en_dt {
font-size: clamp(0.9rem, 0.8vw + 0.25rem, 25rem);
font-weight: 400;
color: var(--color-1st);
line-height: 1.25em;
}
dl.outlinetable dd {
  width:75%;
  height: auto;
  display: block;
font-size: clamp(1rem, 1vw + 0.25rem, 25rem);
  font-weight: 400;
  line-height: 1.25em;
  text-align: left;
  color:var(--color-black);
  padding:15px 5px;
  border-bottom: 1px dotted var(--color-ccc);
}
dl.outlinetable dd span {
  display: block;
  font-size: clamp(0.6rem, 0.3vw + 0.25rem, 25rem);
font-weight: 400;
color:var(--color-1st);
line-height: 1.25em;
}


ul.outline_linkbase {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
ul.outline_linkbase li {
  flex: 1;
  margin:0 2%;
}
ul.outline_linkbase li .ol_banner {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
}
ul.outline_linkbase li p {
  width:100%;
  height: auto;
  display: block;
font-size: clamp(0.8rem, 0.8vw + 0.25rem, 25rem);
  font-weight: 400;
  line-height: 1.5em;
  text-align: center;
}
.section07main .sec02title img {
  width:30%;
  height: auto;
  display: block;
  margin: 30px auto;
}		
	
/* Section08
-----------------------*/
.section08main {
width:100%;
height: auto;
display: block;
background-image: url(../img/index/sec08bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% auto;
}
.sec08cov {
  width:100%;
height: auto;
display: block;
padding-bottom:10%;
background-image: url(../img/index/border02.png);
background-repeat: no-repeat;
background-position: center 100.1%;
background-image: 100% auto;
}
.section08main article {
width:100%;
  max-width:1600px;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:100px 10% 20%;
  margin:0 auto;
}

.section08main article .sec08title {
  width:fit-content;
  height: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin:0 auto 1em;
}
.section08main article .sec08title h2 {
  width:100%;
  height: auto;
  display: block;
  font-size: clamp(1.5rem, 1.5vw + 0.25rem, 10rem)!important;
font-weight: 600;
line-height: 1em;
color:var(--color-1st);
padding:0 2em 0.5em;
border-bottom: 2px solid var(--color-1st);
margin:0 0 0.5em 0;
}
.section08main article .sec08title h3 {
  width:100%;
  height: auto;
  display: block;
  font-size: clamp(2rem, 2vw + 1rem, 30rem)!important;
font-weight: 700;
line-height: 1em;
color:var(--color-black);
margin:0 0 0.5em 0;
}
.section08main article .sec08title p {
  font-size: clamp(1rem, 0.8vw + 0rem, 8rem);
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 0 0;
}
.section08main article ul.contact_m_list {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.section08main article ul.contact_m_list li {
  flex: 1;
  height: auto;
  display: block;
  margin: 1%;
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 50px auto;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.95);
  box-shadow: 0px 5px 8px rgba(0,0,0,0.15);
}
.section08main article ul.contact_m_list li a {
  width:100%;
  height: auto;
  display: block;
  text-decoration: none;
  padding:25px 25px 25px 80px;
}
.section08main article ul.contact_m_list li a h4 {
  font-size: clamp(0.8rem, 0.3vw + 0rem, 8rem);
  font-weight: 500;
  line-height: 1em;
  color:var(--color-black);
  margin-bottom: 0.5em;
}
.section08main article ul.contact_m_list li a p.con_tel {
  font-size: clamp(1.25rem, 1vw + 0.7rem, 20rem);
  font-weight: 700;
  line-height: 1em;
  color:var(--color-black);
}
.section08main article ul.contact_m_list li a p.con_mail {
  font-size: clamp(1rem, 0.9vw + 0rem, 20rem);
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-black);
}
.section08main article ul.contact_m_list li a p.con_line {
  font-size: clamp(1rem, 0.9vw + 0rem, 20rem);
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-black);
}

	

}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

/* TopSection
----------------------------------------------------------------*/
.topsection {
  width:100%;
  height: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
  margin-top:100px;
}
#slidemm div {
  width:100%;
  height: 100%;
  min-height: 100%;
  display: block;
  aspect-ratio: 16 / 9;
}
#slidemm_m {
  display: none;
}

.tscov {
  width:100%;
  height: 100%;
  min-height: 100%;
  aspect-ratio: 16 / 9;
  position: absolute;
  top:0;
  left:0;
  z-index:1000;
  background: #FFFFFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.75) 35%, rgba(255, 255, 255, 0) 65%);
}

.tscc {
  width:100%;
  height: 100%;
  min-height: 100%;
  aspect-ratio: 16 / 9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  top:0;
  left:0;
  z-index:1100;
  padding: 0% 0 0 5%;
}
.tscc div {
  width:45%;
  height: auto;
  display: block;
  margin-bottom: 2%;
}
.tscc p {
font-size: 14px;
font-weight: 700;
line-height: 2em;
color:var(--color-1st);
margin:0 0 0 1em;
}


/* Section title
-----------------------*/
.sectitle {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1em;
}
.sectitle h2 {
font-size: 22px!important;
font-weight: 700;
line-height: 1em;
color:var(--color-black);
margin:0 0 0.3em 0;
}
.sectitle p {
font-size: 10px!important;
font-weight: 400;
line-height: 2em;
color:var(--color-1st);
margin:0 0 0 0;
}

.sectitle_s {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1em;
}
.sectitle_s h2 {
font-size: 18px!important;
font-weight: 700;
line-height: 1em;
color:var(--color-black);
margin:0 0 0.3em 0;
}
.sectitle_s p {
font-size: 10px!important;
font-weight: 400;
line-height: 2em;
color:var(--color-1st);
margin:0 0 0 0;
}

/* Section title (circle) */
.sectitle_cir {
  width:fit-content;
  height: auto;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding:0 1.5em;
  clip-path: circle(50% at 50% 50%);
  background-color: var(--color-1st);
  margin:0 auto 2em;
}
.sectitle_cir h2 {
  text-align: center;
font-size:18px!important;
font-weight: 700;
line-height: 1em;
color:var(--color-white);
margin:0 0 0.3em 0;
}
.sectitle_cir p {
  text-align: center;
font-size: 7px!important;
font-weight: 400;
line-height: 2em;
color:var(--color-white);
margin:0 0 0 0;
}


/* Section01
-----------------------*/
.section01 {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 auto;
}
.section01 .sec01title {
  width:80%;
  height: auto;
  display: block;
  padding:8em 0 0;
  margin:0 auto 1em;
}
.section01 .sec01title img {
  width:100%;
  height: auto;
  display: block;
}
.section01 h2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 2em;
  text-align: center;
  color:var(--color-1st);
  margin:0 0 0.5em 0;
}
.section01 ul {
  width:90%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin:0 auto;
}
.section01 ul li {
width:15.666667%;
height: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
aspect-ratio: 1 / 1;
border-radius: 5px;
margin:0.5%;
box-shadow:0px 3px 5px rgba(0,0,0,0.3);
}
.section01 ul li p {
font-size: 18px;
font-weight: 500;
line-height: 1em;
text-align: center;
}
.section01 ul li p span {
  display: block;
  font-size: 8px;
font-weight: 400;
color:rgba(255,255,255,0.8);
letter-spacing: 0px;
line-height: 1em;
padding-top:1.2em;
margin:0;
}
.section01 ul li:nth-child(odd) {
color:var(--color-white);
background: #284E8E;
background: linear-gradient(0deg, rgba(40, 78, 142, 1) 0%, rgba(47, 111, 222, 1) 100%);
}
.section01 ul li:nth-child(even) {
color:var(--color-white);
background: #287a8e;
background: linear-gradient(0deg, rgba(40, 122, 142, 1) 0%, rgba(47, 178, 222, 1) 100%);
}

/* Section02：バングラデシュと日本の関係性
-----------------------*/
.section02main {
  width:100%;
  height: auto;
  display: block;
  padding:100px 0;
}

.section02main .sectitle {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top:7em;
  background-image: url(../img/index/flag_image.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 6em;
  margin-bottom: 0;
}

.section02main article {
  width:100%;
  height: auto;
  display: block;
  padding:1.8em 0;
  margin:0 auto;
}
.section02main article h2 {
  width:80%;
  height: auto;
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
  color:var(--color-1st);
  margin:0 auto 0.5em auto;
}
.section02main article p {
  width:80%;
  height: auto;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: left;
  color:var(--color-black);
  margin:0 auto 2.5em auto;
}

.sec02slide {
  width:100%;
  height: auto;
  display: block;
}
.sec02slide li {
  width:14.666667%;
  display: block;
  margin:1% 1.5%;
  border-radius: 5px;
  overflow: hidden;
box-shadow:0px 3px 8px rgba(0,0,0,0.3);
}


/* Section03：バングラデシュの国民性
-----------------------*/
.section03main {
  width:100%;
  height: auto;
  display: block;
  padding:0;
  background: #20579B;
background: linear-gradient(180deg, rgba(32, 87, 155, 1) 0%, rgba(46, 71, 102, 1) 50%);
}
.section03main .sec03base {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/sec03bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}
.section03main .sectitle h2, .section03main .sectitle p {
  color:var(--color-white);
}
.section03main .sec03base article {
  width:100%;
  height: auto;
  display: block;
  margin:0;
}
.section03main .sec03base .sec03cc {
  width:100%;
  height: auto;
  display: block;
  padding:4% 0 45%;
  background-image: url(../img/index/border02.png);
  background-repeat: no-repeat;
  background-position: 0 100.1%;
  background-size: 100% auto;
}
.section03main .sec03base h3 {
font-size: 22px;
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
  color:var(--color-white);
  margin:0 0 0.5em 0;
}
.section03main .sec03base p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-white);
  margin:0 0 3em 0;
}

.sec03slide {
  width:100%;
  height: auto;
  display: block;
}
.sec03slide li {
  width:22%;
  display: block;
  margin:1% 1.5%;
  border-radius: 5px;
  overflow: hidden;
box-shadow:0px 3px 8px rgba(0,0,0,0.3);
}


/* Section04
-----------------------*/
.section04main {
width:100%;
height: auto;
display: block;
background-image: url(../img/index/sec04bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-image: 100% auto;
}
.sec04cov {
  width:100%;
height: auto;
display: block;
padding-bottom:15%;
background-image: url(../img/index/border02.png);
background-repeat: no-repeat;
background-position: center 100%;
background-image: 100% auto;
}
.section04main article {
width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:100px 5%;
  margin:0 auto;
}
.section04main article h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
  color:var(--color-1st);
  margin:0 0 1.5em 0;
}

.section04main article ul.sec04flowlist {
  width:100%;
  height: auto;
  display: flex;
  margin-bottom: 80px;
}
.section04main article ul.sec04flowlist li {
  width:20%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding-right:3%;
  background-image: url(../img/index/flowarrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px auto;
}
.section04main article ul.sec04flowlist li:last-child {
  width:20%;
  background: none;
}
.section04main article ul.sec04flowlist li .flowimg {
  width:100%;
  height: auto;
  display: block;
}
.section04main article ul.sec04flowlist li .flowimg p.flownum {
  width:fit-content;
  height: auto;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 1em;
  text-align: left;
  color:var(--color-1st);
  border:1px solid var(--color-1st);
  border-radius: 9999px;
  padding:0px 0.5em;
  margin:0 auto 0em;
}
.section04main article ul.sec04flowlist li .flowimg img {
  width:100%;
  height: auto;
  display: block;
}
.section04main article ul.sec04flowlist li .flowcc {
width:100%;
  height: auto;
  display: block;
  padding:1em 0 0 0;
  text-align: center;
}

.sec04mm02 {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.sec04mm02 .sec04mm02_01 {
  width:35%;
}
.sec04mm02 .sec04mm02_02 {
  width:60%;
}
.teacherlist {
  width:100%;
  height:auto;
  display: flex;
  justify-content: space-between;
}
.teacherlist li {
  width:31.33333333%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 1%;
}
.teacherlist li .teacherimg {
  width:100%;
  height: auto;
  display: block;
  border-radius: 5px;
}
.teacherlist li .teachercc {
  width:100%;
  height: auto;
  display: block;
  padding:15px 0 0;
}
.teacherlist li .teachercc h4 {
  font-size:14px;
  font-weight: 400;
  line-height: 1.25em;
  text-align: center;
}
.teacherlist li .teachercc p {
  font-size:14px;
  font-weight: 400;
  line-height: 1.25em;
  text-align: center;
}

p.sec04bottom_txt {
font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 0 0;
}


/* Section05
-----------------------*/
.section05main {
width:100%;
height: auto;
display: block;
background-image: url(../img/index/sec05bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% auto;
}
.sec05cov {
  width:100%;
height: auto;
display: block;
padding-bottom:10%;
background-image: url(../img/index/border02.png);
background-repeat: no-repeat;
background-position: center 100.1%;
background-image: 100% auto;
}
.section05main article {
width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:50px 10% 20%;
  margin:0 auto;
}

.section05main article .sec05title {
  width:fit-content;
  height: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin:0 auto 1em;
}
.section05main article .sec05title h2 {
  width:100%;
  height: auto;
  display: block;
  font-size:20px!important;
font-weight: 600;
line-height: 1em;
color:var(--color-1st);
padding:0 2em 0.5em;
border-bottom: 2px solid var(--color-1st);
margin:0 0 0.5em 0;
}
.section05main article .sec05title h3 {
  width:100%;
  height: auto;
  display: block;
  font-size:32px!important;
font-weight: 700;
line-height: 1em;
color:var(--color-black);
margin:0 0 0.5em 0;
}
.section05main article .sec05title p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 0 0;
}
.section05main article ul.contact_m_list {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.section05main article ul.contact_m_list li {
  flex: 1;
  height: auto;
  display: block;
  margin:0 1%;
  background-repeat: no-repeat;
  background-position: center 15px;
  background-size: auto 40px;
  border-radius: 5px;
  background-color: rgba(255,255,255,0.95);
  box-shadow: 0px 5px 8px rgba(0,0,0,0.15);
}
.section05main article ul.contact_m_list li a {
  width:100%;
  height: auto;
  display: block;
  text-decoration: none;
  padding:65px 15px 20px 15px;
  text-align: center;
}
.section05main article ul.contact_m_list li a h4 {
  font-size: clamp(0.8rem, 0.3vw + 0rem, 8rem);
  font-weight: 500;
  line-height: 1em;
  color:var(--color-black);
  margin-bottom: 0.5em;
}
.section05main article ul.contact_m_list li a p.con_tel {
  font-size: clamp(1.25rem, 1vw + 0.7rem, 20rem);
  font-weight: 700;
  line-height: 1em;
  color:var(--color-black);
}
.section05main article ul.contact_m_list li a p.con_mail {
  font-size: clamp(1rem, 0.9vw + 0rem, 20rem);
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-black);
}
.section05main article ul.contact_m_list li a p.con_line {
  font-size: clamp(1rem, 0.9vw + 0rem, 20rem);
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-black);
}


/* Section06 */
.section06main {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/sec06bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}
.section06main article {
  width:100%;
  height: auto;
  display: block;
  padding:50px 10% 24% 10%;
  margin:0 auto;
  background-image: url(../img/index/border02.png);
  background-repeat: no-repeat;
  background-position: center 100.1%;
  background-size: 100% auto;
}
.section06main article .sectitle06 {
  width:70%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 auto 50px;
}
.section06main article .sectitle06 h2 {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  color:var(--color-white);
  background-color: var(--color-1st);
  border-radius: 9999px;
  padding:0.4em 0.5em 0.5em;
  margin:0 auto 1em;
}

h2.sec06title {
  font-size: clamp(1rem, 1vw + 0.25rem, 25rem);
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
  color:var(--color-black);
  margin:0 auto 1em;
}

.sec06line01 {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 100px;
}

.sec06img01 {
  width:90%;
  height: auto;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  margin:0 auto 20px;
}

ul.sec06needs {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin:0 auto 100px;
}
ul.sec06needs li {
  width:49%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: clamp(1rem, 1vw + 0rem, 2rem);
  font-weight: 500;
  line-height: 1em;
  text-align: center;
  color: var(--color-white);
  border-radius: 9999px;
  padding:0.5em 0em;
  margin:0 0.5% 0.5em;
}
ul.sec06needs li:nth-child(odd) {
color:var(--color-white);
background: #284E8E;
background: linear-gradient(0deg, rgba(40, 78, 142, 1) 0%, rgba(47, 111, 222, 1) 100%);
margin-left:0;
}
ul.sec06needs li:nth-child(even) {
color:var(--color-white);
background: #287a8e;
background: linear-gradient(0deg, rgba(40, 122, 142, 1) 0%, rgba(47, 178, 222, 1) 100%);
margin-left:auto;
}

.sec06_features {
width:100%;
  height: auto;
  display: block;
  margin:0 auto 40px;
}
.sec06_features h3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 5px 0;
}
.sec06_features ul.sec06_servicelist {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin:0 auto 5px;
}
.sec06_features ul.sec06_servicelist li {
  width:48%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding:0.5em 0.5em;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25em;
  text-align: center;
  border:1px solid var(--color-1st);
  border-radius: 5px;
  margin:0 1% 2%;
}
.sec06_features ul.sec06_servicelist li span {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25em;
  padding-top:0.5em;
}
.sec06_features p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 0 0;
}

.sec06img02 {
  width:100%;
  height: auto;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  margin:0 auto 40px;
}

.sec06img02 .s6im02_pc {
  display: block;
}
.sec06img02 .s6im02_m {
  display: none;
}

.sec06cc01 {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 2em;
}
.sec06cc01 p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: left;
  color:var(--color-black);
  margin:0 0 2em 0;
}
.sec06cc01 ul.sec06img03 {
  width:100%;
  height:auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.sec06cc01 ul.sec06img03 li {
  width:25%;
  height: auto;
  display: block;
  margin:0 2%;
}
.sec06cc01 ul.sec06img03 li img {
  border-radius: 5px;
}
p.sec06_apltxt {
  font-size: 16px;
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-1st);
}


.sec06line02 {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 100px;
}
ul.sec06l2-list {
width:fit-content;
height: auto;
display: flex;
flex-direction: column;
margin:0 auto 50px;
}
ul.sec06l2-list li {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  border:1px solid var(--color-ccc);
  padding:0.3em 2em;
  border-radius: 5px;
  margin:0 auto 0.2em auto;
}
ul.sec06l2-list li span {
  width:fit-content;
  height: auto;
  display: block;
  font-size:14px;
  line-height: 1em;
  padding:0.2em 0.5em;
  margin:0 0.5em;
}
ul.sec06l2-list li span.s6l2_ic1 {
  border:1px solid var(--color-1st);
  color:var(--color-1st);
  border-radius: 3px;
}
ul.sec06l2-list li span.s6l2_ic2 {
  border:1px solid var(--color-2nd);
  color:var(--color-2nd);
  border-radius: 3px;
}
ul.sec06l2-list li span.s6l2_ic3 {
  border:1px solid var(--color-3rd);
  color:var(--color-3rd);
  border-radius: 3px;
}
ul.sec06l2-list li span.s6l2_ic4 {
  border:1px solid var(--color-4th);
  color:var(--color-4th);
  border-radius: 3px;
}


.sec06l2-imglist {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin:0 auto 20px;
}
.sec06l2-imglist li {
  width:30.3333333333%;
  height: auto;
  display: block;
  margin:0 1.5% 2.5%;
}
.sec06l2-imglist li img {
  border-radius: 5px;
}


.sec06cc02 {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 2em;
}
.sec06cc02 p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: left;
  color:var(--color-black);
  margin:0 0 2em 0;
}
.sec06cc02 p span {
  font-size: clamp(0.7rem, 0.8vw + 0rem, 8rem);
  line-height: 1.8em;
  color:var(--color-666);
}

h3.sec06_stitle {
font-size: clamp(1rem, 1vw + 0.25rem, 25rem);
  font-weight: 700;
  line-height: 1.5em;
  text-align: left;
  color:var(--color-1st);
  margin:0 auto 1em;
}

dl.sec06_schedule {
width:100%;
height: auto;
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin-bottom: 20px;
}
dl.sec06_schedule dt {
  width: 100%;
  height: auto;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  text-align: left;
  color:var(--color-1st);
  padding:0 0 0 0;
}
dl.sec06_schedule dd {
  width: 100%;
  height: auto;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  text-align: left;
  color:var(--color-black);
  padding:0.5em 0 1em 0;
  border-bottom: 1px dotted var(--color-ccc);
  margin-bottom: 1em;
}


/* Section07 */
.section07main {
width:100%;
height: auto;
display: block;
}
.section07main article {
width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:100px 10%;
  margin:0 auto;
}

.outline_listbase {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}
.outline_listbase .outline_list01 {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 50px;
}
.outline_listbase .outline_list02 {
  width:100%;
  height: auto;
  display: block;
}

.outline_listbase h3 {
width:100%;
height: auto;
display: flex;
align-items: center;
font-size: clamp(1rem, 1vw + 0.8rem, 25rem);
font-weight: 300;
line-height: 1.5em;
text-align: left;
  color:var(--color-black);
  padding-left: 1.8em;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
margin-bottom: 0.5em;
}
.outline_listbase h3.outlinetitle_jp {
  background-image: url(../img/index/flic-jp.png);
}
.outline_listbase h3.outlinetitle_bgl {
  background-image: url(../img/index/flic-bd.png);
}

dl.outlinetable {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
dl.outlinetable dt {
  width:25%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:15px 5px;
  text-align: left;
  border-bottom: 1px dotted var(--color-ccc);
}
dl.outlinetable dt.ot_jp_dt {
font-size: clamp(1rem, 1vw + 0.25rem, 25rem);
font-weight: 400;
line-height: 1.25em;
}
dl.outlinetable dt.ot_jp_dt span {
font-size: clamp(0.6rem, 0.3vw + 0.25rem, 25rem);
font-weight: 400;
color:var(--color-1st);
line-height: 1.25em;
padding-top:0.5em;
}
dl.outlinetable dt.ot_en_dt {
font-size: clamp(0.9rem, 0.8vw + 0.25rem, 25rem);
font-weight: 400;
color: var(--color-1st);
line-height: 1.25em;
}
dl.outlinetable dd {
  width:75%;
  height: auto;
  display: block;
font-size: clamp(1rem, 1vw + 0.25rem, 25rem);
  font-weight: 400;
  line-height: 1.25em;
  text-align: left;
  color:var(--color-black);
  padding:15px 5px;
  border-bottom: 1px dotted var(--color-ccc);
}
dl.outlinetable dd span {
  display: block;
  font-size: clamp(0.6rem, 0.3vw + 0.25rem, 25rem);
font-weight: 400;
color:var(--color-1st);
line-height: 1.25em;
}


ul.outline_linkbase {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
ul.outline_linkbase li {
  flex: 1;
  margin:0 2%;
}
ul.outline_linkbase li .ol_banner {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
}
ul.outline_linkbase li p {
  width:100%;
  height: auto;
  display: block;
font-size: clamp(0.8rem, 0.8vw + 0.25rem, 25rem);
  font-weight: 400;
  line-height: 1.5em;
  text-align: center;
}
.section07main .sec02title img {
  width:80%;
  height: auto;
  display: block;
  margin: 20px auto;
}		
	

/* Section08
-----------------------*/
.section08main {
width:100%;
height: auto;
display: block;
background-image: url(../img/index/sec08bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% auto;
}
.sec08cov {
  width:100%;
height: auto;
display: block;
padding-bottom:10%;
background-image: url(../img/index/border02.png);
background-repeat: no-repeat;
background-position: center 100.1%;
background-image: 100% auto;
}
.section08main article {
width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:50px 10% 20%;
  margin:0 auto;
}

.section08main article .sec08title {
  width:fit-content;
  height: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin:0 auto 1em;
}
.section08main article .sec08title h2 {
  width:100%;
  height: auto;
  display: block;
  font-size:20px!important;
font-weight: 600;
line-height: 1em;
color:var(--color-1st);
padding:0 2em 0.5em;
border-bottom: 2px solid var(--color-1st);
margin:0 0 0.5em 0;
}
.section08main article .sec08title h3 {
  width:100%;
  height: auto;
  display: block;
  font-size:32px!important;
font-weight: 700;
line-height: 1em;
color:var(--color-black);
margin:0 0 0.5em 0;
}
.section08main article .sec08title p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 0 0;
}
.section08main article ul.contact_m_list {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.section08main article ul.contact_m_list li {
  flex: 1;
  height: auto;
  display: block;
  margin:0 1%;
  background-repeat: no-repeat;
  background-position: center 15px;
  background-size: auto 40px;
  border-radius: 5px;
  background-color: rgba(255,255,255,0.95);
  box-shadow: 0px 5px 8px rgba(0,0,0,0.15);
}
.section08main article ul.contact_m_list li a {
  width:100%;
  height: auto;
  display: block;
  text-decoration: none;
  padding:65px 15px 20px 15px;
  text-align: center;
}
.section08main article ul.contact_m_list li a h4 {
  font-size: clamp(0.8rem, 0.3vw + 0rem, 8rem);
  font-weight: 500;
  line-height: 1em;
  color:var(--color-black);
  margin-bottom: 0.5em;
}
.section08main article ul.contact_m_list li a p.con_tel {
  font-size: clamp(1.25rem, 1vw + 0.7rem, 20rem);
  font-weight: 700;
  line-height: 1em;
  color:var(--color-black);
}
.section08main article ul.contact_m_list li a p.con_mail {
  font-size: clamp(1rem, 0.9vw + 0rem, 20rem);
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-black);
}
.section08main article ul.contact_m_list li a p.con_line {
  font-size: clamp(1rem, 0.9vw + 0rem, 20rem);
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-black);
}

	


}

/* Style for Smartphone */
@media screen and (max-width: 768px) {



/* TopSection
----------------------------------------------------------------*/
.topsection {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
#slidemm_m div {
  width:100%;
  height: 100%;
  min-height: 100%;
  display: block;
  aspect-ratio: 2 / 3;
  order:1;
}
#slidemm_m {
  display: block;
}
#slidemm {
  display: none;
}

.tscov {
  display: none;
}

.tscc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  top:0;
  left:0;
  z-index:1;
  padding: 0 0 0 0;
  order:2;
}
.tscc div {
  width:80%;
  height: auto;
  display: block;
  margin:0 auto 0;
}
.tscc p {
font-size: 14px;
font-weight: 400;
line-height: 2em;
color:var(--color-1st);
margin:0 10% 0 10%;
}


/* Section title
-----------------------*/
.sectitle {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1em;
}
.sectitle h2 {
font-size: 22px!important;
font-weight: 700;
line-height: 1em;
color:var(--color-black);
margin:0 0 0.3em 0;
}
.sectitle p {
font-size: 10px!important;
font-weight: 400;
line-height: 2em;
color:var(--color-1st);
margin:0 0 0 0;
}

.sectitle_s {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1em;
}
.sectitle_s h2 {
font-size: 18px!important;
font-weight: 700;
line-height: 1em;
color:var(--color-black);
margin:0 0 0.3em 0;
}
.sectitle_s p {
font-size: 10px!important;
font-weight: 400;
line-height: 2em;
color:var(--color-1st);
margin:0 0 0 0;
}

/* Section title (circle) */
.sectitle_cir {
  width:fit-content;
  height: auto;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding:0 1.5em;
  clip-path: circle(50% at 50% 50%);
  background-color: var(--color-1st);
  margin:0 auto 2em;
}
.sectitle_cir h2 {
  text-align: center;
font-size:18px!important;
font-weight: 700;
line-height: 1em;
color:var(--color-white);
margin:0 0 0.3em 0;
}
.sectitle_cir p {
  text-align: center;
font-size: 7px!important;
font-weight: 400;
line-height: 2em;
color:var(--color-white);
margin:0 0 0 0;
}


/* Section01
-----------------------*/
.section01 {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 auto;
}
.section01 .sec01title {
  width:80%;
  height: auto;
  display: block;
  padding:8em 0 0;
  margin:0 auto 1em;
}
.section01 .sec01title img {
  width:100%;
  height: auto;
  display: block;
}
.section01 h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 2em;
  text-align: center;
  color:var(--color-1st);
  margin:0 0 0.5em 0;
}
.section01 ul {
  width:90%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin:0 auto;
}
.section01 ul li {
width:49%;
height: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
aspect-ratio: 2 / 1;
border-radius: 5px;
margin:0.5%;
box-shadow:0px 3px 5px rgba(0,0,0,0.3);
}
.section01 ul li p {
font-size: 18px;
font-weight: 500;
line-height: 1em;
text-align: left;
}
.section01 ul li p span {
  display: block;
  font-size: 8px;
font-weight: 400;
color:rgba(255,255,255,0.8);
letter-spacing: 0px;
line-height: 1em;
padding-top:1.2em;
margin:0;
}
.section01 ul li:nth-child(odd) {
color:var(--color-white);
background: #284E8E;
background: linear-gradient(0deg, rgba(40, 78, 142, 1) 0%, rgba(47, 111, 222, 1) 100%);
}
.section01 ul li:nth-child(even) {
color:var(--color-white);
background: #287a8e;
background: linear-gradient(0deg, rgba(40, 122, 142, 1) 0%, rgba(47, 178, 222, 1) 100%);
}

/* Section02：バングラデシュと日本の関係性
-----------------------*/
.section02main {
  width:100%;
  height: auto;
  display: block;
  padding:100px 0;
}

.section02main .sectitle {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top:7em;
  background-image: url(../img/index/flag_image.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 6em;
  margin-bottom: 0;
}

.section02main article {
  width:100%;
  height: auto;
  display: block;
  padding:1.8em 0;
  margin:0 auto;
}
.section02main article h2 {
  width:80%;
  height: auto;
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5em;
  text-align: left;
  color:var(--color-1st);
  margin:0 auto 0.5em auto;
}
.section02main article p {
  width:80%;
  height: auto;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: left;
  color:var(--color-black);
  margin:0 auto 2.5em auto;
}

.sec02slide {
  width:100%;
  height: auto;
  display: block;
}
.sec02slide li {
  width:30.333333333%;
  display: block;
  margin:1% 1.5%;
  border-radius: 5px;
  overflow: hidden;
box-shadow:0px 3px 8px rgba(0,0,0,0.3);
}


/* Section03：バングラデシュの国民性
-----------------------*/
.section03main {
  width:100%;
  height: auto;
  display: block;
  padding:0;
  background: #20579B;
background: linear-gradient(180deg, rgba(32, 87, 155, 1) 0%, rgba(46, 71, 102, 1) 50%);
}
.section03main .sec03base {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/sec03bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}
.section03main .sectitle h2, .section03main .sectitle p {
  color:var(--color-white);
}
.section03main .sec03base article {
  width:100%;
  height: auto;
  display: block;
  margin:0;
}
.section03main .sec03base .sec03cc {
  width:100%;
  height: auto;
  display: block;
  padding:15% 10% 45%;
  background-image: url(../img/index/border02.png);
  background-repeat: no-repeat;
  background-position:center 100.1%;
  background-size: 100% auto;
}
.section03main .sec03base h3 {
font-size: 22px;
  font-weight: 700;
  line-height: 1.5em;
  text-align: left;
  color:var(--color-white);
  margin:0 0 0.5em 0;
}
.section03main .sec03base p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: left;
  color:var(--color-white);
  margin:0 0 3em 0;
}
.section03main .sec03base p br {
  display: none;
}

.sec03slide {
  width:100%;
  height: auto;
  display: block;
}
.sec03slide li {
  width:30.3333333333%;
  display: block;
  margin:1% 1.5%;
  border-radius: 5px;
  overflow: hidden;
box-shadow:0px 3px 8px rgba(0,0,0,0.3);
}


/* Section04
-----------------------*/
.section04main {
width:100%;
height: auto;
display: block;
background-image: url(../img/index/sec04bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-image: 100% auto;
}
.sec04cov {
  width:100%;
height: auto;
display: block;
padding-bottom:15%;
background-image: url(../img/index/border02.png);
background-repeat: no-repeat;
background-position: center 100%;
background-image: 100% auto;
}
.section04main article {
width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:100px 5%;
  margin:0 auto;
}
.section04main article h3 {
  font-size:18px;
  font-weight: 700;
  line-height: 1.5em;
  text-align: left;
  color:var(--color-1st);
  margin:0 0 1.5em 0;
}
.section04main article h3 br {
  display: none;
}

.section04main article ul.sec04flowlist {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 80px;
}
.section04main article ul.sec04flowlist li {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom:20px;
  background-image: url(../img/index/flowarrow_m.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 20px;
  margin-bottom: 20px;
}
.section04main article ul.sec04flowlist li:last-child {
  background: none;
  margin-bottom:20px;
}
.section04main article ul.sec04flowlist li .flowimg {
  width:35%;
  height: auto;
  display: block;
}
.section04main article ul.sec04flowlist li .flowimg p.flownum {
  width:fit-content;
  height: auto;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
  text-align: left;
  color:var(--color-1st);
  border:1px solid var(--color-1st);
  border-radius: 9999px;
  padding:0px 1em;
  margin:0 auto 0em;
}
.section04main article ul.sec04flowlist li .flowimg img {
  width:100%;
  height: auto;
  display: block;
}
.section04main article ul.sec04flowlist li .flowcc {
width:60%;
  height: auto;
  display: block;
  padding:0 0 0 0;
  text-align: center;
}

.sec04mm02 {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}
.sec04mm02 .sec04mm02_01 {
  width:100%;
  margin-bottom: 50px;
}
.sec04mm02 .sec04mm02_02 {
  width:100%;
}
.teacherlist {
  width:100%;
  height:auto;
  display: flex;
  flex-direction: column;
}
.teacherlist li {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px dotted var(--color-ccc);
  margin:0 0 20px 0;
}
.teacherlist li .teacherimg {
  width:30%;
  height: auto;
  display: block;
  border-radius: 5px;
}
.teacherlist li .teachercc {
  width:65%;
  height: auto;
  display: block;
  padding:15px 0 0;
}
.teacherlist li .teachercc h4 {
  font-size:14px;
  font-weight: 400;
  line-height: 1.25em;
  text-align: left;
}
.teacherlist li .teachercc p {
  font-size:14px;
  font-weight: 400;
  line-height: 1.25em;
  text-align: left;
}

p.sec04bottom_txt {
  width:90%;
  height: auto;
  display: block;
font-size: 14px;
  font-weight: 400;
  line-height: 2.5em;
  text-align: left;
  color:var(--color-black);
  margin:0 auto;
}
p.sec04bottom_txt br {
  display: none;
}


/* Section05
-----------------------*/
.section05main {
width:100%;
height: auto;
display: block;
background-image: url(../img/index/sec05bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 200% auto;
}
.sec05cov {
  width:100%;
height: auto;
display: block;
padding-bottom:20%;
background-image: url(../img/index/border02.png);
background-repeat: no-repeat;
background-position: center 100.1%;
background-image: 100% auto;
}
.section05main article {
width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:50px 10% 20%;
  margin:0 auto;
}

.section05main article .sec05title {
  width:fit-content;
  height: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin:0 auto 1em;
}
.section05main article .sec05title h2 {
  width:100%;
  height: auto;
  display: block;
  font-size:20px!important;
font-weight: 600;
line-height: 1em;
color:var(--color-1st);
padding:0 0em 0.5em;
border-bottom: 2px solid var(--color-1st);
margin:0 0 0.5em 0;
}
.section05main article .sec05title h3 {
  width:100%;
  height: auto;
  display: block;
  font-size:32px!important;
font-weight: 700;
line-height: 1.25em;
color:var(--color-black);
margin:0 0 0.5em 0;
}
.section05main article .sec05title p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: left;
  color:var(--color-black);
  margin:0 0 0 0;
}
.section05main article ul.contact_m_list {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.section05main article ul.contact_m_list li {
  width:100%;
  height: auto;
  display: block;
  margin:0 0 10px 0;
  background-repeat: no-repeat;
  background-position: center 15px;
  background-size: auto 40px;
  border-radius: 5px;
  background-color: rgba(255,255,255,0.95);
  box-shadow: 0px 3px 5px rgba(0,0,0,0.15);
}
.section05main article ul.contact_m_list li a {
  width:100%;
  height: auto;
  display: block;
  text-decoration: none;
  padding:65px 15px 20px 15px;
  text-align: center;
}
.section05main article ul.contact_m_list li a h4 {
  font-size: clamp(0.8rem, 0.3vw + 0rem, 8rem);
  font-weight: 500;
  line-height: 1em;
  color:var(--color-black);
  margin-bottom: 0.5em;
}
.section05main article ul.contact_m_list li a p.con_tel {
  font-size: clamp(1.25rem, 1vw + 0.7rem, 20rem);
  font-weight: 700;
  line-height: 1em;
  color:var(--color-black);
}
.section05main article ul.contact_m_list li a p.con_mail {
  font-size: clamp(1rem, 0.9vw + 0rem, 20rem);
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-black);
}
.section05main article ul.contact_m_list li a p.con_line {
  font-size: clamp(1rem, 0.9vw + 0rem, 20rem);
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-black);
}


/* Section06 */
.section06main {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/index/sec06bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 150% auto;
}
.section06main article {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5% 24% 5%;
  margin:0 auto;
  background-image: url(../img/index/border02.png);
  background-repeat: no-repeat;
  background-position: center 100.1%;
  background-size: 100% auto;
}
.section06main article .sectitle06 {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 auto 50px;
}
.section06main article .sectitle06 h2 {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  color:var(--color-white);
  background-color: var(--color-1st);
  border-radius: 9999px;
  padding:0.4em 0.5em 0.5em;
  margin:0 auto 1em;
}

h2.sec06title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
  color:var(--color-black);
  margin:0 auto 1em;
}

.sec06line01 {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 100px;
}

.sec06img01 {
  width:100%;
  height: auto;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  margin:0 auto 30px;
}

ul.sec06needs {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 auto 100px;
}
ul.sec06needs li {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  text-align: center;
  color: var(--color-white);
  border-radius: 9999px;
  padding:0.8em 0em;
  margin:0 0 0.5em;
}
ul.sec06needs li:nth-child(odd) {
color:var(--color-white);
background: #284E8E;
background: linear-gradient(0deg, rgba(40, 78, 142, 1) 0%, rgba(47, 111, 222, 1) 100%);
margin-left:0;
}
ul.sec06needs li:nth-child(even) {
color:var(--color-white);
background: #287a8e;
background: linear-gradient(0deg, rgba(40, 122, 142, 1) 0%, rgba(47, 178, 222, 1) 100%);
margin-left:auto;
}

.sec06_features {
width:100%;
  height: auto;
  display: block;
  margin:0 auto 40px;
}
.sec06_features h3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 5px 0;
}
.sec06_features ul.sec06_servicelist {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 auto 5px;
}
.sec06_features ul.sec06_servicelist li {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding:0.5em 0.5em;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25em;
  text-align: center;
  border:1px solid var(--color-1st);
  border-radius: 5px;
  margin:0 1% 2%;
}
.sec06_features ul.sec06_servicelist li span {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25em;
  padding-top:0.5em;
}
.sec06_features p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 0 0;
}

.sec06img02 {
  width:80%;
  height: auto;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  margin:0 auto 40px;
}

.sec06img02 .s6im02_pc {
  display: none;
}
.sec06img02 .s6im02_m {
  display: block;
}

.sec06cc01 {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 2em;
}
.sec06cc01 p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: left;
  color:var(--color-black);
  margin:0 0 2em 0;
}
.sec06cc01 ul.sec06img03 {
  width:100%;
  height:auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.sec06cc01 ul.sec06img03 li {
  width:32.3333333333%;
  height: auto;
  display: block;
  margin:0 0.5%;
}
.sec06cc01 ul.sec06img03 li img {
  border-radius: 5px;
}
p.sec06_apltxt {
  font-size: 16px;
  font-weight: 400;
  line-height: 2em;
  text-align: left;
  color:var(--color-1st);
}


.sec06line02 {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 100px;
}
ul.sec06l2-list {
width:fit-content;
height: auto;
display: flex;
flex-direction: column;
margin:0 auto 50px;
}
ul.sec06l2-list li {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 2em;
  text-align: center;
  color:var(--color-black);
  border:1px solid var(--color-ccc);
  padding:0.3em 2em;
  border-radius: 5px;
  margin:0 auto 10px auto;
}
ul.sec06l2-list li span {
  width:48%;
  height: auto;
  display: block;
  font-size:12px;
  line-height: 1em;
  padding:0.2em 0.5em;
  margin:0 1% 5px;
}
ul.sec06l2-list li span.s6l2_ic1 {
  border:1px solid var(--color-1st);
  color:var(--color-1st);
  border-radius: 3px;
}
ul.sec06l2-list li span.s6l2_ic2 {
  border:1px solid var(--color-2nd);
  color:var(--color-2nd);
  border-radius: 3px;
}
ul.sec06l2-list li span.s6l2_ic3 {
  border:1px solid var(--color-3rd);
  color:var(--color-3rd);
  border-radius: 3px;
}
ul.sec06l2-list li span.s6l2_ic4 {
  border:1px solid var(--color-4th);
  color:var(--color-4th);
  border-radius: 3px;
}


.sec06l2-imglist {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin:0 auto 20px;
}
.sec06l2-imglist li {
  width:47%;
  height: auto;
  display: block;
  margin:0 1.5% 2.5%;
}
.sec06l2-imglist li img {
  border-radius: 5px;
}


.sec06cc02 {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 2em;
}
.sec06cc02 p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: left;
  color:var(--color-black);
  margin:0 0 2em 0;
}
.sec06cc02 p span {
  font-size: clamp(0.7rem, 0.8vw + 0rem, 8rem);
  line-height: 1.8em;
  color:var(--color-666);
}

h3.sec06_stitle {
font-size: clamp(1rem, 1vw + 0.25rem, 25rem);
  font-weight: 700;
  line-height: 1.5em;
  text-align: left;
  color:var(--color-1st);
  margin:0 auto 1em;
}

dl.sec06_schedule {
width:100%;
height: auto;
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin-bottom: 20px;
}
dl.sec06_schedule dt {
  width: 100%;
  height: auto;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  text-align: left;
  color:var(--color-1st);
  padding:0 0 0 0;
}
dl.sec06_schedule dd {
  width: 100%;
  height: auto;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  text-align: left;
  color:var(--color-black);
  padding:0.5em 0 1em 0;
  border-bottom: 1px dotted var(--color-ccc);
  margin-bottom: 1em;
}


/* Section07 */
.section07main {
width:100%;
height: auto;
display: block;
}
.section07main article {
width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:100px 5%;
  margin:0 auto;
}

.outline_listbase {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}
.outline_listbase .outline_list01 {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 50px;
}
.outline_listbase .outline_list02 {
  width:100%;
  height: auto;
  display: block;
}

.outline_listbase h3 {
width:100%;
height: auto;
display: flex;
align-items: center;
font-size: clamp(1rem, 1vw + 0.8rem, 25rem);
font-weight: 300;
line-height: 1.5em;
text-align: left;
  color:var(--color-black);
  padding-left: 1.8em;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
margin-bottom: 0.5em;
}
.outline_listbase h3.outlinetitle_jp {
  background-image: url(../img/index/flic-jp.png);
}
.outline_listbase h3.outlinetitle_bgl {
  background-image: url(../img/index/flic-bd.png);
}

dl.outlinetable {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
dl.outlinetable dt {
  width:100%;
  height: auto;
  display: flex;
  align-items: center;
  padding:0px 0px 10px;
  text-align: left;
}
dl.outlinetable dt.ot_jp_dt {
font-size: 14px;
font-weight: 400;
line-height: 1.25em;
}
dl.outlinetable dt.ot_jp_dt span {
font-size: 10px;
font-weight: 400;
color:var(--color-1st);
line-height: 1.25em;
margin-left:0.5em
}
dl.outlinetable dt.ot_en_dt {
font-size: 14px;
font-weight: 400;
color: var(--color-1st);
line-height: 1.25em;
}
dl.outlinetable dd {
  width:100%;
  height: auto;
  display: block;
font-size: 14px;
  font-weight: 400;
  line-height: 1.25em;
  text-align: left;
  color:var(--color-black);
  padding:0 0 20px 0;
  border-bottom: 1px dotted var(--color-ccc);
  margin-bottom: 20px;
}
dl.outlinetable dd span {
  display: block;
font-size: 12px;
font-weight: 400;
color:var(--color-1st);
line-height: 1.25em;
}


ul.outline_linkbase {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}
ul.outline_linkbase li {
  width:100%;
  margin:0 0 40px;
}
ul.outline_linkbase li .ol_banner {
  width:80%;
  height: auto;
  display: block;
  margin:0 auto 10px;
}
ul.outline_linkbase li p {
  width:100%;
  height: auto;
  display: block;
font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  text-align: left;
}
.section07main .sec02title img {
  width:80%;
  height: auto;
  display: block;	
  margin: 20px auto;
}		
	
/* Section08
-----------------------*/
.section08main {
width:100%;
height: auto;
display: block;
background-image: url(../img/index/sec08bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 200% auto;
}
.sec08cov {
  width:100%;
height: auto;
display: block;
padding-bottom:20%;
background-image: url(../img/index/border02.png);
background-repeat: no-repeat;
background-position: center 100.1%;
background-image: 100% auto;
}
.section08main article {
width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:50px 10% 20%;
  margin:0 auto;
}

.section08main article .sec08title {
  width:fit-content;
  height: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin:0 auto 1em;
}
.section08main article .sec08title h2 {
  width:100%;
  height: auto;
  display: block;
  font-size:20px!important;
font-weight: 600;
line-height: 1em;
color:var(--color-1st);
padding:0 0em 0.5em;
border-bottom: 2px solid var(--color-1st);
margin:0 0 0.5em 0;
}
.section08main article .sec08title h3 {
  width:100%;
  height: auto;
  display: block;
  font-size:32px!important;
font-weight: 700;
line-height: 1.25em;
color:var(--color-black);
margin:0 0 0.5em 0;
}
.section08main article .sec08title p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2em;
  text-align: left;
  color:var(--color-black);
  margin:0 0 0 0;
}
.section08main article ul.contact_m_list {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.section08main article ul.contact_m_list li {
  width:100%;
  height: auto;
  display: block;
  margin:0 0 10px 0;
  background-repeat: no-repeat;
  background-position: center 15px;
  background-size: auto 40px;
  border-radius: 5px;
  background-color: rgba(255,255,255,0.95);
  box-shadow: 0px 3px 5px rgba(0,0,0,0.15);
}
.section08main article ul.contact_m_list li a {
  width:100%;
  height: auto;
  display: block;
  text-decoration: none;
  padding:65px 15px 20px 15px;
  text-align: center;
}
.section08main article ul.contact_m_list li a h4 {
  font-size: clamp(0.8rem, 0.3vw + 0rem, 8rem);
  font-weight: 500;
  line-height: 1em;
  color:var(--color-black);
  margin-bottom: 0.5em;
}
.section08main article ul.contact_m_list li a p.con_tel {
  font-size: clamp(1.25rem, 1vw + 0.7rem, 20rem);
  font-weight: 700;
  line-height: 1em;
  color:var(--color-black);
}
.section08main article ul.contact_m_list li a p.con_mail {
  font-size: clamp(1rem, 0.9vw + 0rem, 20rem);
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-black);
}
.section08main article ul.contact_m_list li a p.con_line {
  font-size: clamp(1rem, 0.9vw + 0rem, 20rem);
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-black);
}
	


}