@charset "UTF-8";

/* 共通部分
------------------------------- */

/*
html {
    font-size: 100%;
}
body{
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
    line-height: 1.7;
    color: #432;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}

h2 {
	margin: 150px 0 200px 0;
	color: #fff;
	font-family: "新ゴ R" , "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif; 
	font-size: 60px;
	letter-spacing: 0.5em;
}

h3 {
	font-family: "新ゴ R" , "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif; 
	font-size: 30px;
}*/

 
/*#home .movtop {

	display: none;
}*/


a.back {
	position: fixed;
	bottom:20px;
	right: 10px;
	background-color:#000;
	border-radius: 50px;
	padding: 5px 20px;
	color: #fff;
	z-index: 999;
}

@media (max-width: 767px) {
	h2 {
		text-align: center;
		margin: 30px 0 50px 0;
		font-size: 50px;
		letter-spacing: 0.2em;
	}
	span.none {
		display: none;
	}
	/*h2.page-title {
		display: none;
	}*/
	span.bigtext {
	font-size: 120%;
	font-weight: bold;
	}
	
	span.indent{
	margin-left: 2em;
}

/*#home .movtop {
	display: block;
}

img.movtop {
	z-index: 0 ;
	margin-top: 55px;
}*/


a.back {
		display: none;
}
}



/* HEADER
------------------------------- */
.logo {
    width: 210px;
    margin-top: 0;
}

p.tagline {
	color: #fff;
	font-size: 15pt;
}

.page-header {
	display: flex;
	justify-content: space-between;
}

.wrapper {
	/*max-width: 1100px;*/
	margin: 0 auto;
	padding: 0 4%;
}

.wrapper-wide{
	/*max-width: 1500px;*/
	margin: 0 auto;
	/*padding: 0 4%;*/
	
}
.navitem{
	display: none;
}




/* 大きな背景画像
------------------------------- */
.big-bg {
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
}

#home .page-title {
	text-transform: none;
}

/*#seisaku {
	background-image: url(../images/seisaku-bg.jpg);
	min-height: 100vh;
}*/

@media (max-width: 767px) {	
	#home {
		min-height: auto;
		height: auto;
	}
#home, #political_measures {
	background-image: none;
}
.big-bg {
	background-size: auto;
	background-position: right top;
	background-repeat: no-repeat;
}	
	
}


/* あいさつ
------------------------------- */
#aisatu {
	background-color: rgba(255,255,255,0.8); 
	margin: 0 auto;
	text-align: center;
	width: 70%;
	padding: 30px 8% ;
	    transition: 0.2s;
	    padding-top: 70px;
    margin-top: -70px;
} 

/*h3.cont-title-aisatu{
	color: #005b90;
	border-bottom: solid 2px #0075c1;
	padding-bottom:10px;
	text-align: center;
	margin: 0px auto 10px;
	width: 50%;
	letter-spacing: 0.4em;
}*/

#aisatu p.justify {
	font-size: 15pt;
	line-height: 1.8em;
	text-indent: 1em;
	text-align: justify;
}

@media (max-width: 767px) {
	#aisatu {
	margin: 0 auto;
	text-align: center;
	width: 90%;
	padding: 30px 5% ;
} 

#aisatu h3.cont-title-aisatu{
	padding:0 0 10px;
	text-align: center;
	width: 100%;
	letter-spacing: 0.2em;
	font-size: 25px;
}

#aisatu p.justify {
	font-size: 13pt;
	line-height: 1.8em;
	letter-spacing: -0.05em;
	text-indent: 1em;
}
	
	
}


/* プロフィール
------------------------------- */
/*#profile {
	background-color: #0075c1;
	color: #fff;
	padding-bottom: 50px;

}*/


h3.cont-title-white{
	color: #fff;
	border-bottom: solid 2px #fff;
	padding-top: 20px;
	padding-bottom:10px;
	text-align: center;
	margin: 0 auto 40px;
	width: 40%;
	letter-spacing: 0.4em;
	
}

.box {
	display: flex;
	margin: 0 auto;
		position: relative;
}

/*#profile img.move { 
	position: absolute;
    top: -30%;
    left: 10%;
    transform: translate(-25%, -10%);
	width: 250px;
	height: auto;
	z-index: 0;
}*/

.leftbox {
	width:42%;
	z-index: 1;
	margin-left: 18%;
}

.rightbox {
	width:58%;
	margin-left: 10%;
	z-index: 1;
}

.leftbox li {
	list-style-position: inside;
	text-indent: 0.5em
}

.rightbox li {
	list-style-position: outside;
}

.hoby {
	background-color: rgba(255,255,255,0.8); 
	color: #333;
	line-height: 1.8em;
	padding: 10px 10px 10px 12px;
}
.hoby2 {
	display: none;
}

@media (max-width: 767px) {
/*#profile {
	height: 100%;
	padding-bottom: 20px;
}*/
	
h3.cont-title-white{
	padding-bottom:10px;
	margin: 0 auto 40px;
	width: 100%;
	letter-spacing: 0.2em;
}


.box {
	display: inline-block;
	margin: 0 auto;
		position: relative;
}

#profile img.move { /* 棒立ち写真は携帯の時はいらない */
	display: none;
}

.leftbox {
	float: right;
	width:100%;
	z-index: 1;
	margin-left: 0;
	margin-bottom: 20px;
}

.rightbox {
	float: left;
	width:100%;
	margin-left: 0;
	text-indent: -1.3em;
	padding-left: 1.8em;
}


.rightbox li {
	list-style-position: inside;
}

.hoby {
	display: none;
}
.hoby2 {
	display: inline-block;
	background-color: rgba(255,255,255,0.8); 
	color: #333;
	line-height: 1.8em;
	padding: 10px 10px 10px 12px;
	margin-top: 10px;
}


}



/* 政策
------------------------------- */
#political_measures {
	padding: 30px 0 30px 0;
}

.seisaku-mov {
	display: none;
}
.wrapper-wide .grid {
	display: flex;
	flex-wrap: wrap;
	margin-top:30px;
}


h3.cont-title-seisaku {
	color: #fff;
	padding-top: 20px;
	padding-bottom:10px;
	text-align: center;
}




/*以下隠すボックスについて*/
/*全体*/
.hidden_box {
    margin: 2em 0;
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px 30px;
    font-weight: bold;
    background: #93CEFF;
    border-radius: 5px;
    cursor :pointer;
    transition: .5s;
	color: #fff;
}

/*アイコンを表示*/
.hidden_box label:before {
    display: inline-block;
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    padding-right: 5px;
    transition: 0.2s;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #93CEFF;
}

/*アイコンを切り替え*/
.hidden_box input:checked ~ label:before {
     content: '\f00d';
	font-weight: 900;
     -ms-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     color: #668ad8;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

@media (max-width: 767px) {
	#political_measures {
		padding: 0px 0 0px 0;
		background-color: #ededed; /* グレー */
	}
	
	#political_measures h3.cont-title-blue {
	color: #005b90;
	border-bottom: solid 2px #0075c1;
	padding-bottom:20px;
	text-align: center;
	margin: 0px auto 30px;
	width: 50%;
	letter-spacing: 0.4em;
}

	.seisaku-mov {
		display: block;
		position:relative;
		margin:0;
		line-height: 0;
		border: none;
	}
	
	
	.wrapper-wide .cont-title-blue {
		display: none;
	}	
.wrapper-wide .grid {
	display: flex;
	flex-wrap: wrap;
		flex-direction: column;
	margin-top:20px;
	padding: 0px;
}
/*全体*/
.hidden_box {
    margin: 1em 0;
    padding: 0;
}

	

br.none {
	display: none;
	}	
h3.cont-title-seisaku {
	color: #fff;
	padding-top: 10px;
	padding-bottom:10px;
	text-align: center;
}


	
}

/* 最新情報
------------------------------- */
/*#facebook {
	background-color: #0075c1;
	color: #fff;
	padding-bottom: 50px;
}
#facebook p{
	text-align: center;
	margin-bottom:20px;
}*/


h3.cont-title-blue{
	color: #005b90;
	border-bottom: solid 2px #0075c1;
	padding-bottom:10px;
	text-align: center;
	margin: 0px auto 20px;
	width: 40%;
	letter-spacing: 0.4em;
}

@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}
	h3.cont-title-blue{
	color: #005b90;
	border-bottom: solid 2px #0075c1;
	padding-bottom:10px;
	text-align: center;
	margin: 0px auto 20px;
	width: 90%;
	letter-spacing: 0.4em;
}
}
 
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		width: 500px;
		margin: 0 auto;
}

}


/* 店舗情報・地図
------------------------------- */
/*#location {
    padding: 4% 0;
}*/


/*.location-info p {
    padding: 12px 10px;
}*/


#location h3.sub-title {
	font-size: 20px;
}

/* iframe */
iframe {
    width: 100%;
}




	
	
/* モバイル版
------------------------------- */
@media screen and (max-width: 600px) {
    .page-title {
        font-size: 2.5rem;
    }

.page-header {
	display: flex;
	justify-content: space-between;
	        flex-direction: column;
        align-items: center;
}

 /* HEADER */
    .main-nav {
        font-size: 1rem;
        margin-top: 10px;
    }
    .main-nav li {
        margin: 0 20px;
    }

    /* HOME */
    .home-content {
        margin-top: 0%;
    }
}


	

@media (max-width: 767px) {

/* スマホ時のトップメニュー */

/*
.movtop {
		position: relative;
		line-height: 0;
}*/

	
.page-title2 {
	position: absolute;
	top: 10px;
	left: 0;
	font-size: 30px;
	line-height: 1.3em;
	margin: 15px ;
	z-index: 2;
	}	

.logo-mov {
	width: 210px;
	margin: 50px auto 0;	
	position: absolute;
	top: 70px;
	z-index: 2 ;

	}
	
.logo-mov img.logo{
	margin: 0;
	position: absolute;
	top: 50px;
	z-index: 2 ;
	}	

.logo-mov  p.tagline {
	margin-bottom: 10px;
	margin-left:15px;
	font-size: 9pt;
	text-align: left;
	line-height: 1.5em;
}	
	
.logo {
	display: none;
}

span.big {
		font-size: 20px;
		font-weight: bold;
	}	

}

.mailmark::before {
    content: "@";
}

span.br {
	display: inline-block;
}