@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font:90%/1.8 "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
color:#252525;
-webkit-text-size-adjust: none;
background:#ffffff;
}

html{background:#ffffff;}
.l{
    text-align: left;
}
.r{
    text-align: right;
}
.c{
    text-align: center;
}
/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#47a4d9;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after,#footer:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post,#footer{zoom: 1;}


/* レイアウト
------------------------------------------------------------*/
.mt100{
    margin-top: 100px;
}
#wrapper, .inner{
margin:0 auto;
width:1170px;
}

#header{
overflow:hidden;
	
}

#content{
width:100%;
}

#sidebar{
float:right;
width:225px;
padding:30px 0;
}


/* ヘッダー
*****************************************************/
#header .bg{background:#0c3388;}


/* サイト説明文 + 住所
----------------------------------*/
#header h1,#header p{
display: block;
float:left;
padding:3px 0;
font-size:80%;
font-weight:normal;
	
}

#header p{
float:right;
	
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
	position:absolute;
	z-index: 2;
float:left;
	margin-top:10px;
}

/* サブナビゲーション
----------------------------------*/
#header ul{
font-size:85%;
padding-top:40px;
float:right;
}
/* トップページ　メイン画像
----------------------------------*/
#mainImg{
clear:both;
line-height:0;
text-align:center;
z-index:0;
border-bottom: solid 0.5px #111111;
}

#mainImg a:hover img{opacity:.9;}

.postWrap{
margin:0 0 20px 0;
padding:3px;
}

article.archive span{padding-left:10px;}


/* タイポグラフィ
*****************************************************/
h2.title{
clear:both;
margin:40px 0 40px;
font-size:200%;
font-weight:700;
text-align:center;
}

.dateLabel{
margin:0 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.post p{padding-bottom:15px;
font-size:20px;
}

.post ul{margin: 0 0 10px 10px;}

.post ul li{
margin:5px 0 0 15px;
list-style:disc;
}

/*.post ol{margin: 0 0 10px 30px;}*/

.post ol li{list-style:decimal;}

.post h1, .post h2, .post h3, .post h4{clear:both;}

.post h1{
margin:20px 0 30px 0;
padding:10px 15px;
font-size:130%;
background:#eeeeee;
}

.post h2{
margin:20px 0 30px 0;
padding:3px 20px;
font-size:120%;
font-weight:normal;
border-left:5px solid #000000;
}

.post h3{
margin:25px 0 35px 0;
padding-bottom:10px;
font-size:110%;
font-weight:normal;
border-bottom:1px solid #dddddd;
}

.post h4{
margin:20px 0 20px 0;
padding-bottom:10px;
font-size:100%;
font-weight:bold;
}

.post blockquote {
clear:both;
padding:10px 0 10px 20px;
margin:10px 0 25px 10px;
border-left:5px solid #ccc;
}

.post table{
border: 1px #ddd solid;
border-collapse: collapse;
border-spacing: 0;
margin:20px 0 20px;
}

.post table th{
padding:15px 15px;
border: #dddddd solid;
border-width: 0 0 1px 1px;
background:#f6f6f6;
}

.post table td{
padding:15px 15px;
border: 1px #ddd solid;
border-width: 0 0 1px 1px;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post ul{margin-bottom:20px;}

.post img{max-width:100%;height:auto;}

img.aligncenter {
display: block;
margin:5px auto 40px 0;
}

img.alignright{
margin:0 0 25px 25px;
float:right;
}

img.alignleft{
margin: 0 25px 25px 0;
float: left;
}


/* フッター　ウィジェット
*****************************************************/
.widgetWrap{
	margin-bottom:120px;
}

#banners img{
max-width:300px;
height:auto;
margin-bottom:10px;
}

section.widget h3{
clear:both;
margin:0 0 10px;
padding:5px 0;
font-size:100%;
font-weight:normal;
color: #333;
border-bottom:1px solid #eeeeee;
}

section.widget a{
color:#000000;
display:block;
border-bottom: 1px solid #eeeeee;
padding:9px 0 5px 0;
}


section.widget a:hover{
background-position: 3px 50%;
color:#999999;
}


/* お知らせ　
-------------*/
.newsTitle{
clear:both;
margin:0 0 13px;
padding:5px 0;
font-size:100%;
color: #333;
}

.newsTitle h3{
float:left;
font-weight:normal;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:.8em;
}

.newsTitle p a{
color:#000000;
}

.newsTitle p a:hover{
color:#999999;
}

.news p{
clear:both;
padding-bottom:2px;

}
.news p a{
float:right;
padding:6px 0 5px 0;
color:#000000;
	text-align: center;
	width:200px;
}

.news p a:hover{
color:#999999;
}

.news span{padding-left:10px;

}

.news li{
	display:flex;
	margin:20px 0;
	padding:20px;
	border-bottom:solid 2px #B9B9B9 ;
	flex-wrap: wrap;	
}
.news li .type1{

	color:white;
	font-size:15px;
	font-weight: 400;
	padding:0px 40px;
	background: #1B852B;
	text-align:center;
	margin:20px;
}
.news li .type2{
	color:white;
	font-size:15px;
	font-weight: 400;
	padding:0px 40px;
	background: #163D82;
	text-align:center;
}
.news li .time{
	margin-right:60px;
	font-size:15px;
font-weight:bold;
		margin:20px;
}
.news li a{
	
	font-size:15px;
	font-weight: 400;
	margin:20px;
}
/* フッター
*****************************************************/
#footerWrapper{
width:1170px;
}

#footer aside{
float:left;
width:300px;
margin-right:30px;
}

#copyright{
clear:both;
	margin-top:20px;
text-align:center;
font-size:90%;
	color:dimgrey;
zoom:1;
}
#footer{
	display: flex;
}
#footer {
	margin:auto;
border-top:solid 10px #2e9d3a;
	flex-wrap: wrap;
}

#footer .footer_menu ul{
    display:flex;
	margin-top:50px;
	flex-wrap: wrap;
    justify-content:center;
}
#footer .footer_menu li{
	display:inline-block;
	padding:0 10px;
	margin:5px;
}
#footer p{
	margin-left:8px;
}

footer{
	border-top:solid 10px;
}
/* トップページ 最新記事3件
------------------------------------------------------------*/
.thumbWrap{
width:990px;
margin:50px -35px 20px 0;
}

.thumbWrap li{
float:left;
width:300px;
margin:0 30px 0 0;
padding:2px 0 40px;
background:none;
}

.thumbWrap li p{
margin:15px 0 20px 0;
}

/* 最新記事リンク */
ul.thumb h3{
margin-top:10px;
padding:3px;
font-weight:normal;
font-size:100%;
text-align:center;
border: 2px solid #000;
}

ul.thumb h3 span{
display:block;
padding:5px 3px;
}

ul.thumb h3 a{
color:#000000;
}

ul.thumb h3 a:hover{
color:#999999;
}
	.w960{
	display:flex;
	width:1170px;
	margin:  0 auto;
	margin-top:30px;
	flex-wrap: wrap;
	justify-content: space-between;
}

p#form_m{
	margin-bottom:60px;
}
h2#form_t{
	font-size:20px;
	margin-top:40px;
	text-align:center;
}
.map{
	margin-bottom:120px;
}

.profile_img img{
    width: 352px;
}
/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1170px){
nav div.panel{
display:block !important;
float:right;
}

a#menu{display:none;}		
	
nav#mainNav{
position:relative;
padding:30px 0 20px 0;

}

nav#mainNav ul li{
float: left;
position: relative;
}


nav#mainNav ul li a{
display: block;
text-align: center;
_float:left;
color:#000;
height:35px;
line-height:35px;
padding:10px 20px 5px;
    font-size: 16px;
}

nav#mainNav ul li a span,nav#mainNav ul li a strong{
display:block;
font-size:90%;
line-height:1.4;
}

nav#mainNav ul li a span{
font-size:70%;
}

nav#mainNav ul li.current-menu-item, nav#mainNav ul li:hover, nav#mainNav ul li.current-menu-parent{
background:#f6f6f6;
}

nav#mainNav ul ul{width:160px;}

nav#mainNav ul li ul{display: none;}

nav#mainNav ul li:hover ul{
display: block;
position: absolute;
top:50px;
left:0;
z-index:500;
}

nav#mainNav ul li li{
padding:0 0 0 10px;
margin:0;
float: none;
height:40px;
line-height:40px;
width:160px;
border:0;
background:#fff;
border-bottom:1px solid #eeeeee;
}


nav#mainNav ul li li a{
width:100%;
height:40px;
padding:0 0 0 ;
line-height:40px;
font-size:95%;
text-align:left;
}

nav#mainNav ul li li.current-menu-item a{font-weight:bold;}

nav#mainNav ul li li:hover{background:#f6f6f6;}

nav#mainNav ul li:hover ul li:last-child{
border:0;
}

}
.ttgogmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}.ttgogmap iframe,
.ttgogmap object,
.ttgogmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.form {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}.form iframe,
.form object,
.form embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height:100%;
}
 /*---width:1170; height="460" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"---*/

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1169px){
	#mainNav .inner{width:100%;}
#footerWrapper{width:100%}
#wrapper, .inner{
width:100%;
	margin:auto;
	}
nav#mainNav{
width:100%;
margin:0 auto 20px;
padding:0;
border-top:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;
}
#mainImg img{
width:100%;height:auto;
}
nav#mainNav a.menu{
width:100%;
display:block;
height:50px;
line-height:50px;
text-align:left;
color:#000000;
background:url(images/menuOpen.png) no-repeat 10px 13px;
	margin-top: 80px;
}
	.profile_upside{
		flex-wrap:wrap;
		justify-content: center;		
	}
.profile_downside{
	flex-wrap:wrap;
	justify-content: center;
	}
.profile_text2{

}
	.profile_text1{
width: 582px;
	}
.profile_text3{

}
nav#mainNav a#menu span{padding-left:35px;}

nav#mainNav a.menuOpen{
background:url(images/menuOpen.png) no-repeat 10px -29px;
border-bottom:1px solid #eeeeee;
}

nav#mainNav a#menu:hover{cursor:pointer;}

nav .panel{
display: none;
width:100%;
position: relative;
right:0;
top:0;
z-index:1;
}

nav#mainNav ul{margin:0 0 20px;padding:0;}

nav#mainNav ul li{
float: none;
clear:both;
width:100%;
height:auto;
line-height:1.2;
}

nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
display: block;
padding:15px;
text-align:left;
color:#000000;
border-bottom:1px solid #eeeeee;
}

nav#mainNav ul li a span{display:none;}
 
nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item > a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
background:#f6f6f6;
}

nav#mainNav ul li li{
float:left;
border:0;
}

nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
padding-left:30px;
font-size:90%;
}

nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
padding-left:40px;
background:url(images/sub1.png) no-repeat 20px 18px;
}

nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
background:#f6f6f6 url(images/sub1.png) no-repeat 20px -62px;
}
	
nav#mainNav ul li li:last-child a{background:url(images/subLast.png) no-repeat 20px 20px;}
nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#f6f6f6 url(images/subLast.png) no-repeat 20px -65px;}

nav div.panel{float:none;}

#header ul li a,#header ul li a:hover{background-position:0 50%;}
	.w960{
		width:100%;
	}
	iframe .form{
		width:100%
	}
	.wrapper.content{
		width:100%;
	}
}
@media only screen and (max-width: 1106px){
	.profile_img img{
		width:100%;
		    text-align: center;
	}
	.profile_downside{
	justify-content: space-between;}
}
@media only screen and (max-width: 816px){
	.w960{justify-content: center;}
		.profile_img img{
		width:100%;
	}
	.profile_downside{
		width:100%;
		display:flex;
		justify-content: center;
	}
}
/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
#wrapper, #header, .inner{width:100%;}
	
	
#header h1, #header p{padding:5px 10px;}
#header h2{padding:0px 10px 0;}
#header ul{padding:20px 10px 40px;}


nav#mainNav ul, .thumbWrap{margin:0 auto;}
nav#mainNav ul ul{padding:0;}

nav div.panel{float:none;}

#mainImg img{
width:100%;height:auto;
}

#content, #sidebar{
clear:both;
width:95%;
float:none;
margin:0 auto;
padding:20px 0 10px;
}

#banners{width:100%;margin:0 auto;text-align:center;}
#banners p{display:inline;margin:0 1% 0 0;}
#banners p img{width:31%;height:auto;}

.thumbWrap{width:100%;margin:10px auto 0;text-align:center;}
.thumbWrap ul.thumb li{width:30%; float:left;margin:0 1% 0 2%;}
.thumbWrap img{width:100%;height:auto;}

#footerWrapper{width:100%;}

#footer aside{float:none;width:100%;}

#calendar_wrap table{margin:0 auto;width:300px;}
.w960{width:100%;
	}
.widgetWrap {
    width: 100%;
}
		.profile_img{
		width:400px;
	}

}



/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
#header{text-align:center;}
#header h2,#header h1,#header p,#header ul{float:none;}
#headerInfo{width:250px;margin:0 auto;}
#footer ul{text-align:left;padding:15px;}
#footer ul ul{padding:0;}
	.news li{
		padding:0;}
	.profile_img{
		width:100%;
	}
}
@media only screen and (max-width: 548px){
	
}

/* 幅330px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 330px){
#calendar_wrap table{width:100%;}
#banners p img{width:31%;height:auto;}
	.profile_img{
		width:100%;
	}	
}


/*追加分----------------*/
.typetab
{
	margin-bottom:60px;
}
.widgetWrap .typetab{
	display: flex;
justify-content: center;
		flex-wrap: wrap;
	
}

.widgetWrap .typetab .type1{
	margin-right:20px;
	display: inline-block;
	color:white;
	font-size:15px;
	font-weight: 400;
	padding:0px 40px;
	background: #1B852B;
	text-align:center;
	margin:20px;
}

.widgetWrap .type2
{
	display: inline-block;
	
	color:white;
	font-size:15px;
	font-weight: 400;
	padding:0px 40px;
	background: #163D82;
	text-align:center;
	margin:20px;
}
.widgetWrap .type3
{
	display: inline-block;
	margin-right:20px;
	color:white;
	font-size:15px;
	font-weight: 400;
	padding:0px 50px;
	background: #B9B9B9;
	text-align:center;
	margin:20px;
}
.typetab .type1 .type2 type3{
	margin:20px;
	}

.widgetWrap a
{
	color:black;
}
.post img{
	text-align:center;
	margin-left:auto;
}
.footer2{
	border-top: solid 10px #0c3388;
	width:100%;
	margin:auto;
}
.footer2 h2{
	display: inline-block;
}

.footer_menu{

}
.footer_menu a{
	color:black;
}
.profile_upside{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
		margin-bottom:60px;
}
.profile_downside{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom:60px;
}

.profile_text1{
	width: 582px;
}
.profile_text1 h2{
	margin: 20px 0 30px 0;
    padding: 10px 15px;
    font-size: 170%;
    background: #fafac8;
}
.profile_upside_title{
	margin:30px 0 10px 0;
	padding: 3px 20px;
    font-size: 120%;
    font-weight: normal;
    border-left: 3px solid #000000;    
    background-color: #eeeeee;
}
.profile_downside h3{
	margin:20px 0 10px 0;
	padding: 3px 20px;
    font-size: 120%;
    font-weight: normal;
    border-left: 3px solid #000000;
    background-color: #eeeeee;
}


ol.policy_list{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding:0;
}


/* 中田修正＆追記　*/
/*----
.policy_text p {
	background-image: url("images/policyback.png");
	background-size: 22% auto;
	background-repeat: no-repeat;
	background-position: right bottom;
}---*/

ol.policy_list li{
  position: relative;
    text-align: center;
    list-style-type: none;
    padding: 10px 0;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    background: linear-gradient(180deg, #80C41C, #008837);
    margin: 25px 0;
}

.sign{
	width:430px;
	margin:0 0 0 auto;
	font-size:20px;
    text-align: right;
}
.sign span{
	text-align: left;
}
.sign_name{
	float:right;
	font-size:30px;
    margin-right: 30px;
}
.post .sign p{
    padding-bottom: 5px;
}

@media screen and (max-width:445px){
	.sign{
		width:auto;
	}
}

#g_line{
	border-top: solid 10px #27a639;
}
#b_line{
	border-top:solid 10px #0c3388;
}
.title p{
	font-size:70%;
} 


.main .blueline
{
	border-top:solid 10px #163D82;
}
#content

.input{
margin-bottom:60px;	
}

/*コロナ関係リンク---------*/
.post{
	margin-bottom:60px;
}
.links{
	margin-bottom:60px;
}
.links h2{
	font-size: 20px;
	font-weight:bold;
}
.links ul{
	font-size:16px;
}
.links li{
	margin:10px 0px;
	color:#000000;
}
.map h2{
	font-size:17px;
	font-weight:700;
}
.ta1 caption {
	border: 1px solid #ccc;	
	border-bottom: none;	
	text-align: center;		
	background: #eee;		
	color: #666;			
	font-weight: bold;		
	padding: 10px;			
}
.ta1 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
	background: #fff;	
	color: #666;		
}
.ta1, .ta1 td, .ta1 th {
	word-break: break-all;
	border: 1px solid #ccc;	
	padding: 5px;	
}

.ta1 th {
	width: 140px;		
	text-align: center;	
}
.ta1{
	margin-bottom:50px;
}
.br-sp{
	display: none;
}
@media screen and (max-width:420px) {
  .br-pc {
    display: none;
  }
	.br-sp {
    display: inline-block;
  }
	.space{
		display: none;
	}
}
	

@media screen and (max-width:1094px){
	.profile_downside{
		display:flex;
		justify-content: center;
	}
}
@media screen and (max-width:1054px){
	.profile_upside{
		display:flex;
		justify-content: space-around;
	}
}


.policy .title{
    background-color: #00441C;
    color:#fff;
    padding: 10px 0;
}

.policy h3{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #008837;
    border-bottom: solid 2px #000;
    margin-bottom: 20px;
    padding: 5px 0;
}

.policy_text{
    width:80%;
    margin: 0 auto;
}
.content .policy_text p{
	margin-bottom:10px;
    text-align: left;
}
.content .achievement p{
    text-align: left;
}
.achievement{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}
.achievement p:first-child{
    width:5%;
    color: #fff;
    padding: 28px 10px;
    text-align: center;
    background-color: #80C41C;
    border: solid 2px #80C41C;
}
.achievement p:nth-child(2) {
    width:85%;
    padding: 10px;
    border: solid 2px #80C41C;
}
.policy .task{
    background-color: #FEEDD1;
    padding-bottom: 10px;
}

.policy .task_title{
    color: #000;
    border-bottom: none;
}
.policy .task h4{
    padding-top: 15px;
    margin: 15px 25px 30px;
    text-align: center;
    border-bottom: solid 2px #000;
    font-size: 20px;
}
.policy .task li{
    list-style: none;
    max-width: 780px;
    margin: 5px auto 0;
}
.policy .content .task li p{
    text-align: left;
}
.policy .task p{
    padding-bottom: 5px;
}
.recommendation_title{
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    background-color: #2e9d3a;
    color: #fff;
    padding: 5px 10px;
}
.recommendation{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:60%;
    margin: 0 auto;

}
.recommendation img{
    width:100%;
}
.recommendation div:first-child{
    width:60%;
}
.recommendation div:last-child{
    width:25%;
    text-align: center;
}
.top_banner{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 80px 0 50px;
}
.top_banner a img,.top_banner2 a img{
    transition: 0.5s;
}
.top_banner a img:hover,.top_banner2 a img:hover{
    transform: translateY(-10px);
    box-shadow: 5px 5px 5px rgba(0,0,0, .3);
}
.top_banner div{
    width:32%;
	margin-top: 20px;
}
.top_banner img{
    width:100%;
}
.top_banner2{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 15px 0 100px;
}
.top_banner2 div{
    width:32%;
    margin: 20px 5px 0;
}
.top_banner2 img{
    width:100%;
}
.raien{
    text-align: center;
    margin: 30px 0;
}
.youtube{
    max-width: 800px;
    height: 480px;
    margin: 20px auto;
}

.youtube iframe{
    width:100%;
    height:100%;
}
@media screen and (max-width:1024px){
    
.raien img{
    width: 90%;
}
    
}
@media screen and (max-width:768px){
    
.youtube{
    max-width: 600px;
    height: 360px;
    margin: 20px auto;
}
}
@media screen and (max-width:480px){
    .achievement {
    flex-wrap: wrap;
}
    .achievement p:first-child {
    width: 100%;
        padding: 5px;
}
    .achievement p:nth-child(2) {
        width:100%;
}
    .recommendation {
    width: 90%;
}
    .recommendation div:first-child {
    width: 100%;
}
    .recommendation div:last-child {
        display: flex;
        align-items: center;
        justify-content: center;
    width: 100%;
    text-align: center;
        margin-top: 20px;
}
    .recommendation div:last-child p{
     width:40%;
}
    .recommendation div:last-child img{
     width:40%;
}
    
.youtube{
    max-width:auto;
    height: auto;
    margin: 20px auto;
}
.sign_name{
    margin-right: 0px;
}
    .post p{
        font-size: 16px;
    }
    .policy .content .task li p {
    text-align: left;
}
    ol.policy_list li {
    font-size: 18px;
}
}


/*上鍜治追加2021.11.4*/

h2.title2{
    clear: both;
    margin: 40px 0 15px;
    font-size: 200%;
    font-weight: 700;
    text-align: center;
	border-bottom: double 7px #27a639;
	border-bottom: double 7px #27a639;
}

.c .click{
	font-size: 20px;
    text-align: center;
}


/*樽谷追加2021.11.26*/
.img000{
    text-align: center;
    width:70%;
    margin: 0 auto;
}
.img000 img{
    width: 100%;
}


.sign_jobtitle{
	font-size:21px;
}
.sign_jobtitle span{
	text-align: left;
}

.wrapper_profile{
	margin: 0 auto;
	max-width: 1170px;
}
@media screen and (max-width:830px){
    .top_banner{
    justify-content: flex-start;
        margin-top: 30px;
    }
	.top_banner div{
        width: 46%;
        margin:10px 2%;
	}	
.top_banner2{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 30px 0 50px;
}
.top_banner2 div{
    width:46%;
        margin:10px 2%;
}    
}

@media screen and (max-width:480px){

.wrapper_profile{
	width: 300px;
	margin: 16px auto;
	}
    .top_banner{
        margin-top: 10px;
    }
	.top_banner div{
        width:100%;
        margin-top: 30px;
	}	
.top_banner2{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 30px 0 50px;
}
.top_banner2 div{
    width:100%;
    margin: 30px 0 0;
}
.img000{
    text-align: center;
    width:100%;
    margin: 0 auto;
}
.img000 img{
    width: 90%;
	margin:  0;
}
}

.content p{
	text-align:center;
}
.content .blogArticleText p{
    text-align: left;
}

.recruitment{
    max-width: 900px;
    margin: 0 auto 100px;
    text-align: center;
    padding: 0 15px;
}
.recruitment h3{
    font-size: 21px;
}
.recruitment img{
    width:100%;
    margin-bottom: 30px;
}
.mt100 .title{
    margin-bottom: 0;
}
.flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.flex .img000{
    width: 45%;
}
.flex .link_flex{
    width: 300px;
}
.flex .link_img{
    width: 60%;
	display: flex;
	flex-wrap: wrap;
}

.flex .link_img img{
    width: 48%;
    margin: 0 1%;
}
.flex .link_img div:nth-child(2){
    width: 48%;
    margin: 0 1%;
}
.flex .link_img div:nth-child(3){
    width: 48%;
    margin: 0 1%;
}
.flex .link_img div:nth-child(2) img{
	width: 100%;
}
.flex .link_img div:nth-child(3) img{
	width: 100%;
}
.content .link_img p{
    font-size: 100%;
    text-align: right;
}
.pc{
    display: block;
}
.sp{
    display: none;
}
@media screen and (max-width:830px){ 
.flex .link_flex{
    width: 100%;
}
.flex .link_img{
    width: 100%;
} 
.flex .img000{
    width: 95%;
    margin-bottom: 20px;
}
.flex .link_img div:nth-child(2){
    width: 100%;
    margin: 0;
}
.flex .link_img div:nth-child(3){
    width: 100%;
    margin: 0;
}
}
@media screen and (max-width:480px){
.pc{
    display: none;
}
.sp{
    display: block;
}   
.recruitment h3{
    font-size: 18px;
}
.flex .link_img img{
    width: 100%;
    margin: 5px 0;
}
}
.profile_text2 img{
    width: 100%;
}
.profile_text3 img {
    width: 187px;
    margin: 0 2px;
    height: 141px;
    object-fit: cover;
}
@media screen and (max-width:480px){
    
.profile_text3 img,.profile_text2 img{
    width: 100%;
}
.initiative div{
    width: 100%;
    margin-bottom: 20px;
}
}
.w350{
    max-width: 375px;
    margin: 0 auto;
}


.profile_text2{
	width: 40%;
}
.profile_text3{
	width: 50%;
}
.initiative.flex{
	justify-content: flex-start;
}


@media screen and (max-width:480px){
.profile_text2{
	width: 100%;
}
.profile_text3{
	width: 100%;
}
.profile_text3 img {
    height: auto;
}
}