@charset "utf-8";
/*************************
共通設定
***********/
/*画面幅100%*/
.topAbout {
    	width: unset;
}
/*文字色*/
.green1{
	color:#dff1ed;
	font-weight:bold;
}
.green2{
	color:#01916d;
	font-weight:bold;
}
.green2n{
	color:#01916d;
	font-weight:normal;
}
.orange{
	color:#ea5504;
	font-weight:bold;
}
/*背景色*/
.back_white{
	background:#fff;
}
.back_green1{
	background:#dff1ed;
}
.back_green2{
	background:#01916d;
}
/*角丸四角形*/
.br10{
	border-radius: 10px;
}
.br10{
	border-radius: 10px;
}
/*ポジション*/
.posi{
	position:relative;
}
.posi_l{
	position: absolute;
    	margin-top: 0px;
    	top: ;
}
.posi_c{
  	position:absolute;
 	 top:50%;
  	left:50%;
  	transform:translate(-50%,-50%);
  	width:100%;
}
.posi_click{
  	position:absolute;
  	transform:translate(-50%,-50%);
	top: 75%;
    	left: 80%;
}
.anim-box.fadein.is-animated {
	animation:fadeIn cubic-bezier(0.33, 1, 0.68, 1) infinite;
	animation-duration:3s;
}
@keyframes fadeIn {
  	0% {
    		opacity: 0;
  	}
  	100% {
    		opacity: 1;
  	}
}
/*フォントサイズ、間隔、高さ*/
.size2,.size_2{
	font-size:2rem;
}
.size25,.size_25{
	font-size:2.5rem;
}
.size3,.size_3{
	font-size:3rem;
}
.ls_01{
	letter-spacing: 0.1rem;
}
.lh2{
	line-height:2;
}
/*余白*/
.pd10{
	padding:10px;
}
.pd30_0{
	padding:30px 0;
}
.mg20_0_0{
	margin:20px 0 0;
}
/*図形*/
.fukidashi{
	background:#01916d;
	color:#fff;
	border-radius:5px;
	padding:5px;
	line-height:2;
	width:250px;
	margin:auto;	
}
.triangle_down1{
	width: 0;
    	height: 0;
    	border-left: 10px solid transparent;
    	border-right: 10px solid transparent;
    	border-top: 10px solid #01916d;
    	margin: 0 auto 25px;
}
.btn_green2{
	background:#01916d;
	color:#fff;
	border-radius:20px;
	padding:5px;
	display: block;
}
/*************************
グローバルメニュー非表示 
***********/
.gNav {
     display: none;
}

/*************************
 既定色変更
***********/
/*トップ*/
.section-bg01{
    	background: #fff;
	padding-bottom:0;
}
.section-bg02 {
    	background: #dff1ed;
}
/*フォーム*/
.btn-color {
 	background-color: #01916d;
}
/*フッター*/
.gFooter {
    	background-color: #dff1ed;
}
.gFooter_copyright {
    	background-color: #dff1ed;
}


/*************************
top topAbout section 
***********/
#top .topAbout section{
	text-align:center;
}
#top section .headLine2{
	text-align:center;
	margin: unset;
}
#top section .headLine2 span{
	color:#01916d;
	font-size:3.2rem;
}
#top section .headLine2:before ,#top section .headLine2:after {
	content:unset;
}
#top section .back_green1 .headLine2{
	color:#01916d;
}
#top section .back_green2 .headLine2{
	color:#fff;
}
/*NFのホームページでできること*/
.white_box {
    	margin: 0 auto;
}
.white_box>div{
	height:150px;
	background:#fff;
	margin:5px;
	color:#ea5504;
	font-weight:bold;
	line-height: ;
}
.topAbout .q_a{
  	margin:auto;
}
.topAbout .q_a .caution {
    	font-size: 90% !important;
}
/* 矢印 */
  .topAbout .q_a label::after {
    	float: right;
    	display: inline-block;
    	content: "\f107";
    	font-family: 'Font Awesome 5 Free';
    	font-weight: 900;
  }
  .topAbout .q_a .answer p {
    	margin: 10px;
  }
  .topAbout .q_a section {
    	margin-bottom: 100px;
  }
  .topAbout .q_a section ul li {
    	text-indent: 1.5em;
  }
  /*ラベル*/
  .topAbout .q_a label {
    	display: block;
    	margin: 5px 0 0;
    	color: #fff;
    	background: #01916d;
    	cursor: pointer;
    	transition: all 0.5s;
	border-radius: 10px;
	text-align:left;
  }
  /*ラベルホバー時*/
  .topAbout .q_a label:hover {
    	color: #fff;
    	background: #68BDA8;
  }
  /*チェックは隠す*/
  .topAbout .q_a input {
    	display: none;
  }
  /*中身を非表示*/
  .topAbout .q_a .answer {
    	height: 0;
    	background: #fff;
	text-align: left;
    	overflow: hidden;
  }
  /*クリックで中身表示*/
  .topAbout .q_a input:checked + label + .answer {
    	height: auto;
    	opacity: 1;
    	transition: 0.5s;
    	padding: 25px 25px 25px 100px;
}
  /*アイコンを入れ替える*/
  .topAbout .q_a input:checked + label::after {
    	content: "\f106";
  }
.plan_contents1 div{
	text-align:left;
}
/*制作の流れ*/
.top_flow div:nth-child(2n+1){
	background:#fff;
	font-size:2rem;
	font-weight:bold;
	padding:15px 0;
}
.top_flow div:nth-child(2n){
	width: 0;
    	height: 0;
    	border-left: 10px solid transparent;
    	border-right: 10px solid transparent;
    	border-top: 10px solid #fff;
    	margin: 0 auto 10px;
}
.top_form{
	overflow-y: scroll;
}
/**********************************
PC設定
**********************************/
@media (min-width: 768px) {
	.pc_none{
		display:none;
	}
	.w1000{
		width:1000px;
		margin:0 auto;
	}
	.w800{
		width:800px;
		margin:0 auto;
	}
	.w600{
		width:600px;
		margin:0 auto;
	}
	.w400{
		width:400px;
		margin:0 auto;
	}
	.w280{
		width:280px;
		margin:0 auto;
	}
	.posi_l{
    		left: 70px;
	}
	.pcmg20_auto_0{
		margin: 20px auto 0;
	}
	.pcmg70_auto_0{
		margin:70px auto 0;
	}
	.pcpd20_0{
		padding:20px 0;
	}
	.pcpd100_0{
		padding:100px 0;
	}
	.pcpd30_0_0{
		padding:30px 0 0;
	}
	.pcpd50_0_0{
		padding:50px 0 0;
	}
	.pcpd70_0_0{
		padding: 70px 0 0;
	}
	.pcpd0_20_40{
		padding:0 20px 40px;
	}
	.pcpd20_20_40{
		padding:20px 20px 40px;
	}
	.pcpdt30{
		padding-top:30px;
	}	
	.white_box {
		width:1000px;
	}
	.white_box>div{
		width: calc(100% / 2 - 30px);
	}
	.topAbout .q_a{
  		width:1000px;
	}
  	.topAbout .q_a label {
		padding: 25px 25px 25px 100px;
	}
	.plan_contents1{
		width:1000px;
		margin:0 auto;
	}
	.plan_contents1 div{
		padding-left: 260px;
		margin:20px 0;
		height:60px;
		line-height:60px;
	}
	.btn_green2{
		line-height:2;
	}
	.top_form{
		height:700px;
	}
	/*************************
	フッターメニュー
	***********/
	.gFooter_link {
	    	width: calc(100% / 4 - 40px);
	}

}
/**********************************
スマホ設定
**********************************/
@media (max-width: 767px) {
	.sp_scroll_table{
		overflow: auto;
    		white-space: nowrap;
	}
	p{
		font-size:1.4rem;
		margin-top:10px;
	}
	.size2,.size_2{
		font-size:1.8rem;
	}
	.size25,.size_25{
		font-size:2rem;
	}
	.size3,.size_3{
		font-size:2.5rem;
	}
	.spmg0_10{
		margin: 0 10px;
	}
	.spmg10{
		margin:10px;	
	}
	.spmg10_10_0 {
    		margin: 10px 10px 0;
	}
	.spmg20{
		margin:20px;
	}
	.spmg20_auto_0{
		margin:20px auto 0;
	}
	.sppd5_0{
		padding:5px 0;	
	}
	.sppd20_10{
		padding: 20px 10px;
	}
	.sppd10_20{
		padding: 10px 20px;
	}
	.sppd30{
		padding: 30px;
	}
	.sppdt30{
		padding-top:30px;
	}
	.sp_none{
		display:none;
	}
	.posi_l{
		left: 20px;
	}
	.gNavBtn>div {
		display:none;
	}
	.white_box {
		width:90%;
	}
	.white_box div{
		width: auto;
	}
  	.topAbout .q_a label {
		padding: 15px 20px;
	}
	.topAbout .q_a label::after {
      		display: block;
      		float: none;
      		text-align: center;
    	}
	.topAbout .q_a input:checked + label + .answer {
    	    	padding: 10px;
	}
	.plan_contents1 div{
		padding: 5px 20px;
    		margin: 10px 0;
	}
	.top_flow div:nth-child(2n+1) {
		font-size: 1.6rem;
		padding: 5px 0;
	}
	.top_form{
		height:400px;

	}
}

/**************************************既定**************************************/
/**************************************
全体・共通設定
**************************************/
/* フォント設定 */
.bold {
	font-weight: bold;
}
/* 文字揃え */
.align_l {
	text-align: left;
}
.align_c {
	text-align: center;
}
.align_r {
	text-align: right;
}

/* flex */
.flexbox {
}
.flex_re {
	flex-direction: row-reverse;
}
.flexbox > div,
.flexbox > p {
    flex: 1;
}
/* flex 上下中央寄せ */
.flex_c {
	align-items: center;
}

/* リンクホバー時　ゆっくり変化 */
a,
a:hover {
	transition: 0.3s ease-in-out;
}

/* エディタ内　テキストリンク（ボタン除く）　下線装飾 */
.editor a:not(.btn) {
	text-decoration: underline;
}
/* pagerの下線装飾回避 */
.editor .pager a:not(.btn) {
	text-decoration: none;
}

/* テーブル関連設定 */
.editor table th,
.editor table td {
	text-align: center;
	vertical-align: middle;
}
.common_img_table h3 {
	text-align: left;
}
.scrollTable {
	margin-top: 20px;
}

/* メインビジュアル縦幅設定 */
.mainSlider li,
.mainSlider li img {
	height: auto;
}


/**********************************
PC設定
**********************************/
@media (min-width: 768px) {

	/* flex */
	.flexbox {
		display: flex;
	}
	
	/* ボタン */
	.btn {
		width: 250px;
		margin: 0 auto;
	}

	/* iframe設定 */
	p > iframe {
		display: block;
		margin: 0 auto;
		width: 900px;
		height: 600px;
	}

	/* PC中央揃え　スマホ中央揃え */
	.sp_left{
		text-align:center;
	}

	/* 横並びテーブル */
	.column_table td {
		width: 50%;
		vertical-align: middle;
	}
}

/**********************************
スマホ設定
**********************************/
@media (max-width: 767px) {

	/* flex */
	.flexbox p:first-of-type {
		text-align: center;
	}

	/* 汎用_画像テーブル（院内設備など） */
	.common_img_table th,
	.common_img_table td {
		display: block; /* スマホ時縦並び */
	}
	
	/* 横並びテーブル */
	.column_table td {
		display: block;
	}

	/* 左右反転テーブル */
	.reverse_table tr {
		transform: scale(1, -1);
	}
	.reverse_table th {
		transform: scale(1, -1);
	}
	.reverse_table td {
		transform: scale(1, -1);
	}
	
	td {
		padding-bottom: 30px;
	}

	/* iframe設定 */
	p > iframe {
		height: 300px;
	}

	/* PC中央揃え　スマホ中央揃え */
	.sp_left{
		text-align:left;
	}

}