@charset "utf-8";
 /* --------------------------------------------------
	基本定義
-------------------------------------------------- */
 .bpts_both {
 	clear: both;
 	font-size: 0px;
 	line-height: 0px;
 }
 /* スペーサー　 */
 .bpts_spacer_h5 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 5px;
 }
 .bpts_spacer_h7 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 7px;
 }
 .bpts_spacer_h10 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 10px;
 }
 .bpts_spacer_h15 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 15px;
 }
 .bpts_spacer_h20 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 20px;
 	line-height: 20px;
 }
 .bpts_spacer_h30 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 30px;
 	line-height: 20px;
 }
 .bpts_spacer_h40 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 40px;
 	line-height: 20px;
 }
 .bpts_spacer_h80 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 80px;
 	line-height: 20px;
 }
 .bpts_spacer_h30 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 30px;
 	line-height: 20px;
 }
 .bpts_spacer_h180 {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 180px;
 	line-height: 20px;
 }
 .bpts_spacer_h30_onoff {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 30px;
 	line-height: 20px;
 }
 /* 768以下になったらスペーサーの高さをゼロにするオプション*/
 .op_768off {}
 @media (max-width: 768px) {
 	.op_768off {
 		height: 0px;
 		line-height: 0px;
 	}
 }
 /* --------------------------------------------------
	リキッドの時のFlexboxのOn/Off機能を持つコンテナ
-------------------------------------------------- */
 /*　flex（レスポンシブで横並びを解除する） */
 .bpts_flexbox_onoff {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 }
 /* レスポンシブで横並びを解除したくないときはこっち */
 .bpts_flexbox_noblock {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 }
 /* 両端ぞろえにしたいとき */
 .bpts_flexbox_onoff.justify {
 	-webkit-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }
 .bpts_flexbox_noblock.justify {
 	-webkit-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }
 /* 中央揃えにしたいとき */
 .bpts_flexbox_onoff.center {
 	-webkit-box-pack: center;
 	-ms-flex-pack: center;
 	justify-content: center;
 }
 /* 折り返したいとき */
 .bpts_flexbox_onoff.wrap {
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 }
/* 要素を上下中央に寄せる */
.bpts_flexbox_onoff.item_center{
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
 	-ms-flex-pack: center;
 	justify-content: center;
}
 @media (max-width: 768px) {
 	.bpts_flexbox_onoff {
 		display: block;
 		-webkit-box-pack: center;
 		-ms-flex-pack: center;
 		justify-content: center;
 	}
 }
 /* --------------------------------------------------
	リキッドなシングル横帯バナー
-------------------------------------------------- */
 .bpts_singlebanner {
 	margin: 10px auto;
 	width: 100%;
 	text-align: center;
 }
 .op_w90pct {
 	width: 90%;
 }
 .op_w80pct {
 	width: 80%;
 }
 .op_w60pct {
 	width: 60%;
 }
 .op_w50pct {
 	width: 50%;
 }
 .bpts_singlebanner img {
 	margin: 0px auto;
 	width: 100%;
 }
 /* --------------------------------------------------
	いろいろなパーツ
-------------------------------------------------- */
 .bpts_alignedlist {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	margin: 0px;
 }
 .bpts_alignedlist li {
 	float: left;
 	width: 16em;
 }
 /* --------------------------------------------------
	フッター
-------------------------------------------------- */
 .bpts_footer {
 	margin-top: 70px;
 	max-width: 1920px;
 	width: 100%;
 	height: 210px;
 	background-repeat: no-repeat;
 	background: url("../image/common/bg-footer.jpg");
 	background-size: cover;
 }
 @media (max-width: 768px) {
 	.bpts_footer {
 		padding: 0;
		height: 280px;
 	}
 }
 /* ページトップ　*/
 .bpts_footer_pagetop {
 	display: none;
 	position: absolute;
 	bottom: 40px;
 	right: 40px;
 	z-index: 998;
 	margin: 0;
 	padding: 0;
 }
 /* コピーライト　*/
 .bpts_footer_copyright {
 	margin: 0 auto;
 	text-align: center;
 	font-size: 0.7em;
 	color: #fff;
 	background: #1F2B55;
 }
 @media (max-width: 1218px) {
 	.bpts_footer_pagetop {
 		display: block;
 		position: fixed;
 		bottom: 10px;
    	left: calc(0% + 35px);
		z-index: 998;
 		height: auto;
/* 		width: 100%;
*/ 		text-align: center;
 		padding: 0;
 		margin: 0;
 	}
	 
 	.bpts_footer_pagetop a img {
 		width: 60px;
 	}
 	#zone_footer { /*pagetopで隠れる分の調整*/
 		background-position: center 70px;
 	}
 }
 /* フッターコンテンツ */
 .footer_contents_wrap {
 	max-width: 1200px;
 	width: 100%;
 	margin: 0 auto;
 	padding: 20px 0;
 }
 .bpts_footer_contents {
 	display: block;
 	font-size: .95em;
 	max-width: 1100px;
 	letter-spacing: .02em;
 	width: 90%;
 	text-align: center;
 	color: #fff;
 	margin: 0 auto;
 }
 .bpts_footer_contents h5 {
 	font-size: 1em;
 	border-bottom: 1px solid #939CBC;
 	display: inline-block;
 }
 .bpts_footer_contents > .bpts_flexbox_onoff {
 	margin-top: 10px;
 }
 .bpts_footer_contents > .bpts_flexbox_onoff div {
 	max-width: 400px;
 	width: 100%;
 	text-align: left;
 	margin: 10px;
 }
 /* フッターサイトマップ */
 .bpts_sitemap_title {
 	text-align: center;
 	padding-top: 20px;
	margin-bottom: 0;
 	font-size: 2em;
 	letter-spacing: 1.4px;
 }
 .bpts_sitemap_wrap {
 	max-width: 1920px;
 	width: 100%;
 	margin: 0 auto;
 	background: #757F9F;
 }
 ul.bpts_sitemap {
 	padding: 0;
 	max-width: 1200px;
 	width: 100%;
 	margin: 0 auto;
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	-webkit-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }
 ul.bpts_sitemap li {
 	font-size: .93em;
 	line-height: 2;
 	max-width: 220px;
 	width: 100%;
 	color: #fff;
 	padding: 0 40px;
 }
 ul.bpts_sitemap li a {
 	color: #fff;
	text-decoration: underline;
 	/*	color: #161F48;
*/
 }
 ul.bpts_sitemap li:hover, ul.bpts_sitemap li a:hover {}
 ul.bpts_sitemap li h5 {
 	font-size: 1em;
	 margin-top: 20px;
 }
 /* --------------------------------------------------
	ボタン
-------------------------------------------------- */
 /*　リンクボタン　*/
 .bpts_btn_link01 {
 	display: inline-block;
 	overflow: hidden;
 	padding: 5px 5px 5px 25px;
 	border-radius: 5px;
 	background: url(../../image/common/icon-arrow-linkbtn.png) #F1F5F5 no-repeat 4px center;
 	vertical-align: middle;
 }
 /*-------------------------------------------------
Q&A・クリックすると開く（CSSのみで設定） 
--------------------------------------------------*/
 /* Q&A・クリックすると開く（CSSのみで設定） */
 .bpts_qaa_qa *, .bpts_qaa_qa *:after, .bpts_qaa_qa *:before {
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
 }
 .bpts_qaa_qa .bpts_qaa_actab {
 	position: relative;
 	overflow: hidden;
 	width: 100%;
 	margin: 0 0 1em 0;
 	color: #544467;
 }
 .bpts_qaa_qa .bpts_qaa_actab input {
 	position: absolute;
 	opacity: 0;
 }
 /*  質問  */
 .bpts_qaa_qa label {
 	font-weight: bold;
 	font-size: 1em;
 	position: relative;
 	display: block;
 	margin: 30px 0;
 	padding: .8em 0;
 	cursor: pointer;
 	text-align: center;
 	background-color: #D2D6E1;
 	border-top: 4px solid #405582;
 	color: #405582;
 }
 .bpts_qaa_qa label p {
 	font-size: 0.6em;
 	margin: 10px 20px;
 }
 .bpts_qaa_qa input {
 	position: absolute;
 	opacity: 0;
 }
 .bpts_qaa_qa label:hover {
 	transition: all 0.3s;
 	color: #A083AB;
 }
 /* --質問の＋アイコン */
 .bpts_qaa_qa .bpts_qaa_actab label::after {
 	font-size: 1.7em;
 	font-weight: bold;
 	line-height: 2em;
 	position: absolute;
 	top: 0;
 	left: 0;
 	content: '+';
 	display: inline-block;
 	width: 2em;
 	height: 2em;
 	-webkit-transition: transform 0.4s;
 	transition: transform 0.4s;
 }
 /* 答え */
 .bpts_qaa_qa .bpts_qaa_actab .bpts_qaa_actab-content {
 	position: relative;
 	overflow: hidden;
 	max-height: 0;
 	padding: 0 2.5em;
 	-webkit-transition: max-height 0.2s;
 	transition: max-height 0.2s;
 	border-radius: 0 0 0.5em 0.5em;
 }


 .bpts_qaa_qa .bpts_qaa_actab .bpts_qaa_actab-content p {
 	margin: 1em 1em 1em 1em;
 }
 /* 質問を開いた時の仕様 */
 /* --答えの高さ */
 .bpts_qaa_qa .bpts_qaa_actab input:checked ~ .bpts_qaa_actab-content {
 	max-height: 400em;
 	display: flex;
 	flex-wrap: wrap;
 }
 .bpts_qaa_qa .bpts_qaa_actab input:checked ~ .bpts_qaa_actab-content.grid{
	 margin: 0 auto 0 auto;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
.bpts_qaa_qa .bpts_qaa_actab input:checked ~ .bpts_qaa_actab-content.grid .cp_blockdesign01{
width: 100%;	
}
 /* 質問をクリックした時のアイコンの動き */
 .bpts_qaa_qa .bpts_qaa_actab input:checked ~ label {
 	color: #C571AD;
 }
 /* 質問をクリックした時の+の動き */
 .bpts_qaa_qa .bpts_qaa_actab input[type=checkbox]:checked + label::after {
 	-webkit-transform: rotateZ(45deg);
 	transform: rotateZ(45deg);
 	-webkit-transform-origin: 50% 50%;
 	transform-origin: 50% 50%;
 }
@media (max-width: 769px) {
	.bpts_qaa_qa .bpts_qaa_actab input:checked ~ .bpts_qaa_actab-content.grid{
		display: block;
	}
}
 /* ホバーで色が切り替わるリンクボタン */
 .btps_linkbtn_isshoku {
 	display: block;
 	width: 94%;
 	padding: 0.8em;
 	text-align: center;
 	text-decoration: none;
 	color: #19479B !important;
 	border: 2px solid #19479B;
 	border-radius: 3px;
 	transition: .4s;
 	font-weight: 600;
 	margin-top: 20px;
 	font-size: 1.1em;
 	margin-bottom: 5px;
 }
 a.btps_linkbtn_isshoku:hover {
 	background: #19479B;
 	color: #fff !important;
 }
 /* PCのみスペーサー　 */
 .bpts_spacer_h200_pc {
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
 	height: 200px;
 }
 @media (max-width: 705px) {
 /*  質問  */
 .bpts_qaa_qa label {
	 padding-left: 50px!important;
	 }
}
 @media (max-width: 769px) {
 	/* PCのみスペーサー　 */
 	.bpts_spacer_h200_pc {
 		margin: 0px;
 		padding: 0px;
 		width: 100%;
 		height: 0px;
 	}
 }
 /*　PC表示時任意の場所で改行　*/
 .bpts_br_pc::before {
 	content: "\A";
 	white-space: pre;
 }
 /* メインメニュー対策 */
 @media (max-width: 1175px) {
 	/*　PC表示時任意の場所で改行をレスポンシブ時解除　*/
 	.bpts_br_pc_mainmenu::before {
 		content: "\A";
 		white-space: pre;
 	}
 }
 @media (max-width: 769px) {
 	/*　PC表示時任意の場所で改行をレスポンシブ時解除　*/
 	.bpts_br_pc::before {
 		display: none;
 	}
 	/*　レスポンシブ時任意の場所で改行　*/
 	.bpts_br::before {
 		content: "\A";
 		white-space: pre;
 	}
 }
 /* -------------目次ページの矢印つきボタン------------- */
 ul.bpts_mokuji_button_flex {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-lines: multiple;
 	-moz-box-lines: multiple;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	max-width: 900px;
 	-webkit-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 	margin: 0 auto;
 	padding: 10px;
 }
 ul.bpts_mokuji_button_flex li {
 	width: 47%;
 }
 /* ボタン１こ分 */
 .bpts_mokuji_button {
 	width: 100%;
 	padding: .6em .4em;
 	position: relative;
 	display: inline-block;
 	background-color: white;
 	border: 2px solid #AD9EA6;
 	color: #C8267E;
 	text-align: center;
 	text-decoration: none;
 	font-size: 1.1em;
 	margin-bottom: 15px;
 }
 .bpts_mokuji_button::after {
 	position: absolute;
 	top: 50%;
 	right: 2em;
 	content: '';
 	margin-top: -5px;
 	border: 7px solid transparent;
 	border-top-width: 5px;
 	border-bottom-width: 5px;
 	border-left-color: #3e5686;
 	transition: all .2s;
 }
 .bpts_mokuji_button:hover::after {
 	right: 1.5em;
 }
 @media (max-width: 769px) {
 	ul.bpts_mokuji_button_flex {
 		display: block;
 	}
 	ul.bpts_mokuji_button_flex li {
 		width: 95%;
 	}
 	/* ボタン１こ分 */
 	.bpts_mokuji_button {
 		width: 100%;
 	}
 }
 /* flex横並びボックス　２個のとき */
 .bpts_flexbox {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-lines: multiple;
 	-moz-box-lines: multiple;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	-webkit-justify-content: space-between; /* Safari */
 	justify-content: space-between;
 }
 .bpts_flexbox div {
 	flex: 1;
 }
 @media (max-width: 769px) {
 	.bpts_flexbox {
 		display: block;
 	}
 	.bpts_flexbox div {
 		flex: initial;
 	}
 }
 /* 画像の下に文字が回り込まないとき用 */
 .bpts_fleximg {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-lines: multiple;
 	-moz-box-lines: multiple;
 }
 .bpts_fleximg img {
 	margin: 0 15px 15px;
 }
 @media (max-width: 769px) {
 	.bpts_fleximg {
 		display: block;
 		float: left; /* レスポンシブ時はまわりこむ */
 	}
 	.bpts_fleximg img {
 		float: left;
 	}
 	.bpts_fleximg:after { /* まわりこんだ後フロートを解除する */
 		display: block;
 		clear: both;
 		content: "";
 		margin-bottom: 30px;
 	}
 }
 .search_container {
 	box-sizing: border-box;
 }
 .search_container input[type="text"] {
 	background: white;
 	border: #736357 1px solid;
 	height: 1.6em;
 	padding: 5px 10px;
 	color: #736357;
 }
 .search_container input[type="text"]:focus {
 	outline: 0;
 }
 .search_container input[type="submit"] {
 	cursor: pointer;
 	border: none;
 	background: #736357;
 	color: #fff;
 	outline: none;
 	height: 2.3em;
 	padding: 5px 10px;
 }
 .search_container ::-webkit-input-placeholder {
 	color: #6792D9;
 }
 /* --------------------------------------------------
	矢印ボックス
-------------------------------------------------- */
 .bpts_yajirushi_bottom_box {
 	position: relative;
 	background: #ffffff;
 	border: 4px solid #A9CCF0;
 	padding: 10px 90px 10px 90px;
 	margin-bottom: 40px;
 }
 .bpts_yajirushi_bottom_box_end {
 	position: relative;
 	background: #ffffff;
 	border: 4px solid #A9CCF0;
 	padding: 10px 90px 10px 90px;
 }
 .bpts_yajirushi_bottom_box:after, .bpts_yajirushi_bottom_box:before {
 	width: 100%;
 	top: 100%;
 	left: 50%;
 	border: solid transparent;
 	content: " ";
 	height: 0;
 	width: 0;
 	position: absolute;
 	pointer-events: none;
 }
 .bpts_yajirushi_bottom_box:after {
 	border-color: rgba(255, 255, 255, 0);
 	border-top-color: #ffffff;
 	border-width: 20px;
 	margin-left: -20px;
 }
 .bpts_yajirushi_bottom_box:before {
 	border-color: rgba(230, 230, 230, 0);
 	border-top-color: #A9CCF0;
 	border-width: 26px;
 	margin-left: -26px;
 }
 /* 中見出し */
 .col_internal_chuumidashi_work02 {
 	font-size: 1.5em;
 	padding-top: 15px;
 	padding-left: 32px;
 	line-height: 1.5;
 	color: #7CAEE0;
 	font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
 }
 /* ボックス内のフロート */
 .f_l_img {
 	float: right;
 	width: 45%;
 	height: 100%;
 	text-align: center;
 }
 .f_r_text {
 	float: right;
 	width: 53%;
 }
 .f_l_img img {
 	width: auto;
 	max-height: 130px;
 }
 .f_r_text p {
 	margin-left: 32px;
 }
 /* スマホ用 */
 @media (max-width: 890px) {
 	.bpts_yajirushi_bottom_box {
 		display: inline-block;
 		text-align: left;
 		padding: 10px 0 0 10px;
 		width: calc(100% - 20px);
 		margin-bottom: 25px;
 	}
 	.bpts_yajirushi_bottom_box_end {
 		display: inline-block;
 		text-align: left;
 		padding: 10px 0 0 10px;
 		width: calc(100% - 20px);
 		margin-bottom: 25px;
 	}
 	/* 中見出し */
 	.col_internal_chuumidashi_work02 {
 		font-size: 1em;
 		padding: 10px 0 10px 10%;
 		line-height: 1.2em;
 	}
 	.time_img02 {
 		width: 120px;
 		margin-left: 4%;
 	}
 	.f_l_img {
 		width: 100%;
 		max-width: 50%;
 	}
 	.responsive_wrappar_c {
 		text-align: left;
 	}
 	.responsive_wrappar_c img {
 		max-width: 95%;
 	}
 	.f_r_text {
 		/*        float: left;
*/ width: 70%;
 	}
 	.f_r_text p {
 		font-size: 0.8em;
 		margin-left: 10%;
 	}
 }
 @media (max-width: 540px) {
 	.f_r_text {
 		float: none;
 		width: 100%;
 	}
 }
 a.bpts_btn_move {
 	position: relative;
 	display: block;
 	width: 40%;
 	padding: 0.8em;
 	text-align: center;
 	text-decoration: none;
 	background: #5B5AAF;
 	border: 1px solid #fff;
 	overflow: hidden;
 	color: #fff !important;
 	margin-bottom: 20px;
 	margin-left: 10px;
 }
 a.bpts_btn_move:before {
 	content: "";
 	position: absolute;
 	top: 0px;
 	left: -80%;
 	height: 100%;
 	width: 100%;
 	background: #fff;
 	opacity: 0.3;
 	transition: .6s;
 }
 a.bpts_btn_move:hover:before {
 	left: 0;
 }
 @media (max-width: 769px) {
 	a.bpts_btn_move {
 		width: 90%;
 	}
 }
 /* グラデーションボタン */
 .bpts_linkbtn_grad {
 	flex: 1 1 auto;
 	margin: 10px;
 	padding: .7em 2em;
 	text-align: center;
 	text-transform: uppercase;
 	transition: 0.5s;
 	background-size: 200% auto;
 	color: #fff !important;
 	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
 	box-shadow: 0 0 20px #eee;
 	border-radius: 10px;
 	display: inline-block;
 }
 .bpts_linkbtn_grad span {
 	display: block;
 }
 .bpts_linkbtn_grad span:before {
 	content: url(https://icongr.am/material/chevron-right.svg?size=20&color=ffffff);
 	vertical-align: -3px;
 }
 .bpts_linkbtn_grad:hover {
 	background-position: right center;
 }
 .bpts_linkbtn_grad.blue {
 	background-image: linear-gradient(to right, #5FD6E9 0%, #4B95EA 51%, #5FD6E9 100%);
 }
 .bpts_linkbtn_grad.green {
 	background-image: linear-gradient(to right, #4BC78A 0%, #8DD44F 51%, #4BC78A 100%);
 }
 .bpts_linkbtn_grad.pink {
 	background-image: linear-gradient(to right, #F296AB 0%, #F5CD58 51%, #F296AB 100%);
 }
 /* ボタン */
 a.bpts_btn_fuwa {
 	display: block;
 	max-width: 300px;
 	width: 100%;
 	margin: 10px auto;
 	padding: 0.8em 1em 0.8em .8em;
 	text-align: center;
 	vertical-align: middle;
 	text-decoration: none;
 	color: #fff;
 	background: #19479B;
 	border-radius: 1px;
 	transition: .4s;
 	box-sizing: border-box;
 	border-bottom: none;
 	position: relative;
 }
 a.bpts_btn_fuwa:after {
 	content: url(https://icongr.am/fontawesome/play.svg?size=15px&color=ffffff);
 	position: absolute;
 	right: 15px;
 	display: block;
 	top: 33%;
 }
 a.bpts_btn_fuwa:hover {
 	background: #4F668F;
 }
 /* ボタン（PDF) */
 a.bpts_btn_fuwa_pdf {
 	display: block;
 	/*max-width: 200px;*/
 	width: 95%;
 	margin: 10px;
 	padding: 0.8em 2.2em 0.8em .8em;
 	text-align: center;
 	vertical-align: middle;
 	text-decoration: none;
 	color: #fff;
 	background: #cc3333;
 	border-radius: 1px;
 	transition: .4s;
 	box-sizing: border-box;
 	border-bottom: none;
 	position: relative;
 }
 a.bpts_btn_fuwa_pdf:after {
 	content: url(https://icongr.am/fontawesome/play.svg?size=15px&color=ffffff);
 	position: absolute;
 	right: 15px;
 	display: block;
 	top: 33%;
 }
 a.bpts_btn_fuwa_pdf:hover {
 	background: #cc6666;
 }
 a.bpts_btn_fuwa.long {
 	max-width: 100%;
 }
 ul.bpts_btn_gradation {
 	width: 100%;
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	-webkit-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }
 /*　PC表示時任意の場所で改行　*/
 .bpts_br_pc::before {
 	content: "\A";
 	white-space: pre;
 }
 @media (max-width: 769px) {
 	/*　PC表示時任意の場所で改行をレスポンシブ時解除　*/
 	.bpts_br_pc::before {
 		display: none;
 	}
 	/*　レスポンシブ時任意の場所で改行　*/
 	.bpts_br::before {
 		content: "\A";
 		white-space: pre;
 	}
 }