@charset "utf-8";

@media screen and (min-width:1201px) {
    /*エンブレムアニメ（ここ変更）*/    #emblem { max-width: 100%; width: 100%; height: 300px; background: url("../../img/galaxy_back.jpg") no-repeat; background-size: 100% auto; text-align: center; padding:30px 0;}
    #emblem2 {
    max-width: 100%;
    width: 100%;
    height: 340px;
    background-repeat: no-repeat;
    background-image: url("../../img/galaxy_back2.jpg");
    background-size: cover;
    text-align: center;
    padding: 0;
    background-position: center center;
}
	#emblem { -webkit-animation: fadeIn 2.5s ease 0s 1 normal; animation: fadeIn 2.5s ease 0s 1 normal; }
	#emblem div { margin: 0 auto; padding: 0px; width: 1200px; height: 300px; text-align: center; background: #ffe200;}
	@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
	@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;}}
    
    /*サブメニュー*/
    .sub_menu { width: 1200px; margin: 120px auto 0 auto;}
    .sub_menu ul {display: flex; width: 600px; margin: 0 auto; justify-content: space-between; }
    .sub_menu li { margin: 0 40px 0 0 ;}
    .sub_menu li a { padding: 5px 30px 5px 0; text-decoration: none; background: url("../img/arrow2_off.png")no-repeat top 7px right 5px; color: #003567; transition: background 0.5s ,color 0.5s} 
    .sub_menu li a:hover { background: url("../img/arrow2_on.png")no-repeat top 7px right 5px; color: #416e99;}
    .sub_menu li:last-child { margin: 0;}
    
    
    .caption { width: 1200px; margin: 120px auto 0 auto; padding-bottom: 10px; border-bottom: solid 1px #9cf;}
    .caption2 { display: none;}
    
    /* セミナー */
    #seminar { margin: 0px auto; padding: 30px 0px; width: 1200px; color: #333; font-size: 16px; line-height: 200%; font-weight: 600; }
    #seminar a { color: #2ea7e0; font-size: 16px; font-weight: 600; transition: 0.5s; }
	#seminar a:hover { opacity: 0.5; }
	#seminar b { color: #000; font-weight: 600; }
	#seminar .big { font-size: 150%; }
	
	/* セミナー・開催レポート：Comming soon */
	.comming_soon { margin: 30px 0px 0px 0px; padding: 0px; width: 100%; font-size: 24px; line-height: 200%; font-weight: 600; text-align: center; }
	
	/* セミナー：画像 */
	#seminar_img { margin: 0px auto; padding: 30px 0px; width: 1200px; display: flex; flex-wrap: wrap; /*justify-content: space-between;*/ }
	#seminar_img li { margin: 0px 0px 28px 0px; padding: 0px 10px; line-height: 0; }
	#seminar_img img { width: 380px; height: auto; }
	
	/* セミナー：ファイル */
	#seminar_data { margin: 0px auto; padding: 30px 0px; width: 1200px; }
	#seminar_data li { width: 100%; padding: 15px 20px; border: solid 1px #2ea7e0; margin-bottom: 10px; }
	#seminar_data a { color: #333; text-decoration: none; transition: color 0.5s; }
	#seminar_data a:hover { color: #2ea7e0; text-decoration: underline; }
	#seminar_data .pdf { display: inline-block; width: 100px; background: #c54242; margin-right: 20px; text-align: center; line-height: 200%; color: #fff;}
    #seminar_data .word { display: inline-block; width: 100px; background: #448aca; margin-right: 20px; text-align: center; line-height: 200%; color: #fff;}
    #seminar_data .excel { display: inline-block;  width: 100px; background: #217346; margin-right: 20px; text-align: center; line-height: 200%; color: #fff;}
    
    /* 開催レポート */
	#event_report { margin: 0px auto; padding: 30px 0px; width: 1200px; color: #333; font-size: 16px; line-height: 200%; font-weight: 600; }
    #event_report a { color: #2ea7e0; font-size: 16px; font-weight: 600; transition: 0.5s; }
	#event_report a:hover { opacity: 0.5; }
	#event_report b { color: #000; font-weight: 600; }
	#event_report .big { font-size: 150%; }
	
	/* 開催レポート：画像 */
	#event_report_img { margin: 0px auto; padding: 30px 0px; width: 1200px; display: flex; flex-wrap: wrap; justify-content: space-between; }
	#event_report_img li { margin: 0px 0px 28px 0px; padding: 0px 10px; line-height: 0; }
	#event_report_img img { width: 380px; height: auto; }
	
	/* 開催レポート：ファイル */
	#event_report_data { margin: 0px auto; padding: 30px 0px; width: 1200px; }
	#event_report_data li { width: 100%; padding: 15px 20px; border: solid 1px #2ea7e0; margin-bottom: 10px; }
	#event_report_data a { color: #333; text-decoration: none; transition: color 0.5s; }
	#event_report_data a:hover { color: #2ea7e0; text-decoration: underline; }
	#event_report_data .pdf { display: inline-block; width: 100px; background: #c54242; margin-right: 20px; text-align: center; line-height: 200%; color: #fff;}
    #event_report_data .word { display: inline-block; width: 100px; background: #448aca; margin-right: 20px; text-align: center; line-height: 200%; color: #fff;}
    #event_report_data .excel { display: inline-block;  width: 100px; background: #217346; margin-right: 20px; text-align: center; line-height: 200%; color: #fff;}
}
@media screen and (max-width:1200px) {
    /*エンブレムアニメ（ここ変更）*/
    #emblem { max-width: 100%; width: 100%; background: url("../../img/galaxy_back.jpg") no-repeat; background-size: 100% auto; box-sizing: border-box; padding: 3% 0;}
    #emblem2 {
    max-width: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url("../../img/galaxy_back2.jpg");
    background-size: cover;
    box-sizing: border-box;
    background-position: center center;
}
	#emblem { -webkit-animation: fadeIn 2.5s ease 0s 1 normal; animation: fadeIn 2.5s ease 0s 1 normal; }
	#emblem div { width: 90%; line-height: 0; background: #ffe200; margin: 0 auto;}
	#emblem2 div { width: 94%; height:94%; line-height: 0; padding: 0 3%; }
	#emblem img { width: 100%; height: auto; }
	#emblem2 img { width: 100%; height: auto; }
	@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
	@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;}}
    
    /* ハンバーガーメニュー背景 */
    nav.globalMenuSp li:nth-child(3) a {background: #aaa; color: #fff; }
    
    /*サブメニュー*/
    .sub_menu { width: 90%; padding: 0 5%; margin: 30px auto 20px auto;}
    .sub_menu ul {display: flex; flex-wrap: wrap; width: 100%;}
    .sub_menu li { width: 100%; margin: 0 0 5px 0; border-bottom: solid 1px #003567; }
    .sub_menu li a { display: block; width: 100%; box-sizing: border-box; padding: 0 0 0 20px; line-height: 250%; text-decoration: none; background: url("../img/arrow2_off.png")no-repeat right 20px top 50% ; color: #003567; transition: background 0.5s ,color 0.5s; } 
    .sub_menu li a:hover { background: url("../img/arrow2_on.png")no-repeat right 20px top 50% #ddd;; color: #416e99;}
    
    .caption { display: none;}
    .caption2 { width: 90%; margin: 10% 5% 0 5%; padding: 0 0 0.5% 0; border-bottom: solid 1px #9cf;}
    .caption2 img { width: 100%; height: auto;}
    
    /* セミナー */
    #seminar { width: 90%;  padding: 0 5%; margin: 30px auto 0 auto; color: #333; line-height: 200%;}
    #seminar a { color: #2ea7e0; transition: 0.5s; }
	#seminar a:hover { opacity: 0.5; }
	#seminar b { color: #000; font-weight: 600; }
	#seminar .big { font-size: 150%; }
	
	/* セミナー・開催レポート：Comming soon */
	.comming_soon { margin: 25px 0px 0px 0px; padding: 0px; width: 100%; font-size: 4.7vw; line-height: 200%; font-weight: 600; text-align: center; }
	
	/* セミナー：画像 */
	#seminar_img { margin: 0px auto; padding: 30px 0px; width: 90%; display: flex; flex-wrap: wrap; justify-content: space-between; }
	#seminar_img li { margin: 0px 0px 28px 0px; padding: 0px 10px; line-height: 0; }
	#seminar_img img { width: 100%; height: auto; }
	
	/* セミナー：ファイル */
	#seminar_data { margin: 0px auto; padding: 30px 0px; width: 90%; }
	#seminar_data li { width: 100%; padding: 15px 20px; border: solid 1px #2ea7e0; margin-bottom: 10px; box-sizing: border-box; }
	#seminar_data a { color: #333; transition: color 0.5s; }
	#seminar_data a:hover { color: #2ea7e0; }
    #seminar_data .pdf   { display: block; width: 100px; background: #c54242; margin: 0 20px 5px 0; text-align: center; line-height: 200%; color: #fff;}
    #seminar_data .word  { display: block; width: 100px; background: #448aca; margin: 0 20px 5px 0; text-align: center; line-height: 200%; color: #fff;}
    #seminar_data .excel { display: block; width: 100px; background: #217346; margin: 0 20px 5px 0; text-align: center; line-height: 200%; color: #fff;}
    
	/* 開催レポート */
    #event_report { width: 90%; padding: 0 5%; margin: 30px auto 0 auto; color: #333; line-height: 200%;}
    #event_report a { color: #2ea7e0; font-weight: 600; transition: 0.5s; }
	#event_report a:hover { opacity: 0.5; }
	#event_report b { color: #000; font-weight: 600; }
	#event_report .big { font-size: 150%; }
	
	/* 開催レポート：画像 */
	#event_report_img { margin: 0px auto; padding: 30px 0px; width: 90%; display: flex; flex-wrap: wrap; justify-content: space-between; }
	#event_report_img li { margin: 0px 0px 28px 0px; padding: 0px 10px; line-height: 0; }
	#event_report_img img { width: 100%; height: auto; }
	
	/* 開催レポート：ファイル */
	#event_report_data { margin: 0px auto; padding: 30px 0px; width: 90%; }
	#event_report_data li { width: 100%; padding: 15px 20px; border: solid 1px #2ea7e0; margin-bottom: 10px; box-sizing: border-box; }
	#event_report_data a { color: #333; transition: color 0.5s; }
	#event_report_data a:hover { color: #2ea7e0; }
    #event_report_data .pdf   { display: block; width: 100px; background: #c54242; margin: 0 20px 5px 0; text-align: center; line-height: 200%; color: #fff;}
    #event_report_data .word  { display: block; width: 100px; background: #448aca; margin: 0 20px 5px 0; text-align: center; line-height: 200%; color: #fff;}
    #event_report_data .excel { display: block; width: 100px; background: #217346; margin: 0 20px 5px 0; text-align: center; line-height: 200%; color: #fff;}
}