@charset "utf-8";
@import "common.css";

/*==============================
ヘッダー
==============================*/
.header{
background-color: #FFFFFF;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
padding-bottom: 10px;
}
.sp-logo{
position: fixed; 
z-index: 100000;
}
@media screen and (max-width: 1023px) { 
.header{
display: none;
}
}
.fa-facebook-square{
font-size: 4rem;
color: #39548E;
}

/*==============================
共通
==============================*/
@media screen and (min-width: 1024px) { 
.section-title{
font-size: 2.8rem;
color: #007EC3;
font-weight: bold;
}
.section-title2{
font-size: 2.5rem;
color: #FFF;
font-weight: bold;
}
.section-title3{
font-size: 2.8rem;
color: #002F6E;
font-weight: bold;
}
.section-catch{
font-size: 1.7rem;
font-weight: bold;
	align-items: center;
 -webkit-align-items: center;
}
}
@media screen and (max-width: 1023px) { 
.section-title{
font-size: 2rem;
color: #007EC3;
font-weight: bold;
line-height: 1.5em;
}
.section-title2{
font-size: 1.6rem;
color: #FFF;
font-weight: bold;
}
.section-catch{
font-size: 1.5rem;
font-weight: bold;
	align-items: center;
 -webkit-align-items: center;
}
}
.section-p{
line-height: 1.6em;
}

.header-contact li{
float: left;
}
.office{
background-color: #F7F7F7;
}

/*ナビ固定時アンカーリンク先差分*/
#link01, #link02, #link03, #link04, #link05, #link06, #link07, #link08{
  margin-top:-110px;
  padding-top:110px;
}

.pr-25{
padding-right: 25px;
}

/*==============================
メインビジュアル
==============================*/
@media screen and (min-width: 1024px) { 
.main-visual{
height: 500px;
margin-top: 112px;
}
}

@media screen and (min-width:768px) and ( max-width:1023px) {
.main-visual{
height: 500px;
}
}



@media screen and (max-width:767px) {
.main-visual-sp{
display: block;
}
.main-visual-sp{
padding-top: 80px;
}
}

/*==============================
下層トップビジュアル
==============================*/
@media screen and (min-width: 1280px) { 
.main-visual2{
height: 250px;
background-image: url(../images/second-visual.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center 0%;
margin-top: 112px;
}
.main-visual2 img{
margin-top: 40px;
}
.page-title{
margin-top: 70px;
}
}
@media screen and (min-width: 1024px)and ( max-width:1279px) { 
.main-visual2{
height: 250px;
background-image: url(../images/second-visual.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center 0%;
margin-top: 112px;
}
.main-visual2 img{
margin-top: 40px;
}
.page-title{
margin-top: 70px;
}
}
@media screen and (min-width:768px) and ( max-width:1023px) {
.main-visual2{
height: 250px;
background-image: url(../images/second-visual.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center 0%;
}
.main-visual2 img{
margin-top: 85px;
}
.page-title{
margin-top: 70px;
}
}
@media screen and (max-width:767px) {
.main-visual2{
height: 250px;
background-image: url(../images/second-visual.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center 0%;
}
.main-visual2 img{
margin-top: 90px;
}
.page-title{
margin-top: 60px;
}
}

/*==============================
ごあいさつ
==============================*/
.info{
background-color: #009BE3;
}
.greeting{
background-color: #FEFFF2;
}
.greeting p{
font-size: 1.5rem;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

.opinions{
background-color: #FFEE53;
}

/*==============================
ポリシー
==============================*/
@media screen and (min-width:768px) {
.policy li{
font-size: 1.45rem;
padding-bottom: 5px;
text-indent: -1.6rem;
padding-left: 1.6rem;
}
}
@media screen and (max-width:767px) {
.policy li{
font-size: 1.45rem;
padding-bottom: 5px;
text-indent: -1.5rem;
padding-left: 1.5rem;
}
}
.policy li::before{
content: "\025cf";
padding-right: .3rem;
}

/*==============================
フッター
==============================*/
.footer{
background-color: #009BE3;
}
.cr{
font-size: 1.1rem;
}
/*==============================
フォーム
==============================*/
.control-label{
font-size: 1.7rem;
}
.form-inline{
display: inline;
}


.fs15{
font-size: 1.5rem;
}
.fs16{
font-size: 1.6rem;
}
.fs18{
font-size: 1.8rem;
}
input[type="submit"] {
    background-color: #009BE3;
    color: #FFFFFF;
    font-size: 1.8rem;
    padding: 10px;
    border: none;
}
.cs a:hover{
text-decoration: none!important;
}

/*==============================
プロフィール
==============================*/
.profile table{
font-size: 1.6rem;
}
@media screen and (max-width:767px) {
.profile table th{
font-weight: bold;
width: 30%
}
.cycle{
width: 60%;
}
.baseboll{
width: 80%
}
}
@media screen and (min-width:768px) {
.profile table th{
font-weight: bold;
width: 20%
}
}
.career li{
font-size: 1.6rem;
line-height: 1.8em;
}

.career{
background-color: #FEFFF2;
}
.thanks{
padding: 150px 0;
}
.thanks p{
font-size: 1.8rem;
line-height: 1.8em;
}


/*==============================
活動報告
==============================*/
.act-title{
font-size: 2rem;
font-weight: bold;
color: #009BE3;
border-bottom: 1px dotted #009BE3;
margin-bottom: 10px;
padding-bottom: 5px;
}

/*==============================
県議会レポート
==============================*/


.bg-slider {
	width: 100%;
	height: 500px;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-slider__title img{
display: flex;
align-items: flex-end;
}

.bg-slider-sp {
	width: 100%;
	height: auto;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-slider__title img{
display: flex;
align-items: flex-end;
}