@charset "utf-8";
/* ------------------------------------------------------------
サイト共通設定
------------------------------------------------------------ */
/* デフォルト文字設定 */
body{color:#1A1935;background: #FFFFFF;font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;font-weight: 500; font-size:16px;line-height:2.0;}
main{display:block;background: #FFFFFF;}
@media print, screen and (max-width: 767px){body{font-size:15px;}}
/* デフォルトリンク色の設定 */
a{display: inline-flex;align-items: center;justify-content: center;text-decoration:none;outline: none;-webkit-transition: color 0.3s;transition: color 0.3s;}
/* Focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline: 4px dotted #8547CD;outline-offset: 1px;}

/*	clearfix */
.clearfix:after{/*for modern browser*/  content: "";  display:block;  clear:both;}
.clearfix{ *zoom:1; } /*for IE6,IE7*/
p#browser{padding:10px 0;background:#000;color:#FFF;text-align:center;}
p#browser span{font-size:86%;}
p {margin: 0;}
img {vertical-align:top;}
h2,h3{font-weight: 700;}

/* ------------------------------------------------------------
レイアウト
------------------------------------------------------------ */
/* ----------------------------------------------
ヘッダー
---------------------------------------------- */
#header_fixed{width:100%;height:120px;position:fixed;top:0;left:0;z-index:9999;background: #E4E4EF;line-height: 1.0;}
h1{position:absolute;left:20px;top:15px;color: #494956;font-size: 12px;font-weight: normal;}

div#wrap_header{width:100%;height:120px;position:relative;}
p#pc_logo{position:absolute;left:20px;top:40px;}
p#pc_logo img{width: 396px;height: 66px;}
p#pc_logo a:hover{opacity:0.7;transition: 0.3s;}

/* グローバルナビゲーション */
nav#wrap_nav_main{position:absolute;right:210px;top:58px;}
nav#wrap_nav_main ul#nav_main {font-size: 0;}
nav#wrap_nav_main ul#nav_main li{display: inline-block;color:#1A1935;font-size: 15px;font-weight: 800;margin-right: 60px;}
nav#wrap_nav_main ul#nav_main li a{color: #333333;display:block;}
nav#wrap_nav_main ul#nav_main li a:hover{color:#3D35AA; transition: 0.3s;}
nav#wrap_nav_main ul#nav_main li:last-child{margin-right: 0;}
div#sp_nav{display: none;}

p#hdr_lang a{position:absolute;right:20px;top:10px;background: #5E5991;padding: 2px 13px 3px;font-size: 14px;font-weight: 700;color: #FFFFFF;}
p#hdr_lang a:hover{opacity:0.7;transition: 0.3s;}

p#hdr_contact a{position:absolute;right:20px;top:40px;width: 140px;height: 50px;text-align: center;font-size: 15px;background: linear-gradient(to right, #6661D6 0%, #8547CD 100%);font-weight: 600;color: #FFFFFF;}
p#hdr_contact a:hover{opacity:0.7;transition: 0.3s;}

@media print, screen and (max-width: 1080px){
nav#wrap_nav_main{right:160px;}
nav#wrap_nav_main ul#nav_main li{margin-right:40px;}
div#sp_nav{display: none;}
p#hdr_contact a{width: 120px;}
}

@media print, screen and (max-width: 970px){
nav#wrap_nav_main{right:140px;}
nav#wrap_nav_main ul#nav_main li{margin-right:20px;}
p#hdr_contact a{width: 100px;}
}

@media print, screen and (min-width: 900px){.global_nav{display: none;}}
/* ----------------------------------------------
device
---------------------------------------------- */
@media print, screen and (max-width:900px){
div#pc_nav{display: none;}
div#sp_nav{display: block;} 
/* ----header---- */
#header_fixed{width:100%;height:70px;}
/*--h1--*/ 
h1{position:absolute;left: auto;top: 5px;right: 5px;font-size: 10px;}
div#wrap_h1{width:100%;padding:0;}
p#sp_logo{position:absolute;left:20px;top:22.5px;}
p#sp_logo img{width: 240px;height: 40px;}
    
/*--menu button--*/
.toggle {position: absolute;background: linear-gradient(to right, #6661D6 0%, #8547CD 100%);display: block;width: 36px;height: 36px;right: 20px;top: 23px;cursor: pointer;}
.toggle span {display: block;position: absolute;width: 18px;background-color: #FFFFFF; /* 線色 */content: "";display: block;height: 2px;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
.toggle span:nth-child(1) {top: 12.5px;left: 8.5px}
.toggle span:nth-child(2) {top: 22.5px;left: 8.5px}
.toggle.active span:nth-child(1){top: 17px;left: 9px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.toggle.active span:nth-child(2){top: 17px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}

/* .global_nav */
.global_nav {position: fixed;top: 0;left: 0;width: 100%;height:100%;transform: translateY(-100%);z-index: 110;padding-top:70px;text-align: left;transition: all 0.8s;font-weight: bold;line-height: 1.0;z-index: 444;}
#nav_inner{font-size: 15px;padding: 50px 20px;background: #373799;font-size: 17px;color: #FFFFFF;}
.global_nav.active {transform: translateY(0%);}
.global_nav ul li {margin-bottom: 50px;}
.global_nav ul li a{display:block;text-decoration: none;}
.global_nav ul li:last-child{margin-bottom: 0;}
}

/* フッター
---------------------------------------------- */
/* ページトップ
---------------------------------------------- */
ul#float_button{position:fixed;right:20px;bottom:20px;z-index: 100;}
@media print, screen and (max-width: 767px){
ul#float_button{position:fixed;right:auto;top:auto;left:0;bottom:0;z-index: 100;}
}

/* FOOTER
---------------------------------------------- */
footer{background:#24166D;padding: 0 20px;}
footer a:focus-visible{outline: 4px dotted #FFFFFF;outline-offset: 1px;}
div#ftr_wrap{width: 100%;height: 377px;position: relative;color: #FFFFFF;font-weight: 600;}
div#ftr_wrap h2#ftr_logo{position: absolute;top:60px;left:0;}
div#ftr_wrap h2#ftr_logo img{width: 396px;height: auto;}
div#ftr_wrap h2#ftr_logo a:hover{opacity:0.7;transition: 0.3s;}
div#ftr_wrap p#ftr_address{position: absolute;top:140px;left:0;font-size: 14px;font-weight: 500;}
div#ftr_wrap p#ftr_address span{font-weight: 700;}
div#ftr_wrap h2#ftr_logo{position: absolute;top:60px;left:0;}

/* footer navi --------------*/
div#ftr_wrap ul#ftr_nav{position: absolute;top:100px;right:0;font-weight: 800;line-height: 1.0;font-size: 0;}
div#ftr_wrap ul#ftr_nav li{display: inline-block;margin-right: 60px;font-size: 15px;font-weight: 600;color: #FFFFFF;}
div#ftr_wrap ul#ftr_nav li a:hover{color: #C7C7F9;}
div#ftr_wrap ul#ftr_nav li:last-child{margin-right: 0;}

div#ftr_wrap p#ftr_en{position: absolute;top:160px;right:0;color: #C7C7F9;background:url(/aesd/common/img/arw_wht_r02.png) no-repeat left 0.8em;padding-left: 17.5px; background-size:7.5px 7.5px;}
div#ftr_wrap p#ftr_en a:hover{color: #FFFFFF;}

div#ftr_wrap ul#ftr_bnr{position: absolute;max-width: 100%; left: 50%;bottom: 30px;transform: translateX(-50%);display: flex;gap:1.667%;flex-wrap: nowrap;}
div#ftr_wrap ul#ftr_bnr li{width: 224px;line-height: 1;}
div#ftr_wrap ul#ftr_bnr li a img:hover{opacity: 0.7;transition: 0.3s;}

footer p#small{padding: 30px 0;color: #C7C7F9; border-top: 1px solid #756FB2;text-align: center;font-size: 12px;}

@media print, screen and (max-width: 876px){
footer{padding: 50px 20px;}
div#ftr_wrap{width: 100%;height: auto;position: static;text-align: center;}
div#ftr_wrap h2#ftr_logo{position: static;margin-bottom: 20px;line-height: 1;}
div#ftr_wrap h2#ftr_logo img{width:280px;height: auto;}
div#ftr_wrap p#ftr_address{position: static;font-size: 13px;margin-bottom: 30px;}
div#ftr_wrap ul#ftr_nav{display: none;}
div#ftr_wrap p#ftr_en{display: none;}
div#ftr_wrap ul#ftr_bnr{position: static;max-width: 100%;transform:none;}
div#ftr_wrap ul#ftr_bnr li{width: 224px;line-height: 1;} 
footer p#small{padding: 25px 0;margin-top: 30px;font-size: 10px;}
}

@media print, screen and (max-width: 767px){
div#ftr_wrap ul#ftr_bnr{position: static;max-width: 500px;margin: 0 auto; gap: 10px;flex-wrap: wrap; justify-content: center;}
div#ftr_wrap ul#ftr_bnr li{width: calc(50% - 10px);}
}

/* 共通非表示
---------------------------------------------- */
@media print, screen and (max-width: 767px){.sp_none{display: none;}}
@media print, screen and (min-width: 768px){.pc_none{display: none;}}

/* パンくず
---------------------------------------------- */
div#breadcrumb{padding: 30px 0 0;margin: 0 0 0 20px;}
div#breadcrumb ul{font-size:0;line-height: 1.0;text-align: left;}
div#breadcrumb ul li{display: inline-block; color:#494956;padding-right:20px;margin-right:10px;font-size:13px;background:url(/aesd/common/img/arw_ppl_r.png) no-repeat right 0.15em; background-size:10px 10px;font-weight: 700;}
div#breadcrumb ul li:last-child{background:none;font-weight: 500;padding-right:0;margin-right:0;}
div#breadcrumb ul li a{color:#3D35AA;}
div#breadcrumb ul li a:hover{color:#AFAAA5;}

@media print, screen and (max-width: 767px){
div#breadcrumb{padding: 15px 0 0;}
div#breadcrumb ul li{background:url(/aesd/common/img/arw_ppl_r.png) no-repeat right 0.15em; background-size:8px 8px;padding-right:19px;margin-right:10px;font-size:12px;}
div#breadcrumb li:not(:first-child):not(:last-child) {display: none;}
div#breadcrumb li:last-child {max-width: calc(100vw - 140px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}

/* コンテンツエリア
---------------------------------------------- */
/* 共通 */
div#wrap_h2{background:url(/aesd/common/img/h2_bg.png) no-repeat center 0;width: 100%;height: 400px;margin-top: 120px;padding-top: 160px;color: #FFFFFF;}
div#wrap_h2 h2{font-family: "Raleway", sans-serif;text-align: center;font-size:50px;font-weight: 700;line-height: 1.0;letter-spacing: 0.1em;margin: -6px 0 0 0;}
div#wrap_h2 h2 span{font-size:20px;font-family: "Noto Sans JP", sans-serif;display: block;margin-top: 32px;}

.wrap_content{width: 100%;max-width: 1240px; margin: 0 auto;padding: 140px 20px;}
.bg_ppl{background: #E4E4EF;}

/* TTL */
.ttl_slash_ppl_c{background:url(/aesd/common/img/slash_ppl01.png) no-repeat center top;background-size: 40px 44px;padding-top:43px;font-size: 40px;font-weight: 700;color: #3D35AA;font-family: "Raleway", sans-serif;margin:0 0 29px 0;text-align: center;}

.ttl_udb_ppl{font-size: 34px;font-weight: 700;margin: -18px 0 40px 0;border-bottom: 1px solid #3D35AA;color:#3D35AA; padding:0 0 20px 0;}

.ttl_line_ppl{font-size: 22px;font-weight: 700;display: block;position: relative;margin: -16px 0 24px 0;padding: 0 0 0 40px;}
.ttl_line_ppl:before{content: '';position: absolute;left: 0;top: 22px;display: inline-block;width: 30px;height: 4px;background-color: #A39BF5;}

.ttl_bdr_ppl{color: #FFFFFF;font-weight: 700;font-size: 22px;display: block;position: relative;padding-left: 40px;letter-spacing: 0.1em;margin: -10px 0 30px 0;}
.ttl_bdr_ppl:before{position: absolute;top:23px;left: 0;width: 30px;height: 4px;content: '';background: #A39BF5;}

.ttl_color_ppl{font-size: 22px;color: #3D35AA; font-weight: 700;margin: -13px 0 12px 0;}

.ttl_bar_l{border-left: 5px solid #3D35AA;line-height: 1.4; padding: 0 0 0 13px;font-size: 20px;margin: 0 0 30px 0;}

.ttl_dot_ppl{position: relative;display: inline-block;padding: 0 0 0 18px;font-size: 20px;margin: 0 0 10px 0;}
.ttl_dot_ppl:before {position: absolute;top:18px;left: 0;width: 8px;height: 8px;content: '';border-radius: 50%;background: #3D35AA;}

p.link_arw_box_r{text-align: right;font-weight: 700;font-size: 16px;}
p.link_arw_box_r span{width: 50px;height: 50px;padding: 20px; background: linear-gradient(to right, #6661D6 0%, #8547CD 100%);margin-left: 20px;}
p.link_arw_box_r span img{width: 10px;height: 10px;}
p.link_arw_box_r a:hover{color:#3D35AA;}
p.link_arw_box_r a:hover span{background:#3D35AA;transition: 0.3s;}

section.bg_dark p.link_arw_box_r{color:#FFFFFF; }
section.bg_dark p.link_arw_box_r a:hover{color:#CBCBF7;}
section.bg_dark p.link_arw_box_r a:hover span{background:#CBCBF7;transition: 0.3s;}

span.ico_tab{background:url(/aesd/common/img/ico_tab.png) no-repeat right 0.45em;background-size: 14px 12px;padding-right: 23px;}

div.box01_wrap{display: flex;gap: 5%;align-items: flex-start;border-bottom: 1px solid #756FB2;padding-bottom:35px;margin-bottom:40px;}
div.box01_wrap div.box01_txt{width: 55%;margin: -9px 0 0 0;}
div.box01_wrap div.box01_txt p{margin-bottom: 22px;}
div.box01_wrap div.box01_txt p:last-child{margin-bottom: 0;}
div.box01_wrap div.box01_img{width: 40%;}
div.box01_wrap div.box01_img img{width: 100%;height: auto;}

p.link_boxarw a{display: block;color: #5B55D4;background:url(/aesd/common/img/arw_pplwht.png) no-repeat left 0.15em;background-size: 22px 22px;padding-left:32px;text-align: left;line-height: 1.6;}
p.link_boxarw a:hover{text-decoration: underline;}

@media print, screen and (max-width: 1200px){
}

@media print, screen and (max-width: 767px){
/* TTL */
.ttl_slash_ppl_l{background:url(/aesd/common/img/slash_ppl01.png) no-repeat left top;background-size: 30px 33px; padding-top:31px;font-size: 45px;line-height: 1.6;}
.ttl_slash_ppl_l span{font-size:23px;margin: 12px 0 31px 0;}

.ttl_bdr_ppl{font-size: 18px;padding-left: 35px;margin: -9px 0 30px 0;}
.ttl_bdr_ppl:before{top:18px;left: 0;width: 25px;height: 3px;}

.ttl_color_ppl{font-size: 20px;margin: -12px 0 11px 0;}

.ttl_bar_l{padding: 0 0 0 12px;font-size: 18px;margin: 0 0 18px 0;}

    
.ttl_dot_ppl{padding: 0 0 0 16px;font-size: 18px;margin: 0 0 8px 0;}
.ttl_dot_ppl:before {top:16px;width: 8px;height: 8px;}

span.ico_tab{background:url(/aesd/common/img/ico_tab.png) no-repeat right 0.3em;background-size: 14px 12px;}
    

div.box01_wrap{flex-direction: column;gap: 0;padding-bottom:30px;margin-bottom:30px;}
div.box01_wrap div.box01_txt{width: 100%;margin: -9px 0 32px 0;}
div.box01_wrap div.box01_txt p{margin-bottom: 14px;}
div.box01_wrap div.box01_img{width: 100%;}
}

/* TOPICS */
section#topics{padding: 140px 20px;max-width: 1240px;width: 100%;margin: 0 auto;}
section#topics h2{font-size: 50px;margin: -31px 0 27px 0; font-weight: 700;color:#3D35AA;font-family: "Raleway", sans-serif;letter-spacing: 0.05em;text-align: center;}

ul#topics_list{margin-bottom: 40px;}
ul#topics_list li{padding:30px;background: #E4E4EF;margin-bottom: 20px;display: flex;align-items: center;}
ul#topics_list li:last-child{margin-bottom: 0;}
ul#topics_list li p.date{font-weight: 700; margin-right: 30px;}
ul#topics_list li p.cate{font-weight: 700;border: 2px solid #3D35AA;color: #3D35AA;font-size:15px;padding: 6px 20px 8px;min-width: 120px;box-sizing: border-box;text-align: center;margin-right:30px;line-height: 1.0;white-space: nowrap;}
ul#topics_list li h3{font-weight: 600;margin: -10px 0 -8px 0;}
ul#topics_list li h3 a:hover{color: #3D35AA;}

p#topics_btn{width: 200px;height: auto;margin: 0 auto;line-height: 1;background:url(/aesd/common/img/topics_btn_on.png) no-repeat 0 0;background-size: 200px auto;}
p#topics_btn img{display: block;}
p#topics_btn:hover img{opacity: 0;transition: 0.3s;}

@media print, screen and (max-width: 767px){
section#topics{padding: 70px 20px;max-width: none;margin: 0;}
section#topics h2{font-size: 35px;margin: -22px 0 17px 0; }

ul#topics_list{margin-bottom:30px;}
ul#topics_list li{padding:20px;margin-bottom: 20px;flex-wrap: wrap;align-items: flex-start;}
ul#topics_list li p.date{margin-right: 20px;}
ul#topics_list li p.cate{font-size:14px;padding: 5px 20px 6px;min-width: 120px;margin-right:0;}
ul#topics_list li h3{width: 100%;font-weight: 600;margin: 11px 0 -8px 0;}

p#topics_btn{width: 200px;height: auto;margin: 0 auto;}
p#topics_btn img{display: block;}
}

@media print, screen and (max-width: 1200px){
.wrap_content{width: 100%;margin: 0;padding: 140px 20px;}

}


@media print, screen and (max-width: 900px){
div#wrap_h2{background:url(/aesd/common/img/h2_bg_sp.png) no-repeat center center;background-size: cover;max-height: 200px;height: 200px;margin-top: 70px;padding-top: 75px;}
div#wrap_h2 h2{font-size:28px;margin: -3px 0 0 0;}
div#wrap_h2 h2 span{font-size:16px;margin-top: 10px;}


.wrap_content{padding: 70px 20px;}
    
/* TTL */
.ttl_slash_ppl_c{background:url(/aesd/common/img/slash_ppl01.png) no-repeat center top;background-size: 30px 33px;padding-top:40px;font-size: 25px;margin:0 0 18px 0;}
    
.ttl_line_ppl{font-size: 20px;;margin: -11px 0 12px 0;padding: 0 0 0 34px;}
.ttl_line_ppl:before{top: 19px;width: 25px;height: 3px;}
    
.ttl_udb_ppl{font-size: 25px;margin: -15px 0 30px 0;padding:0 0 12px 0;}

    
    
}

/* ------------------------------------------------------------

ベースCSS

------------------------------------------------------------ */

/* center
---------------------------------------------- */
.center{margin:0 auto;}
/* width
---------------------------------------------- */
.w100per{width: 100%;}
/* clear
---------------------------------------------- */
.overflow_clear{overflow:hidden;height:100%;}
/* text-align
---------------------------------------------- */
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}
/* float
---------------------------------------------- */
.left{float:left;}
.right{float:right;}
/* font
---------------------------------------------- */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}

/* margin
---------------------------------------------- */
.mb_1em{margin-bottom:1em !important;}
.mb_2em{margin-bottom:2em !important;}

.mt_none{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}

.mr_none{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}
.mr_60{margin-right:60px !important;}
.mr_65{margin-right:65px !important;}

.mb_none{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_55{margin-bottom:55px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_65{margin-bottom:65px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_75{margin-bottom:75px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_85{margin-bottom:85px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_95{margin-bottom:95px !important;}
.mb_100{margin-bottom:100px !important;}
.mb_120{margin-bottom:120px !important;}
.mb_130{margin-bottom:130px !important;}

@media print, screen and (max-width: 767px){
.mb_55{margin-bottom:35px !important;}
}

.ml_none{margin-left:0px !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_42{margin-left:42px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}