@charset "euc-jp";

html{
	color:#333;
	font-size: 62.5%;
}

body{
	line-height: 1.5em;
	font-family:"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif;
	background: #dbe5ef;
}

html,body{
	padding:0;
	margin:0;
}

img{
	-webkit-backface-visibility: hidden;
}

#spMenu {
	display: none;
}

.pcDetail{display:block;}
.pctbDetail{display:block;}
.tbDetail{display:none;}
.spDetail{display:none;}
.sptbDetail{display:none;}

@media screen and (max-width:767px) {
	#spMenu {
		display: block;
	}

	.pcDetail{display:none;}
	.pctbDetail{display:none;}
	.tbDetail{display:none;}
	.spDetail{display:block;}
	.sptbDetail{display:block;}
}

@media screen and (max-width:999px) and (min-width:768px){
	#spMenu {
		display: block;
	}
	.pcDetail{display:none;}
	.pctbDetail{display:block;}
	.tbDetail{display:block;}
	.spDetail{display:none;}
	.sptbDetail{display:block;}
}


/*---------------
コンテナ
----------------*/

.contentsinner{
	width:100%;
	max-width:960px;
	margin:auto;
}

/* ipad */
@media screen and (max-width:999px) and (min-width:768px){
	.contentsinner{
		width:95%;
	}
}

/* sp */
@media screen and (max-width:767px) {
	.contentsinner{
		width:95%;
	}
}

/*---------------
セクション
----------------*/

#sec-report{
	/* padding-top: 30%; */
	/* padding-top:500px;  */
	/* padding-top:75px;*/
	padding-bottom:75px;
	background: #eff1f3;
}

#sec-report2{
	padding-top: 5%;
	padding-bottom:75px;
	background: #eff1f3;
}

#sec-report-second{
	padding-top:75px;
	padding-bottom:75px;
}

#sec-about{
	padding:75px 0;
	background: #dbe5ef;
}

/* ipad */
@media screen and (max-width:999px) and (min-width:768px){
	#sec-report{
		/* padding-top: 25%; */
		/* padding-top:440px; */
		/*padding-top:75px;*/
	}
}

/* sp */
@media screen and (max-width:767px) {
	#sec-report{
		/* padding-top: 85%; */
		/* padding-top:180px; */
		/*padding-top:35px;*/
		padding-bottom:35px;
	}

	#sec-report-second{
		padding-top:35px;
		padding-bottom:35px;
	}

	#sec-about{
		padding:35px 0;
	}
}

/*---------------
ヘッダー
----------------*/

header {
	width:100%;
	background: url(../../images/headerbg.png);
}

.headerinner{
	position:relative;
	width:960px;
	height:90px;
	margin:auto;
}

header #header-logo {
	position:absolute;
	width:180px;
	height:25px;
	left:0;
	top:50%;
	margin-top:-12.5px;
}

header #headlogo img{
	width:100%;
	height:auto;
}

#header-nav{
	position:absolute;
	top:50%;
	right:0;
	margin-top:-0.5em;
	display: flex;
    align-items: center;
    justify-content: flex-start;
	font-family:"Yu Mincho";
	font-size:1.8rem;
	font-weight: 500;
}

#header-nav li{
  margin-left: 40px;
}

#header-nav li a{
	color:#5373bc;
}

/* ipad */
@media screen and (max-width:999px) and (min-width:768px){
.headerinner{
	width:90%;
	height: 60px;
}

#header-nav{
	display:none;
}

#header-nav li{
	margin-left: 40px;
}

#header-nav li a{
	color:#5373bc;
}
}

/* sp */
@media screen and (max-width:767px) {
.headerinner{
	width:90%;
	height:60px;
}

header #header-logo {
	width:130px;
	height:18px;
	margin-top:-9px;
}

#header-nav{
	display:none;
}

#header-nav li{
	margin-left: 40px;
}

#header-nav li a{
	color:#5373bc;
}
}


/*---------------
メインビジュアル
----------------*/

@keyframes my-fade-in {
from {
	opacity: 0;
}
to {
	opacity: 1;
}
}

#kv {
animation-name:my-fade-in;
animation-duration: 3s;
}

#kv{
	width:100%;
	width:100%;
	height:815px;
 	/* height:610px; */
	background: #dbe5ef url(../../images/mainbg.jpg) no-repeat center top;
	background-size: cover;
}

.kv-inner{
	width:100%;
	max-width:960px;
	/* height:500px; */
	height: 587px;
	margin:auto;
	background:url(../../images/main_logo.svg) no-repeat center center;
	background-size: 340px 410px;
}



/* sp */
@media screen and (max-width:767px) {
	#kv{
		height:453px;
		background: #dbe5ef url(../../images/mainbg_sp.jpg) no-repeat center top;
		background-size: cover;
	}

	.kv-inner{
		height:320px;
		background:url(../../images/main_logo.svg) no-repeat center center;
		background-size: 169px;
	}
}

/* KV下の情報 */
.infomation_wrapper {
	padding-bottom: 70px;
	background: #eff1f3;
}
@media screen and (max-width:767px) {
	.infomation_wrapper {
		padding-bottom: 31px;
	}
}

/* 一枚バナー */

/* .bnr_one{
	width:65%;
	max-width:700px;
	margin:auto;
} */
.bnr_one{
    width: 90%;
		max-width: 1352px;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
		transform: translateY(-50%);
}
.bnr_one a{
	width: 48%;
	margin: 0 1%;
	display: block;
}

.bnr_one img{
	width:100%;
	height:auto;
}

.bnr_one a:hover{
	opacity:0.7;
}

@media screen and (max-width:999px) and (min-width:768px){
	.bnr_one{
		width:90%;
	}
}

/* sp */
@media screen and (max-width:767px) {
	.bnr_one{
		width:336px;
		max-width: 90%;
		flex-direction: column;
		transform: translateY(-81px);
	}
	.bnr_one a{
		width: 100%;
		display: block;
		margin: 0 0 20px;
	}
	
}

/* Podcastへのリンク */
.podcast_anchor {
	margin: 0 auto;
	.podcast_anchor_heading {
		width: 749px;
		margin: 0 auto;
	}
	
	.podcast_anchor_heading img {
		max-width: 100%;
	}

	.podcast_anchor_btn {
		display: block;
		width: 398px;
		margin: 27px auto 0;
	}

	.podcast_anchor_btn img {
		max-width: 100%;
	}
}

@media screen and (max-width:767px) {
	.podcast_anchor {
		margin: -54px auto 0;
	.podcast_anchor_heading {
		width: 564px;
		max-width: 75.2vw;
	}

	.podcast_anchor_btn {
		width: 398px;
		max-width: 53.0667vw;
		margin: min(39px, 5.2vw) auto 0;
	}
}
}

/* バナーシステム */
.bnr-system {
  display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
  max-width: calc(100% - 40px);
  margin: 84px auto 0;
}
.bnr-system img {
	max-width: 100%;
	height: auto;
}
.bnr-system a {
  display: block;
  margin: 0 auto 30px;
	max-width: 750px;
}

@media screen and (max-width:767px) {
	.bnr-system {
		margin: min(60px, 8vw) auto 0;
		max-width: 95%;
	}
}

/*---------------
メインコンテンツ
----------------*/
main {
	width:100%;
	margin:0 auto;
}

.maininner{
	position:relative;
	width:100%;
	max-width:960px;
	margin:auto;
}

/*---------------
復興レポート
----------------*/

#sec-report-title{
	margin-bottom:50px;
	font-family:"Yu Mincho";
	font-size:3.3rem;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align:center;
	color:#5373bc;
}

.article-report-inner{
	display:flex;
	flex-wrap: wrap;
}
.article-report-inner2{
	display:flex;
	flex-wrap: wrap;
}

.article-report{
	display: none;
	background:#fff;
	width: calc(94%/3);
	margin-left:1%;
	margin-right:1%;
	margin-bottom:4em;
	border-radius:10px;
	overflow: hidden;
}

/* .article-report:nth-child(3n) {
	margin-right:0;
} */

.div-report:hover figure{
	opacity:0.7;
}

.div-report figure{
	width: 100%;
/* 	height: 225px; */
	height: 170px;
	overflow: hidden;
}

.div-report figure img{
	width: 100%;
    height: auto;
}

.div-report-txt{
	padding:0 15px 15px;
}

.article-report:nth-child(1) h2,
.article-report:nth-child(2) h2,
.article-report:nth-child(3) h2{
	background:url(../../images/new_icon.svg) no-repeat right center;
	background-size: 64px 24px;
}


.div-report h2{
	font-size:1.4rem;
	line-height: 1;
	color:#999;
	padding:15px 0;
}


.div-report p{
	font-size:1.7rem;
	font-weight:bold;
	line-height: 1.8;
	color:#181818;
	border-top:1px solid #d2d2d2;
	padding:15px 0;
}

.btn-past{
	display:block;
    width: 25%;
    background: #5373bc;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	padding: 21px 0;
	margin:0 auto 1em;
    color: #fff !important;
	border-radius: 40px;
	cursor:pointer;
}

.btn-past:hover{
	opacity:0.7;
}
.btn-past2{
	display:block;
    width: 25%;
    background: #5373bc;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	padding: 21px 0;
	margin:0 auto 1em;
    color: #fff !important;
	border-radius: 40px;
	cursor:pointer;
}

.btn-past2:hover{
	opacity:0.7;
}


.btn-list{
	display:block;
    width: 30%;
    background: #5373bc;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	padding: 21px 0;
	margin:2em auto 2em;
    color: #fff !important;
	border-radius: 40px;
	cursor:pointer;
}

.btn-list:hover{
	opacity:0.7;
}


/* ipad */
@media screen and (max-width:999px) and (min-width:768px){

.article-report{
	width:calc(96%/2);
	margin-right:2%;
	margin-bottom:4em;
}

.article-report:nth-child(3n) {
	margin-right:2%;
}

.article-report:nth-child(2n) {
	margin-right:0;
}

.div-report{
	display:block;
	background:#fff;
	border-radius:10px;
	overflow: hidden;
}

.div-report-txt{
	padding:0 15px 15px;
}

.div-report p{
	font-size:2.0rem;
}

.btn-past{
	width: 25%;
}
.btn-past2{
	width: 25%;
}
.btn-list{
	width: 75%;
}

}

/* sp */
@media screen and (max-width:767px) {
	#sec-report-title{
		margin-bottom:40px;
		font-size:2.4rem;
	}

	.article-report{
		margin-right:2%;
		width: calc(96%/2);
	}

	.article-report:nth-child(3n) {
		margin-right:2%;
	}

	.article-report:nth-child(2n) {
		margin-right:0;
	}

	.div-report figure{
		height: 90px;
	}

	.div-report-txt{
		padding:0 10px 10px;
	}

	.article-report:nth-child(1) h2,
	.article-report:nth-child(2) h2,
	.article-report:nth-child(3) h2{
		background:url(../../images/new_icon.svg) no-repeat right center;
		background-size: 32px 12px;
	}

	.div-report h2{
		font-size:1.2rem;
	}

	.div-report p{
		font-size:1.2rem;
	}

	.btn-past{
		width: 50%;
		font-size: 2.2rem;
	}
	.btn-past2{
		width: 50%;
		font-size: 2.2rem;
	}
	.btn-list{
		width: 70%;
		font-size: 1.4rem;
	}
}

/*---------------
中段写真
----------------*/

/* #sec-subphoto:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(../../images/subphoto.jpg) center no-repeat;
	background-size:cover;
} */

#sec-subphoto{
	height:600px;
 	background: #dbe5ef url(../../images/subphoto.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}

/* ipad */
@media screen and (max-width:999px) and (min-width:768px){

	#sec-subphoto{
		background: #dbe5ef url(../../images/subphoto_sp.jpg) no-repeat center center;
		background-size: cover;
		background-attachment: scroll;
	}
}

/* sp */
@media screen and (max-width:767px) {
	#sec-subphoto{
		height:400px;
		background: #dbe5ef url(../../images/subphoto_sp.jpg) no-repeat center center;
		background-size: cover;
		background-attachment: scroll;
	}
}

/*---------------
Hand in Handとは
----------------*/

#sec-about #sec-about-title{
	font-family:"Yu Mincho";
	font-size:3.6rem;
	font-weight:bold;
	line-height: 1;
	text-align:center;
	color:#5373bc;
}

#sec-about #sec-about-english{
	display:block;
	width:200px;
	margin:0 auto 1em;
}

#sec-about #sec-about-title span img{
	width:100%;
}

#sec-about #sec-about-summary{
	padding:280px 0 70px;
	background: url(../../images/ilust_hand.svg) no-repeat center 50px;
	background-size: 25%;
}

#sec-about #sec-about-summary p{
	margin-bottom:1em;
	font-family:"Yu Mincho";
	font-size:2.0rem;
	line-height: 1.8;
	text-align: center;
	color:#5373bc;
}

/* パーソナリティー */

#sec-about #sec-about-personality{
	padding:50px;
	border-radius:30px;
	background:#5373bc;
	margin-bottom: 50px;
}

#sec-about #personality-photo{
	width:360px;
	height:auto;
	float:left;
}

#sec-about #personality-photo img{
	width:100%;
}

#sec-about #personality-summary{
	/* float:right; */
	/* width:450px; */
	/* margin-left:2em; */
	width: 100%;
	margin: 0 auto;
	color:#fff;
	font-size:1.6rem;
	line-height: 1.5;
}

#sec-about #personality-profile{
	padding-bottom:20px;
	border-bottom:2px solid #fff;
}

#sec-about #personality-profile-name{
	width:298px;
	height:auto;
	margin-bottom:0.5em;
}

#sec-about #personality-onair{
	width: 100%;
	margin-top:10px;
	display: flex;
	justify-content: center;
}

#sec-about #personality-onair-title{
	width:160px;
	height:auto;
	/* margin-bottom:0.5em; */
	margin: 0 auto 2em;
}

#sec-about #personality-onair-station{
	width: 45%;
	font-size:1.6rem;
	line-height:1.8;
}

#sec-about #personality-onair-station dt{
	float:left;
	width:40%;
}

#sec-about #personality-onair-station dt a{
	color:#fff;
	text-decoration: underline;
}

#sec-about #personality-onair-station dt a:hover{
	opacity:0.7;
}

#sec-about #btn-message{
	display: block;
    width: 100%;
    background: #fc593e;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	padding: 21px 0;
	margin-bottom:1em;
    color: #fff;
    border-radius: 40px;
}

#btn-message:hover{
	opacity: 0.7;
}

#personality-onair-time{
	text-align: center;
	font-size: 2.8rem;
	font-weight: 500;
}
@media screen and (max-width:999px) and (min-width:768px){
	#personality-onair-time{
		text-align: center;
		font-size: 2.8rem;
		font-weight: 500;
	}
}
@media screen and (max-width:767px) {
	#personality-onair-time{
		text-align: center;
		font-size: 2.2rem;
		font-weight: 500;
		margin-top: 1em;
	}	
}


/* ipad */
@media screen and (max-width:999px) and (min-width:768px){

	#sec-about #sec-about-summary{
		padding: 280px 0 35px;
		background: url(../../images/ilust_hand.svg) no-repeat center 50px;
		background-size: 35%;
	}

	#sec-about #sec-about-summary p{
		font-size:2.2rem;
	}

	/* パーソナリティー */

	#sec-about #sec-about-personality{
		padding:60px;
	}

	#sec-about #personality-photo{
		width:100%;
		height:auto;
		float:none;
		margin-bottom:2em;
	}

	#sec-about #personality-summary{
		float:none;
		width:100%;
		margin-left:0em;
		font-size:2.4rem;
	}

	#sec-about #personality-profile{
		padding-bottom:30px;
	}

	#sec-about #personality-profile-name{
		width:339px;
		margin:0 auto 1em;
	}

	#sec-about #personality-onair{
		margin-top:30px;
		flex-direction: column;
	}

	#sec-about #personality-onair-title{
		width:160px;
		margin:0 auto 1em;
	}

	#sec-about #personality-onair-station{
		font-size:2rem;
		width: 80%;
		margin: 0 auto;
	}

	#sec-about #personality-onair-station dt{
		float:left;
		width:60%;
	}
}

/* sp */
@media screen and (max-width:767px) {
	#sec-about #sec-about-title{
		font-size:2.4rem;
	}

	#sec-about #sec-about-english{
		width:160px;
	}

	#sec-about #sec-about-summary{
		padding:150px 0 20px;
		background: url(../../images/ilust_hand.svg) no-repeat center 30px;
		background-size: 40%;
	}

	#sec-about #sec-about-summary p{
		font-size:1.3rem;
	}

	/* パーソナリティー */

	#sec-about #sec-about-personality{
		padding:30px;
	}

	#sec-about #personality-photo{
		width:100%;
		float:none;
		margin-bottom:2em;
	}

	#sec-about #personality-summary{
		float:none;
		width:100%;
		margin-left:0em;
	}

	#sec-about #personality-profile-name{
		width:271px;
		margin:0 auto 0.5em;
	}
	#sec-about #personality-onair{
		margin-top:30px;
		flex-direction: column;
	}

	#sec-about #personality-onair-title{
		width:120px;
		margin:0 auto 0.5em;
	}

	#sec-about #personality-onair-station{
		font-size:1.3rem;
		width: 80%;
		margin: 0 auto;
	}

	#sec-about #personality-onair-station dt{
		width:45%;
	}


	#sec-about #btn-message{
		font-size: 1.4rem;
	}

}

/* ///////////////////////////////////////////////////////////////////

Podcast

/////////////////////////////////////////////////////////////////// */

.sec-podcast {
	margin: 0 auto 76px;

	.sec-podcast-iframe-wrapper {
		width: 959px;
		max-width: 95%;
		margin: 0 auto;
	}
	.sec-podcast-title {
		width: 749px;
		margin: 109px auto 0;
	}
	.sec-podcast-title img {
		max-width: 100%;
	}

	.sec-podcast-container {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 29px;
		margin: 41px auto 0;
	}
	.sec-podcast-radiko {
		width: 86px;
	}
	.sec-podcast-apple {
		width: 85px;
	}
	.sec-podcast-amazon {
		width: 87px;
	}
	.sec-podcast-spotify {
		width: 85px;
	}
	.sec-podcast-youtube {
		width: 193px;
	}
}

@media screen and (max-width:767px) {
	.sec-podcast {
		.sec-podcast-iframe-wrapper {
			width: 95%;
		}
		.sec-podcast-title {
			width: 564px;
			max-width: 75.2vw;
			margin: 30px auto 0;
		}
		
	.sec-podcast-container {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 14px;
		max-width: 92%;
		margin: 20px auto 0;
	}
	.sec-podcast-radiko {
		width: 43px;
	}
	.sec-podcast-apple {
		width: 43px;
	}
	.sec-podcast-amazon {
		width: 43px;
	}
	.sec-podcast-spotify {
		width: 43px;
	}
	.sec-podcast-youtube {
		width: 96px;
	}
	}
}

/* ///////////////////////////////////////////////////////////////////

TOKYO FMロゴ

/////////////////////////////////////////////////////////////////// */

#sec-tokyofm{
	padding-bottom:35px;
	background: #dbe5ef;
}

#sec-tokyofm #tokyofmlogo{
	width:280px;
	margin:0 auto 20px;
}

#sec-tokyofm #copyright{
	font-size:1.0rem;
	font-weight: bold;
	text-align: center;
}

/* sp */
@media screen and (max-width:767px) {
	#sec-tokyofm{
		padding-bottom:20px;
	}

	#sec-tokyofm #tokyofmlogo{
		width:40%;
	}

	#sec-tokyofm #copyright{
		font-size:1.0rem;
	}
}


/*---------------
footer
----------------*/
footer {
	clear:both;
	margin:0 auto;
	padding-bottom:6px;
	font-size: 1.1rem;
	word-break: normal;
	background:#fff;
	background: #dbe5ef url(../../images/footerbg.jpg) no-repeat center -60px;
	background-size: cover;
}

footer p{
	clear:both;
	text-align:center;
	padding:10px 0;
}

/* pagetop
------------------------------------------ */
#pagetop {
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index:100;
}

#pagetop span {
  position:absolute;
  display:block;
  width:84px;
  height:84px;
  top:0px;
  right:0px;
  background: #5373bc;
	text-indent: -9999px;
	border-radius:42px;
}

#pagetop a{
  display:block;
  width:100%;
  height:100%;
  background: url(../../images/totop_hand.svg) no-repeat center center;
  background-size: 84px 84px;
}

#pagetop:hover{
  opacity: 0.7;
}

/* pager */
.page_prevnext {
	text-align: center;
	  margin:20px 0;
	  font-size:1.4rem;
  }
  
  .page_prevnext li{
	  display:inline-block;
	  width:120px;
  }
  
  .page_prevnext li img{
	  width:100%;
  }
  
  .page_prevnext a:hover{
	  opacity: 0.7;
  }
  
  /* pager */
  .pageswitch {
	  clear:both;
	  width:100%;
	text-align: center;
	  position:relative;
	  height:23px !important;
	  margin:20px auto;
	  font-size: 1.2rem;
	  font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
  }
  .pageswitch strong {
	  background-color: #ffffff;
	  border: 1px solid #0097e0;
	  color: #0097e0;
	  font-weight: bold;
  }
  .pageswitch a {
	  color: #0097e0;
	  text-decoration: none !important;
  }
  .pageswitch a.num {
	  background-color: #0097e0;
	  border: 1px solid #0097e0;
	  color: #ffffff;
	  text-decoration: none !important;
  }
  .pageswitch a.num:link, .pageswitch a.num:visited {
		  box-sizing: border-box;
	  background-color: #0097e0;
	  border: 1px solid #0097e0;
	  text-decoration: none !important;
  }
  .pageswitch a.num:hover, .pageswitch a.num:active {
		  box-sizing: border-box;
	  background-color: #0097e0;
	  border: 1px solid #0097e0;
	  text-decoration: none !important;
  }
  .pageswitch .prevLink {
	  margin-right: 10px;
  }
  .pageswitch .nextLink {
	  margin-left: 10px;
  }
  
  .pageswitch .prevLink:hover,
  .pageswitch .nextLink:hover{
	  opacity: 0.5;
  }
  
  .pageswitch a[title="Previous page"] {
	  background: rgba(0, 0, 0, 0) url("../../images/arrow_left.svg") no-repeat scroll left center / 25px 25px;
	  display: inline-block;
	  height: 33px;
	  line-height: 34px;
	  padding-left: 25px;
	  text-align: right;
  }
  .pageswitch a[title="Next page"] {
	  background: rgba(0, 0, 0, 0) url("../../images/arrow_right.svg") no-repeat scroll right center / 25px 25px;
	  display: inline-block;
	  height: 33px;
	  line-height: 34px;
	  padding-right: 25px;
	  text-align: left;
  }


/* ///////////////////////////////////////////////////////////////////

詳細ページ

/////////////////////////////////////////////////////////////////// */

#kv-detail{
	width: 100%;
}

#sec-detail{
	padding:75px 0;
	background: #eff1f3;
}

#sec-detail-article{
	background:#fff;
	border:1px solid #ded8d8;
	border-radius:30px;
	overflow:hidden;
}

#blog-header{
	width:100%;
}

#blog-header img{
	width:100%;
}

.blog-inner{
	width:960px;
	padding:0px 120px 40px;
}

.blog-inner .blog-date{
	text-align:right;
	width:100%;
	margin:30px 0;
}

.blog-inner .blog-date-txt{
	display:inline;
	font-size:2.5rem;
	color:#999;
	vertical-align: middle;
}

.blog-inner .blog-date .twBtn,
.blog-inner .blog-date .lnBtn{
  box-sizing: border-box;
  width:46px;
  height:46px;
  display:inline-block;
  margin: 0 0 0 7px;
  border-radius: 50%;
  cursor:pointer;
}

.blog-inner .blog-date .twBtn{
	margin: 0 0 0 40px;
}

.blog-inner .blog-date img{
  width:100%;
  height:auto;
}

/* ブログ詳細 */
.blog-inner h3{
	font-size: 3.6rem;
	font-weight:bold;
	line-height: 1.4;
	color:#181818;
	margin-top:1em;
	margin-bottom:1em;
	padding-left:20px;
	border-left:10px solid #5373bc;
}

.blog-inner h3 span{
	display:block;
	font-size: 1.8rem;
}

.blog-inner p{
	font-size:1.6rem;
	font-weight:bold;
	line-height:3.2rem;
	margin-bottom: 2em;
}

.blog-inner p img{
	display:block;
	width:100%;
	height:auto;
	margin:auto;
}

.blog-inner p a:link {
	color: #5373bc;
	text-decoration: underline;
}

.blog-inner p a:visited {
	color: #5373bc;
	text-decoration: underline;
}

.blog-inner p a:hover {
	color: #5373bc;
	text-decoration: underline;
}

.blog-inner #detail-blog-button{
	display: block;
    width: 100%;
    background: #fc593e;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	padding: 21px 0;
	margin-bottom:1em;
    color: #fff;
    border-radius: 40px;
}

.blog-inner #detail-blog-button:hover{
	opacity: 0.7;
}

.blog-inner .detail-caption{
	padding:30px;
	background:#d7dbe3;
	color:#5373bc;
	font-weight:bold;
}

.blog-inner .detail-caption-title{
	font-size:3.0rem;
	margin-bottom:0.75em;
}

.blog-inner .detail-caption-txt{
	font-size:1.6rem;
	line-height: 1.8;
	text-align: justify;
}

#pageSwitch{
	width:50%;
	margin:30px auto 0;
	font-size: 0;
}

#pageSwitch li {
	box-sizing:border-box;
	width:calc(90%/3);
	display:inline-block;
	text-align: center;
	margin-right:5%;
}

#pageSwitch li img{
	width:100%;
}

#pageSwitch li:last-child {
	margin-right:0;
}

/* ipad */
@media screen and (max-width:999px) and (min-width:768px){

#sec-detail{
	padding:30px 0;
}

.blog-inner{
	width:100%;
	padding:0px 20px 20px;
}

/* ブログ詳細 */
.blog-inner p{
	font-size:2.0rem;
}

.blog-inner .detail-caption{
	padding:30px;
	background:#d7dbe3;
	color:#5373bc;
	font-weight:bold;
}

.blog-inner .detail-caption-txt{
	font-size:2.0rem;
}
}

/* sp */
@media screen and (max-width:767px) {

	#sec-detail{
		padding:20px 0;
	}

	.blog-inner{
		width:100%;
		padding:0px 20px 20px;
	}

	.blog-inner .blog-date{
		text-align:right;
		width:100%;
		margin:20px 0;
	}

	.blog-inner .blog-date-txt{
		font-size:1.6rem;
	}

	.blog-inner .blog-date .twBtn,
	.blog-inner .blog-date .lnBtn{
	  width:40px;
	  height:40px;
	  border-radius: 50%;
	}

	.blog-inner .blog-date .twBtn{
		margin: 0 0 0 20px;
	}

	/* ブログ詳細 */
	.blog-inner h3{
		font-size: 2.0rem;
		border-left:5px solid #5373bc;
	}

	.blog-inner h3 span{
		font-size: 1.6rem;
	}

	.blog-inner #detail-blog-button{
		font-size: 1.4rem;
		margin-bottom:2em;
	}

	.blog-inner .detail-caption{
		padding:30px 20px;
	}

	.blog-inner .detail-caption-title{
		font-size:2.4rem;
	}

	#pageSwitch{
		width:100%;
	}
}

/* ///////////////////////////////////////////////////////////////////

[form]

/////////////////////////////////////////////////////////////////// */

#kv-form{
	width:100%;
	height:700px;
	background: #dbe5ef url(../../images/mainbg.jpg) no-repeat center top;
	background-size: cover;
}

.kv-form-inner{
	position:relative;
	width:100%;
	max-width:960px;
	height:610px;
	margin:auto;
	background:url(../../images/main_logo.svg) no-repeat center center;
	background-size: 340px 410px;
}

#sec-form{
	width:100%;
	padding:75px 0;
}

#sec-form-title{
	text-align: center;
}

#sec-form-title img{
	width:200px;
	height:auto;
}

.iframe-inner{
	width:960px;
	padding:0 120px;
	margin:auto;
}

#iframe-present{
	width:100%;
	margin-bottom:2em;
}

#iframe-present p{
	display:block;
	float: left;
	width:55%;
	font-size:1.6rem;
	font-weight:bold;
	line-height: 1.5;
}

#iframe-present figure{
	width:40%;
	float:right;
}

#iframe-present figure img{
	width:100%;
	height:auto;
}

.iframeBox-inner{
	padding: 25px;
}


.iframeBox-inner iframe{
	clear:both;
	width:100%;
	height:2200px;
}

/* ipad */
@media screen and (max-width:999px) and (min-width:768px){

#kv-form{
	background: #dbe5ef url(../../images/mainbg_sp.jpg) no-repeat center top;
	background-size: cover;
}

.iframe-inner{
	width:95%;
	padding:0;
}
}

/* sp */
@media screen and (max-width:767px) {
#kv-form{
	height:450px;
	background: #dbe5ef url(../../images/mainbg_sp.jpg) no-repeat center top;
	background-size: cover;
}

.kv-form-inner{
	height:380px;
	background:url(../../images/main_logo.svg) no-repeat center center;
	background-size: 50%;
}

#sec-form{
	padding:40px 0;
}

#sec-form-title{
	text-align: center;
}

#sec-form-title img{
	width:150px;
}

.iframe-inner{
	width:95%;
	padding:0;
	margin:auto;
}

#iframe-present p{
	display:block;
	float: none;
	width:100%;
	font-size:1.6rem;
}

#iframe-present figure{
	width:100%;
	margin-top:1em;
	float:none;
}

.iframeBox-inner{
	padding: 10px 0;
}

.iframeBox-inner iframe{
	height:2100px;
}
}

/* ///////////////////////////////////////////////////////////////////

共通フッター　不具合修正 (2020/05/20 takahashi)

/////////////////////////////////////////////////////////////////// */

footer .multibox .spDetail section div{
	box-sizing: content-box;
}

/* ///////////////////////////////////////////////////////////////////

外部リンク実装 (2023/07/11 takahashi)

/////////////////////////////////////////////////////////////////// */


/* TOP一覧 */
.judgement{
	display: none;
}
.article-report-inner .flg-staff .gaibulink{
	display: none !important;
}
.article-report-inner .flg-staff .kiji{
	display: none !important;
}

.flg-onairreport .gaibulink{
	display: none !important;
}
.flg-link .kiji{
	display: none !important;
}
.flg-link .gaibulink p::after{
	content: "";
	display: inline-block;
	width: 16px;
	padding-top: 16px;
	background: url(../../images/extlink.svg) no-repeat left top;
	background-size: 16px;
	margin-left: 10px;
}

@media screen and (max-width:767px) {
	.flg-link .gaibulink p::after{
		content: "";
		display: inline-block;
		width: 12px;
		padding-top: 12px;
		background: url(../../images/extlink.svg) no-repeat left top;
		background-size: 12px;
		margin-left: 10px;
	}	
}




.instagram_icon{
	height: 20px;
}