@charset "UTF-8";



/*▼----------------------------------------------------------------▼*/

/*▲----------------------------------------------------------------▲*/

/*▼----------------------------------------------------------------▼*/
a {text-decoration:none;}
/*▲----------------------------------------------------------------▲*/


/*▼----------------------------------------------------------------▼*/
#banner h2 {background: transparent;}
/*▲----------------------------------------------------------------▲*/


/*▼----------------------------------------------------------------▼*/
#map {width:100%;height:400px;}
/*▲----------------------------------------------------------------▲*/



/*▼----------------------------------------------------------------▼*/
.grid {
	margin:0;
	padding:0;
	list-style:none;
	list-style-position: outside;
	

	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	/*justify-content: center;*/
	/*justify-content:space-between;*/
	
}

.grid li {
	width:320px;
	
	
	height:auto;
	padding:0.5em;
	
	/*flex-basis:50%;*/
	
	/*
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	*/
	flex-grow:1;
	-webkit-flex-grow:1;
	
	border: 0px #F00 solid;
}



/*▲----------------------------------------------------------------▲*/


/*▼----------------------------------------------------------------▼*/
.scrl_top {
    font-size: 140%;
    text-align: center;
    margin: 1em 0 0 0;
}

/*▲----------------------------------------------------------------▲*/



/*▼----------------------------------------------------------------▼*/

#a_corporate table th,
#a_corporate table td {
	padding:1em 1em;
	border:1px #CCC solid;
	border-width:1px 0px;
}

#a_corporate table th {
	font-weight:bold;
	text-align:right;
}
/*▲----------------------------------------------------------------▲*/

/*▼----------------------------------------------------------------▼*/

#a_dsp_supply ul li {
	margin-bottom:1em;
}

#a_dsp_supply ul li div.grid {
	align-items: flex-start;
}

#a_dsp_supply ul li div.grid * {
	width:320px;
	
	
	height:auto;
	padding:0.5em;
	

	/**/
	flex-grow:1;
	-webkit-flex-grow:1;
	
}

#a_dsp_supply ul li div.grid img {

	width:10%;
	
	height:auto;
	
	

	/*
	flex-grow:1;
	-webkit-flex-grow:1;
	*/
	border: 0px #F00 solid;
}
/*▲----------------------------------------------------------------▲*/

/*▼----------------------------------------------------------------▼*/




/*▲----------------------------------------------------------------▲*/

/*▼----------------------------------------------------------------▼*/

/**/
#box_frm table th,
#box_frm table td {
	padding:0.5em 0.5em;
	border:1px #CCC solid;
	border-width:1px 0px;
	/*white-space:nowrap;*/
}

#box_frm table th {
	font-weight:bold;
	text-align:right;
	white-space:nowrap;
}


#box_frm form label {
	white-space: nowrap;
	margin-right:1em;
}

#box_frm form label input {
	margin-right:0.5em;
}

#box_frm .error {
	color:#E65777;
	font-size:90%;
	display:none;
}





/*▲----------------------------------------------------------------▲*/


/*▼----------------------------------------------------------------▼*/

#box_frm table {width:100%;}
#box_frm input.s[type="text"] {width:100%;}
#box_frm input.m[type="text"] {width:100%;}
#box_frm input.l[type="text"], textarea {width:100%;}
textarea {
	height:12em;
	line-height:1.5em;
}
#box_frm input[type="submit"] {
	/*border:none;*/
}



/*▲----------------------------------------------------------------▲*/




/*▼----------------------------------------------------------------▼*/
.wrapper.style2 {
    text-align: left !important;
	border-bottom: 1px #82b440 solid;
}

.wrapper.style2 .major {
    text-align: left !important;
}
/*▲----------------------------------------------------------------▲*/




/*▼----------------------------------------------------------------▼*/
html, button, input, select, textarea {
	
	/*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}



.style4 {
	border-bottom: 1px #82b440 solid;
}

.wrapper.style2 .major {
	margin-bottom: 0em;
}

.wrapper.style2 .major h2 {
	margin-bottom: 0em;
}

#banner span {
	padding:0;
}


.wrapper {
    padding: 2em 0em 2em 0em;
}

header.major {
	padding-bottom: 1em;
	margin-bottom:1em;
	
}

header.major h2 {
	color:#888;
	color:#7A9E54;
	line-height:1.2em;
}

header.major .byline {
	color:#888;
	display:block;
	text-align:left;
}

h3 {
	color:#00ADDE;
}

#footer {
    padding: 4em 0 2em 0;
    text-align: center;
    color: white;
	font-size:80%;
}

#footer .major h2 {margin-bottom:1em;}

#footer .major .byline {
	display:inline;
}

#copyright {
	    padding: 1em 0em 1em 0em;
}

#cfrm h4 {
	text-align:center;
	color:#00ADDE;
}

.center_middle {
	display: flex;
	justify-content: center;
	align-items: center;
	
	margin:2em auto;
	/*width:800px;*/
	min-height:200px;
	max-height:none;
}

.text-shadow {
    
    text-shadow: 
	1px 1px 2px rgba(255, 255, 255, 0.5), 
	-1px 1px 2px rgba(255, 255, 255, 0.5), 
	1px -1px 2px rgba(255, 255, 255, 0.5), 
	-1px -1px 2px rgba(255, 255, 255, 0.5);
}

.text-shadow_b {
    
    text-shadow: 
	1px 1px 2px rgba(0, 0, 0, 0.3), 
	-1px 1px 2px rgba(0, 0, 0, 0.3),
	1px -1px 2px rgba(0, 0, 0, 0.3),
	-1px -1px 2px rgba(0, 0, 0, 0.3);
}

.text-shadow_b {
	color:#00aedc;
	text-shadow:none;
}

p {font-size:120%;}



/*▲----------------------------------------------------------------▲*/


/*▼----------------------------------------------------------------▼*/
.tbl_targeting th,
.tbl_targeting td {
	padding:1em 1em;
	border:1px #CCC solid;
	border-width:1px 0px;
}
.txt-caption-a {text-align:center;}
/*▲----------------------------------------------------------------▲*/


/*▼----------------------------------------------------------------▼*/
.optout_ul {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	justify-content: center;
}

.optout_ul li {
	margin:0 1em;
}



/*▲----------------------------------------------------------------▲*/


/*▼----------------------------------------------------------------▼*/
.targeting_h3, 
.optout_h3 {
	margin-bottom:0.5em;
}

.btn-wrap-center {text-align:center;}
/*▲----------------------------------------------------------------▲*/




/*▼----------------------------------------------------------------▼*/
#navPanel nav a.depth-1:nth-child(6) {}




svg.logo_svg_fill {
	width: 180px;
	height: 53px;
	/**/
	width: 300px;
	height: 100px;
	
	width: 240px;
	height: 80px;
	
	width: 300px;
	height: 94px;
	
}

.logo_svg_fill #g14 {
	fill:#00aedc;
}

#banner .logo_svg_fill #path46 {
	fill:#000;
}



svg.logo_svg_path path {
	stroke:#7da8d4;
	stroke-width:2;
}

#banner svg.logo_svg_path {
	width: 180px;
	height: 53px;
	/**/
	width: 300px;
	height: 100px;
	
	width: 240px;
	height: 80px;
}

#banner svg.logo_svg_path path {
	
	stroke:#01FFC3;
	stroke:#FFF;
	
	stroke-width:2.5;
}

#footer svg.logo_svg_path {
	width: 300px;
	height: 100px;
}

#footer svg.logo_svg_path path {
	
}

/*▲----------------------------------------------------------------▲*/

/*▼----------------------------------------------------------------▼*/
#privacy ol {
	list-style-type: decimal !important;
	list-style-position: inside !important;
}
/*▲----------------------------------------------------------------▲*/



/*▼----------------------------------------------------------------▼*/
#tbl_news th,
#tbl_news td {
	padding:1em 1em;
	border:1px #CCC solid;
	border-width:1px 0px;
}

#tbl_news th {white-space:nowrap;}
/*▲----------------------------------------------------------------▲*/





/*▼----------------------------------------------------------------▼*/
#a_entry img {
	max-width:100%;
	height: auto;
}
/*▲----------------------------------------------------------------▲*/