@charset "utf-8";

/*フォントファミリー
---------------------------------------------------------------------------*/
.ff_serif{font-family: 'Noto Serif JP', serif;}

/*フォント色
---------------------------------------------------------------------------*/
.fc_p{color:#d98595 !important;}
.fc_p2{color:#c70054 !important;}
.fc_p3{color:#c2475f !important;}
.fc_w{color:#fff !important;}
.fc_b{color:#365e80;}
.fc_b2{color:#536b9b;}
.fc_r{color:#A32129 !important;}
.fc_r2{color:#A3000B !important;}

.fc_g1{color:#13baa8;}
.fc_g2{color:#498697;}
.fc_g3{color:#50a7c2;}
.fc_g4{color:#3c576c;} /*症例のテーブルth文字*/
.fc_g5{color:#25c5d0;}
.fc_g6{color:#03909a;} 
.fc_g7{color:#114747;}

.fc_6{color:#666;}
.fc_0{color:#000;}

.color-check, .color-check a {color: #ff0000 !important;}
.color-theme, .color-theme a {color: #13baa8 !important;}
/*文字　グラデ*/
.fc_gra1{
	color: #498697;
    background: linear-gradient(-225deg, #2f86a1 0%, #59ffb5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fc_gra2{
	color: #5d7a91;
    background: linear-gradient(-225deg, #5d7a91 0%, #0dedff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fc_gra3{
    color: #772a56;
    background: linear-gradient(-225deg, #772a56 0%, #ff69bf 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fc_gra4{
    color: #d244aa;
background-image: linear-gradient(-225deg, #d244aa 0%, #d2ba13 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fc_gra5{
    color: #1da389;
background-image: linear-gradient(-225deg, #1da389 0%, #f7d137 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/*文字　影*/
.ts_1{text-shadow: 0px 0px 8px rgba(8,73,99,0.8);}


/*フォントサイズ
---------------------------------------------------------------------------*/
.small {font-size: 0.75em;}
.large {font-size: 3em; letter-spacing: 0.1em;}
.large2 {font-size: 1.5em;}

.fs_3s{font-size: 0.7rem;}
.fs_2s{font-size: 0.8rem;}
.fs_s{font-size: 0.9rem;}
.fs_l{font-size:16pt;}
.fs_2l{font-size:20pt;}
.fs_3l{font-size:24pt;}

.fs_11em{font-size: 1.1em;}
.fs_12em{font-size: 1.2em !important;}
.fs_06em{font-size: 0.6em;}
.fs_07em{font-size: 0.7em;}
.fs_08em{font-size: 0.8em;}
.fs_09em{font-size: 0.9em;}
.fs_2rem{font-size: 2rem;}

/*フォント太さ
---------------------------------------------------------------------------*/
.b{font-weight: bold;}
.b_nrl{font-weight: normal !important;}
/*フォントスタイル
---------------------------------------------------------------------------*/
.f_s_i{font-style: italic;}


/*行の高さ
---------------------------------------------------------------------------*/
.lh1{line-height: 1 !important;}
.lh11{line-height: 1.1 !important;}
.lh12{line-height: 1.2 !important;}
.lh13{line-height: 1.3 !important;}
.lh14{line-height: 1.4 !important;}
.lh15{line-height: 1.5;}
.lh16{line-height: 1.6;}
.lh17{line-height: 1.7;}
.lh18{line-height: 1.8;} 
.lh2{line-height: 2;} 
.lh095{line-height:0.95em !important;}

/*文字間隔
---------------------------------------------------------------------------*/
.ls-nml{letter-spacing: normal !important;}


/*背景色
---------------------------------------------------------------------------*/
.bg1{background-color: #d8eaea !important;}
.bg2{background: #fffc !important;}
.bg3{background-color: #CDDCDC;
    background-image: radial-gradient(at 50% 100%, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%);
    background-blend-mode: screen, overlay !important;}
.bg4{background: rgba(80, 167, 194 , 0.18) !important;}
.bg5{background: linear-gradient(#6fbfd1, #1e7075) !important;}
.bg6{background: #fff !important;}
.bg7{background-color: #f8f8f8 !important;}
.bg8{background-image: radial-gradient(73% 147%, #cfd9df70 59%, #e2ebf075 100%), radial-gradient(91% 146%, rgba(255, 255, 255, 0.50) 47%, rgba(0, 0, 0, 0.50) 100%); background-blend-mode: screen !important;}
.bg9{background-color: #efdfec !important;}
.bg10{background-color: rgba(237, 213, 224, 0.8) !important;}
.bg11{background-image: radial-gradient(73% 147%, #b0ddf970 59%, #e2ebf075 100%), radial-gradient(91% 146%, rgba(255, 255, 255, 0.50) 47%, rgba(0, 0, 0, 0.30) 100%); background-blend-mode: screen !important;}
.bg12{background-color: rgba(228, 228, 228, 0.8) !important;}
.bg13{background: #498697 !important;}
.bg14{background-color: rgba(216, 240, 248, .5) !important;}
.bg15{background-color: #f5f1f1 !important;}
.bg16{background-image: radial-gradient(73% 147%, #f0ece9 59%, #ede4dd 100%), radial-gradient(91% 146%, rgba(255, 255, 255, 0.50) 47%, rgba(0, 0, 0, 0.50) 100%); background-blend-mode: screen !important;}
.bg17{background-color: #f0ece9 !important;}
.bg18{background-color: #ede4dd !important;}
.bg19{background-color: #eff6ff !important;}
.bg20{background-color: #17355b; background: linear-gradient(90deg, #1D262E 0%, #5da4e4 50%, #1D262E 100%) !important;}

/*白幾何学パターン*/
.bg-pt1{
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23B6FBFF'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23B6FBFF'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23B6FBFF'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
/*background-attachment: fixed;*/
background-size: cover;
}

.bg-iryouhikoujo{
background: url(/images/iryohikoujo.jpg);
    background-size: cover;
    background-position: center bottom;
}

.bg-none{background:none !important;}

/*ボックスシャドウ
---------------------------------------------------------------------------*/
.box-sdw1{box-shadow: 1px 1px 8px -2px rgba(200,200,200,.8);}
.box-sdw2{box-shadow: 5px 9px 20px 0px rgba(60, 194, 235,.16);}
.box-sdw3{box-shadow: 0 5px 10px rgba(0, 0, 0, .2);}

/*枠線
---------------------------------------------------------------------------*/

.bd1{border: solid 1px #E1E8ED;}
.bd2{border: 1px solid #ccc;}
.bd3{border: 3px dashed #d8eaea !important;}
.bd4{border: 10px double #d8eaea !important;}

.bd-dash1 {border: dashed 3px #498697;}

.bdb1{border-bottom: solid 1px #CCC;}
.bdb2{border-bottom: solid 1px #E1E8ED;}

.look {display: inline-block;padding: 0px 10px;background: #eee;border: 1px solid #ccc; border-radius: 3px;margin: 5px 0; word-break: break-all;}

/*角丸
---------------------------------------------------------------------------*/
.br0{border-radius: 0 !important;} 
.br10{border-radius: 10px;}
.br20{border-radius: 20px;}
.br30{border-radius: 30px;}

/*hr 区切り線
---------------------------------------------------------------------------*/
hr.style1 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style2{border-top: 1px #ccc solid;}
hr.style3{border-top: 1px dashed #c6c6c6;}
hr.style4{border-top: 1px #c0b076 solid;}
hr.style5{border-top: 1px #60c1bf solid;}


/*アンダーマーカー
---------------------------------------------------------------------------*/
.under-yellow {background: linear-gradient(transparent 50%, rgba(255, 252, 107, .55) 50%);}
.under-blue1 {background: linear-gradient(transparent 50%, rgb(196, 242, 255, .64) 50%);}

/*テキストデコレーション*/
.txtdeco-none{text-decoration: none !important;}

/*横幅
---------------------------------------------------------------------------*/
.w-auto{width: auto !important;}
.w-fit{width: fit-content !important;}
.w-max{width: max-content !important;}
.w-min{width: min-content !important;}
.w-100per{width: 100% !important;}
.w-98per{width: 98% !important;}
.w-95per{width: 95% !important;}
.w-90per{width: 90% !important;}
.w-85per{width: 85% !important;}
.w-80per{width: 80% !important;}
.w-75per{width: 75% !important;}
.w-70per{width: 70% !important;}
.w-65per{width: 65% !important;}
.w-60per{width: 60% !important;}
.w-55per{width: 55% !important;}
.w-50per{width: 50% !important;}
.w-45per{width: 45% !important;}
.w-40per{width: 40% !important;}
.w-33per{width: 33% !important;}
.w-35per{width: 35% !important;}
.w-30per{width: 30% !important;}
.w-25per{width: 25% !important;}
.w-20per{width: 20% !important;}
.w-15per{width: 15% !important;}
.w-10per{width: 10% !important;}
.w-05per{width: 5% !important;}
.w-initial{width: initial !important;}

	/*スマホのみフルの横幅*/
	@media screen and (max-width:530px) {
		.w-smt-100vw{
        margin: 0 calc(50% - 50vw) !important;
    	width: 100vw !important;
		}
	}/*画面幅530px以下の追加指定ここまで*/

/*横幅 max min
----------------------------------*/
.w-max400{max-width: 400px !important;}
.w-max500{max-width: 500px !important;}
.w-max600{max-width: 600px !important;}
.w-max700{max-width: 700px !important;}
.w-max800{max-width: 800px !important;}
.w-max900{max-width: 900px !important;}
.w-max950{max-width: 950px !important;}
.w-max1024{max-width: 1024px !important;}
.w-max90per{max-width: 90% !important;}
.w-max95per{max-width: 95% !important;}
.w-max100per{max-width: 100% !important;}

/*縦幅
---------------------------------------------------------------------------*/
.h-auto{height: auto !important;}

/*センタリング 文字位置・text-align
---------------------------------------------------------------------------*/
.cn{text-align:center !important;}
.center{margin-left: auto !important;
margin-right: auto !important;
}
.c {text-align: center !important;}
.r {text-align: right !important;}
.l{text-align: left !important;}


/*余白
---------------------------------------------------------------------------*/
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.mr0{margin-right: 0 !important;}
.ml0{margin-left: 0 !important;}

.m1em{margin: 1em !important;}

.mt1em{margin-top: 1em !important;}
.mt2em{margin-top: 2em !important;}
.mt3em{margin-top: 3em !important;}
.mt4em{margin-top: 4em !important;}

.mb30 {margin-bottom: 30px !important;}
.mb1em{margin-bottom: 1em !important;}
.mb2em{margin-bottom: 2em !important;}
.mb3em{margin-bottom: 3em !important;}
.mb4em{margin-bottom: 4em !important;}
.mb7em{margin-bottom: 7em !important;}
.mb8em{margin-bottom: 8em !important;}

.mr05em{margin-right: 0.5em !important;}
.mr1em{margin-right: 1em !important;}
.mr2em{margin-right: 2em !important;}
.mr3em{margin-right: 3em !important;}
.mr4em{margin-right: 4em !important;}

.ml05em{margin-left: 0.5em !important;}
.ml1em{margin-left: 1em !important;}
.ml2em{margin-left: 2em !important;}
.ml3em{margin-left: 3em !important;}
.ml4em{margin-left: 4em !important;}

.pd0{padding: 0 !important;}

.pdt1em{padding-top: 1em !important;}
.pdt2em{padding-top: 2em !important;}
.pdt3em{padding-top: 3em !important;}
.pdt4em{padding-top: 4em !important;}

.pdb1em{padding-bottom: 1em !important;}
.pdb2em{padding-bottom: 2em !important;}
.pdb3em{padding-bottom: 3em !important;}
.pdb4em{padding-bottom: 4em !important;}

.pdr05{padding-right: 0.5rem !important;}
.pdr1{padding-right: 1rem !important;}

.pdl05{padding-left: 0.5rem !important;}
.pdl1{padding-left: 1rem !important;}
.pdl2{padding-left: 2rem !important;}

.pd05em{padding: 0.5em !important;}
.pd07em{padding: 0.7em !important;}
.pdtb100{padding-top: 100px !important; padding-bottom: 100px !important;}

.pd-ol{padding: 0.5em 0.5em 0.5em 2em !important;}


.ti1{text-indent: 1rem !important;}

/* display */
---------------------------------------------------------------------------*/
.db{display: block !important;}
.di{display: inline !important;}
.block {display: block !important;}


.df{display:flex !important;}
.df-cen {justify-content: center;} 
.df-wr{flex-wrap: wrap !important;}
.df-alst{align-items: flex-start !important;}


.dn {display: none !important;}

/* 画面幅による display 出し分け*/
-------------------------------------------*/
.ws {width: 98%;display: block;}
.wl {width: 98%;display: block;}
.pc {display: none;}
	/*画面幅900px以上の追加指定*/
	@media screen and (min-width:900px) {

		.ws {width: 48%;display: inline;}
		.sh {display: none;}
		.pc {display: block;}

	}/*画面幅900px以上の追加指定ここまで*/

@media screen and (max-width:768px){
	.nosmtpage {display: none;}
	
}
@media screen and (min-width: 769px) {
	.nopcpage {display: none;}
}




/* flex PC・タブレットのみ適用*/
-----------------------------------------------*/
	.fl-pc{display: initial;}


	/*画面幅768px以上 PC・タブレットの追加指定*/
	@media screen and (min-width:768px) {
		
	.fl-pc{display: flex;}
	.fl-pc-cen {justify-content: center;}
	.fl-pc-betw {justify-content: space-between;}
	.fl-drc-re{flex-direction: row-reverse;}
	.fl-pc-alcen {align-items: center;}
	
	
}/*画面幅768px以上の追加指定ここまで*/



/*リンクテキスト全般の設定
---------------------------------------------------------------------------*/
a {
	color: #444;	/*文字色*/
	transition: 0.3s;	/*hoverまでにかける時間。0.3秒。*/
}

/*マウスオン時*/
a:hover {
	filter: brightness(1.1);	/*少しだけ明るくする*/
}

/*その他
---------------------------------------------------------------------------*/
.clearfix::after {content: "";display: block;clear: both;}
.img {margin: 0 0 1rem;}
.cont-non{content: none;}


/*cvボタン
---------------------------------------------------------------------------*/
.cvbtn,
a.cvbtn,
button.cvbtn {
  width:85%;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  position: relative;
  display: inline-block;
  padding: 1rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.08em;
  color: #fff;
  border-radius: 0.5rem;
  margin-bottom:20px;
  margin-top:20px;
}
a.cvbtn-radius-solid {
background-image: linear-gradient(-225deg, #B7F8DB 0%, #50A7C2 100%);
border: 2px solid #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

a.cvbtn-radius-solid:hover {
background-image: linear-gradient(-225deg, #50A7C2 0%, #B7F8DB 100%);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
border: 2px solid #fff;
}

.cvbtn-max{max-width: 700px;}





/*ページ内フレックスボックス
---------------------------------------------------------------------------*/
.pagebox {
	display: flex;
	flex-direction: row-reverse;
	margin-bottom: 20px;
	padding: 0px;
	justify-content: space-between;
	box-sizing: border-box;
	width:100%;
}

.pagetext{
}

.pagepict {
	margin-right: 10px;
	width: 40%;
	}
.pagepict img {
	max-width: 100%;
	vertical-align: top;
}

@media screen and (max-width:768px) {
.pagebox {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	padding: 0px;
	box-sizing: border-box;
	width: 100%;
	flex-wrap: wrap;
}

.pagetext{
    width: 100%;
	margin-top: 20px;
}

.pagepict {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
.pagepict img {
  width: 100%;
  max-width: 750px;
  height: auto;
}
	
}


/*「お知らせ」ブロック
---------------------------------------------------------------------------*/
/*お知らせブロック*/
.new {
	margin: 0;
	padding: 0 1rem;	/*上下、左右へのボックス内の余白*/
}

/*日付(dt)、記事(dd)共通設定*/
.new dt,
.new dd {
	padding: 5px 0;		/*上下、左右へのボックス内の余白*/
}

/*日付の横のマーク（共通設定）*/
.new dt span {
	display: none;	/*小さな端末では非表示にしておく。*/
}

	/*画面幅900px以上の追加指定*/
	@media screen and (min-width:900px) {

	/*お知らせブロック*/
	.new {
		display: flex;		/*flexボックスを使う指定*/
		flex-wrap: wrap;	/*折り返す指定*/
	}

	/*日付(dt)設定*/
	.new dt {
		width: 14em;	/*幅。14文字(em)分。アイコン分も含んだ幅にします。*/
		display: flex;	/*flexボックスを使う指定*/
		justify-content: space-between;	/*日付とアイコンをそれぞれ端に寄せる*/
	}
	
	/*日付の横のマーク（共通設定）*/
	.new dt span {
		display: inline-block;	/*表示させる*/
		width: 7em;				/*幅。7文字(em)分。*/
		background: #999;		/*背景色*/
		color: #fff;			/*文字色*/
		font-size: 0.8em;		/*文字サイズを親要素の80%に。*/
		text-align: center;		/*文字をセンタリング*/
		margin-right: 1em;		/*アイコンの右側に空けるスペース*/
		align-self: flex-start;	/*高さを間延びさせない指定*/
		line-height: 1.8;		/*行間を少し狭く*/
		position: relative;top: 0.4em;	/*上下の配置バランスの微調整*/
		border-radius: 2px;		/*角を丸くする指定*/
	}

	/*icon-bg1設定。サンプルテンプレートでは「●●●重要」と書いてあるマーク*/
	.new dt span.icon-bg1 {
		background: #cd0000;	/*背景色*/
	}

	/*icon-bg2設定。サンプルテンプレートでは「●●●サービス」と書いてあるマーク*/
	.new dt span.icon-bg2 {
		background: #006acd;	/*背景色*/
	}

	/*記事(dd)設定*/
	.new dd {
		width: calc(100% - 14em);	/*「14em」は上の「.new dt」のwidthの値です。*/
	}

	}/*画面幅900px以上の追加指定ここまで*/





/*btnの設定（「btn1」と「btn2」）
---------------------------------------------------------------------------*/
/*ボタン共通*/
a.btn1, a.btn2 {
	display: inline-block;text-decoration: none;
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる*/
	border-radius: 3px;		/*角を丸くする指定*/
	padding: 0.3rem 2rem;	/*上下、左右へのボタン内の余白*/
	box-shadow: 1px 2px 3px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、ぼかし幅。0,0,0は黒の事で0.2は色が20%出た状態。*/
	transition: 0.3s;	/*hoverまでにかける時間。0.3秒。*/
}

/*iタグ共通（アイコンの事）*/
a.btn1 i, a.btn2 i {
	margin-left: 20px;
}

/*btn1の追加指定*/
a.btn1 {
	background: #fff;	/*背景色*/
	color: #444;		/*文字色*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
}

/*btn1内のiタグ（アイコンの事）*/
a.btn1 i {
	color: #13baa8;	/*文字色*/
}

/*btn2の追加指定*/
a.btn2 {
	background: #6cbdc9;	/*背景色*/
	color: #fff;			/*文字色*/
}


/*スライドショー（slickを使用）
---------------------------------------------------------------------------*/
/*画像を囲むブロック*/
.mainimg {
	margin-bottom: 40px;	/*画像の下に空けるスペース*/
}

/*丸いページナビボタン全体を囲むブロック*/
ul.slick-dots {
	margin:0;padding: 0;
	line-height: 1;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: -30px;	/*下からの配置場所指定。ボタンを画像の下に移動します。*/
}

/*丸いページナビボタン１個あたりの設定*/
ul.slick-dots li {
	display: inline-block;
	margin: 0 10px;
	cursor: pointer;
}

/*buttonタグ*/
ul.slick-dots li button {
	border: none;padding: 0;
	display: block;
	text-indent: -9999px;	/*デフォルトで文字が出るので画面の外に追い出す指定*/
	width: 12px;			/*ボタンの幅*/
	height: 12px;			/*ボタンの高さ*/
	border-radius: 50%;		/*丸くする指定*/
	cursor: pointer;		/*クリックで画像へジャンプするので、わかりやすいようhover時にpointerになるように。*/
	background: #ccc;		/*背景色。白。*/	
}

/*buttonのアクティブ時（現在表示されている画像を示すボタン）*/
ul.slick-dots li.slick-active button {
	background: #13baa8;	/*色*/
}


/*FAQ
---------------------------------------------------------------------------*/
/*FAQボックス全体*/
.faq {
	padding: 0 1rem;	/*上下、左右へのボックス内の余白*/
}

/*質問*/
.faq dt {
	border-radius: 3px;		/*枠を角丸にする指定*/
	margin-bottom: 1rem;	/*下に空けるスペース*/
	/*background: #fff;*/
	border: 1px solid #E1E8ED;	/*枠線の幅、線種、色*/
	text-indent: -2rem;				/*テキストのインデント。質問が複数行になった際に、テキストの冒頭を揃える為に設定しています。*/
	padding: 5px 1em 5px 3em;		/*ボックス内の余白。ここを変更する場合、上のtext-indentも調整します。*/
background: linear-gradient(#fff, #eef4f4) !important;     /*背景色上書き*/
}

/*アイコン（Font Awesome）*/
.faq dt::before {
	font-family: "Font Awesome 5 Free";	/*Font Awesomeを使う指定*/
    content: "\f059";	/*アイコンのコード*/
	color: #13baa8;		/*アイコンの色*/
	padding-right: 1rem;	/*アイコンとテキストとの間のスペース*/
	background: linear-gradient(-225deg, #03799e 0%, #70ffbe 100%); /*アイコンの色 グラデ*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*回答*/
.faq dd {
	padding: 5px 0.3rem 3rem 0.3rem;		/*ボックス内の余白**/
}
	/*画面幅900px以上の追加指定*/
	@media screen and (min-width:900px) {
	.faq dd {padding: 5px 1rem 4rem 3rem;}
	}



/*opencloseを適用した要素のカーソル*/
.openclose {
	cursor: pointer;	/*カーソルの形状。リンクと同じスタイルにしてクリックできると認識してもらう。*/
}

/*　※FAQのデザイン活用　　先頭がチェックマーク
---------------------------------------------------------------------------*/
/*ボックス全体*/
.check-dlbox {
	padding: 0 1rem;	/*上下、左右へのボックス内の余白*/
}

/*質問*/
.check-dlbox dt {
border-radius: 3px;
    margin-bottom: 1rem;
    /* background: #fff; */
    border: 1px solid #d5e1ed;
    text-indent: -2rem;
    padding: 5px 1em 5px 3em;
    background: linear-gradient(#fff, #e2ebf2) !important;
}

/*アイコン（Font Awesome）*/
.check-dlbox dt::before {
font-family: "Font Awesome 5 Free";
    content: "\f058";
    color: #3c576c;
    padding-right: 1rem;
}

/*回答*/
.check-dlbox dd {
	padding: 5px 1rem 30px 3rem;		/*ボックス内の余白**/
}

/*opencloseを適用した要素のカーソル*/
.openclose {
	cursor: pointer;	/*カーソルの形状。リンクと同じスタイルにしてクリックできると認識してもらう。*/
}

/*トップページの「キャンペーン中」ボタン
---------------------------------------------------------------------------*/
#message a {
	text-decoration: none;display: block;
	writing-mode: vertical-rl;
	text-orientation: upright;
	background: #ff7e00;/*背景色*/
	color: #fff;		/*文字色*/
	position: fixed;	/*スクロールしてもボタンが移動しないようにする指定。移動させたいならfixedをabsoluteにして下さい。*/
	z-index: 1;
	right: 0px;			/*ボタンの右からの配置場所指定*/
	top: 170px;			/*ボタンの上からの配置場所指定*/
	padding: 20px 15px;	/*ボタン内の余白。上下、左右。*/
	border-radius: 10px 0px 0px 10px;	/*角を丸くする指定。左上、右上、右下、左下の順番。*/
	letter-spacing: 0.1rem;	/*文字間隔を少しだけ広く*/
}

/*ふきだしアイコン*/
#message i {
	transform: scale(1.3);	/*1.3倍に*/
	margin-bottom: 10px;	/*下に空ける余白*/
}

/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
.pagetop-show {display: block;}

/*ボタンの設定*/
.pagetop a {
	display: block;text-decoration: none;text-align: center;z-index: 99;
	position: fixed;	/*スクロールに追従しない(固定で表示)為の設定*/
	right: 10px;		/*右からの配置場所指定*/
	bottom: 90px;		/*下からの配置場所指定*/
	color: #fff;		/*文字色*/
	font-size: 1.5em;	/*文字サイズ*/
	background: rgba(0,0,0,0.2);	/*背景色。0,0,0は黒の事で0.2は色が20%出た状態。*/
	width: 60px;		/*幅*/
	line-height: 60px;	/*高さ*/
	border-radius: 50%;	/*円形にする*/
}
/*900px以上追加設定*/
@media screen and (min-width:900px) {
	.pagetop a {
		right: 20px;		/*右からの配置場所指定*/
		bottom: 20px;		/*下からの配置場所指定*/
	}
}

/*スマホのみ改行*/
.br-sp {
    display: none;
}

@media (max-width: 561px) {
    .br-sp {
        display: block;
    }
}