@charset "UTF-8";

@media (prefers-reduced-motion: no-preference) {
	:root {
	  scroll-behavior: auto;
	}
}
body{
	font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	color: #000000;
}

html,body,h1,h2,h3,h4,ul,ol,li,p,span,iframe,footer,address,h1,h2,h3,h4,h5,dl,dt,dd{
  margin: 0;
  padding:0;
}
*:focus {
	outline: none;
}
img {
	image-rendering: -webkit-optimize-contrast;
}
.table{
	border-color: #CCC;
}
p{
	line-height: 1.8;
}
/* font
------------------------------*/
.min-font{
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/* link
------------------------------*/
a{
	color: #000000;
	transition : color 0.5s ease 0s;
	text-decoration: none;
}
a:focus {
    outline: none;
}
a:hover{
	text-decoration: none;
	color: #000000;
	/* opacity: .6; */
}
.underline_link{
	text-decoration: underline!important;
}
.hover_u_link:hover{
	text-decoration: underline!important;
}
.hover_u_link2{
	color:#FFF;
}
.hover_u_link2:hover{
	color:#FFF;
	text-decoration: underline!important;
}
iframe{
	vertical-align: bottom;
}

figure {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
figure {
	margin: 0;
}
figure:hover {
	opacity: 0.7;
}
/* hr
------------------------------*/
hr{
	border-top: 2px dashed #4493d0;
}
hr.border_gray{
	border-top: 1px solid #e2e2e2;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.border_dotted{
	border-top: 2px dotted #424242;
	/* margin-bottom: 3rem; */
}

/* Breadcrumb
------------------------------*/

/* header
------------------------------*/
header{
	/*background-color: #d81918;*/
	padding: 30px 0 30px;
}

/* slick
------------------------------*/



/* list
------------------------------*/
li{list-style-type: none;}
ul.circle_list,ul.common_list{
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.circle_list li::before{
	content: "● ";
}
ul.circle_list.font-l{
	font-size: 18px;
}
.circle_list li:not(:last-child){
	margin-bottom: 10px;
}


ul.double-circle_list,ul.common_list{
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.double-circle_list li::before{
	content: "◎ ";
}
ul.double-circle_list.font-l{
	font-size: 16px;
}
.double-circle_list li:not(:last-child){
	margin-bottom: 10px;
}


ol {
	position: relative;
	margin: 0;
	padding: 0
}
ol li {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding-left: 1.25em
}
ol li span {
	position: absolute;
	left: 0;
	margin: 0
}
.common_list li:not(:last-child){
	margin-bottom: .5rem;
}
.common_list li::before{
	content: "・";
}
.triangle_list li{
	position: relative;
	padding: 0 0 0 10px;
	margin: 0;
}
.triangle_list li:not(:last-child){
	margin-bottom: .5rem;
}
.triangle_list li::before{
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f0da';
    color: #0070b7;
}

/* table */
.vote_list .table{
	border-color: #00adba;
	font-size: 14px;
}
.vote_list .table th{
	vertical-align: middle;
}
.vote_list .table-bordered > :not(caption) > * > * {
    border-width: 0 2px;
}
.vote_list .table-bordered > :not(caption) > * {
    border-width: 2px 0;
}
/* color
------------------------------*/
.white{
	color: #FFF;
}
.orange{
	color: #e95412;
}
.red{
	color: #E91818;
}
.blue{
	color: #0070b7;
}
.green{
	color: #04af7a;
}
.grey{
	color: #585858;
}
/* space
------------------------------*/
section{
	padding-top: 40px;
}
.color_inner{
	padding-top: 40px;
	padding-bottom: 20px;
}
.contents_space{
	padding-top: 30px;
}
.contents_space_l{
	padding-top: 50px;
}
.contents_space_l.cp-first{
	padding-top: 200px;
}
.map_space{
	padding-top: 60px;
}
.button_inner{
	padding-top: 70px;
}
.contents_space_border{
    border-top: 1px solid #CCC;
    padding-top: 40px;
    margin-top: 40px;
}
.contents_space_s_border{
	border-top: 1px solid #CCC;
}
.color_inner02{
	padding-top: 40px;
	padding-bottom: 40px;
}
/* title
------------------------------*/
.tit{
	/* font-size: 20px; */
	font-size: 1.25rem;
	line-height: 1.8;
}
.tit_sub{
	/* font-size: 16px; */
	font-size: 1rem;
}
.tit06 {
	text-align: center;
	padding-top: 30px;
}
.tit06 img{
	max-width: 413px;
	width: 100%;
}
.tit_l_border{
    padding: 0.5rem 1rem;
    border-left: 4px solid #000;
    margin-bottom: 0.8rem;
    background-color: #FFF;
    font-weight: 600;
	font-size: 18px;
	letter-spacing: .3em;
}
.tit_border{
	border-left: 3px solid #000;
	border-bottom: 3px solid #000;
	padding: 15px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
}
.tit_bg{
	background-color: #f15a24;
	color: #FFF;
	font-size: 18px;
	font-weight: 600;
	display: inline-block;
	padding: 15px;
}
.tit_bg2{
	width:100%;
	background-color: #b2e0ed;
	color: #0595c7;
	font-size: 18px;
	font-weight: 600;
	display: inline-block;
	padding: 15px;
}
.tit_u_border{
	border-bottom: 2px solid #00adba;
	color: #00adba;
	font-size: 18px;
}
.tit_bg_blue{
	color: #FFF;
	background-color: #00adba;
	font-weight: 600;
	padding: 15px;
	border-radius: 20px;
	text-align: center;
	font-size: 18px;
}
.tit_bg_blue span{
	font-size: 80%;
}
.tit_bg_blue2{
	color: #FFF;
	background-color: #0099c3;
	font-weight: 600;
	padding: 15px;
	border-radius: 20px;
	text-align: center;
	/*font-size: 18px;*/
}
.tit_bg_blue2 span{
	/*font-size: 80%;*/
}
/* box
------------------------------*/
.main_area{
	background-color: #f2f2f3;
	padding-top: 30px;
}
.main_text{
	font-size: 16px;
	font-weight: 600;
	padding: 20px 0;
}
.comment_area{
	padding-top: 30px;
}
.comment_box{
	background-color: #FFF;
	border-radius: 10px;
	padding: 40px 20px 20px;
	font-size: 16px;
	line-height: 1.8;
	position: relative;
}
.comment_box .re{
	position: absolute;
	left: 20px;
	top: -19px;
}
.comment_box .re img{
	width: 80px;
}

.balloon_area{
text-align: center;
}

.balloon-left {
	position: relative;
    display: inline-block;
    margin-bottom: 1.5rem;
    padding: 20px 20px 120px;
    width: 100%;
    /* color: #555; */
    background: #FFF;
    border: solid 3px #000;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 16px;
    line-height: 1.8;
	text-align: left;
}



.balloon-left p {
  margin: 0;
  padding: 0;
}



.sankou img{
	max-width: 66px;
	width: 100%;
}
.sankou_list{
	font-size: 16px;
	font-weight: 600;
}
.box_border_g{
	border: 2px solid #04af7a;
	padding: 5px;
}
.sankou_list li a{
	text-decoration: underline;
}
.mokuji_box{
    border: 3px solid #000;
    padding: 15px;
    border-radius: 10px;
	background-color: #FFF;
}
.mokuji_box h4{
	font-weight: 600;
	font-size: 18px;
	line-height: 1.5;
}
.mokuji_box ul li{
    position: relative;
    padding: 0 0 0 15px;
    margin: 0 0 10px;
    font-size: 16px;
}
.mokuji_box ul li::before{
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f0da';
    color: #000000;
}
.mokuji_box ul li a{
	text-decoration: underline;
}
.mokuji_box ul li a:hover{
	text-decoration: underline;
}
.toiawase_box h4{
	font-size: 16px;
    font-weight: 600;
    padding: .3rem 0.5rem;
    border-left: 4px solid #c40000;
    margin-bottom: 15px;
}
.toiawase_box{
    border: 2px solid #ffd6d6;
    margin: 20px auto 0;
    padding: 15px;
	font-size: 16px;
}
.toiawase_box a{
	text-decoration: underline;
	color: #e60000;
}
/* text
------------------------------*/
.lead_text{
	/* font-size: 16px; */
	font-size: 1rem;
}
.bold{
	font-weight: 600;
}
.normal-text{
	font-size: 1rem;
}
.normal{
	font-weight: 500;
}
.l-h15{
	line-height: 1.5;
}
.l-h18{
	line-height: 1.8;
}
.l-h2{
	line-height: 2;
}
.l-spacec_c1{
	letter-spacing: .08em;
	text-indent: .08em;
}
.l-spacec_c2{
	letter-spacing: .2em;
	text-indent: .2em;
}
.l-spacec_1{
	letter-spacing: .1em;
}

/* bg
------------------------------*/
.bg_grey{
	background-color: #f2f2f3;
}
.bg_red{
	background-color: #d81918;
}
.bg_gray02{
	background-color: #d3d3d4;

}
.bg_pink{
	    background-color: #fbdfdf;
}
/* footer
------------------------------*/
#foote{
	position: relative;
}
footer{
	padding-top: 60px;
	padding-bottom: 60px;
	font-size: 0.9375rem;
}
.copy{
	font-size: 16px;
	font-weight: 600;
}
.icon-twitter{
	text-align: center;
	margin-bottom: 15px;
}
.icon-twitter img{
	width: 50px;
}
/* topBtn
------------------------ */
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	width: 60px;
	height: 60px;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	transition:all 0.3s;
}

#page-top {
	position: fixed;
	right: 15px;
	z-index: 2;
	opacity: 0;
	transform: translateY(100px);
}
#page-top a:hover{
	opacity: .8;
}
/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
	from {
	opacity: 0;
	transform: translateY(100px);
	}
	to {
	opacity: 1;
	transform: translateY(0);
	}
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
	from {
		opacity: 1;
	transform: translateY(0);
	}
	to {
		opacity: 1;
	transform: translateY(100px);
	}
}
@media (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none!important;
	}
	/* list
	------------------------------*/
	ul.double-circle_list.font-l{
		font-size: 18px;
	}

	/* space
	------------------------------*/


	/* text
	------------------------------*/
	.lead_text{
		/* font-size: 18px; */
		font-size: 1.125rem;
	}

	/* bg
	------------------------------*/
	
	/* title
	------------------------------*/



	/* button
	------------------------------*/
	/* footer
	------------------------------*/

	/* box
	------------------------------*/
	.main_area{
		background-color: #f2f2f3;
		padding-top: 40px;
	}
	.balloon-left:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -24px;
		margin-top: -12px;
		border: 12px solid transparent;
		border-right: 12px solid #FFF;
		z-index: 2;
	}
	.balloon-left:after {
		content: "";
		position: absolute;
		top: 50%;
		left: -30px;
		margin-top: -14px;
		border: 14px solid transparent;
		border-right: 14px solid #000;
		z-index: 1;
	}
	.character{
		display: none;
	}
	.character_pc{
		position: relative;
	}
	.character_pc img{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 90%;
		margin: 0 auto;
	}
	.sankou_list li a{
		text-decoration: none;
	}
	.sankou_list li a:hover{
		text-decoration: underline;
	}
	.mokuji_box{
		padding: 30px;
		border-radius: 20px;
	}
	.mokuji_box ul li{
		font-size: 18px;
		padding: 0 0 0 20px;
	}
	.mokuji_box h4{
		font-size: 24px;
	}
	.mokuji_box ul li a{
		text-decoration: none;
	}
	.toiawase_box h4{
		font-size: 18px;
	}
	.toiawase_box{
		padding: 20px;
	}
	/* topBtn
	------------------------ */
	#page-top a{
		width: 60px;
		height: 60px;
	}
}

@media (max-width: 767px){

	/* box
	------------------------------*/
	/* header
	------------------------------*/
	.day{
		text-align: center;
	}
	.day img{
		max-width: 60%;
		width: 100%;
	}
}
@media (min-width: 992px){

	/* header
	------------------------------*/
	header{
		/*padding: 100px 0 40px;*/
	}


	/* title
	------------------------------*/
	.tit{
		font-size: 28px;
		font-size: 1.75rem;
	}
	.tit_sub{
		font-size: 22px;
		font-size: 1.375rem;
	}
	.tit06 {
		padding-top: 60px;
	}
	.tit_border{
		font-size: 26px;
	}
	.tit_bg{
		font-size: 26px;
	}
	.tit_bg2{
		font-size: 26px;
	}
	.tit_bg_blue{
		font-size: 30px;
	}
	.tit_u_border{
		font-size: 24px;
	}
	.tit06 img{
		max-width: 613px;
		width: 100%;
	}
	/* text
	------------------------------*/


	/* bg
	------------------------------*/

	/* box
	------------------------------*/
	.comment_area{
		padding-top: 90px;
	}
	.comment_box{
		font-size: 20px;
		padding: 60px 40px 40px;
	}
	.balloon-left {
		font-size: 20px;
	}
	.comment_box .re img{
		width: 123px;
	}
	.comment_box .re{
		left: 40px;
		top: -33px;
	}
	.balloon-left {
	    padding: 40px 40px;
		margin-bottom: 65px;
	}

	.sankou img{
		max-width: 125px;
		width: 100%;
	}
	.sankou_list{
		font-size:26px;
	}

	/* footer
	------------------------------*/
	.copy{
		font-size: 24px;
	}
	.icon-twitter img{
		width: 68px;
	}
	.icon-twitter{
		margin-bottom: 30px;
	}
	/* space
	------------------------------*/
	section{
		padding-top: 60px;
	}
	.color_inner{
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.contents_space{
		padding-top: 60px;
	}
	.color_inner02{
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
@media (max-width: 991px){
.character img{
	width: 120px;
	position: absolute;
	right: 0;
	bottom: 0;
}

}
@media (min-width: 1400px){

}
@media (min-width: 992px) and (max-width: 1399px) {

}
@media (min-width: 768px) and (max-width: 991px) {
	/* header
	------------------------------*/
	header{
		padding: 70px 0 40px;
	}
	/* box
	------------------------------*/
	.comment_area{
		padding-top: 70px;
	}
	.comment_box{
		font-size: 18px;
		padding: 50px 30px 30px;
	}
	.comment_box .re{
		left: 30px;
		top: -21px;
	}
	.balloon-left {
		font-size: 18px;
		padding: 20px 30px;
		position: relative;
	}
	.sankou_list{
		font-size:21px;
	}
	/* title
	------------------------------*/
	.tit06 {
		padding-top: 40px;
	}
	.tit_border{
		font-size: 22px;
	}
	.tit_bg{
		font-size: 22px;
	}
	.tit_bg2{
		font-size: 22px;
	}
	.tit_u_border{
		font-size: 21px;
	}
	.tit_bg_blue{
		font-size: 24px;
	}
	/* footer
	------------------------------*/
	.copy{
		font-size: 18px;
	}
	/* space
	------------------------------*/
	section{
		padding-top: 50px;
	}
	.contents_space{
		padding-top: 50px;
	}


}
@media (min-width: 1200px){
	/* header
	------------------------------*/

	/* bg 
	------------------------------*/

	/* slick
	------------------------------*/


	/* title
	------------------------------*/


	/* space
	------------------------------*/

	/* box
	------------------------------*/
	.main_text{
		font-size: 26px;
		padding: 40px 0;
	}
}
@media (max-width: 1199px){


}
@media (min-width: 576px){
	/* box
	------------------------------*/
	.main_text{
		text-align: center;
	}
	/* footer
	------------------------------*/

}
@media (max-width: 575px){

	/* footer
	------------------------------*/

	/* title
	------------------------------*/
	/* box
	------------------------------*/

	/* footer
	------------------------------*/

}

@media (min-width: 992px) and (max-width: 1199px) {

	/* title
	------------------------------*/


	/* box
	------------------------------*/
	.main_text{
		font-size: 21px;
	}

	/* space
	------------------------------*/

}

@media (min-width: 768px) and (max-width: 991px) {
	.tit{
		/* font-size: 28px; */
		font-size: 1.75rem;
	}
	.tit_sub{
		/* font-size: 20px; */
		font-size: 1.25rem;
	}
	/* text
	------------------------------*/

	/* title
	------------------------------*/
	/* space
	------------------------------*/
	/* box
	------------------------------*/
	.main_text{
		font-size: 18px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.tit{
		font-size: 24px; 
		font-size: 1.5rem;
	}
	.tit_sub{
		/* font-size: 18px; */
		font-size: 1.125rem;
	}


}
@media (max-width: 450px){

}


@media print{
}




@media (min-width: 1400px){
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1124px;
	}
}
@media (min-width: 1200px){
	.container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1124px;
	}
}

.header-box {
	background-color: #0799c5;
	margin-top: 0;
	padding: 20px 0;;
}

.header-box p {
	color:#FFF;
	word-break: break-all;
	font-weight: 600;
	line-height: 1.4;
	margin-right: 20px;;
}
p.houhosha {
	width:100%;
	border-bottom: 2px dotted #424242;
	padding: 10px 0;
}
.tvcm-box {
	width:100%;
	text-align: center;
	padding-top: 30px;
}