@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap');
@charset "UTF-8";

body {
	position: relative;
	color: #555;
	background-color: #fcf8e1;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 16px;
	/*font-family:"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Osaka,Sans-Serif;*/
	font-family:YuGothic, "Yu Gothic Medium", "Yu Gothic", meiryo, sans-serif;
}


h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
margin:0;
padding:0;
}

p {font-size: 80%}

 /***エリア***/
h1.title{
	width: 920px;
	margin: 0 auto 10px;
}

#Main_Area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 915px;
	margin: 0 auto;
	padding: 0 0 20px;
}

#Navi_Area {
	padding-top: 25px;
	width: 220px;
	height: 100%;
	padding-bottom: 30px;
	border-radius: 20px;
	background-color: #EEDF5D;
	-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
	        box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
}

#Contents_Area {
	width: 680px;
	margin-left: 15px;
	padding-top: 20px;
	padding-bottom: 30px;
	text-align: center;
	border-radius: 20px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
	        box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
}

.sub_contents {
	margin: 0 20px;
	border: 2px solid #069FE0;
	border-radius: 20px;
}
.sub_contents>.section {
	width: 100%;
	margin: 0 auto;
	padding: 15px 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.section .txt.taC {
	margin-top: 25px;
	margin-bottom: 5px;
	font-weight: bold;
	text-indent: 0;
	text-align: center;
}
.section .btn01 {
	text-align: center;
}
.section .btn01 a {
	position: relative;
	display: inline-block;
	padding: 0.7em 45px 0.7em 35px;
	font-size: 20px;
	font-weight: bold;
	border: 1px solid #ddd;
	color: #555;
	background-color: #fff;
	border-radius: 40px;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.section .btn01 a:hover {
	color: #fff;
	background-color: #00a0e9;
	text-decoration: none;
}
_:-ms-lang(x)::-ms-backdrop, .section .btn01 a span {
	display: block;
	margin-bottom: -7px;
}
.section .btn01 a span::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	height: 6px;
	width: 6px;
	border-bottom: 2px solid #00a0e9;
	border-right: 2px solid #00a0e9;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.section .btn01 a:hover span::after {
	border-color: #fff;
}
@media screen and (max-width: 920px){
	.section .btn01 a {
		padding: 0.7em 35px 0.7em 25px;
		font-size: 16px;
	}
}

#Copyright_Area {
	margin: 10px auto 0;
}


#FooterArea     {
	margin-bottom: 20px;
	margin-left: 9px;
	width: 900px
	}

.section   {
	margin-bottom: 30px;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	}

#wallpaper {
	margin-top: 120px;
}

.kakomi      {
	background-color: #d7eff7;
	padding: 0;
	width: 640px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	}


.kakomi_main  {
	padding-right: 20px;
	padding-left: 20px
	}



.KanrenLink  { padding-top: 5px; border-top: 1px dotted #555 }

/*ページトップ*/
.pagetopArea {
	margin: 10px 0 20px;
	padding: 0;
	width: 640px
}

.pagetopArea a {
	display:block;
	float:right;
	background-image: url("../image/icon_pagetop.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 1;
}
/*----------------------------------------
	pagetop
-----------------------------------------*/
#pagetop {
	display: block;
	position: absolute;
	top: -25px;
	right: 10px;
	width: 48px;
	height: 48px;
	border-radius: 50px;
	border: 1px solid #ddd;
	background: #fff;
	box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: .2s;
	opacity: 0;
}
#pagetop::after {
    content: "";
    position: absolute;
    top: calc(50% - 3px);
    left: calc(50% - 7px);
    width: 12px;
    height: 12px;
    border-top: 2px solid #00a0e9;
    border-right: 2px solid #00a0e9;
    transform: rotate(-45deg);
}
#pagetop:hover {
	border: 1px solid #00a0e9;
	background: #00a0e9;
	color: #fff;
}
#pagetop:hover::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
@media print, screen and (max-width: 920px) {
	#pagetop {
		right: 30px;
		transition: 0.2s opacity;
	}
	#pagetop:hover {
		border: 1px solid #ddd;
		background: #fff;
	}
	#pagetop:hover::after {
		border-top: 2px solid #00a0e9;
		border-right: 2px solid #00a0e9;
	}
}

 /***テキスト、見出し***/
p.txt  {
	color: #555;
	line-height: 145%;
	text-indent: 1em;
	margin: 0 0 1em;
	padding: 0
	}

 p.img {
	margin: 0;
	padding: 0
	}

.taR {
	text-align: right;
}

.ttl { margin-bottom: 10px }
.sttl {
	color: #004ea7;
	font-size: 80% !important;
	font-weight: bolder;
	margin-bottom: 1em
}
h2.ttl.head {
	padding: 4px 15px 6px;
	color: #000;
	border-left: 5px solid #00a0e9;
}
_:-ms-lang(x)::-ms-backdrop, h2.ttl.head {
	padding: 6px 15px 0px;
}
h2.ttl {
	position: relative;
	overflow: hidden;
}
h2.ttl svg {
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 640px;
	height: 40px;
	overflow: visible;
}
#Home h2.ttl::after {
	content: "";
	position: absolute;
	bottom: 5px;
	z-index: 1;
	display: block;
	width: 100%;
	height: 12px;
	border-radius: 6px;
	background-color: #c7e1f9;
}
h2.ttl svg text {
	font-size: 30px;
	font-weight: bold;
	-webkit-font-feature-settings: 'palt' 1;
	        font-feature-settings: 'palt' 1;
	letter-spacing: 2px;
}
h2.ttl .fg {
	fill: #fff;
}
h2.ttl .bg {
	stroke: rgba(2,144,218,1.0);
	stroke-width: 8;
	stroke-linejoin: round;
}


.sttl img {
	width: auto;
}

.sttl.sub {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 110% !important;
	color: #0088AD;
}

 
.ssttl-red { color: #b00; font-size: 80%; font-weight: bolder; margin-bottom: 5px }
.txt-red{ color: #b00; }

.tips.indent01 {
	display: block;
	font-size: 85%;
}


/***リスト　リンク***/
a:link.link01 {
	text-decoration: underline;
	color: #000;
}

ul, li  { margin: 0; padding: 0 }

ul.link01 li   { font-size: 80%; list-style-image: url("../image/kakomi_link-icon.gif"); margin-left: 15px }

ul.link02      {
}


ul.link02 li {
	font-size: 70%;
	background-image: url("../image/icon_link.gif");
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0 20px 0 0;
	padding: 0 0 0 15px;
	height: 20px;
	float: left;
	line-height: 1;
}
ul.link02 li:last-child {
	margin-right: 0;
}
_:-ms-lang(x)::-ms-backdrop, ul.link02 li {
	font-size: 60%;
	height: auto;
	line-height: 1;
}
ul.link02 a:link  {
	color: #004ea7;
	text-decoration: none;
}

ul.link02 a:visited  {
	color: #004ea7;
	text-decoration: none;
}

ul.link02 a:hover  {
	color: #09f;
	text-decoration: underline;
}


ol {
	margin: 0 0 0 30px;
	padding: 0;
}
ol li   {
	font-size: 80%;
	line-height: 1.5;
	margin-bottom: 10px;
}


ol.numlist { margin: 0 0 0 30px; padding: 0 }
ol.numlist li {
font-size: 80%;
margin: 0;
padding: 0;
}

ul.list-note { margin: 0 0 0 30px; padding: 0 }
ul.list-note li { font-size: 80% }
 
 
 /***余白***/
a:link  {
	color: #004ea7;
	text-decoration: none
	}

a:visited  {
	color: #004ea7;
	text-decoration: none
	}

a:hover  {
	color: #09f;
	text-decoration: underline
	}


 /***調整***/
.margin_b05 { margin-bottom: 5px }
.margin_b10{ margin-bottom: 10px }
.margin_b20{ margin-bottom: 20px }
.margin_b30{ margin-bottom: 30px }
.margin_t10{ margin-top: 10px }
.padding_t10 { padding-top: 10px }
.padding_t20 { padding-top: 20px }
.padding_r15 { padding-right: 15px }
.padding_r20 { padding-right: 20px }
.padding_l10 { padding-left: 10px }
.padding_l20 { padding-left: 20px }


/***バックナンバータイトル***/
.pic_bk_ttl  {
	background-color: #dedede;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 5px 0 5px 10px;
	border-top: 1px solid #828282;
	border-bottom: 1px solid #828282
	}

/***ナビ関連***/
#Navi_Area #navi {
	padding: 0 14px;
}
#Navi_Area #navi>ul {
	
}
#Navi_Area #navi>ul>li {
	position: relative;
}
#Navi_Area #navi>ul>li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 100%;
	background: url(../image/navi_03-obi.gif) no-repeat;
	background-position: -8px 0;
	border-radius: 4px;
}
#Navi_Area #navi>ul>li:nth-child(1) {
	margin-bottom: 30px;
}
#Navi_Area #navi>ul>li:nth-child(2) {
}
#Navi_Area #navi>ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 45px;
	padding: 0 0 0 14px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1;
	color: #222;
	text-align: left;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	white-space: nowrap;
	font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: -1.5px;
}
#Navi_Area #navi>ul>li>ul li a {
	position: relative;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	min-height: auto;
	height: 30px;
	padding: 0 0 0 16px;
	font-size: 16px;
}
#Navi_Area #navi>ul>li>ul li a::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-top: 1px;
	margin-right: 5px;
	background: url("../image/navi_icon01.gif") no-repeat;
}
#Navi_Area #navi ul li a.crnt,
#Navi_Area #navi ul li a:hover {
	color: #CD5B7E;
	text-decoration: none;
}
#bana_Area {
	margin-top: 30px;
}
#bana_Area ul {
	width: 190px;
	margin: 0 auto;
}
#bana_Area li {
	list-style-type:none;
	list-style-position:outside;
	margin-bottom: 0
}
#bana_Area li+li {
	margin-top: 2px;
}

/***TOP囲み***/
.kakomi_main .cap1   {
	color: black;
	font-size: 60%;
	line-height: 130%;
	margin: 0;
	padding: 0
	}


.kakomi_main .cap2  {
	color: black;
	margin: 2px 0 0;
	padding: 0
	}
.yotei td  {
	font-size: 80%;
	padding-bottom: 5px
	}

.yotei td.day {
	padding-right: 20px
	}

/***カレンダーダウンロード囲み***/
.download_kakomi {
	background-image: url("../image/download_kakomi_bk.gif");
	background-repeat: repeat-y;
	margin-bottom: 30px;
	padding: 0;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	}
/***カレンダーダウンロード　バックナンバー***/
.backnum {
	padding-right: 20px
	}

.backnum a {
	background-image: url("../image/icon_link.gif");
	background-repeat: no-repeat;
	display: block;
	padding-left: 13px
	}
.padding_t20b10 {
	padding-top: 20px;
	padding-bottom: 10px
	}


/***戻る***/
.back      {
	display: block;
	margin: 0 0 20px;
	padding: 0;
	width: 640px
	}



.back a {
	background-image: url("../image/icon_back.gif");
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px
	}




/***clearfix***/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display:block;
}


/***みんなの声***/
.download_voice{
	width: 640px;
	margin-bottom: 30px;
}
.download_voice h3{	
	margin-bottom: 20px;
	}

.download_voice ul li{
	background-image: url(../image/download_voice_icon.gif);
	background-repeat: no-repeat;
	font-size: 80%;
	list-style-type: none;
	padding-left: 35px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.download_voie_form{
	background-image: url(../image/download_voice_form_bk.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 5px;
}
.download_voie_form h3{
	margin-bottom: 5px;
}
.download_voie_form form{
	margin-right: 15px;
	margin-left: 15px;
}

/*---ダウンロードトップ-----*/
.backnumlist{
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: justify;
	     -ms-flex-pack: justify;
	         justify-content: space-between;	 
	 -ms-flex-wrap: wrap;	 
	     flex-wrap: wrap;
}
.backnumlist li{
	width:180px;
	list-style:none;
	margin-bottom:5px;
}
.backnumlist li p{
	margin:0 0 2px;
}
.backnumlist li p:nth-child(2){
	background-image: url("../image/icon_link.gif");
	background-repeat: no-repeat;
	padding-left: 13px
}

/* Calender */
#Calender #Contents_Area img {
	width: auto;
}
#Calender #Contents_Area #print td:nth-child(1) img {
	max-width: 290px;
	box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2)
}
@media screen and (max-width: 920px) {
	#Calender #Contents_Area #print td:nth-child(1) img {
		max-width: calc(100% - 10px);
	}
}
#Calender #Contents_Area .section>div {
	text-align: center;
}
#Calender #Contents_Area .section>div>p {
	margin: 1em 0;
}
#Calender #Contents_Area .download_kakomi>div>table {
	margin: 0 auto;
}

/* backnumber */
#Backnumber .section.main {
	margin-bottom: 10px;
}
#Backnumber .section.main h2 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
}
#Backnumber .section.line {
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.sec_ttl {
	position: relative;
	margin-bottom: 10px;
	padding: 6px 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: #267103;
	background: #E5F1C0;
	border-radius: 4px;
}
_:-ms-lang(x)::-ms-backdrop, .sec_ttl {
	padding: 9px 10px 3px;
}
.sec_ttl.print {
	color: #fff;
	background: #198FCD;
}
.sec_ttl.wall {
	color: #fff;
	background: #FE9B02;
}
.sec_ttl>a {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto 0;
	height: 12px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
	text-underline-position: under;
	text-underline-position: below;
	transition: 0s;
}
_:-ms-lang(x)::-ms-backdrop, .sec_ttl>a {
	line-height: 16px;
}
.sec_ttl>a:hover {
	text-decoration: none;
}
@media screen and (max-width: 920px) {
	.sec_ttl {
		font-size: 14px;
	}
	.sec_ttl>a {
		font-size: 10px;
	}
	.sec_ttl+p {
		display: none;
	}
}

.bknm_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.bknm_wrap .bknm a:hover img {
	opacity: 0.7;
}
.bknm_wrap .bknm:nth-child(n+4) {
	margin-top: 10px;
}

.bknm_wrap.print .bknm {
	width: 30%;
	margin-right: 5%;
}
.bknm_wrap.print .bknm:nth-child(3n) {
	margin-right: 0;
}
.bknm_wrap.print .bknm figcaption a {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 14px;
}
.bknm_wrap.print .bknm figcaption a::before {
	content: "";
	display: inline-block;
	width: 1.0em;
	height: 0.8em;
	background: url("../image/icon_link.gif") no-repeat;
	background-position: center center;
}

.bknm_wrap.wall .bknm {
	width: 32%;
	margin-right: 2%;
}
.bknm_wrap.wall .bknm:nth-child(3n) {
	margin-right: 0;
}
.bknm_wrap.wall .bknm ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 2px;
}
.bknm_wrap.wall .bknm ul li+li {
	margin-left: 2px;
}
.sp {
	display: none;
}

/*----------------------------------------
	sp
-----------------------------------------*/
@media screen and (max-width: 920px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	ol {
		margin-left: 15px;
	}
	ul.list-note {
		margin-left: 15px;
	}
	.section+.section {
		margin-top: 10px;
	}
	.section .btn01 {
		margin: 20px 0 30px;
	}
	#wallpaper {
		margin-top: 50px;
	}
	
	.trSpflex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	
	.humbMenu {
		position: fixed;
		z-index: 99;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
	}
	.humbMenu .innerBox {
		position: absolute;
		right: 0;
		width: 50px;
		height: 50px;
		padding: 5px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		background-color: #FEE253;
	}
	.humbMenu .innerBox span {
		position: absolute;
		top: calc(50% - 2px);
		left: 50%;
		width: 30px;
		height: 4px;
		background-color: #fff;
		border-radius: 4px;
		-webkit-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s;
	}
	.humbMenu .innerBox span:nth-of-type(1) {
		-webkit-transform: translate(-15px,-10px);
		    -ms-transform: translate(-15px,-10px);
		        transform: translate(-15px,-10px);
	}
	.humbMenu .innerBox span:nth-of-type(2) {
		-webkit-transform: translate(-15px,0);
		    -ms-transform: translate(-15px,0);
		        transform: translate(-15px,0);
	}
	.humbMenu .innerBox span:nth-of-type(3) {
		-webkit-transform: translate(-15px,10px);
		    -ms-transform: translate(-15px,10px);
		        transform: translate(-15px,10px);
	}
	.humbMenu .innerBox.on span:nth-of-type(1) {
		-webkit-transform-origin: left top;
		    -ms-transform-origin: left top;
		        transform-origin: left top;
		-webkit-transform: translate(-10px,-10px) rotate(45deg);
		    -ms-transform: translate(-10px,-10px) rotate(45deg);
		        transform: translate(-10px,-10px) rotate(45deg);
	}
	.humbMenu .innerBox.on span:nth-of-type(2) {
		opacity: 0;
		-webkit-transform: translate(0,0);
		    -ms-transform: translate(0,0);
		        transform: translate(0,0);
	}
	.humbMenu .innerBox.on span:nth-of-type(3) {
		-webkit-transform-origin: left bottom;
		    -ms-transform-origin: left bottom;
		        transform-origin: left bottom;
		-webkit-transform: translate(-10px,10px) rotate(-45deg);
		    -ms-transform: translate(-10px,10px) rotate(-45deg);
		        transform: translate(-10px,10px) rotate(-45deg);
	}
	#Navi_Area #navi>ul li a {
		font-size: 16px;
	}
	#Navi_Area #navi>ul>li>ul li a {
		font-size: 14px;
	}
	
	
	h1.title {
		width: 100%;
		/*padding-top: 50px;
		background-color: #FEE253;*/
	}
	#Main_Area {
		position: relative;
		display: block;
		width: 100%;
		padding: 5px 10px 10px;
		overflow-x: hidden;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#Navi_Area {
		position: fixed;
		top: 60px;
		z-index: 999;
		height: auto;
		left: 150%;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	#Contents_Area {
		width: 100%;
		margin: 0;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	h2.ttl svg text {
		font-size: 20px;
	}
	h2.ttl .bg {
		stroke-width: 6;
	}
	.section {
		width: auto;
		margin: 0 10px;
	}
	.section > table {
		width: 100%;
	}
	.section > table td {
		display: block;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.section > table td img {
		display: block;
		width: auto;
		max-width: 100%;
		margin: 0 auto;
	}
	.sub_contents {
		margin-top: 30px;
	}
	.pagetopArea {
		width: auto;
		margin: 10px 20px 20px;
	}
	
	.ftop {
		width: 120px;
		margin: 60px auto 10px;
	}
	
	/* Calender */
	#Calender #Contents_Area img {
		width: 100%;
	}
	#Calender #Contents_Area img.pdfIcon {
		width: auto;
	}
	#Calender #Contents_Area .download_kakomi {
		width: 100%;
		background-size: contain;
	}
	#Calender #Contents_Area .download_kakomi>div {
		padding: 0 10px;
	}
	
	/* backnumber */
	.bknm_wrap .bknm figcaption,
	.bknm_wrap.print .bknm figcaption a {
		font-size: 12px;
	}
	.bknm_wrap.wall .bknm figcaption {
		font-size: 10px;
	}
}
@media screen and (max-width:350px){
	h2.ttl svg text {
		font-size: 18px;
	}
}

/*----------------------------------------
	cookie
-----------------------------------------*/
[class="font16_14"] {
	font-size: 16px;
}
a {
	color: #ccc;
}
.gray02 {
	color: #ccc;
}

#cookie {
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 10000;
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100%;
	padding: 20px 0;
	background-color: rgba(51, 51, 51, 0.95);
	box-sizing: border-box;
}

#cookie p.font16_14 {
	padding: 0 50px 0 38px;
	text-align: left;
	line-height: 1.75;
}

#cookie p.font16_14 a {
	text-decoration: underline;
}

/* 同意ボタン */
#cookie #agreeBtn {
	margin: 0 40px 0 0;
}

#cookie #agreeBtn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 156px;
	padding: 14px 30px;
	border-radius: 26px;
	background-color: #0072b2;
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
	transition: background-color .2s ease-out;
	text-decoration: none;
}

#cookie #agreeBtn a:hover {
	background-color: #3f95c5;
}

@media (max-width: 767px) {
	[class="font16_14"] {
		font-size: 14px;
	}
	
	#cookie {
		display: block;
		padding: 0 0 20px;
	}

	#cookie p.font16_14 {
		padding: 20px 19px 15px 19px;
		line-height: 1.5;
	}

	#cookie #agreeBtn {
		width: 156px;
		margin: 0 auto;
	}

	#cookie #agreeBtn a {
		padding: 10px 30px 9px;
	}
}
