@charset "utf-8";
/* CSS Document */

/*----------全ページ共通----------*/

.pc-ex{}
.sp-ex{display:none;}

*{box-sizing:border-box;
}

html{scroll-behavior:smooth;}

img,object,embed,video{max-width:100%;height:auto;}

body{
    font-size:px;
	line-height:1.7;
	color:#000000;
	font-family:"游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* li点設定 */
li{
    list-style-type: none;
}


/* aタグ設定 */
/* リンクの中 */

a:link {
    color:black;
    text-decoration: none;
}

/* 行ったことのあるサイト */
/*
a:visited {
    color:black;
    text-decoration: none;
}
*/
/* カーソルがのった時 */
/*
a:hover {
    color:blue;
    text-decoration: none;
    opacity:0.5;
	transition:0.5s;
	transform:scale(1.08,1.05);
}
*/
/* クリックした瞬間 */
/*
a:active {
    color:orange;
    text-decoration: none;
}

/* スマホのタップされている時 */
/*
a:focus {
    color:orange;
    text-decoration: none;
}
*/

/* font */	
h1{font-size:36px;}

h2{font-size:30px;}

h3{font-size:24px;}

h4{font-size:18px;}

h5{font-size:16px;}

h6{font-size:14px;}
	
p{font-size:16px;}

/* 真ん中 */
.center{    
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 枠 */
.wrapper{
    width:100%;
	margin:0 auto;
	padding-top:0;
	background-color:#fff;
    display: flex;
	flex-direction:column;
	justify-content: center;
    }

/* グローバルナビ */
.gnav_01{
    display: flex;
    justify-content:space-between;
}

.gnav_01{
    padding: 15px;
}

.gnav_02{
    display: flex;
    }

.gnav_02_01{
    padding: 0 20px;
}

/* グローバルナビSNS */

.gnav_sns_01{
    display: flex;
    justify-content:flex-end;
    padding: 0 0 10px 0;
}

.gnav_sns_02{
    padding: 0 15px;
}

/* メイン枠 */
.main_wrapper{
    width: 1080px;
    margin: 0 auto;
}

/* フッター */
.footer_wrapper{
    width: 100%;
    display: flex;
}

.foot_01{
    padding: 30px;
}

.foot_02{
    padding: 30px;
}

.foot_03{
    padding: 30px;
}

.foot_03_01{
    display: flex;
}

.foot_03_02{
    padding: 0px 15px 15px 0px;
}

.foot_03:last-child{
    margin-left: auto;
}

.foot_04{
    padding: 30px;
}

.foot_04 p{
    text-align: center;
}
/*----------全ページ共通ここまで----------*/

/* ----------トップ---------- */
/* メイン画像 */
.main_img{
    width: 100%;
    display: flex;
    justify-content:center;
    padding: 30px 0px 50px 0px;
    background-color: #E32680
}

/* メイン１ */
.main_01{
    display: flex;
    justify-content:space-between;
}

.main_01_01{
    width: 50%;
    padding: 15px;
}

.main_01_02{
    width: 50%;
    padding: 15px;
}

.koushiki{
    display: flex;
    justify-content:center;
    padding: 10px 0px 70px 0px;
    cursor: pointer;
    width: 100%;
}

.koushiki img{
    height: auto;
    transition: transform .6s ease; /* ゆっくり変化させる */
}

.koushiki :hover img{
    transform: scale(1.1); /* 拡大 */
}


/* 政策 */
/* ボランティア */
/* 寄附 */

.main_title{
    margin: 50px 0 10px 0;
    background: #e4007f;
}

.main_title h2 {
    text-align: center;
    line-height: 2em;
    color: #ffffff;
}

.main_title h4{
    text-align: center;
    line-height: 2em;
}

.main_02_01{
    padding: 50px 15px 15px 15px;
}

.main_02_01 h1{
    text-align: center;
    font-weight: 900;
}

.main_02_01 h3 {
    text-align: center;
    line-height: 2em;
}
.main_text{
    padding: 15px;
}

.main_text p{
    text-align: rihgth;
    line-height: 2em;
}

.main_text h3{
    text-align: center;
}

.main_02_02{
    text-align: center;
    display: flex;
    padding: 30px 0 30px 0;
}

.main_read{
    text-align: center;
    padding: 30px 30px 0px 30px;
}
    

/* プロフィール */
.main_05_01{
    display: flex;
    padding: 50px 0px 50px 0px;
}

.main_05_02{
    width: 50%;
    text-align: center;
}

.main_05_03{
    width: 50%;
    text-align: center;
}

.main_05_03 p{
    line-height: 2em;
    padding: 15Px;
}

.main_05_03 h3{
    line-height: 2em;
    padding: 15Px;
}

/* 動画 */
.main_06_01{
    width: 100%;
    text-align: center;
    padding: 50px 15px;
}

/* 事務所 */
.bou_01{
    width: 90%;
    margin: auto;
}

.main_07_01{
    display: flex;
    padding: 50px 15px 15px 15px;
}

.main_07_01 h3{
    text-align: center;
}


.main_07_02{
    width: 50%;
}

.main_07_03{
    width: 50%;
}

.main_07_04{
    padding: 30px;
}


/*レイアウト：1080px以下*/

@media only screen and (max-width: 1080px) {
img, object, embed, video, iframe {max-width: 100%;height:auto;}
 
/*----------全ページ共通----------*/    
/* メイン枠 */
.main_wrapper{
    width: 100%;
}

/*----------全ページ共通ここまで----------*/    
    
/* 動画 */   
.main_06_01{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin: 0 0 50px 0;
}   
    
.main_06_01 iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}  
    
/* 事務所 */   
.main_07_02{
    position: relative;
    width: 50%;
    height: 0;
    padding-bottom: 60%;
    overflow: hidden;
}   
    
.main_07_02 iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}          
        
}
    


/*タブレットレイアウト：950px以下*/

@media only screen and (max-width: 950px) {
img, object, embed, video, iframe {max-width: 100%;height:auto;}

/*----------全ページ共通----------*/
/* グローバルナビ */
.gnav_01{
    display: flex;
    flex-direction: column;
}

.gnav_01{
    padding: 15px 15px 0 15px;
}


.gnav_02{
    display: flex;
    justify-content: flex-end;
    padding: 15px;
}

.gnav_02_01{
    padding: 0 20px;
}
    
.main_01_01{
    width: 100%;
}

.main_01_02{
    width: 100%;
}    
    
.main_01_01 img{
    width: 100%;
}    

.main_01_02 iframe{
    width: 100%;
}    
 
/*----------全ページ共通ここまで----------*/
    
/*----------プロフ----------*/    

/* 政策 */
/* ボランティア */
/* 寄附 */
.sub_wrapper_02_01 h2{
    font-size: 24px;
}
    
.sub_wrapper_02_01 p{
    font-size: 14px;
}    
            
}



/*スマホレイアウト：750px以下*/

@media only screen and (max-width: 750px) {
img, object, embed, video, iframe {max-width: 100%;height:auto;}
.pc-ex{ display:none;}
.sp-ex{display:block;}

/* メイン１ */
.main_01{
    display: flex;
    flex-direction: column;
    justify-content:space-between;
} 


    
/* 政策 */
/* ボランティア */
/* 寄附 */

.main_title{
    margin:100px 0 10px 0;
}    
    
.gnav_01_01{
    width: 80%;
    }    
    
/* プロフィール */    
.main_05_01{
    display: flex;
    flex-direction: column;
    padding: 50px 15px 0px 15px;
    }    
    
.main_05_02{
    width: 100%;
    text-align: center;
    }

.main_05_03{
    width: 100%;
    margin: 30px 0 0 0;
    text-align: center;
    }

.main_05_03 p{
    line-height: 3em;
    text-align: start;
    padding: 0Px;
}    
    
/* 事務所 */
.bou_01{
    width: 90%;
    margin: auto;
}

.main_07_01{
    display: flex;
    flex-direction: column;
    padding: 50px 15px 15px 15px;
}

.main_07_02{
    width: 100%;
}

.main_07_03{
    width: 100%;
}

.main_07_04{ 
    padding: 30px;
} 
        
    
/*----------全ページ共通----------*/ 
    
/* グローバルナビSNS */


.gnav_sns_02{
    padding: 30px 15px 0 15px;
}
    
/* フッター */
.footer_wrapper{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.foot_01{
    padding: 30px;
}

.foot_02{
    padding: 0 30px 30px 30px;
}

.foot_03{
    padding: 30px;
}

.foot_03_01{
    display: flex;
}

.foot_03_02{
    padding: 0px 15px 15px 0px;
}   
    
}

/*----------全ページ共通ここまで----------*/