<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*ログインページ*/

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

	共通

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

/*	フォーマット	*/
*{
	margin:0;
	padding:0;
}

body{
    width:100%;
	margin:0 auto;
    text-align:left;
    line-height:1.5em;
    font-size:100%;
    font-family:'游ゴシック Medium',Meiryo,'Hiragino Kaku Gothic Pro W3','Hiragino Kaku Gothic Pro W6',sans-serif, Helvetica;

	background:url(../img/login/bg_it-eng.jpg) no-repeat center top #f7f7f7;
	
}

div#login_wrapper{
	width:100%;
    margin:0 auto;
	background-color:transparent;

}


div#login_wrapper div#scroller{
    width:100%;
    margin:0 auto;
    background-color: transparent;
	/*background-color:#f7f7f7;*/
}

div#login_wrapper div.content {
	width:95%;
    max-width: 960px;
    margin:10px auto;
    padding:0 0 0.5em 0;
    /*background-color: rgba(255,255,255,1);*/
}

div#login_wrapper img{
    max-width: 100%;
	height: auto;
	border:none;
}

	/*	スクリプト無し	*/
div.noscr {
    margin:0.5em;
    background-color:#ff0000;
    border-radius:5px;
    color:#ffffff;
    text-align:center;
}
    div.noscr span {
        padding:0 0 0 30px;
        background:url(../img/login/ErrMark_s.gif) no-repeat 0 50%;
    }

/*	共通部品	*/

div.clear{clear:both;}

img.img_center {
        display:block;
        margin:0 auto;
    }

.txt_center{
	text-align:center;
}
.font_large{
	font-size:130%;
}
.font_large2{
	font-size:120%;
}
.font_small{
	font-size:80%;
}
.font_bold{
	font-weight:bold;
}
.font_dgray{
	color:#404040;
}

.font_gray{
	color:#808080;
}

p.spacer{
	height:0.5em;
}

	/*　ボックスシャドウ　*/
	.bxsdw1 {	
		box-shadow: 0 0 30px #1b3057;
	}
	.bxsdw2 {	
		box-shadow: 2px 3px 10px 0 rgba(27,48,87,0.8);
	}
	.bxsdw3 {	
		box-shadow: 0 5px 5px 0 rgba(27,48,87,0.3);
	}
	.bxsdw4 {	
		box-shadow: 0 5px 10px 0 rgba(255,255,255,0.5);
	}

	/*　ボタン　*/
	a.btn {
		display:block;
		/*	幅はstyleで個別制御	*/
		padding:0.5em;
		background-color:#3c77e4;
		border-radius:5px;
		text-align:center;
		text-decoration:none;
		color:#ffffff;
		transition:200ms;
	}
		a.btn:hover {
			background-color:#6f9cf0;
		}

	/*　ボタン　大	*/
	a.btn_l {
        display:block;
        width:70%;
        margin:1.5em auto 1.5em auto;
		padding-top:0.5em;
		padding-bottom:0.5em;
		background-color:#3c77e4;
		border-radius:5px;
		text-align:center;
		font-size:120%;
		text-decoration:none;
		color:#ffffff;
		transition:200ms;
	}
		a.btn_l:hover {
			background-color:#6f9cf0;
		}

	/*　ボタン　－　リップルエフェクト　*/
	.ripple{
		position: relative;
		overflow: hidden;
	}
	.ripple:after{
		content: "";
		position: absolute;
		top: 50%;
		left: 50%; 
		transform: translate(-50%, -50%);
		width: 200%;
		height: 200%;
		border-radius: 50%;
		opacity: 0;
		background-color: rgba(250,250,250, 0.7);
		transition: opacity 600ms, width 600ms, height 600ms;
	}
	.ripple:active:after {
		content: "";
		width: 0;
		height: 0;
		opacity: 1;
		transition: opacity 0s, width 0s, height 0s;
	}


	/*	ボタン配置	*/
	.p_loweright {
		position:absolute;
		bottom:1em;
		right:1em;
	}

	/*	箇条書き	*/
    ul.ch_std{
		    list-style-type:none;
			margin: 1em 1em 1em 1.5em;
		}
			ul.ch_std li {
				background: url(../img/login/dot_list_01.png) no-repeat 0 0.5em;
	            padding: 0 0 0 15px;
		    }


/*  タイトル   */
    div#title {
        width:100%;
		max-width:960px;
		max-height:334px;
		min-height:200px;
        margin:0 auto;
        position:relative;
    }
        div#title:before {
            content:"";
            display: block;
            padding-top: 34.791666667%; /*960x334*/ 
			/*padding-top: 26.09375%;	*//*	1280*334	*/
			}
        div#title div.inner {
            position:absolute;
            top:0;
            right: 0;
            bottom: 0;
            left:0;
        }

		/*　タイトル内表示：タイトル　*/
		div#title p.ttl {
			display:none;
			width: 100%;
	        position: absolute;
		    left: 0%;
			top: 15%;
			line-height:1em;
	        font-size: 300%;
            font-weight:bold;
		    color: #ffffff;
			text-shadow: 2px 2px 3px rgba(0,0,0,0.7);
			text-align: center;
		}
		/*　タイトル内表示：期間　*/
        div#title p.date {
            display: none;
            width: 100%;
            position: absolute;
            left: 0%;
            bottom: 1.1em;
            font-size: 120%;
            color: #ffffff;
            text-shadow: 2px 2px 3px rgba(0,0,0,1);
            text-align: center;
        }
		/*　タイトル内表示：PR文言　*/
        div#title p.pr {
            display: none;
            width: 100%;
            position: absolute;
            left: 1%;
            top: 0.1em;
            color: #ffffff;
            text-shadow: 2px 2px 3px rgba(0,0,0,0.7);
            text-align: center;
        }
		/*　タイトル内表示：主催　*/
        div#title p.host {
            display: none;
            width: 100%;
            position: absolute;
            left: 0%;
            bottom: 0.2em;
            font-size: 70%;
            color: #eeeeee;
            text-align: right;
        }


/*  終了間近メッセージ   */
    p#expire {
        margin: 0.5em auto;
        text-align: center;
        color: #ff0000;
        font-weight: bold;
    }


/*  見出し */
div#login_wrapper h1.ch{
    width:95%;
    margin:0 auto;
	padding-left:1em;
	font-size:130%;
	line-height:2em;
	font-weight:normal;
    background:url(../img/login/syb_h1.png) no-repeat 0 50% #f7f7f7;
}


div#login_wrapper h2.ch {
    width: 95%;
    margin: 0 auto;
    padding-left: 30px;
    font-size: 130%;
    line-height: 1.5em;
    font-weight: bold;
    color: #3c77e4;
    background: url(../img/login/icon_theme_2.png) no-repeat 0 50%;
}


/*  ボタン説明  */
table.ch2 {
	width:95%;
    margin:0 auto 1em auto;
    border-collapse:collapse;
    font-size:80%;
}
	table.ch2 th {
        padding:3px 5px;
        border:1px solid #c1c1c1;
        font-weight:normal;
	}
	table.ch2 td {
        padding:3px 5px;
		border:1px solid #c1c1c1;
        vertical-align:middle;
	}

/*  開催概要  */
table.ch1 {
    margin:1em auto;
    border-collapse:collapse;
    font-size:90%;
}
    table.ch1 th {
        width:5em;
        padding:5px 10px;
        background-color:rgba(255,255,255,0.1);
        border:1px solid #a3b5b7;
            border:1px solid #c1c1c1;
        text-align:center;
        vertical-align:middle;
        font-weight:normal;
    }
    table.ch1 td {
        padding:5px 10px;
        vertical-align:middle;
        background-color:rgba(255,255,255,0.1);
        border:1px solid #a3b5b7;
            border:1px solid #c1c1c1;
    }
    table.ch1 table {
        border-collapse:collapse;
    }
	    table.ch1 table th{
		    font-size:80%;
		}
	    table.ch1 table td{
		    font-size:80%;
		}

    table.ch1 ul {
        margin:0 0 0 2em;
        list-style-type:disc;
    }

    div.tbl_sub {
        display: table;
    }
        div.tbl_sub &gt; div {
            display: table-row;
        }
        div.tbl_sub &gt; div &gt; div {
            display: table-cell;
            padding:5px;
            border:1px solid #c1c1c1;
            line-height:1.5;
        }
        div.tbl_sub div.caption {
            width:25%;
        }


    p.nts {
        width: 92%;
        margin: 0.5em auto;
        padding: 0 0 0 1em;
        text-indent: -1em;
        color: #ff1000;
            line-height:1.5;
    }


/* ページ内上端に戻る */
div#login_wrapper #page-top{
    position:fixed;
    bottom: 20px;
    right:5px;
}
    div#login_wrapper #page-top a{
        background:url(../img/login/arrow_up.png) no-repeat 50% 50% rgba(0,0,0,0.4);
		background-size:18px auto;
        text-decoration:none;
        color:#fff;
        width:30px;
        height:26px;
		line-height:30px;
        text-align:center;
        display:block;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
	}


/*　フッター */
div#login_wrapper div#footer{
    width:100%;
	margin:30px auto 0px auto;
	padding:5px 0px;
	border-top:1px solid #cccccc;
    background-color: rgba(255,255,255,0);
}
	div#login_wrapper div#footer p{
    	padding-right:10px;
    	font-size:80%;
        color:#808080;
		text-align:right;
	}


/*------------------------------------------
	Media Query 関連
------------------------------------------*/

@media print,screen and (min-width: 768px) {

	div#login_wrapper .pc {
		display: block;
	}
	div#login_wrapper .sp {
		display: none;
	}

	/* メニュ欄（PC） */
	div.pcmenu {
		display: table;
		margin: 0 auto;
	}
	pcmenu &gt; div {
		display: table-row;
	}
	div.pcmenu &gt; div &gt; div {
		display: table-cell;
	}
	div.pcmenu ul {
		list-style-type: none;
	}
		div.pcmenu ul li {
			display: inline;
			margin: 0 1em;
			padding: 0;
		}
			div.pcmenu ul li a {
				font-size: 100%;
				text-decoration: none;
				color: #3c77e4;
				transition:200ms;
			}
				div.pcmenu ul li a:hover {
					color: #10155d;
				}
			div.pcmenu a.txsdw {
				text-shadow: 2px 2px 3px rgba(49,87,170,0.7);
			}

    table.ch1 {        width: 90%;    }
		table.ch1 td.w1 {width:1.5em;	}
		table.ch1 td.w2 {min-width:5em;max-width:8em;	}

}

@media screen and (max-width: 767px) {

	div#login_wrapper .pc{display:none;}
	div#login_wrapper .sp{display:block;}

    /*  メニュー欄（SP）   */
    /*-----------------------*/
    /* Accordion Menu Top */
    /*-----------------------*/
	ul#acMenu {
    	list-style-type:none;
    }
	ul#acMenu ul{
	    display:none;
        list-style-type:none;
    }

	ul#acMenu &gt; li{
        margin:0;
        background-color:rgba(255,255,255,0.5);
        /* background:transparent;*/
    }
	ul#acMenu li p{
    	cursor:default;
    }

	ul#acMenu li p span{
    	display:block;
        padding:10px 15px 10px 30px;
    	background:#004da1 url(../img/login/icon_menu.png) no-repeat 5px 50%;
	    background-size:20px auto;
    	color:#ffffff;
    }

	ul#acMenu &gt; li ul li{
        margin:5px 15px;
        background:transparent;
    }
	ul#acMenu &gt; li ul li a{
    	display:block;
        padding:10px 15px;
    	background:#004da1 url(../img/login/arrow_m.png) no-repeat 95% 50%;
    	background-size:15px auto;
	    text-decoration:none;
	    color:#ffffff;
    }

    div#login_wrapper div#scroller{
        margin:0 auto;
    }

    /*  調査の流れ等、説明欄   */                        
    table.ch1 {
        width: 95%;
		font-size:70%;
    }
		table.ch1 th {
			width:3.5em;
			text-align:left;
		}
		table.ch1 table td.w1 {width:1em;	}
		table.ch1 table td.w2 {min-width:4em;max-width:5em;	}

}

/*------------------------------------------
	Media Query 関連　その２ （タイトル制御）
------------------------------------------*/
@media print,screen and (min-width: 840px) {

	/*	BG画像	*/
	body {
			background-position:center 0;
			background-size:auto;	
	}

	/*　タイトル画像・サイズ・位置（３サイズ共通）	*/
    div#title div.inner {
        background:url(../img/login/login_title_it-eng.png) no-repeat 50% 0;
		/*	縦優先	*/
        background-size:cover; 
    }

}

@media screen and (max-width: 839px) and (min-width: 768px) {

	/*	BG画像	*/
	body {
			background-position:center -30px;
			background-size:auto;	
	}

	/*　タイトル画像・サイズ・位置（３サイズ共通）	*/
    div#title div.inner {
        background:url(../img/login/login_title_it-eng.png) no-repeat 50% 0;
		/*	縦優先	*/
        background-size: cover;
    }

}
@media screen and (max-width: 767px) and (min-width: 680px) {

	/*	BG画像	*/
	body {
			background-position:center -60px;
			background-size:auto;	
	}

	/*　タイトル画像・サイズ・位置（３サイズ共通）	*/
    div#title div.inner {
        background:url(../img/login/login_title_it-eng.png) no-repeat 50% 0;
		/*	縦優先	*/
        background-size: cover;
    }

}
@media screen and (max-width:679px) {
	/*	BG画像	*/
	body {
			background-position:center -90px;
			background-size:auto;	
	}

	/*　タイトル画像・サイズ・位置（３サイズ共通）	*/
    div#title div.inner {
        background:;
    }

	div#title p.date {
		display:block;
	}
    div#title div.date {
        display: block;
    }
    div#title p.ttl {
        display: block;
    }
    div#title p.pr {
        display: block;
    }
    div#title p.host {
        display: block;
    }


}

/*------------------------------------------
	Media Query 関連　その２ （リーフ幅制御）
------------------------------------------*/

@media print,screen and (min-width:840px) {

    /*  調査概要    */
    div.leaf_wrap {
        display:table;
        width:100%;
        border-collapse:separate;
        table-layout:fixed;
        border-spacing:30px 1em;
    }
		/*row*/
        div.leaf_wrap div.row1 {display:table-row;}
		div.leaf_wrap div.row2 {display:none;}
			/*cell*/
            div.leaf_wrap &gt; div &gt; div {
                display: table-cell;
                vertical-align:top;
				position:relative;
				background-color:#f7f7f7;
            }
				div.leaf_wrap &gt; div &gt; div.padb3em {padding-bottom:3em;}

}

@media screen and (max-width:839px) and (min-width:680px) {

    /*  調査概要    */
    div.leaf_wrap {
        display:table;
        width:100%;
        border-collapse:separate;
        table-layout:fixed;
        border-spacing:30px 1em;
    }
		/*row*/
        div.leaf_wrap div.row1 {display:table-row;}
		div.leaf_wrap div.row2 {display:table-row;}
			/*cell*/
			div.leaf_wrap div.row1 div.cel3 {display:none;}
            div.leaf_wrap &gt; div &gt; div {
                display: table-cell;
                vertical-align:top;
				position:relative;
				background-color:#f7f7f7;
            }

				div.leaf_wrap &gt; div &gt; div.padb3em {padding-bottom:3em;}

}

@media screen and (max-width: 679px) {

    /*  調査概要    */
    div.leaf_wrap {
        display:inherit;
        width:100%;
        border-collapse:separate;
        table-layout:fixed;
        border-spacing:30px 1em;
    }
		/*row*/
        div.leaf_wrap div.row1 {display:inherit;}
		div.leaf_wrap div.row2 {display:inherit;}
			/*cell*/
			div.leaf_wrap div.row1 div.cel3 {display:none;}
			div.leaf_wrap div.row2 div.cel4 {display:none;}
            div.leaf_wrap &gt; div &gt; div {
                display: inherit;
				margin:2em auto;
                vertical-align:top;
				position:relative;
				background-color:#f7f7f7;
            }
				div.leaf_wrap &gt; div &gt; div.padb3em {padding-bottom:3em;}

}


</pre></body></html>