@charset "utf-8";
/*
Template: oops_tcd048
Theme Name:hyogo-hocho
Version:3.3
*/
/*-------------------------
 * スマホ・PCの改行について	
-------------------------*/
/*(スマホで改行)HTML:<br class="br_sp" />*/
@media screen and (min-width: 767px){.br_pc { display:block; }.br_sp { display:none; }}
@media screen and (max-width: 767px){.br_pc { display:none; }.br_sp { display:block; }}

/*-------------------------
 * スマホ・PCの限定表示について
-------------------------*/
/*
HTML:<div class="pc_only"></div>
HTML:<div class="sp_only"></div>
*/
/*画像をPCのみで表示させる場合(=スマホでは非表示にする場合)のCSS*/	
@media screen and (max-width: 767px){.pc_only{display:none;}}
/*画像をスマホのみで表示させる場合(=PCでは非表示にする場合)のCSS*/			
@media screen and (min-width: 767px){.sp_only{display:none;}}

/*-------------------------
 * スマホサイズ：コピペ用
-------------------------*/
/*

/*1201px以上で適用*/
@media screen and (min-width:1201px) {
}
/*1200px以下で適用*/
@media screen and (max-width:1200px) {
}
/*767px以下で適用*/
@media screen and (max-width: 767px) {
}
/*-------------------------
 * ページ内リンク
-------------------------*/
.anchorlink {
	display:block;
	padding-top:200px !important;
	margin-top:-200px !important;
}
/*-------------------------
 * フォント
-------------------------*/
/*ゴシック体*/
.font-gothic {
	font-family:Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif
}

/*明朝体*/
.font-mincho {
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

/*丸文字*/
.font-maru {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
/*文字種類*/
.gothic{
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}

/*-------------------------
 * ページビルダー
-------------------------*/
/*ページビルダー：余白*/
.p-entry__body {margin-bottom:0;}
.p-entry__body p {margin-bottom:10px;}

/*-------------------------
 * 共通
-------------------------*/
/*文字位置*/
.text_c{text-align:center}
.text_c_pc{text-align:center}
.text_l{text-align:left}
.text_r{text-align:right}
/*文字太さ*/
.weight_bold{font-weight:bold;}
.weight_500{font-weight:500;}
/*----------------------------------
 * 区切り線 hr
----------------------------------*/
hr.style1 {
	border-top: 1px solid #CCCCCC;
	margin:5% 0;
}
/*----------------------
  *各紹介ページ
----------------------*/
div.gest{margin-bottom:60px;}
div.gest .gest1{
 font-weight:bold;
 line-height:1.5;
 text-align:left;
 font-size:20px;
 margin-bottom:5px;
 display: inline-block;
 border-bottom: solid 3px #ddd7d4;
/*線の種類（実線） 太さ 色*/}
div.gest .gest1:first-letter {
font-size: 2.5em;
color:#ddd7d4;
}
div.gest .gest2{
 line-height:1.5;
 text-align:left;
 font-size:16px;
margin-bottom:60px;}

.profile_area{
	/*font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';*/
}
.profile_area .profile_tit{
	font-size:25px !important;/*calc(100% + 1vw)*/
	font-weight:bold;
	line-height:1.6;
}

.profile_area .profile_tit2{
	font-size:40px;
	font-weight:500;
	line-height:1.6;
}

.profile_area .profile_text1{
	font-size:16px !important;/*calc(100% + 0.2vw)*/
	line-height:2;
}
.profile_area .profile_text2{
	font-size:16px !important;/*calc(100% + 0.1vw)*/
	line-height:2;
}
.profile_area .profile_info{
	background:#EEE;
	padding:3%;
	line-height:1.6;
	font-weight:500;
}

.step_area{}
.step_area .step_tit1{
	border-left: 8px solid #EEE;
	padding:0 0.5em;
	font-size:25px !important;/*calc(100% + 1vw)*/
	font-weight:bold;
}
.step_area .step_text1{
	padding:0 0.5em;
	font-size:16px !important;/*calc(100% + 0.2vw)*/
}
@media screen and (max-width: 767px){
	.profile_area .profile_tit{
		font-size:18px!important;
	}
	.profile_area .profile_tit2{
		font-size:18px!important;
	}
	.profile_area .profile_text1{
		font-size:15px!important;
	}
	.profile_area .profile_text2{
		font-size:15px!important;
	}
	.step_area .step_tit1{
		font-size:18px!important;
	}
	.step_area .step_text1{
		font-size:15px!important;
	}
}
/*-------------------------
 * 動画（フロントページ）	
-------------------------*/
.su-youtube iframe{
	width:80% !important;
	height:80% !important;
	top:10% !important;
	left:10% !important;
}