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

/*common*/
img.imgCenter{
	display:block;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}

/* =================================
 margin・padding
================================= */

/*margin right*/
.mr05 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
.mr30 {
  margin-right: 30px;
}
.mr35 {
  margin-right: 35px;
}
.mr40 {
  margin-right: 40px;
}
.mr45 {
  margin-right: 45px;
}
.mr50 {
  margin-right: 50px;
}
/*margin left*/
.ml05 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.ml30 {
  margin-left: 30px;
}
.ml35 {
  margin-left: 35px;
}
.ml40 {
  margin-left: 40px;
}
.ml45 {
  margin-left: 45px;
}
.ml50 {
  margin-left: 50px;
}
/*margin top*/
.mt00 {
  margin-top: 0px !important;
}
.mt05 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt35 {
  margin-top: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mt45 {
  margin-top: 45px;
}
.mt50 {
  margin-top: 50px;
}
.mt80 {
  margin-top: 80px;
}
.mt100 {
  margin-top: 100px;
}
/*margin bottom*/
.mb00 {
  margin-bottom: 0px !important;
}
.mb05 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb45 {
  margin-bottom: 45px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb100 {
  margin-bottom: 100px;
}
/*padding right*/
.pr05 {
  padding-right: 5px;
}
.pr10 {
  padding-right: 10px;
}
.pr15 {
  padding-right: 15px;
}
.pr20 {
  padding-right: 20px;
}
.pr25 {
  padding-right: 25px;
}
.pr30 {
  padding-right: 30px;
}
.pr35 {
  padding-right: 35px;
}
.pr40 {
  padding-right: 40px;
}
.pr45 {
  padding-right: 45px;
}
.pr50 {
  padding-right: 50px;
}
/*padding left*/
.pl05 {
  padding-left: 5px;
}
.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pl25 {
  padding-left: 25px;
}
.pl30 {
  padding-left: 30px;
}
.pl35 {
  padding-left: 35px;
}
.pl40 {
  padding-left: 40px;
}
.pl45 {
  padding-left: 45px;
}
.pl50 {
  padding-left: 50px;
}
/*padding top*/
.pt05 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt25 {
  padding-top: 25px;
}
.pt30 {
  padding-top: 30px;
}
.pt35 {
  padding-top: 35px;
}
.pt40 {
  padding-top: 40px;
}
.pt45 {
  padding-top: 45px;
}
.pt50 {
  padding-top: 50px;
}
.pt80 {
  padding-top: 80px;
}
.pt100 {
  padding-top: 100px;
}
/*padding bottom*/
.pb05 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb25 {
  padding-bottom: 25px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb35 {
  padding-bottom: 35px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb45 {
  padding-bottom: 45px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb80 {
  padding-bottom: 80px;
}
.pb100 {
  padding-bottom: 100px;
}

/*padding all*/
.pd05{
	padding:05px;
}
.pd10{
	padding:10px;
}
.pd15{
	padding:15px;
}
.pd20{
	padding:20px;
}
.pd25{
	padding:25px;
}
.pd30{
	padding:30px;
}
.pd50{
	padding:50px;
}

/* ----------------------------------------------------------------------
 ページ内リンク
---------------------------------------------------------------------- */
@media screen and (min-width: 1201px){
	a.scroll_point {
	 height: 1px;
	 margin-top: -110px;
	 padding-top: 110px;
	 display: block;
	}
}
@media (max-width: 781px) {
	 a.scroll_point {
	 height: 1px;
	 display: block;
	 margin-top: -80px;
	 padding-top: 80px;
	}
}
@media (max-width: 551px) {
	 a.scroll_point {
	 height: 1px;
	 display: block;
	 margin-top: -70px;
	 padding-top: 70px;
	}
}

/*トップページ*/
.topAbout{
	padding:40px 0;
}
.topAbout img{
	object-fit:cover;
	width:100%;
	height:400px;
	border-radius:10px;
}
.topAboutTxt{
	position:relative;
	background:#fff;
	padding:30px;
	box-sizing:border-box;
	margin-top:-50px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	max-width:1000px;
	z-index:2;
	border-radius:10px;
	box-shadow: 3px 3px 3px #ccc;
}

.topCategory{
	padding:40px 0;
}
.topCategoryWrap{
	margin-top:30px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.topCategoryBox{
	width:48%;
	position:relative;
	padding-bottom:60px;
	margin-bottom:40px;
}
@media screen and (max-width:767px)  {
	.topCategoryBox{
		width:100%;
		max-width:600px;
		margin:0 auto 40px;
	}
}
.topCategoryImg{
	position:relative;
	margin-bottom:15px;
}
p.topCategoryTag{
	position:absolute;
	font-family: 'Orbitron', -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
	font-style: italic;
	font-size:80px;
	left:10px;
	bottom:10px;
	color:#fff;
	opacity:0.8;
	line-height:1 !important;
	margin:0 !important;
	z-index:2;
}
.topCategoryBox h3.tit,
.topCategoryBox p.sub{
	font-family: 'Orbitron', -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
	font-style: italic;
	color:#2d4444;
	line-height: 1.95;
	text-align:center;
}
.topCategoryBox h3.tit{
	font-size:25px;
}
.topCategoryBox p.sub{
	font-size:16px;
	margin-top:0 !important;
	margin-bottom:15px !important;
}
.topCategoryBox .d--button-type9{
	position:absolute;
	width:100%;
	height:53px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	bottom:0;
}



/*--------------------------------------------------------------------------------------
 下層ページ共通
--------------------------------------------------------------------------------------*/

/* =================================
 全体
================================= */
.contentWrap{
	padding-top:50px;
}

/* =================================
 inner
================================= */
.innerBox{
	width:768px;
	max-width:calc(100% - 20px);
	margin-left: auto;
	margin-right: auto;
}

/* =================================
 tit
================================= */
.mainTit{
	margin-bottom:50px;
}
.mainTit span{
	font-size:16px;
	font-weight:normal;
}
.mainTit p{
	font-size:25px;
}
@media screen and (max-width:767px)  {
	.mainTit{
		margin-bottom:40px;
	}
	.mainTit span{
		font-size:14px;
	}
	.mainTit p{
		font-size:22px;
	}
}

/* =================================
 コンテンツ
================================= */
.contents{
	margin-bottom:80px;
}
@media screen and (max-width:767px)  {
	.contents{
		margin-bottom:60px;
	}
}

/* =================================
 本文
================================= */
.contentWrap p.mt{
	color:#333;
	font-size:16px;
	line-height:2.4em;
}

/*--------------------------------------------------------------------------------------
 監修者紹介
--------------------------------------------------------------------------------------*/
.supervisorMidashi{
	padding:5px 0 7px 10px;
	border-left:5px #2d4444 solid;
	margin-bottom:30px;
}
.supervisorMidashi p{
	font-family: 'Orbitron', -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
	font-style: italic;
	color:#b3b3b3;
	line-height: 1.95;
	letter-spacing:0.1em;
	font-size:14px;
}
.supervisorMidashi h3{
	font-size:22px;
}
.supervisorList ul{
	list-style:none;
	border-top:1px #2d4444 solid;
}
.supervisorList ul li{
	border-bottom:1px #2d4444 solid;
	font-size:22px;
	font-weight:700;
}
.supervisorList ul li a{
	position:relative;
	display:block;
	padding:10px;
	box-sizing:border-box;
	background:#fff;
	transition : all 0.5s ease 0s;
}
.supervisorList ul li a:hover{
	background:#f2f2f2;
}
.supervisorList ul li a::after{
	position: absolute;
	display:block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transition: all 0.5s ease 0s;
}
.supervisorList ul li a:hover::after{
	right: 15px;
}
@media screen and (max-width:767px)  {
	.supervisorMidashi p{
		font-size:13px;
	}
	.supervisorMidashi h3{
		font-size:20px;
	}
}

.profBoxTop{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.profImg{
	width:150px;
}
.profImg img{
	border-radius:50%;
}
.profData{
	width:calc(100% - 200px);
}
@media screen and (max-width:767px)  {
	.profImg{
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
	}
	.profData{
		width:100%;
		line-height:1.5em;
	}
}
.profData table{
	font-size:16px;
	line-height:1.8em;
	width:100%;
	border-collapse:collapse;
}
.profData table th,
.profData table td{
	padding:10px 15px;
}
.profData table th{
	color:#2d4444;
	border-bottom:2px #2d4444 solid;
}
.profData table td{
	border-bottom:2px #b3b3b3 solid;
}
.profData table td span{
	color:#b3b3b3;
	font-family: 'Orbitron', -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
	font-size:70%;
	letter-spacing:0.1em;
}
.profData table td ul{
	list-style:disc;
	padding-left:1em;
}
@media screen and (min-width:768px)  {
	.profData table td br{
		display:none;
	}
}
@media screen and (max-width:767px)  {
	.profData table{
		font-size:14px;
	}
}

.profBoxBottomTxt{
	margin-bottom:40px;
}
.profBoxBottomTit{
	border-bottom:1px #2d4444 solid;
	margin-bottom:25px;
}
.profBoxBottomTit h4{
	display:inline-block;
	background:#2d4444;
	color:#fff;
	font-size:16px;
	border-radius:5px 5px 0 0 ;
	padding:3px 10px 5px;
}
.pageProfLink a{
	color:#29abe2 !important;
	display:inline-block;
	text-decoration:underline;
}


/*--------------------------------------------------------------------------------------
 お問い合わせ
--------------------------------------------------------------------------------------*/
p.contectIntro{
	text-align:center;
}
@media screen and (min-width:768px)  {
	p.contectIntro br{
		display:none;
	}
}
.contactBox{
	margin-bottom:40px;
}
.wpcf7 .contactBox p{
	margin-top:0 !important;
	margin-bottom:1em !important;
	font-size:18px;
	color: #2d4444;
	font-weight:500;
	font-style: italic;
}
.wpcf7 .contactBox p span{
	color:#f15a24;
	display:inline-block;
	margin:0 0.3em;
}
.wpcf7 .contactBox p small{
	color:#b3b3b3;
	font-family: 'Orbitron', -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
	font-size:70%;
	letter-spacing:0.1em;
}
.contactBox .wpcf7-text,
.contactBox .wpcf7-form-control-wrap textarea{
	border:2px #2d4444 solid !important;
	background-color:#f2f2f2 !important;
	border-radius: 5px;
}
.mailForm .wpcf7-form-control-wrap{
	text-align:center;
	margin-bottom:20px;
}
.mailForm .wpcf7-form input[type=submit]{
	background: #2d4444;
    border: 2px solid #2d4444;
	color:#fff;
	box-sizing:border-box;
	transition : all 0.5s ease 0s;
	font-size:18px;
	padding:15px 70px;
	border-radius: 10px;
}
.mailForm .wpcf7-form input[type=submit]:hover{
	background:#ccc;
}
@media screen and (min-width:768px)  {
	.contactBox{
		margin-bottom:30px;
	}
}

/*--------------------------------------------------------------------------------------
 プライバシーポリシー
--------------------------------------------------------------------------------------*/

.privacyTit{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	background:#f2f2f2;
	border-radius:5px 5px 0 0;
	box-sizing:border-box;
	padding:10px 15px;
	margin-bottom:30px;
}
.privacyTit::after{
	position:absolute;
	content:"";
	width:100%;
	height:3px;
	left:0;
	bottom:-5px;
	background:#2d4444;
}

.privacyTit span{
	display:block;
	font-family: 'Orbitron', -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
	font-size:23px;
	font-weight:900;
	padding-right:0.5em;
}
.privacyTit h2{
	font-size:20px;
}
.privacyBox h3{
	font-size:20px;
	color:#2d4444;
}
.privacyBox ul{
	list-style:disc;
	padding-left:1em;
	padding-bottom:20px;
	border-bottom:1px #ccc dashed;
	margin-bottom:30px;
	line-height:2.4em;
}

@media screen and (max-width:767px)  {
	.privacyBox h3{
		font-size:18px;
	}
}