@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, 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-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;}
header {display: block;background-image: url("back_g.jpg");width: 100vw;}
footer {display: block;background-color: #004093;}

body{
/*	-webkit-text-size-adjust: none;*/
	line-height: 1.9;
	font-size: 1em;
	font-family: "メイリオ", "ヒラギノ角ゴ StdN	W5", 'Yu Gothic medium', 'Hiragino Sans', 'sans-serif';
	z-index: 1;
}
h1{display: none;}
h2{ font-family: "ヒラギノ明朝 Std W6", "游明朝","BIZ UD明朝 Medium", "HGP明朝B", serif;}
h3{ font-family: "ヒラギノ角ゴ StdN W7", "メイリオ",'Yu Gothic medium', 'Hiragino Sans', 'sans-serif';color: #FC060A;}
h4{ font-family: "ヒラギノ角ゴ StdN W6", "メイリオ",'Yu Gothic medium', 'Hiragino Sans', 'sans-serif';color: #ffffff;background-color: #004093;text-align: center;}
h5{ font-family: "ヒラギノ角ゴ StdN W7", "メイリオ",'Yu Gothic medium', 'Hiragino Sans', 'sans-serif';color: #004093;font-weight: bold;padding-top: 0.8em;}
h6{ font-family: "ヒラギノ角ゴ StdN W7", "メイリオ",'Yu Gothic medium', 'Hiragino Sans', 'sans-serif';color: #004093;}



.dsp_pc{ display: inherit;}
.dsp_sph{ display: none;}

img{ max-width: 100%; border: none; vertical-align: bottom;}
/*
.img_l{ margin: 0 3% 20px 0; float: left; max-width: 45%;}
.img_r{ margin: 0 0 20px 3%; float: right; max-width: 45%;}
*/



i{ font-style: normal; font-family: FontAwesome;}


/* レイアウト ------------------------------------------------------------*/

.inner{
	width: 100%;
	max-width: 960px;
	margin:0 auto;
	overflow: hidden;
}

#header{
	overflow:hidden;
	z-index: 1;
}
.bg-color{background-color: #dbe4f2;padding:1em;}

#footer{
	clear:both;
	padding: 20px 0;
	background: white;
}
/*
#inner{
	max-width: 1048px;
}
*/


#header ,
#mainImg img,
#footer{
	position: relative;
	z-index: 2;
}
section{
	margin: 0 auto;
	padding: 3.5em 0;
}
/* bnr ※bnr使用時表示----------------------------------*/
/*
#link__sns-colum{display: flex;}
.widget__colum-sns{display: flex;width:80%;margin-bottom: 2em;}
.colum-sns__fb{width: 40%;margin: 0 auto;}
.colum-sns__ig{width:40%;margin: 0 auto;}
.widget__colum-bnr{width:20%}
#sidebar ul{margin-top: 3em;}
*/



/* SNS box ----------------------------------*/

#link__sns-colum{text-align: center;display: flex;}

.widget__colum-sns{display: flex;  margin: 0 auto;}
.colum-sns__fb{width: auto;margin: 0 auto;padding: 1em 3em 4em;}
.colum-sns__fb p {padding: 1.5em 0;}
.fb_iframe_widget{display: inherit;}
.colum-sns__ig{width:auto;margin: 0 auto;padding: 1em 3em 4em;}
.colum-sns__ig p {padding: 0.5em 0;}
#eapps-instagram-feed-1 {margin: 0 auto;}
.widget__colum-sns p{text-align: center;border-top: 2px solid darkgray;margin-top: 3em;font-family: "ヒラギノ角ゴ StdN W5";font-weight: bold;}

/* PC用(768px以上) */
/*.fb-plugin-responsive,.pc-show {width: 450px;}*/
.sp-show {display: none;}
.ig__box {max-width: 75%;margin: 0 auto;}

/* 1st message ----------------------------------*/
.message-title {
	text-align: center;
	font-size: 30px;
	font-family: "ヒラギノ行書 StdN W4","HiraGyoStdN-W4",'selif' ;
	padding-top: 1.5em;
	border-bottom: 2px solid darkgray;
	margin-bottom: 0.8em;
}
#first_message__bgcolor .message-1st__text {
	width: 850px;
	margin: 0 auto;
}
#first_message__bgcolor .message-1st__text img{
	float: right;
	width:30%;
	margin: 0.6em;
}

/* seisaku plan ----------------------------------*/
#content__plan-colum .message-title{
	font-family: "ヒラギノ角ゴ StdN W4";
}
#content__plan-colum {
	text-align: center;
}
.plantitle__title{
	font-size: 52px;
}
.subtitle__title {
	font-size:26px;
}
#content__plan-colum h3 {
	font-size: 31px;
}
#content__plan-colum strong {
	font-size:26px;
}
#content__plan-colum p{
	font-size:23px;
}
.archive{
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	margin-bottom: 2em;
}
.seisaku_colum img{
	width:30%;
	float:right;
}
.seisaku_colum {
	width: 45%;
	margin: 1em;
}
.seisaku_colum > ul li{
    list-style-type: "◆";
	list-style-position: inside;
}
.seisaku_colum > ul li span{
	display: inline-block;
	text-indent: 1em;
}
.colum03 {
	order: 1;
}
.colum02 {
	order: 2;
}
.colum04 {
	order: 3;
}
.seisaku_colum .sp-show {display:none;}
/* 2nd message ----------------------------------*/




/*dlタグの設定*/
#second_message__bgcolor .flex-container{
	display: flex;
	justify-content: space-around;
}
#second_message__bgcolor .flex-item{
	flex-basis: 25.5%;
	padding: 1em 0;
}
#second_message__bgcolor .flex-item dt{
	font-size: 26px;
	font-weight: bold;
	color: #ff0000;
	padding: 0.1em;
}
#second_message__bgcolor .flex-item dd{
	padding: 0 0.1em;	
}

/* profile ----------------------------------*/

.profile__column-container {
	display: flex;
	margin: 2em auto;
}
.profile_text {
	width: 70%;
	margin: 0 auto;
	padding-left: 2em;
}
#profile__colum h2{
	text-align: left;
	font-family: "ヒラギノ角ゴ StdN W5";
}
.profile_text ul{
	padding-bottom: 1em;
}

.profile_img {
	text-align: center;
}
.profile_img img{
	max-width: 85%;
	padding-top: 3.5em;
}
/* footer ----------------------------------*/
#footer {
	padding-top: 2.5em;
	text-align: center;
	background-color: #004093;
}
#footer h3 {
	color: #fff;
	font-size: 34px;
	padding-bottom: 0.5em;
}
#footer p {
	color: #fff;
	letter-spacing: 1px;
	font-size: 25px;
}
#footer a {
	color: #fff;
	text-decoration:none;
}
#footer a:hover{
	color: #5FACFC;
	cursor: default;
	text-decoration:underline;
}

#copyright{
	margin: 0;
	padding: 0 .5em;
	clear:both;
	line-height: 1.6;
	text-align:center;
/*	font-size: 90%;*/
}
#copyright img{
	margin: 0 auto .6em;
	max-width: 270px;
}
#copyright p{
	margin: 3.5em auto 0;
	text-align: center;
	font-size: .8em;
}
#copyright a, #copyright a:hover{
	color: #4c3130;
	cursor: default;
	text-decoration: none;
}








/* BTN ****************/

/*
a.btn,
.prev a,
.next a{
	padding: 0 1.5em 0.1em;
	display: block;
	color: white;
	border-radius: 3px;
	background: #f49b9b;
	line-height: 1.65;
	font-size: 85%;
}
a.btn:after,
.next a:after{
	margin: 0 0 0 0.5em;
	color: #222 ;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 120%;
}
.prev a:before{
	margin: 0 0.5em 0 0;
	color: #4c3130;
	content: "\f104";
	font-family: FontAwesome;
	font-size: 120%;
}
a.btn:hover,
.prev a:hover,
.next a:hover{
	background: #fcb9d6;
	text-decoration: none;
}
a.l{ float: left;}
a.r{ float: right;}
.c a.btn{
	margin: 0 auto;
	display: inline-block;
}
.str1 a.btn{ border-radius: 4px;}
.str2 a.btn{
	padding: 0.15em 2em 0.25em;
	border-radius: 5px;
}
.str3 a.btn{
	padding: 0.2em 2em 0.3em;
	border-radius: 6px;
}
#sidebar a.btn{ font-size: 90%;}
*/



/* for TBT ------------------------------------------------------------*/

@media (max-width: 979px){
	section{ padding: 3.5em 3.5%;}
	#first_message__bgcolor .message-1st__text {width: auto;padding: 1em;}
}
@media (min-width: 768px) and (max-width: 959px){
	body{ font-size: 90%;}
	body:before{ background-size: 70%;}
	#wrapper, .inner{ width: auto; max-width: 100%;}
	#content__plan-colum strong {font-size:25px;}
	#second_message__bgcolor .flex-item dt {font-size: 20px;}
	#footer{ padding: 30px 10px 0;}
	#footer li a { padding: .2em 1em;}
	#footer aside { margin: 0 2% 10px 0; width: 32%;}
	#banners img{ max-width: 100%;}
	.seisaku_colum .sp-show {display:none;}
}

/* for SPH ------------------------------------------------------------*/

@media (max-width: 767px){
	html{ background: none;}
	body{
		padding: 0;
		width: 100%;
/*		-webkit-text-size-adjust: none;*/
		line-height: 1.7;
		font-size: 90%;
	}
	body:before{ background-size: 85%;}
	.dsp_pc{ display: none;}
	.dsp_sph{ display: inherit;}
	
	#header{ margin: 0;}
	.inner{
		/* padding-right: 15px;
		padding-left: 15px; */
		/* overflow: hidden; */

	}
	#sidebar{
		padding: 0 10px;
		float:none;
		width:auto;
	}
	
	#header h1{ display: none;}
	
	
/* SNS box ----------------------------------*/	
/*
	#link__sns-colum {display: block;}
*/
	.widget__colum-sns {display: block;}
	.plugin,.webkit,.x1,.Locale_ja_JP {width:200px;}
	.body.plugin{width:30%;}
	.fb-container {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		background: #ccc;
	}
	.fb-page{
		display:block !important;
		width:100%;
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
	}
/*	.colum-sns__ig{width:auto;}*/
	.fb-plugin-responsive,.sp-show {display: inherit; width: 100%;max-width: 20em;}
	.pc-show{display: none;}
	.widget__colum-sns p {font-size: 1.2em;}

/* 1st message ----------------------------------*/		
	.message-title {font-size: 23px;}
	#first_message__bgcolor .message-1st__text img {width: 50%;position: relative;z-index: 1000;}
/* seisaku plan ----------------------------------*/
	.subtitle__title {font-size: 22px;}
	.plantitle__title {font-size: 30px;}
	#content__plan-colum h3 {font-size: 20px;}
	#content__plan-colum strong {font-size: 18px;}
	#content__plan-colum p {font-size: 15px;}
	.archive {display: block;}
	.seisaku_colum {width: inherit;}
	/* .seisaku_colum-img {z-index: -1;position: absolute;width: 25%;right: 2em;} */
	.seisaku_colum,.colum03 h4 {z-index: 3;position: relative;}
	.seisaku_colum .pc-show {display:none;}
	.seisaku_colum .sp-show {display: inherit;}
	.flex_box {display: block ruby;}

	
	/* 2nd message ---------------------------------*/	
	#second_message__bgcolor .flex-container {display: block;}
	#second_message__bgcolor .flex-item {padding: inherit;} 
/* profile ---------------------------------*/	
	.profile__column-container {display: block;}
	.profile_img img {max-width: 55%;padding-top: inherit;}
	.profile_text {padding-left: inherit;}
	
/* footer ---------------------------------*/	
	#footer {padding-top: 2em;}
	#footer h3{font-size:25px;}
	#footer p {font-size: 15px;}
	#copyright p {font-size: 0.8em;}
	
}
@media (max-width: 600px){
	.mainimg_pc{ display: none;}
	.mainimg_sph{ display: inline-block;}
	#content__plan-colum strong {font-size: 17px;}
}
@media (max-width: 959px){
/*.seisaku_colum img {padding-right: 5em;}	*/
}
@media (min-width: 401px) and (max-width: 600px){
	.seisaku_colum img {position: relative;width: 25%;}
	#content__plan-colum strong {font-size: 14px;}

}
@media (min-width: 601px) and (max-width: 767px){

}
@media (min-width: 329px) and (max-width: 400px){
	.seisaku_colum img {width: 28%;position: relative;top: 2em;}
	#content__plan-colum strong {font-size: 18px;}
	.seisaku_colum > ul li span {font-size: 12px;}
}
@media (min-width: 200px) and (max-width: 328px){
	.seisaku_colum img {position: relative;width: 18%;}
}
/* Responsive Navi (nav-toggle) ****************/

/*
@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {

}
*/



/* --- GET HIGHT --- */
section:after,
#wrapper:after,
.inner:after,
nav .panel:after,
nav#mainNav:after,
.newsTitle:after,
.bg:after,
.post:after,
#footer:after,
.clrfx:after,
.Dlist dl:after,
.post-content:after,
.post ul:after,
.thumb:after,
.list50:after,
ul.post li:after,
.gallery:after{ content:""; display: table;clear: both;}

/*
section,
#wrapper,
.inner,
nav .panel,
nav#mainNav,
.newsTitle,
.bg,
.post,
#footer,
.clrfx,
.Dlist dl,
.post-content,
.post ul,
.thumb,
.list50,
ul.post li,
.gallery{zoom: 1;}
*/