@charset "UTF-8";

    
body{ margin: 0px;padding: 0px; color: #171D42; }
   
/*-------------------------------------------------------*/ 
/*                         PC用css                       */ 
/*-------------------------------------------------------*/  
.wrapper{ width: 100%;height: auto; }

.wf-notosansjapanese { font-family: "Noto Sans JP"; }

img[src$=".svg"] { width: 100%; }
/*===============トップへ戻る================*/ 
#page-top { position: fixed;bottom: 10px;right: 10px;font-size: 77%;z-index: 99; }
#page-top a { background: none;text-decoration: none;color: #fff;text-align: center;display: block;}
#page-top a:hover {text-decoration: none;opacity: 0.7;}
table { color: #171D42; }
/*===============トップへ戻るEND================*/ 


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

　   HEADER

--------------------------------------------------------------------------------------------- */
header { width: 100%;height: 100%;background: #171D42; }
.header-logo{ width: 100%;height: auto;margin:  0 auto;text-align: center;}
.header-logo-img{ width: 70px;height: 60.79px;padding: 5px; }
.hidden { background: none;transition: all 0.5s ease; }
.s-logo {height: auto; text-align: left;width: 15em;}
.header-logo-h { align-items: center;display: flex;justify-content: space-between;margin: 0 0 0 auto; width: 52%;}


/*===============トップ見出し設定================*/ 
.toppage .title-en{ font-size: 48px;font-family: 'Source Sans Pro', sans-serif; }
.toppage h2{font-size: 21px;font-family: "Noto Sans JP" ;}

/*===============トップ見出し設定END================*/ 
.pc { display: block !important; }
.sp { display: none !important; }

/*===============メインイメージ================*/ 

.main-img { width: 100%;height: 100%;background: url("../img/bg.png"); }
.maincopy{ width: 100%;height: auto; max-width:1800px; margin: 0 auto;padding: 30px 0; }

.subtitle{ align-items:center;width: 100%;max-width: 960px;margin: 0 auto;padding-top: 20px;margin-bottom: 0;display: flex;justify-content: space-between;}
.subtitle-01{ align-items:center;width: 100%;max-width: 960px;margin: 0 auto;display: flex;justify-content: space-between;  }
.sub-subtitle01 { margin: 0 0 0 auto; }
.subtitle-02 { margin: 0 0 0 auto;width: 30%; }
.subtitle-02-p { color: #EA6141; font-size: 1.5em;font-weight: bold;margin: -60px 0 -10px;}

.subtitle-inner{ width: 85%;max-width: 100%;color: #FFFFFF;font-size: 18px;font-weight: bold;text-align: left; }
.subtitle-inner-p{ margin: 0;padding: 0.1em 0.2em;background: #171D42;display: inline-block; }
.subtitle-inner-p-in { font-size: 1.8em;
	text-shadow: 
    #171D42 2px 0px,  #171D42 -2px 0px,
    #171D42 0px -2px, #171D42 0px 2px,
    #171D42 2px 2px , #171D42 -2px 2px,
    #171D42 2px -2px, #171D42 -2px -2px,
    #171D42 1px 2px,  #171D42 -1px 2px,
    #171D42 1px -2px, #171D42 -1px -2px,
    #171D42 2px 1px,  #171D42 -2px 1px,
    #171D42 2px -1px, #171D42 -2px -1px;
}
.sub-subtitle{ display: flex;justify-content: space-between;width: 575px }

.h3-pic { font-size: 1.5em;margin: 0 0 -0.5em; }

.sub-subtitle-d{ color: #6591D8;font-size: 1.2em;padding: 0 0.5em; }
.sub-subtitle-r { color: #EA5455;font-size: 1.2em;padding: 0 0.5em; }

.subtitle-inner-inner { display: flex;justify-content: space-between;margin: 0.5em 0 0 1.2em;width: 65%; }

.subtitle-inner-color { width: 7.0em;height: auto; }
.subtitle-inner-color img { width: 350%; }

.maincopy h1{ margin-top: 0px;margin-bottom: 10px;font-size:52px;color: #171D42;font-family: "Noto Sans JP", sans-serif;font-weight: 600;letter-spacing: 10px;line-height: 1.3; }

.seiei{ display: block; }

.online, .development{ font-size: 0.3em;display: inline-block;line-height: 0; }

.maintitle{ width: 100%;max-width: 960px;margin:  0 auto;position: relative; }

.maincopy h2{ margin: 0px;font-size: 21px;text-align: left;color: #171D42;font-family: "Noto Sans JP", sans-serif;font-weight: 500;}

.maintitle img{ position: absolute;top: 0;right: 0; }
.online_txt_L{ font-size: 1.4em; }

.date-wrapper{ width:100%;max-width: 960px;margin:  0 auto;display: flex;justify-content: space-between; }
.date-wrapper01 {margin-top: 1.0em;}
.date-wrapper-none {display: block;}
.p-none { color: #171D42;margin-bottom: 0; }
.p-none-check { background:linear-gradient(transparent 60%, #F4E44C 40%);font-weight: bold;padding: 0.2em; }

.date-wrapper-bgcolor { background:rgba(244,228,76,0.2);inline-size: 925px;margin-top: 2.0em;padding: 1.0em;}
/*.date-inner{ width:70%; }*/
	
li.seminer-banner{ width:300px;padding: 5px 0px 0px ;}
.seminer-banner img{ width:100%;height: auto; }
.seminer-banner img:hover{ opacity: 0.5; }


.mainimage{ width: 70%;height: auto; }
.mainimage img{ width: 100%;height: auto; }
.event-caution { border: 2px solid #E85555;color: #E85555; font-size: 0.7em;margin: 5.0em 1.0em 2.0em; padding: 0 1.0em; }
.event-caution-img { margin: 0 auto;width: 60%; }

.data-inner-in{ align-items: center;display: flex;justify-content: space-between;width: 960px; }

.date-pop{ width: 95%;margin-top: 15px;margin-bottom:15px;padding: 10px 2.5%;background: #fff;border:2px solid #eee;border-radius: 10px; }
.date-pop ul{ list-style: none;margin-left: -25px;margin-top: 0; }

.contactday{ margin: 0;font-size:32px;font-family: "Oswald", sans-serif;letter-spacing: 0.1em;padding-left: 0.5em; }

.date-info{ margin:30px 0;font-size: 16px;letter-spacing: 0;font-family: "Noto Sans JP", sans-serif;font-weight: 500; }

.ent, .event{ padding: 5px 15px;border:1px solid #171D42;color: #171D42; }
.ent{ margin-right: 10px; }

.maincopy .date{ margin-top: 15px;margin-bottom: 5px;font-size:24px;color: #171D42;text-align: center;line-height: 0;font-family: "Oswald", sans-serif;letter-spacing: 0.1em;border-bottom: #FFE500 solid 20px;display: inline-block; }

.day{ font-size: 16px; }
.day-p { background-color: #171D42;border-radius: 10px;color: #FFFFFF;font-size:1.3em;margin: 1.2em 0 0.5em;padding-left: 1.0em; }
.day-p-p {font-size: 1.3em;	margin: 0;}
.day-ul { font-size: 1.4em;margin-bottom: 1.2em; }

.main-img-btn{ width: 100%;margin: 0 auto;display: flex;justify-content: space-between;font-size: 0.9em; }
.main-img-btn img { width: 95%; }
.btn-txt p{ font-size: 1.6em;font-weight: bold; }

.btn-wrap{margin: 2.0em auto;text-align: center; width: 100%; }
.btn-wrap-01{margin: 0 auto;text-align: center; width: 100%; }

.btn-square-above-look,.btn-square-above-look{ width: 90%;padding: 15px 0;display: inline-block;text-align: center;font-size: 2.0em;font-family: "Noto Sans JP", sans-serif;font-weight: 400;line-height: 1.2;letter-spacing: 1.2px;color: #FFFFFF;text-decoration: none; }
.btn-square-above-look:hover{ color: #FFFFFF;text-decoration: none;}

/*▼btn-square-above-look追加20201028▼*/
.btn-square-above-look { display: inline-block;position: relative;padding: 0.35em 1em; background: #E85555;/*ボタン色*/color: #FFF;text-decoration: none; }
.btn-square-above-look:before { content: "";position: absolute;top: -16px;left: 0;width: -webkit-calc(100% - 16px);width: calc(100% - 16px);height: 0;border: solid 8px transparent;border-bottom-color: #EE7773;/*ボタン色より明るめの色に*/ }
.btn-square-above-look:active { /*押したとき*/padding: 0.32em 0.9em;-webkit-transform: translateY(-2px);transform: translateY(-2px); }
.btn-square-above-look:active:before { width: -webkit-calc(100% - 12px);width: calc(100% - 12px); }
.btn-square-above-look:active:before { top:-12px;border-width: 6px; }
/*▲btn-square-above-looke追加20201028▲*/

.touroku{ line-height: 0; }

.imege-flex { display: flex; justify-content: space-between;list-style: none; }

/*===============メインイメージEND================*/ 

.main h2{ padding-bottom: 30px;font-size: 28px;font-family: "Noto Sans JP", sans-serif;font-weight: 200; }

.aboutus{ width: 100%;background: #171D42; }
.aboutus-inner{ /*width: 1000px;*/ margin: 0 auto;padding: 60px 0 1px; text-align: center;}
.aboutus-inner h2{ color: #ffe500;position: relative; }

.star{ width: 1000px;margin: 0 auto;margin-bottom: 30px;padding: 30px 0;display: flex;justify-content: space-between; }
.star_1, .star_2, .star_3{ width: 300px;height: 270px; position: relative; }
.star_1 p, .star_2 p, .star_3 p{ width: 170px;font-size: 18px;font-weight: 600;color: #171D42;position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);font-family: "Noto Sans JP", sans-serif;font-weight: 600; }
.star_1-p {
	color: #FFFFFF;
	font-size: 2.0em;
	text-shadow: 
    #171D42 2px 0px,  #171D42 -2px 0px,
    #171D42 0px -2px, #171D42 0px 2px,
    #171D42 2px 2px , #171D42 -2px 2px,
    #171D42 2px -2px, #171D42 -2px -2px,
    #171D42 1px 2px,  #171D42 -1px 2px,
    #171D42 1px -2px, #171D42 -1px -2px,
    #171D42 2px 1px,  #171D42 -2px 1px,
    #171D42 2px -1px, #171D42 -2px -1px;
}

.p-sign { color: #FFFFFF;font-size: 2.0em;padding-top: 4.0em; }
.p-small { font-size: 0.7em;}
.subtitle-inner-p-small { font-size: 1.0em;}
.subtitle-inner-p-s  { font-size: 1.4em;color: #ffe500;padding-right: 0.3em;}
.p-big { font-size: 1.4em; }

.about-txt{ width: 880px;margin-bottom: 40px;padding: 50px 40px;background: #eee;border-radius: 10px;line-height: 2;font-size: 16px;font-weight: 600;color: #171D42;}
.about-txt h3{ line-height: 2;font-size: 21px;font-weight: 600;color: #171D42; }

ul.pic_corp{ width: 960px;height: auto;padding-left: 0;display: flex;justify-content: space-between;list-style: none; }
ul.pic_corp li{ width:30%; }
ul.pic_corp li img{ width: 100%;height: auto; }

.ex_about{ width: 100%;padding: 70px 0; background: #FFFFFF; }
.ex_about-inner{ width: 960px; margin:  0 auto; }
.ex_about-inner h2{ margin-bottom: 60px;text-align: center;position: relative; }

.star_L{ position: absolute;left:0;top: 10px; }
.star_R{ position: absolute;right: 0;top: 10px; }

.table-01{ width: 100%;margin-bottom: 60px;padding: 50px 40px;background: #eee;border-radius: 10px; }
.table-01 td{ padding-top:0;padding-bottom:0;font-family: "Noto Sans JP", sans-serif;vertical-align: text-top;line-height: 1.5;color: #171D42; }
.table-left { width: 18%; }

.thick{ margin-bottom: 5px;font-size: 21px;font-weight: 600;display: block; }

.td_last{ margin-bottom:5px; display: block; }
.td_last a{ font-size:14px;display: block; }

.dot-del{ color: #eeeeee; }

.seminer-schedule{ width: 100%;max-width: 900px;margin:  0 auto;padding: 10px 30px;background: #FFFFFF;border-radius: 20px;box-shadow: 0px 0px rgba(0,0,0,0.4); }
.seminer-schedule h3{ font-family: "Oswald", sans-serif;font-weight: 300;font-size: 32px; }

.day1, .day2, .day3{ margin-right: 5px;padding:5px 10px;color: #171D42;display: inline-block;font-size: 18px; }
.day-big { font-size: 24px; }

.seminer01, .seminer02, .seminer03{ margin-bottom: 80px; }
.seminer01-1 { display: flex;justify-content: flex-start;}
.speaker-img {width: 25%;}
.seminor02-content,.seminor03-content { align-items: center;display: flex;justify-content: flex-start;border-bottom: 1px solid #696969;}
.seminor02-content01,.seminor03-content01{width: 90%;}
.seminor02-content02,.seminor03-content02{width: 20%;}

.seminer01-1 img{ width:10.0em;height: auto; }
.seminor01-title{ width: 90%; }
.seminor02-title, .seminor03-title{ margin-bottom: 50px; width: 100%;}
.seminer01-time, .seminer02-time, .seminer03-time{ padding:0;margin: 0 0 10px 0; }
.seminer_time{ font-weight: 600; }

.org_lecture, .org_tech_lecture{ margin-right: 10px;padding: 3px 7px;background: #BA1B1E;color: #FFFFFF;border-radius: 5px; }

.exh_tech_lecture{ background: #001EA7;margin-right: 10px;padding: 3px 7px;color: #FFFFFF;border-radius: 5px; }

.uji{ margin-right: 15px;padding: 0 5px;font-size:14px; }

.content-txt{ margin: 10px 0;font-size: 15px; }
.content-txt-big { font-size: 1.6em;font-weight: bold; }

.p-tex-red { color: #EA6141; }
.p-tex-blue{ color: #6591D8; }


.speaker{ margin: 0;padding-bottom: 5px;font-size: 21px;}

.corp_imglist{ width: 100%;display:flex;justify-content: space-between; }

.bxslider li img{ width: 100%;margin-right: 0; }

.solution{ padding: 60px 0; background: #171D42; }
.solution-inner{ width: 960px;margin:  0 auto; }
.solution-inner h2{ text-align: center;position: relative;color: #ffe500; }
.solution-img{ background-color: #FFFFFF !important;background: url("../img/bg.png");padding: 2.0em 0 ;margin: 2.0em auto;width: 930px; }
.solution-img-h2 { color: #171D42 !important;font-weight: bold !important; }
.solution-img-wrap{ align-items: center;border:2px solid #FFE500; border-radius:80px 10px 10px 80px;display: flex;height: 8.0em;justify-content: space-between;width: 800px; }
.solution-img-section {height: auto;margin: 0 auto;width: 90%; }

.solution-img-in { border: 5px solid #FFE500; /* 枠線を付加 */
    width:  120px;       /* ※縦横を同値に */
    height: 120px;       /* ※縦横を同値に */
    border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
	background-size:cover;
    background-position: center;  /* 横長画像の左上を基準に表示 */ }

.solution-img-in01{background-image: url("../img/icon/solution-img-in01.jpg");}
.solution-img-in02{background-image: url("../img/icon/solution-img-in02.jpg");}
.solution-img-in03{background-image: url("../img/icon/solution-img-in03.jpg");}
.solution-img-in04{background-image: url("../img/icon/solution-img-in04.jpg");}
.solution-img-in05{background-image: url("../img/icon/solution-img-in05.jpg");}
.solution-img-text { font-size: 1.2em;font-weight: bold;width: 650px; }

.sol-01, .sol-02{ width:450px;margin-bottom: 30px; }
.solution-img > .sol-03{ width:450px;margin: 0 auto; }

.arrow { width: 100%;margin: 30px auto;text-align: center; }
.arrow img{ width: 100px;margin:  20px auto;display: block; }

.hint{ margin: 30px 0;padding: 20px 0px;background: #ffe500;font-size: 24px; text-align: center;letter-spacing: 2px;position: relative; }
.hint h3{ margin: 0; }
.hint img{ padding: 5px;position:absolute;bottom: 0;right: 0; }

.solution2-img{ margin-bottom: 30px;display: flex;justify-content:space-between;flex-wrap:wrap; }
.solution-title{ width: 450px;background: #ffe500;display: flex; }
.solution-title img{ width: 80px;height: 80px; }
.solution2-img p{ color: #FFFFFF; }

li { list-style: none; }

.solution-img-box{ display: flex;height: auto;justify-content: space-between;margin-bottom: 4.0em;width: 90%; }
.solution-img-box-top { margin-top: 3.0em; }
.solution-img-box-img { padding-top: 3.0em;width: 200px; }
.solution-img-box-img-ul { margin-left: -2.5em; }
.solution-img-box-img-ul img { width: 13.5em; }
.solution-img-box-text { width: 100%; }
.solution-img-box-text-title { font-size: 1.6em;font-weight: bold;margin-bottom: 1.0em; }
.solution-img-box-text-text { background-color: #F4E44C;border-radius: 10px;color: #171D42;font-size: 0.6em;font-weight: bold;padding: 0.2em 0.5em; }

/*▼アコーディオン▼*/
.grad-btn {/*.grad-btnのCSSは表示/非表示の動作には関係ない。*/
	display: inline-block;max-width: 30em;text-align: center;background-color: #171D42;font-size: 1.4em;color: #FFE500;text-decoration: none;font-weight: bold;padding: 8px 24px;border-radius: 4px;border-bottom: 4px solid #171D42;text-shadow: 1px 1px 1px rgba(255,255,255,0.2);/* ボタンの色が明るめの場合は0.7の数字を大きく、暗めの場合は少なくするとリアルに */ }
.grad-btn:active { transform: translateY(4px);border-bottom: none; }
.grad-btn::before { content: "ものづくりエキスパートの出展技術一覧を見る" }
.grad-btn-wrap { text-align: center; }
.grad-item { position: relative; overflow: hidden; height: 120px; /*隠した状態の高さ*/ }
.grad-item::before { display: block;position: absolute;bottom: 0;left: 0;width: 100%; height: 120px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%); content: ""; }
.grad-trigger { display: none; /*チェックボックスは常に非表示*/ }
.grad-trigger:checked ~ .grad-btn::before { content: "閉じる" /*チェックされていたら、文言を変更する*/ }
.grad-trigger:checked ~ .grad-item { height: auto; /*チェックされていたら、高さを戻す*/ }
.grad-trigger:checked ~ .grad-item::before { display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/ }
/*▲アコーディオン▲*/
.grad-item-p { height: auto;margin: 0 auto;width: 8.0em;}

.solution-title h3{ padding: 8px 15px;margin-top: 0; margin-bottom: 0;background: #ffe500;font-size: 21px; }
.solution2-img > .sol-03, .solution2-img > .sol-04{ width: 450px; }

.message{ padding: 5px;border: 1px solid #ffe500;color: #ffe500;border-radius: 20px;font-size: 26px;text-align: center;letter-spacing: 3px; }

.categoly{ padding: 30px 0; }
.categoly h3{ padding: 30px 0 10px 0px;text-align: center; }
.categoly-inner{ width: 960px;margin:  0 auto; }
.categoly-inner h2{ position: relative;text-align: center; }
.categoly-list-m, .categoly-list-d{ width: 50%;margin:  0 auto;margin-bottom: 30px;background: #eee;border-radius: 20px; }
.categoly-list-m h3{ color: #EA6142;font-weight: 200;font-size: 21px; }
.categoly-list-d h3{ color: #5BB876;font-weight: 200;font-size: 21px; }

.list-m, .list-d { padding: 1.2em;display: flex;flex-wrap: wrap;justify-content:center; }
.list-m ul, .list-d ul{ padding:0; }
.list-m li, .list-d li{ margin: 5px 7px;padding: 5px 10px;list-style: none;background: #ffe500;border-radius: 10px;font-size: 12px; }
.list-m li:last-child, .list-d li:last-child{ margin: 5px;padding: 5px 10px;list-style: none;background: none;border-radius: 0px;font-size: 13px; }

.footer-btn{ padding: 60px 0; }

.info{ width: 100%;padding: 60px 0;background: #eee; }
.info-inner{ max-width:900px;margin: 0 auto;padding: 20px 30px;background: #FFF; }
.info-inner h2{ margin: 0;padding-bottom: 0px;font-size: 21px;font-weight: 300; }
.info-inner p{ font-size: 14px;font-family: "Noto Sans JP", sans-serif;font-weight: 300; }
.info-border{ padding-bottom: 20px;border-bottom: 1px solid #171D42; }

/*▼notice追加20200918▼*/
.notice { border: 2px solid #EA6141;margin-bottom: 30px;padding: 20px 30px;width: 900px; }
.notice-big{ font-size: 24px;font-weight: bold; }
.notice01 { border: 2px solid #EA6141; margin-top: 15px;padding: 5px 15px; }
.notice01-big{ font-size: 24px;font-weight: bold; }
/*▲notice追加20200918▲*/

/*▼correspondence.html追加20201026▼*/
.corona_icon-wrap-wrap { align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin: 2.0em auto; max-width: 960px;width: 100%; }
.corona_icon-wrap{ box-sizing: border-box;margin: 2.0em 1.0em 0 0;min-height: 30.0em;padding: 1.0em 1.0em 0 2.0em;width:calc(33.3333333% - 100px / 3); }
.corona_icon-wrap p { font-size: 1.0em;text-align: center; }
.corona_icon {width: 15em;} 
.corona_icon:nth-child(3n) { margin-right:0; }
.indent-p { padding-left:1em;text-indent:-1em; }
.h2-none { color: #171D42 !important;font-size: 1.6em !important;text-align: start !important; }
/*▲correspondence.html追加20201026▲*/

/*===============フッター================*/

footer{ width:100%; height: auto; padding: 5px 0 10px 0;background: #171D42; }
footer span{ display: block; }
.footer-inner{ max-width:960px;height: auto;margin:  0 auto; }

.contact-title{ display: block; }

.footer-info{ margin-bottom:20px;color: #FFFFFF;font-size: 14px; }
.footer-credit{ color: #FFFFFF;text-align: right;font-size: 18px;font-family: "Oswald", sans-serif;font-weight: 500; }
.footer-inner a{ text-align: right;color: #FFF;display: block;font-size: 15px; }

.policy{ width: 100%;max-width: 960px;padding: 20px 0;margin:  0 auto; }
.policy h1{ padding: 20px 0;text-align: center; }
.policy01{ padding-bottom: 30px; }
.policy02-{ padding-bottom: 30px; }
.policy h2{ margin-top: 0;margin-bottom: 5px;padding-bottom: 0;font-size: 16px;font-family: "Noto Sans JP", sans-serif;font-weight: normal; }
.policy02- ul{ list-style: none; }

.back{ font-size: 18px; }

.policydate{ text-align:right; }

.seminer01-1::after { content: "";display: block;clear: both; }
    
    
/*-------------------------------------------------------*/ 
/*                       tablet用css                     */ 
/*-------------------------------------------------------*/    
@media screen and (max-width: 960px) {
    /* 959px以下に適用されるCSS（タブレット用） */

/*===============トップへ戻る================*/ 
#page-top { position: fixed;bottom: 10px;right: 10px; font-size: 77%;z-index: 99; }
#page-top a { background: none;text-decoration: none;color: #fff;text-align: center;display: block; border-radius: 5px; }
#page-top a:hover { text-decoration: none;opacity: 0.7; }
/*===============トップへ戻るEND================*/ 
/* ---------------------------------------------------------------------------------------------

　   HEADER

--------------------------------------------------------------------------------------------- */
	
.pc{ display:none !important; }
.sp{ display: block !important; }
	
header { width: 100%;height: auto;background: #171D42; }

.header-logo{ width: 100%;height: auto;margin:  0 auto;text-align: center; }
.header-logo img{ width: 70px;height: auto;margin:  0 auto;padding: 5px; }

.hidden { background: none;transition: all 0.5s ease; }

/*===============トップ見出し設定================*/ 
.toppage .title-en{ font-size: 48px;font-family: 'Source Sans Pro', sans-serif; }
.toppage h2{ font-size: 21px; font-family: "Noto Sans JP" ; }

/*===============トップ見出し設定END================*/ 

/*===============メインイメージ================*/ 
.main-img { width: 100%;height: 100%;background: url("../img/bg.png");  }
	
.maincopy{ width: 100%; max-width:90%;height: auto;margin: 0 auto; }

.subtitle{ display: block;margin-top: 0px;padding-top: 40px;font-family: "Noto Sans JP" ;width: 100%; }
.subtitle-inner{ width: 100%;max-width: 100%;margin:  0 auto;color: #FFFFFF;font-size: 18px;font-weight: bold;text-align: center;padding-bottom: 0px;position: relative; }
.subtitle-inner-color { width: 50px;height: 50px; }
.subtitle-inner-color img { width: 600%;margin-top: -2.5em; }
.subtitle-inner-inner { display: block; }

.subtitle-inner .ribon_L{ position:absolute;left: 0;bottom: 0;z-index: -99; }
.subtitle-inner .ribon_R{ position:absolute;right: 0;bottom: 0;z-index: -99; }

.subtitle-inner-p-in { font-size: 1.3em; }
.sub-subtitle { display: block;margin: 0 auto;width: 300px; }
.sub-subtitle-d,.sub-subtitle-r { font-size: 0.8em; }
.subtitle-02{margin: 2.0em 0 0 auto;width: 100%;}

.maincopy h1{ margin-top: 30px;margin-bottom: 10px; font-size:54px; color: #171D42;font-family: "Noto Sans JP", sans-serif;text-align: center;font-weight: 600;letter-spacing: 10px;line-height: 1.4; }
	
.sponcer{ margin-top: 10px;margin-bottom: 20px;font-size: 16px;display: block;letter-spacing: 0;font-weight: 500; }
	
.online, .development { font-size: 32px;display: block; line-height: 1.3; }
	
.seiei{ display: block; }
.mainimage{width: 100%;}

.maintitle{ width: 100%;max-width: 100%;margin:  0 auto;position: static; }
.maintitle img{ width: 300px;height: auto;padding: 15px 0;position: static;margin:  0 auto; }
.maincopy h2{ width: 100%;margin-bottom: 20px;font-size: 21px;color: #171D42;display: block;font-family: "Noto Sans JP", sans-serif;font-weight: 500;text-align: center; }

.date-wrapper { width: 100%;max-width: 960px;margin: 0 auto; display: block; }
.date-wrapper-bgcolor{ width: 90%;}

.data-inner-in { display: block;width: 100%; }
.date-inner { width: 100%; }

.date-pop { width: 95%; margin-top: 15px;margin-bottom: 15px; padding: 10px 2.5%; background: #fff; border: 2px solid #eee; border-radius: 10px; }
.date-pop ul { padding: 0; list-style: none;margin: 0 auto;padding-bottom: 10px; }

li.seminer-banner { width: 300px;margin:  0 auto; padding: 5px 0px 0px; }

.date-info{ margin:30px 0;font-size: 16px;letter-spacing: 0;font-family: "Noto Sans JP", sans-serif;font-weight: 500; }

.maincopy .date{ width: 80%;margin: 0 auto;margin-top: 30px;margin-bottom: 40px; font-size:28px; color: #171D42;text-align: center;font-family: "Oswald", sans-serif;letter-spacing: 0.1em;line-height: 0;border-bottom: #FFE500 solid 20px;display: block; }

.day{ font-size: 18px; }

.pop{ width: 60%;margin:  0 auto;padding: 5px;margin-bottom: 40px;font-size:18px;font-family: "Noto Sans JP", sans-serif;font-weight: 700;text-align: center;display: block;background: #EA6142;color: #FFF;border-radius: 20px; }

.contactday{ font-size:24px;text-align: left;font-family: "Oswald", sans-serif;letter-spacing: 0.1em;width: 100%; margin: 0 auto; }

.td01 { display: block; }

.online_txt_L{ font-size: 1.2em;letter-spacing: 0; }
	
.top-img{ max-width:350px;margin: 60px auto;ext-align: center; }

.top-img img{ width:350px;height: auto; }

.main-img-btn, .footer-img-btn{ width: 90%;margin: 0 auto;display: block; }
.main-img-btn img { width: 100%; }
.btn-txt p { font-size: 0.8em; }
.btn-square-above-look, .btn-square-above-look{ width: 100%;padding: 10px 0px;display: block;text-align: center;font-size: 24px;font-family: "Noto Sans JP", sans-serif;font-weight: 400;line-height: 1.2;letter-spacing: 1.2px;color: #FFFFFF;text-decoration: none; }
	
.btn-wrap { width: 100%; }

.btn-square-above-look:hover{ color: #FFFFFF;text-decoration: none; }

.touroku{ line-height: 0; }

.exhibitor{ text-align: center;font-size: 21px; }
.exhibitor a:hover{ color: red; }

/*===============メインイメージEND================*/ 

.main h2{ padding-bottom: 30px; font-size: 1.2em;font-family: "Noto Sans JP", sans-serif;font-weight: 200; }

.aboutus{ width: 100%;background: #171D42; }
.aboutus-inner{ /*width: 90%;*/ margin: 0 auto;padding: 30px 0 1px;text-align: center; }
.aboutus-inner h2{ color: #ffe500;position: relative;font-size: 1.4em; }
	
.star_L{ width: 100px;height: auto;position: absolute;left:0;top: 7px; }
.star_R{ width: 100px;height: auto; position: absolute; right: 0; top: 7px; }
.star_L img, .star_R img{ width: 100px;height: auto; }

.star{ width: 100%;margin: 0 auto;margin-bottom: 30px;padding: 30px 0;display: flex;justify-content: space-between; }

.star_1, .star_2, .star_3{ width: 30%;height: auto;position: relative; }
.star_1 img, .star_2 img, .star_3 img{ width: 100%;height: auto; }
.star_1 p, .star_2 p, .star_3 p{ width: 70%;margin: 10px 0;font-size: 18px;line-height: 1.2;font-weight: 600;color: #171D42;position: absolute;top: 45%;left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);font-family: "Noto Sans JP", sans-serif;font-weight: 600; }
	
.p-sign { padding: 0; margin: 0;}
.p-big { font-size: 1.3em; }

.about-txt{ width: 90%;margin-bottom: 40px;padding: 50px 5%;background: #eee;border-radius: 10px;line-height: 2;font-size: 16px;font-weight: 600;letter-spacing: 0.8px;color: #171D42; }

ul.pic_corp{ width: 100%;height: auto;display: flex;justify-content: space-between;list-style: none; }
ul.pic_corp li{ width: 30%;height: auto; }
ul.pic_corp li img{ width: 100%;height: auto; }

.ex_about{ width: 100%;padding: 70px 0;background: #FFFFFF; }
.ex_about-inner{ width: 90%;margin:  0 auto; }
.ex_about-inner h2{ margin-bottom: 60px;text-align: center;position: relative; }

.table-01{ width: 100%;margin-bottom: 60px;padding: 50px 40px;background: #eee;border-radius: 10px; }
.table-01 td{ padding-top:0;padding-bottom:0;font-family: "Noto Sans JP", sans-serif;vertical-align: text-top;line-height: 1.5;color: #171D42; }

.thick{ margin-bottom: 5px;font-size: 21px;font-weight: 600;display: block; }

.td_last{ margin-bottom:5px;display: block; }
.td_last a{ font-size:14px;display: block; }

.corp_imglist{ width: 100%;display:flex;justify-content: space-between; }

.bxslider li img{ width: 100%;margin-right: 0; }

.seminer-schedule{ width: 100%;max-width: 90%;margin:  0 auto;padding: 0;background: #FFFFFF;border-radius: 20px;box-shadow: 0px 0px rgba(0,0,0,0.4); }
.seminer-schedule h3{ font-family: "Oswald", sans-serif;font-weight: 300;font-size: 32px; }

.day1, .day2, .day3{ margin-right: 5px;padding:5px 10px;color: #171D42;display: inline-block;font-size: 20px; }

.seminer01, .seminer02, .seminer03{ margin-bottom: 50px; }
.seminer01-1{ display:flex;justify-content: space-between; }
.seminer01-1 img{ width:150px;height: auto; }

.seminer01-time, .seminer02-time, .seminer03-time{ padding:0;margin: 0 0 10px 0; }
.seminer_time{ font-weight: 600; }

.org_lecture, .org_tech_lecture{ margin-right: 10px;padding: 3px 7px;background: #BA1B1E;color: #FFFFFF;border-radius: 5px; }

.exh_tech_lecture{ background: #001EA7;margin-right: 10px;padding: 3px 7px;color: #FFFFFF;border-radius: 5px; }

.uji{ margin-right: 15px;padding: 0 5px;font-size:14px; }

.content-txt{ margin: 10px 0;font-size: 15px; }

.seminor01-title{ padding: 5px 0 0 20px;width: 100%; }

.speaker{ margin: 0;padding-bottom: 5px;font-size: 21px; }

.seminor02-title, .seminor03-title{ margin-bottom: 20px; }

.solution{ width: 100%;padding: 60px 0;background: #171D42;  }
.solution-inner{ width: 90%;margin:  0 auto; }
.solution-inner h2{ text-align: center;position: relative;color: #ffe500; }

.solution-img{ width: 90%; margin: 0 auto;max-width: 100%;padding: 0 0 0.2em 0.6em;flex-wrap:wrap;margin-bottom: 10px; }
.solution-img-wrap p{ font-size: 1.2em;color:#FFF; }
.solution-img-in { width: 60px;height: 60px; }
.solution-img-wrap{ align-items: center;border:2px solid #FFE500;border-radius:10px;height: 10em;justify-content: space-between;width: 95%; }
.solution-img-text { font-size: 1.2em;font-weight: bold;margin-left: 10px;width: 80%; }
.solution-img-box { display: block;margin-left: -2.0em; }
.solution-img-box-text { width: 100%; }
.solution-img-box-text ul { margin-left: -2.0em; }
.solution-img-box-text-title { font-size: 1.2em;margin-bottom: 0.5em; }
.solution-img-box-text-text { font-size: 1.0em;padding: 0.1em 0.5em; margin-bottom: 1.0em; }
.solution-img-box-img-ul img { width: 21.0em;height: auto; }
	
.grad-item::before { width: 100%;height: 50%; }
.grad-wrap { width: 100%; }
	
.sol-01, .sol-02, .sol-03, .sol-04{ width:49%;margin-bottom: 30px; }
.sol-01 img, .sol-02 img, .solution-img > .sol-03 img{ width:100%; }

.solution-img > .sol-03{ width:49%;margin: 0 auto; }

.arrow{ width: 100%;margin: 30px auto;text-align: center; }
.arrow img{ width: 100px;margin:  20px auto;display: block; }

.hint{ margin: 30px 0;padding: 20px 0px;background: #ffe500;font-size: 24px;text-align: center;letter-spacing: 2px;position: relative; }
.hint h3{ margin: 0; }
.hint img{ padding: 5px;position:absolute;bottom: 0;right: 0; }

.solution2-img{ margin-bottom: 30px;display: flex;justify-content:space-between;flex-wrap:wrap; }

.solution-title{ width: 100%;background: #ffe500;display: flex; }
.solution-title img{ width: 80px; height: 80px; }

.solution2-img p{ color: #FFFFFF; }
	
.solution-title h3{ padding: 8px 15px;margin-top: 0; margin-bottom: 0;background: #ffe500;font-size: 18px;line-height: 1.2; }
.solution2-img > .sol-03, .solution2-img > .sol-04{ width: 49%; }
	
.sol2_img{ width: 100%;height: auto; }
.solution-img-box-img-ul{margin-left: -4.5em;}

.message{ padding: 5px;border: 1px solid #ffe500;color: #ffe500;border-radius: 20px;font-size: 1.2em;text-align: center;letter-spacing: 3px; }

.categoly{ padding: 30px 0; }
.categoly h3{ padding: 30px 0 10px 0px;text-align: center; }

.categoly-inner{ width: 90%;margin: 0 auto; }
.categoly-inner h2{ position: relative;text-align: center; }

.categoly-list-m, .categoly-list-d{ width: 100%;margin:  0 auto;margin-bottom: 30px;background: #eee;border-radius: 20px; }
.categoly-list-m h3{ color: #EA6142;font-weight: 200;font-size: 21px; }
.categoly-list-d h3{ color: #5BB876;font-weight: 200;font-size: 21px; }

.list-m, .list-d { padding: 40px 20px;display: flex;flex-wrap: wrap;justify-content:center; }
.list-m ul, .list-d ul{ padding:0; font-family: "Noto Sans JP", sans-serif;font-weight: 300; }
.list-m li, .list-d li{ margin: 5px 7px;padding: 5px 10px;list-style: none;background: #ffe500;border-radius: 10px;font-size: 12px; }

.list-m li:last-child, .list-d li:last-child{ margin: 5px;padding: 5px 10px;list-style: none;background: none;border-radius: 0px;font-size: 13px; }

.footer-btn{ padding: 60px 0; }

.info{ width: 100%;padding: 60px 0;background: #eee; }

.info-inner{ max-width:80%;margin: 0 auto;padding: 20px 5%;background: #FFF; }
.info-inner h2{ margin: 0;padding-bottom: 0px;font-size: 21px;font-weight: 300; }
.info-inner p{ font-size: 14px;font-family: "Noto Sans JP", sans-serif;font-weight: 300; }

.info-border{ padding-bottom: 20px;border-bottom: 1px solid #171D42; }

/*===============フッター================*/

footer{ width:100%; height: auto; padding: 5px 0 10px 0;background: #171D42; }
footer span{ display: block; }

.footer-inner{ width: 90%;max-width:90%; height: auto; margin:  0 auto; }

.contact-title{ display: block; }

.footer-info{ margin-bottom:20px;color: #FFFFFF;font-size: 14px; }

.footer-credit{ color: #FFFFFF;text-align: right;font-size: 18px;font-family: "Oswald", sans-serif;font-weight: 500; }
.footer-inner a{ text-align: right;color: #FFF;display: block;font-size: 15px; }
    
.policy{ width: 80%; max-width: 80%; padding: 20px 0; margin:  0 auto; }
.policy h1{ padding: 20px 0;text-align: center; }
	
.policy01{ padding-bottom: 30px; }
.policy02-{ padding-bottom: 30px; }

.policy h2{ margin-top: 0; margin-bottom: 5px;padding-bottom: 0;font-size: 16px;font-family: "Noto Sans JP", sans-serif;font-weight: normal; }

.policy02- ul{ list-style: none; }
 
.back{ font-size: 18px; }

.policydate{ text-align:right; }
    
}

/*-------------------------------------------------------*/ 
/*                       mobile用css                     */ 
/*-------------------------------------------------------*/
@media screen and (max-width: 670px) {

.pc{ display:none !important; }
.sp{ display: block !important; }
	
#page-top { position: fixed;bottom: 10px;right: 10px; font-size: 77%;z-index: 99; }
#page-top a {  background: none;text-decoration: none; color: #fff;text-align: center; display: block;border-radius: 5px; }
#page-top a:hover { text-decoration: none; opacity: 0.7; }
/*===============トップへ戻るEND================*/ 

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

　   HEADER

--------------------------------------------------------------------------------------------- */
header { width: 100%;height: auto;background: #171D42; }

.header-logo{ width: 100%;height: auto;margin:  0 auto;text-align: center; }
.header-logo-img{ width: 70px;height: auto;margin:0 auto 2.0em;padding: 5px; }
.header-logo-h {display: block;margin: 0 auto;width: 20%;}

.hidden { background: none;transition: all 0.5s ease; }

/*===============トップ見出し設定================*/ 
.toppage .title-en{ font-size: 48px;font-family: 'Source Sans Pro', sans-serif; }
.toppage h2{ font-size: 21px;font-family: "Noto Sans JP" ; }

/*===============メインイメージ================*/ 
.imege-flex { display: block; }

.main-img { width: 100%;height: 100%; background: url("../img/bg.png");  }

.maincopy{ width: 100%; max-width:90%;height: auto;margin: 0 auto; }

.subtitle{ width: 95%;max-width: 100%;margin-top: 0px;padding-top: 40px; }
.subtitle-inner{ width: 100%;max-width: 100%;padding: 0;margin:  0 auto;color: #FFFFFF;font-size: 18px;font-weight: bold;text-align: center;padding-bottom: 20px;position: relative; }
.subtitle-inner .ribon_L{ position:absolute;left: 0;bottom: 0;z-index: -99; }
.subtitle-inner .ribon_R{ position:absolute;right: 0;bottom: 0;z-index: -99; }

.maincopy h1{ margin-top: 10px;margin-bottom: 5px;font-size:30px; color: #171D42;font-family: "Noto Sans JP", sans-serif;text-align: start;font-weight: 600;letter-spacing: 0px;line-height: 1.4; }
	
.sponcer{ margin-top: 10px;margin-bottom: 20px;font-size: 14px;display: block;letter-spacing: 0;font-weight: 500; }
	
.online .development .seiei{ display: block; }
.online, .development{ font-size: 21px;font-weight: 400; }

.maincopy h2{ width: 100%;font-size: 18px;text-align: start;color: #171D42;display: block;font-family: "Noto Sans JP", sans-serif;font-weight: 500; }

.date-pop { width: 95%;margin-top: 15px; margin-bottom: 15px; padding: 10px 2.5%;background: #fff; border: 2px solid #eee;border-radius: 10px; }

.date-info{ margin:30px 0;font-size: 16px;letter-spacing: 0;text-align: center;font-family: "Noto Sans JP", sans-serif;font-weight: 500; }
	
.ent, .event{ width: 90%;margin-bottom: 5px;padding: 5px 5%;border:1px solid #171D42;color: #171D42;display: block; }
.ent{ margin-right: 10px; }


.maincopy .date{ width: 100%; min-width: 100%; margin: 15px auto 10px;font-size:24px;color: #171D42;text-align: center;font-family: "Oswald", sans-serif;letter-spacing: 0;line-height: 0;border-bottom: #FFE500 solid 20px;display: block; }

.day{ font-size: 16px; }

.pop{ width: 100%;margin:  0 auto;padding: 5px;margin-bottom: 40px;font-size:18px;font-family: "Noto Sans JP", sans-serif;font-weight: 700;text-align: center;display: block;background: #EA6142;color: #FFF;border-radius: 20px; }
	
.contactday{ font-size:21px;text-align: center;font-family: "Oswald", sans-serif;letter-spacing: 0.1em; }

.online_txt_L{ font-size: 1.2em;letter-spacing: 0; }
	
li.seminer-banner {  width: 90%;margin: 0 auto; padding: 5px 0px 0px; }
	
.top-img{ max-width:100%;margin: 60px auto;ext-align: center; }
.top-img img{ width:100%;height: auto; }

.main-img-btn, .footer-img-btn{ width: 100%;margin: 0 auto; display: block; }
.btn-square-above-look,.btn-square-above-look{ width: 100%; margin-bottom: 10px; padding: 10px 0px;display: block;text-align: center;font-size: 24px;font-family: "Noto Sans JP", sans-serif;font-weight: 400;line-height: 1.2;letter-spacing: 1.2px;color: #FFFFFF;text-decoration: none; }

.btn-square-above-look:hover{ color: #FFFFFF;text-decoration: none; }
.touroku{ line-height: 0; }

.exhibitor{ text-align: center;font-size: 16px; }
.exhibitor a:hover{ color: red; }

/*===============メインイメージEND================*/ 

.main h2{ padding-top: 30px;padding-bottom:	30px;font-size: 1.2em;font-family: "Noto Sans JP", sans-serif;font-weight: 200; }

.aboutus{ width: 100%;background: #171D42; }
.aboutus-inner{ /*width: 90%;*/margin: 0 auto;padding: 60px 0 1px;text-align: center; }
.aboutus-inner h2{ padding: 30px 0;color: #ffe500;position: relative;font-size: 1.4em; }
	
.star_L{ width: 30%;height: auto;position: absolute;top: 0px;left:35%; }
.star_R{ display: none;}
.star_L img, .star_R img{ width: 100px;height: auto; }

.star{ width: 100%;margin: 0 auto;margin-bottom: 30px;padding: 30px 0;display: block;justify-content: space-between; }
.star_1, .star_2, .star_3{ width: 70%;height: auto;margin:  0 auto;position: relative; }
.star_1 img, .star_2 img, .star_3 img{ width: 100%;height: auto; }
.star_1 p, .star_2 p, .star_3 p{ width: 70%;margin: 10px 0;font-size: 18px;line-height: 1.2;font-weight: 600;color: #171D42;position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);font-family: "Noto Sans JP", sans-serif;font-weight: 600; }

.about-txt h3{ width: 90%;margin: 0px;padding: 0px 5% 20px;background: #eee;border-radius: 10px;line-height: 1.4;font-size: 24px;font-weight: 600;letter-spacing: 0;
	color: #171D42; }

ul.pic_corp{ width: 100%;height: auto;padding-left: 0;display: block;justify-content: space-between;list-style: none; }
ul.pic_corp li{ width:70%;margin: 0 auto;margin-bottom: 5px; }
ul.pic_corp li img{ width: 100%;height: auto; }

.ex_about{ width: 100%;padding: 70px 0 30px;background: #FFFFFF; }
.ex_about-inner{ width: 90%;margin:  0 auto; }
.ex_about-inner h2{ margin-bottom: 30px;text-align: center;position: relative; }

.table-01{ width: 100%;margin: 0 auto;margin-bottom: 60px;padding: 50px 5%;background: #eee;border-radius: 10px; }
.table-01 td{ padding-top:0;padding-bottom:0;font-family: "Noto Sans JP", sans-serif;vertical-align: text-top;line-height: 1.5;color: #171D42;display: block; }

.thick{ margin-bottom: 5px;font-size: 21px;font-weight: 600;display: block; }

.td_last{ margin-bottom:20px;display: block; }

.corp_imglist{ width: 100%;display:flex;justify-content: space-between; }

.bxslider li img{ width: 100%;margin-right: 0; }

.seminer-schedule{ width: 100%;max-width: 90%;margin:  0 auto;padding: 0;background: #FFFFFF;border-radius: 20px;box-shadow: 0px 0px rgba(0,0,0,0.4); }
.seminer-schedule h3{ font-family: "Oswald", sans-serif;font-weight: 300;font-size: 32px; }

.day1, .day2, .day3{ margin-right: 5px;padding:5px 10px;color: #FFFFFF;display: block;font-size: 18px; }

.seminer01, .seminer02, .seminer03{ margin-bottom: 50px;font-family: "Noto Sans JP", sans-serif; }
.seminer01-1{ display:block; }
.seminer01-1 img{ width:200px;height: auto; }

.seminer01-time, .seminer02-time, .seminer03-time{ padding:0;margin: 10px 0;font-size: 21px; }

.seminer_time{ font-weight: 600; }

.org_lecture, .org_tech_lecture{ margin-right: 10px;padding: 3px 12px;background: #BA1B1E;color: #FFFFFF;border-radius: 5px;font-size: 18px; }

.exh_tech_lecture{ background: #001EA7;margin-right: 10px;padding: 3px 7px;color: #FFFFFF;border-radius: 5px; font-size: 18px; }

.uji{ margin-right: 15px;padding: 0 5px;font-size:14px; }
.content-txt{ margin: 10px 0; font-size: 15px; }
.seminor01-title{ padding: 10px 0px; }

.speaker{ margin: 0;padding-top: 10px;padding-bottom: 5px;font-size: 24px;font-weight:400; }

.seminor02-title, .seminor03-title{ margin-bottom: 20px; }
.solution{ width: 100%;padding: 60px 0;background: #171D42; }
.solution-inner{ width: 90%;margin:  0 auto; }
.solution-inner h2{ text-align: center;position: relative;color: #ffe500; }

.solution-img{ width: 100%;max-width: 100%;display:flex;justify-content:space-between;flex-wrap:wrap; }

.sol-01, .sol-02, .sol-03, .sol-04{ width:100%;margin-bottom: 30px; }
.sol-01 img, .sol-02 img, .solution-img > .sol-03 img{ width:100%; }
.solution-img > .sol-03{ width:100%;margin: 0 auto; }

.arrow{ width: 100%;margin: 30px auto;text-align: center; }
.arrow img{ width: 100px;margin:  20px auto;display: block; }

.hint{ margin: 30px 0;padding: 20px 10px;background: #ffe500;font-size: 21px;text-align: center;letter-spacing: 2px;position: relative; }
.hint h3{ margin: 0;font-size: 21px;font-family: "Noto Sans JP", sans-serif; }
.hint img{ padding: 5px;position:absolute;bottom: 0;right: 0; }

.solution2-img{ margin-bottom: 30px;display: flex;justify-content:space-between;flex-wrap:wrap; }

.solution-title{ width: 100%;background: #ffe500;display: flex; }
.solution-title img{ width: 80px;height: 80px; }
.solution2-img p{ color: #FFFFFF;font-family: "Noto Sans JP", sans-serif; }

.solution-title h3{ padding: 8px 15px;margin-top: 0; margin-bottom: 0;background: #ffe500;font-size: 18px;line-height: 1.2;font-family: "Noto Sans JP", sans-serif; }

.solution2-img > .sol-03, .solution2-img > .sol-04{ width: 100%; }
.sol2_img{ width: 100%;height: auto; }
	
.solution-img-box-img-ul{margin-left: -4.5em;}

.message{ padding: 5px 15px;border: 1px solid #ffe500;color: #ffe500;border-radius: 20px;font-size: 1.2em;text-align: center;letter-spacing: 0px;font-family: "Noto Sans JP", sans-serif; }

.categoly{ padding: 30px 0; }
.categoly h3{ padding: 30px 5px 10px 5px;text-align: center; }
.categoly-inner{ width: 90%;margin: 0 auto; } 
.categoly-inner h2{ position: relative;text-align: center; }

.categoly-list-m, .categoly-list-d{ width: 100%;margin:  0 auto;margin-bottom: 30px;background: #eee;border-radius: 20px; }
.categoly-list-m h3{ color: #EA6142;font-weight: 200;font-size: 21px; }
.categoly-list-d h3{ color: #5BB876;font-weight: 200;font-size: 21px; }

.list-m, .list-d { padding: 40px 20px;display: block;flex-wrap: wrap;justify-content:center; }

.list-m ul, .list-d ul{ padding:0; }
.list-m li, .list-d li{ margin: 10px 7px;padding: 5px 20px;list-style: none;background: #ffe500;border-radius: 3px;font-size: 16px; }
.list-m li:last-child, .list-d li:last-child{ margin: 5px;padding: 5px 10px;list-style: none;background: none;border-radius: 0px;font-size: 16px; }

.footer-btn{ width: 90%;margin:  0 auto;padding: 30px 0;font-family: "Noto Sans JP", sans-serif; }

.info{ width: 100%;padding: 60px 0;background: #eee; }
.info-inner{ max-width:80%;margin: 0 auto;padding: 20px 5%;background: #FFF; }
.info-inner h2{ margin: 0; padding-bottom: 0px;font-size: 21px;font-weight: 300; }
.info-inner p{ font-size: 14px;font-family: "Noto Sans JP", sans-serif;font-weight: 300; }

.info-border{ padding-bottom: 20px;border-bottom: 1px solid #171D42; }

/*===============フッター================*/

footer{ width:100%; height: auto;padding: 30px 0 10px 0;background: #171D42; }

.footer-inner{ max-width:90%; height: auto;margin:  0 auto; }
.contact-title{ margin-right: 0px;padding:0;border-radius: 20px; }

.footer-info{ margin-bottom: 60px;color: #FFFFFF;font-size: 16px;font-family: "Noto Sans JP", sans-serif;font-weight: 200;text-align: center; }
.footer-info span{ display: block; }

.footer-credit{ color: #FFFFFF;text-align: center;font-size: 18px;font-family: "Oswald", sans-serif;font-weight: 500; }
	
.footer-inner a{ text-align: center;color: #FFF;display: block;font-size: 15px; }
	
.policy{ width: 80%;max-width: 80%;padding: 20px 0;margin:  0 auto; }
.policy h1{ padding: 20px 0;text-align: center; }
.policy01{ padding-bottom: 30px; }
.policy02-{ padding-bottom: 30px; }
   
.policy h2{ margin-top: 0;margin-bottom: 5px;padding-bottom: 0;font-size: 16px;font-family: "Noto Sans JP", sans-serif;font-weight: normal; }

.policy02- ul{ list-style: none; }
.back{ font-size: 18px; }
.policydate{ text-align:right; }
	
/*▼notice追加20200918▼*/
.notice { border: 2px solid #EA6141;margin-bottom: 15px;padding: 5px 10px;width: auto; }
.notice-big { font-size: 20px;font-weight: bold; }
.notice01-big{ font-size: 20px;font-weight: bold; }
/*▲notice追加20200918▲*/

/*▼correspondence.html追加20201026▼*/
.corona_icon-wrap{ box-sizing: border-box;margin: 0 auto;padding: 0; width: 17.0em; }
.corona_icon{ margin: 1.0em;}
.corona_icon-wrap-wrap {display: block; width: 100%;max-width: 960px;margin:  0 auto; }
/*▲correspondence.html追加20201026▲*/
	
} 
/*-------------------------------------------------------*/ 
/*                       mobile用css                     */ 
/*-------------------------------------------------------*/