/*=================================================================================================
Primanet Rule css
=================================================================================================*/
*{
	font-style: normal;
}
html{
 	-webkit-text-size-adjust: none;/*iphoneの横向きの文字拡大制御*/
 	font-family: 'Noto Sans JP', sans-serif;
	color: #333333;/*gray:グレー*/
  /*letter-spacing: 1px;*/
	font-size: 16px;/*通常 16px=1rem*/
	font-weight: 100;
}
h1, h2, h3, h4, h5, h6, p,a,address,
dl, dt, dd, ol, ul, li, tr, th, td,
div, input, select, textarea,
.fs_10r{
	font-size: 1rem;
	line-height: 1.8rem;
	font-weight: 100;	
}
.fs_06r{ font-size: 0.6rem; }
.fs_08r{ font-size: 0.8rem; }
.fs_07r{ font-size: 0.7rem; }
.fs_08r{ font-size: 0.8rem; }
.fs_09r{ font-size: 0.9rem; }
.fs_10r{ font-size: 1rem; }/*基準*/
.fs_11r{ font-size: 1.1rem; }
.fs_12r{ font-size: 1.2rem; }
.fs_13r{ font-size: 1.3rem; }
.fs_14r{ font-size: 1.4rem; }
.fs_15r{ font-size: 1.5rem; }
.fs_16r{ font-size: 1.6rem; }
.fs_17r{ font-size: 1.7rem; }
.fs_18r{ font-size: 1.8rem; }
.fs_19r{ font-size: 1.9rem; }
.fs_20r{ font-size: 2rem; }
.fs_21r{ font-size: 2.1rem; }
.fs_22r{ font-size: 2.2rem; }
.fs_23r{ font-size: 2.3rem; }
.fs_24r{ font-size: 2.4rem; }
.fs_25r{ font-size: 2.5rem; }
.fs_26r{ font-size: 2.6rem; }
.fs_27r{ font-size: 2.7rem; }
.fs_28r{ font-size: 2.8rem; }
.fs_29r{ font-size: 2.9rem; }
.fs_30r{ font-size: 3rem; }
.fs_31r{ font-size: 3.1rem; }
.fs_32r{ font-size: 3.2rem; }
.fs_33r{ font-size: 3.3rem; }
.fs_34r{ font-size: 3.4rem; }
.fs_35r{ font-size: 3.5rem; }
.fs_36r{ font-size: 3.6rem; }
.fs_37r{ font-size: 3.7rem; }
.fs_38r{ font-size: 3.8rem; }
.fs_39r{ font-size: 3.9rem; }
.fs_40r{ font-size: 4rem; }
.fs_50r{ font-size: 5rem; }

.lh_1{line-height: 1; }
.lh_15{line-height: 1.5; }
.lh_17{line-height: 1.7; }
.lh_20{line-height: 2; }

.lh_07r{ line-height: 0.7rem; }
.lh_08r{ line-height: 0.8rem; }
.lh_09r{ line-height: 0.9rem; }
.lh_10r{ line-height: 1rem; }
.lh_11r{ line-height: 1.1rem; }
.lh_12r{ line-height: 1.2rem; }
.lh_13r{ line-height: 1.3rem; }
.lh_14r{ line-height: 1.4rem; }
.lh_15r{ line-height: 1.5rem; }
.lh_16r{ line-height: 1.6rem; }
.lh_17r{ line-height: 1.7rem; }
.lh_18r{ line-height: 1.8rem; }
.lh_19r{ line-height: 1.9rem; }
.lh_20r{ line-height: 2rem; }
.lh_22r{ line-height: 2.2rem; }
.lh_23r{ line-height: 2.3rem; }
.lh_24r{ line-height: 2.4rem; }
.lh_25r{ line-height: 2.5rem; }
.lh_26r{ line-height: 2.6rem; }
.lh_27r{ line-height: 2.7rem; }
.lh_28r{ line-height: 2.8rem; }
.lh_29r{ line-height: 2.9rem; }
.lh_30r{ line-height: 3rem; }
.lh_31r{ line-height: 3.1rem; }
.lh_32r{ line-height: 3.2rem; }
.lh_33r{ line-height: 3.3rem; }
.lh_34r{ line-height: 3.4rem; }
.lh_35r{ line-height: 3.5rem; }
.lh_36r{ line-height: 3.6rem; }
.lh_37r{ line-height: 3.7rem; }
.lh_38r{ line-height: 3.8rem; }
.lh_39r{ line-height: 3.9rem; }
.lh_40r{ line-height: 4rem; }
.lh_41r{ line-height: 4.1rem; }
.lh_42r{ line-height: 4.2rem; }
.lh_43r{ line-height: 4.3rem; }
.lh_44r{ line-height: 4.4rem; }
.lh_45r{ line-height: 4.5rem; }
.lh_46r{ line-height: 4.6rem; }
.lh_47r{ line-height: 4.7rem; }
.lh_48r{ line-height: 4.8rem; }
.lh_49r{ line-height: 4.9rem; }
.lh_50r{ line-height: 5rem; }
.lh_51r{ line-height: 5.1rem; }
.lh_52r{ line-height: 5.2rem; }
.lh_53r{ line-height: 5.3rem; }
.lh_54r{ line-height: 5.4rem; }
.lh_55r{ line-height: 5.5rem; }
.lh_56r{ line-height: 5.6rem; }
.lh_57r{ line-height: 5.7rem; }
.lh_58r{ line-height: 5.8rem; }
.lh_59r{ line-height: 5.9rem; }
.lh_60r{ line-height: 6rem; }


.fw_b{ font-weight: 700; }
.fw_500{ font-weight: 500; }
.nsjp{
  font-family: 'Noto Sans JP', sans-serif;	
}
.robot{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.robot_b{
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
.robot_co{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
}
.robot_co_b{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}

.mgt_0{ margin-top: 0; }
.mgt_10{ margin-top: 0.625rem; }/*10px*/
.mgt_20{ margin-top: 1.25rem; }/*20px*/
.mgt_30{ margin-top: 1.875rem; }/*30px*/
.mgt_40{ margin-top: 2.5rem; }/*40px*/
.mgt_50{ margin-top: 3.125rem; }/*50px*/
.mgt_60{ margin-top: 3.75rem; }/*60px*/
.mgt_70{ margin-top: 4.375rem; }/*70px*/
.mgt_80{ margin-top: 5rem; }/*80px*/
.mgt_90{ margin-top: 5.625rem; }/*90px*/
.mgt_100{ margin-top: 6.25rem; }/*100px*/

.mgb_0{ margin-bottom: 0; }
.mgb_10{ margin-bottom: 0.625rem; }/*10px*/
.mgb_20{ margin-bottom: 1.25rem; }/*20px*/
.mgb_30{ margin-bottom: 1.875rem; }/*30px*/
.mgb_40{ margin-bottom: 2.5rem; }/*40px*/
.mgb_50{ margin-bottom: 3.125rem; }/*50px*/
.mgb_60{ margin-bottom: 3.75rem; }/*60px*/
.mgb_70{ margin-bottom: 4.375rem; }/*70px*/
.mgb_80{ margin-bottom: 5rem; }/*80px*/
.mgb_90{ margin-bottom: 5.625rem; }/*90px*/
.mgb_100{ margin-bottom: 6.25rem; }/*100px*/

.pd_0{ padding: 0; }
.pd_10{ padding: 0.625rem; }/*10px*/
.pd_20{ padding: 1.25rem; }/*20px*/
.pd_30{ padding: 1.875rem; }/*30px*/
.pd_40{ padding: 2.5rem; }/*40px*/
.pd_50{ padding: 3.125rem; }/*50px*/
.pd_60{ padding: 3.75rem; }/*60px*/
.pd_70{ padding: 4.375rem; }/*70px*/
.pd_80{ padding: 5rem; }/*80px*/
.pd_90{ padding: 5.625rem; }/*90px*/
.pd_100{ padding: 6.25rem; }/*100px*/

.pdt_0{ padding-top: 0; }
.pdt_10{ padding-top: 0.625rem; }/*10px*/
.pdt_20{ padding-top: 1.25rem; }/*20px*/
.pdt_30{ padding-top: 1.875rem; }/*30px*/
.pdt_40{ padding-top: 2.5rem; }/*40px*/
.pdt_50{ padding-top: 3.125rem; }/*50px*/
.pdt_60{ padding-top: 3.75rem; }/*60px*/
.pdt_70{ padding-top: 4.375rem; }/*70px*/
.pdt_80{ padding-top: 5rem; }/*80px*/
.pdt_90{ padding-top: 5.625rem; }/*90px*/
.pdt_100{ padding-top: 6.25rem; }/*100px*/

.pdb_0{ padding-bottom: 0; }
.pdb_10{ padding-bottom: 0.625rem; }/*10px*/
.pdb_20{ padding-bottom: 1.25rem; }/*20px*/
.pdb_30{ padding-bottom: 1.875rem; }/*30px*/
.pdb_40{ padding-bottom: 2.5rem; }/*40px*/
.pdb_50{ padding-bottom: 3.125rem; }/*50px*/
.pdb_60{ padding-bottom: 3.75rem; }/*60px*/
.pdb_70{ padding-bottom: 4.375rem; }/*70px*/
.pdb_80{ padding-bottom: 5rem; }/*80px*/
.pdb_90{ padding-bottom: 5.625rem; }/*90px*/
.pdb_100{ padding-bottom: 6.25rem; }/*100px*/

.txal_l{ text-align: left; }
.txal_r{ text-align: right; }
.txal_c{ text-align: center; }

.dsp_bl{
	display: block;
}
.dsp_non{
	display: none;
}
.flex_{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex_2,.flex_3,.flex_4{
	display: flex;
	justify-content: space-between;
}
.flex_2 li,
.flex_2 .f_item{
	width: 47.5%;	
}
.flex_3 li,
.flex_3 .f_item{
	width: 30%;
}
.flex_4 li,
.flex_4 .f_item{
	width: 22%;
}

.br_on{
	display: block;
}
.br_off{
	display: none;
}

.w_10{ width: 10%; }
.w_15{ width: 15%; }
.w_20{ width: 20%; }
.w_25{ width: 25%; }
.w_30{ width: 30%; }
.w_35{ width: 35%; }
.w_40{ width: 40%; }
.w_45{ width: 45%; }
.w_50{ width: 50%; }
.w_55{ width: 55%; }
.w_60{ width: 60%; }
.w_65{ width: 65%; }
.w_70{ width: 70%; }
.w_75{ width: 75%; }
.w_80{ width: 80%; }
.w_85{ width: 85%; }
.w_90{ width: 90%; }

img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
a{
  text-decoration: none;
}
a:hover{
  opacity: 0.7;
}
:root {
  --navy: #2e3192;/*紺*/
  --blue: #009BDB;/*青*/
  --gray: #333333;/*グレー*/
 	--bg_gray: #f2f2f2;/*背景のグレー*/
  --light_gray: #999999;/*薄いグレー*/
  --l_light_gray: #aaa;/*もっと薄いグレー*/
  --bg_blue: #ecf2fa;/*背景のブルー*/
  --yellow: #FFDB00;/*黄色*/
} 
.navy{
	color: #2e3192;/*紺*/
}
.blue{
	color: #009BDB;/*ブルー*/
}
.gray{
	color: #333333;/*グレー*/
}
.white{
	color: #fff;
}
ul li,
.f_item{
	/*background-color: #ccc;*/
	/*border: 1px solid #000;*/
}
h1{
	/*padding-bottom: 10px;*/
}
.palt{
	font-feature-settings: "palt";
}
.max400{
	max-width: 400px;
	margin: 0 auto;	
}
.max500{
	max-width: 500px;
	margin: 0 auto;
}
/*=================================================================================================*/
/* tablet向けレイアウト：768px以上 */
@media only screen and (min-width: 768px) {
html{
  	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 100;
}
h1, h2, h3, h4, h5, h6, p, a, address,
dl, dt, dd, ol, ul, li, tr, th, td,
div, input, select, textarea,.fs_10r{
	font-size: 16px;
	line-height: 1.8rem;
	font-weight: 100;
}
.fs__10p{ font-size: 10px; }
.fs__11p{ font-size: 11px; }
.fs__12p{ font-size: 12px; }
.fs__13p{ font-size: 13px; }
.fs__14p{ font-size: 14px; }
.fs__15p{ font-size: 13px; }
.fs__16p{ font-size: 16px; }
.fs__17p{ font-size: 17px; }
.fs__18p{ font-size: 18px; }
.fs__19p{ font-size: 19px; }
.fs__20p{ font-size: 20px; }
.fs__21p{ font-size: 21px; }
.fs__22p{ font-size: 22px; }
.fs__23p{ font-size: 23px; }
.fs__24p{ font-size: 24px; }
.fs__25p{ font-size: 25px; }
.fs__26p{ font-size: 26px; }
.fs__27p{ font-size: 27px; }
.fs__28p{ font-size: 28px; }
.fs__29p{ font-size: 29px; }
.fs__30p{ font-size: 30px; }
.fs__31p{ font-size: 31px; }
.fs__32p{ font-size: 32px; }
.fs__33p{ font-size: 33px; }
.fs__34p{ font-size: 34px; }
.fs__35p{ font-size: 35px; }
.fs__36p{ font-size: 36px; }
.fs__37p{ font-size: 37px; }
.fs__38p{ font-size: 38px; }
.fs__39p{ font-size: 39px; }
.fs__40p{ font-size: 40px; }
.fs__41p{ font-size: 41px; }
.fs__42p{ font-size: 42px; }
.fs__43p{ font-size: 43px; }
.fs__44p{ font-size: 44px; }
.fs__45p{ font-size: 45px; }
.fs__46p{ font-size: 46px; }
.fs__47p{ font-size: 47px; }
.fs__48p{ font-size: 48px; }
.fs__49p{ font-size: 49px; }
.fs__50p{ font-size: 50px; }
.fs__51p{ font-size: 51px; }
.fs__52p{ font-size: 52px; }
.fs__53p{ font-size: 53px; }
.fs__54p{ font-size: 54px; }
.fs__55p{ font-size: 55px; }
.fs__56p{ font-size: 56px; }
.fs__57p{ font-size: 57px; }
.fs__58p{ font-size: 58px; }
.fs__59p{ font-size: 59px; }
.fs__60p{ font-size: 60px; }

.lh__20p{ line-height: 20px; }
.lh__22p{ line-height: 22px; }
.lh__24p{ line-height: 24px; }
.lh__26p{ line-height: 26px; }
.lh__28p{ line-height: 28px; }
.lh__30p{ line-height: 30px; }
.lh__32p{ line-height: 32px; }
.lh__34p{ line-height: 34px; }
.lh__36p{ line-height: 36px; }
.lh__36p{ line-height: 38px; }
.lh__40p{ line-height: 40px; }
.lh__50p{ line-height: 50px; }
.lh__60p{ line-height: 60px; }
.lh__70p{ line-height: 70px; }
.lh__80p{ line-height: 80px; }
.lh__90p{ line-height: 90px; }
.lh__100p{ line-height: 100px; }

.fw__b{ font-weight: 700; }

.mgt__0{ margin-top: 0px; }
.mgt__10{ margin-top: 10px; }
.mgt__20{ margin-top: 20px; }
.mgt__30{ margin-top: 30px; }
.mgt__40{ margin-top: 40px; }
.mgt__50{ margin-top: 50px; }
.mgt__60{ margin-top: 60px; }
.mgt__70{ margin-top: 70px; }
.mgt__80{ margin-top: 80px; }
.mgt__90{ margin-top: 90px; }
.mgt__100{ margin-top: 100px; }

.mgb__0{ margin-bottom: 0px; }
.mgb__10{ margin-bottom: 10px; }
.mgb__20{ margin-bottom: 20px; }
.mgb__30{ margin-bottom: 30px; }
.mgb__40{ margin-bottom: 40px; }
.mgb__50{ margin-bottom: 50px; }
.mgb__60{ margin-bottom: 60px; }
.mgb__70{ margin-bottom: 70px; }
.mgb__80{ margin-bottom: 80px; }
.mgb__90{ margin-bottom: 90px; }
.mgb__100{ margin-bottom: 100px; }

.pd__0{ padding: 0px; }
.pd__10{ padding: 10px; }
.pd__20{ padding: 20px; }
.pd__30{ padding: 30px; }
.pd__40{ padding: 40px; }
.pd__50{ padding: 50px; }
.pd__60{ padding: 60px; }
.pd__70{ padding: 70px; }
.pd__80{ padding: 80px; }
.pd__90{ padding: 90px; }
.pd__100{ padding: 100px; }

.pdt__0{ padding-top: 0px; }
.pdt__10{ padding-top: 10px; }
.pdt__20{ padding-top: 20px; }
.pdt__30{ padding-top: 30px; }
.pdt__40{ padding-top: 40px; }
.pdt__50{ padding-top: 50px; }
.pdt__60{ padding-top: 60px; }
.pdt__70{ padding-top: 70px; }
.pdt__80{ padding-top: 80px; }
.pdt__90{ padding-top: 90px; }
.pdt__100{ padding-top: 100px; }

.pdb__0{ padding-bottom: 0px; }
.pdb__10{ padding-bottom: 10px; }
.pdb__20{ padding-bottom: 20px; }
.pdb__30{ padding-bottom: 30px; }
.pdb__40{ padding-bottom: 40px; }
.pdb__50{ padding-bottom: 50px; }
.pdb__60{ padding-bottom: 60px; }
.pdb__70{ padding-bottom: 70px; }
.pdb__80{ padding-bottom: 80px; }
.pdb__90{ padding-bottom: 90px; }
.pdb__100{ padding-bottom: 100px; }

.txal__l{ text-align: left; }
.txal__r{ text-align: right; }
.txal__c{ text-align: center; }

.flex__{
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
}
.flex__2,.flex__3,.flex__4{
	display: flex;
	justify-content: space-between;
}
.flex__2 li,
.flex__2 .f_item{
	width: 47.5%;
}
.flex__3 li,
.flex__3 .f_item{
	width: 30%;
}
.flex__4 li,
.flex__4 .f_item{
	width: 22.5%;
}

.br__on{
	display: block;
}
.br__off{
	display: none;
}

.w__10{ width: 10%; }
.w__15{ width: 15%; }
.w__20{ width: 20%; }
.w__25{ width: 25%; }
.w__30{ width: 30%; }
.w__35{ width: 35%; }
.w__40{ width: 40%; }
.w__45{ width: 45%; }
.w__475{ width: 47.5%; }
.w__50{ width: 50%; }
.w__55{ width: 55%; }
.w__60{ width: 60%; }
.w__65{ width: 65%; }
.w__70{ width: 70%; }
.w__75{ width: 75%; }
.w__80{ width: 80%; }
.w__85{ width: 85%; }
.w__90{ width: 90%; }
/*
.inner_wrap{
	width: 90%;
	margin: 0 auto;
}
*/
.max400,
.max500{
	max-width: none;
}
}
/*=================================================================================================*/
/* PC向けレイアウトの指定:テーマにより*/
@media only screen and (min-width: 1200px) {
/*==============================================================*/
.fs___10p{ font-size: 10px; }
.fs___11p{ font-size: 11px; }
.fs___12p{ font-size: 12px; }
.fs___13p{ font-size: 13px; }
.fs___14p{ font-size: 14px; }
.fs___15p{ font-size: 13px; }
.fs___16p{ font-size: 16px; }
.fs___17p{ font-size: 17px; }
.fs___18p{ font-size: 18px; }
.fs___19p{ font-size: 19px; }
.fs___20p{ font-size: 20px; }
.fs___21p{ font-size: 21px; }
.fs___22p{ font-size: 22px; }
.fs___23p{ font-size: 23px; }
.fs___24p{ font-size: 24px; }
.fs___25p{ font-size: 25px; }
.fs___26p{ font-size: 26px; }
.fs___27p{ font-size: 27px; }
.fs___28p{ font-size: 28px; }
.fs___29p{ font-size: 29px; }
.fs___30p{ font-size: 30px; }
.fs___31p{ font-size: 31px; }
.fs___32p{ font-size: 32px; }
.fs___33p{ font-size: 33px; }
.fs___34p{ font-size: 34px; }
.fs___35p{ font-size: 35px; }
.fs___36p{ font-size: 36px; }
.fs___37p{ font-size: 37px; }
.fs___38p{ font-size: 38px; }
.fs___39p{ font-size: 39px; }
.fs___40p{ font-size: 40px; }
.fs___41p{ font-size: 41px; }
.fs___42p{ font-size: 42px; }
.fs___43p{ font-size: 43px; }
.fs___44p{ font-size: 44px; }
.fs___45p{ font-size: 45px; }
.fs___46p{ font-size: 46px; }
.fs___47p{ font-size: 47px; }
.fs___48p{ font-size: 48px; }
.fs___49p{ font-size: 49px; }
.fs___50p{ font-size: 50px; }
.fs___51p{ font-size: 51px; }
.fs___52p{ font-size: 52px; }
.fs___53p{ font-size: 53px; }
.fs___54p{ font-size: 54px; }
.fs___55p{ font-size: 55px; }
.fs___56p{ font-size: 56px; }
.fs___57p{ font-size: 57px; }
.fs___58p{ font-size: 58px; }
.fs___59p{ font-size: 59px; }
.fs___60p{ font-size: 60px; }
.fs___70p{ font-size: 70px; }
.fs___80p{ font-size: 80px; }
.fs___90p{ font-size: 90px; }
.fs___100p{ font-size: 100px; }

.lh___20p{ line-height: 20px; }
.lh___22p{ line-height: 22px; }
.lh___24p{ line-height: 24px; }
.lh___26p{ line-height: 26px; }
.lh___28p{ line-height: 28px; }
.lh___30p{ line-height: 30px; }
.lh___32p{ line-height: 32px; }
.lh___34p{ line-height: 34px; }
.lh___36p{ line-height: 36px; }
.lh___36p{ line-height: 38px; }
.lh___40p{ line-height: 40px; }
.lh___50p{ line-height: 50px; }
.lh___60p{ line-height: 60px; }
.lh___70p{ line-height: 70px; }
.lh___80p{ line-height: 80px; }
.lh___90p{ line-height: 90px; }
.lh___100p{ line-height: 100px; }

.mgt___0{ margin-top: 0px; }
.mgt___10{ margin-top: 10px; }
.mgt___20{ margin-top: 20px; }
.mgt___30{ margin-top: 30px; }
.mgt___40{ margin-top: 40px; }
.mgt___50{ margin-top: 50px; }
.mgt___60{ margin-top: 60px; }
.mgt___70{ margin-top: 70px; }
.mgt___80{ margin-top: 80px; }
.mgt___90{ margin-top: 90px; }
.mgt___100{ margin-top: 100px; }

.mgb___0{ margin-bottom: 0px; }
.mgb___10{ margin-bottom: 10px; }
.mgb___20{ margin-bottom: 20px; }
.mgb___30{ margin-bottom: 30px; }
.mgb___40{ margin-bottom: 40px; }
.mgb___50{ margin-bottom: 50px; }
.mgb___60{ margin-bottom: 60px; }
.mgb___70{ margin-bottom: 70px; }
.mgb___80{ margin-bottom: 80px; }
.mgb___90{ margin-bottom: 90px; }
.mgb___100{ margin-bottom: 100px; }

.pd___0{ padding: 0px; }
.pd___10{ padding: 10px; }
.pd___20{ padding: 20px; }
.pd___30{ padding: 30px; }
.pd___40{ padding: 40px; }
.pd___50{ padding: 50px; }
.pd___60{ padding: 60px; }
.pd___70{ padding: 70px; }
.pd___80{ padding: 80px; }
.pd___90{ padding: 90px; }
.pd___100{ padding: 100px; }

.pdt___0{ padding-top: 0px; }
.pdt___10{ padding-top: 10px; }
.pdt___20{ padding-top: 20px; }
.pdt___30{ padding-top: 30px; }
.pdt___40{ padding-top: 40px; }
.pdt___50{ padding-top: 50px; }
.pdt___60{ padding-top: 60px; }
.pdt___70{ padding-top: 70px; }
.pdt___80{ padding-top: 80px; }
.pdt___90{ padding-top: 90px; }
.pdt___100{ padding-top: 100px; }

.pdb___0{ padding-bottom: 0px; }
.pdb___10{ padding-bottom: 10px; }
.pdb___20{ padding-bottom: 20px; }
.pdb___30{ padding-bottom: 30px; }
.pdb___40{ padding-bottom: 40px; }
.pdb___50{ padding-bottom: 50px; }
.pdb___60{ padding-bottom: 60px; }
.pdb___70{ padding-bottom: 70px; }
.pdb___80{ padding-bottom: 80px; }
.pdb___90{ padding-bottom: 90px; }
.pdb___100{ padding-bottom: 100px; }

.txal___l{ text-align: left; }
.txal___r{ text-align: right; }
.txal___c{ text-align: center; }

.flex___2,.flex___3{
	display: flex;
	justify-content: space-between;
}
.flex___2 li,
.flex___2 .f_item{
	width: 47.5%;
}
.flex___3 li,
.flex___3 .f_item{
	width: 30%;
}

.br___on{
	display: block;
}
.br___off{
	display: none;
}
}
/*=================================================================================================
Primanet Rule css
=================================================================================================*/

/*=================================================================================================
menu・nav　ccss
=================================================================================================*/

#menu {
  display: flex;
  margin: 0 30px;
  position: fixed;
  /*right: 0;*/
  top: 16px;
  z-index: 5;
  justify-content: flex-end;
  width: 100%;
  max-width: 1200px;/*header .header_innerと幅揃える*/
  margin: 0 auto;
}
#menu-btn {
  display: none;
}
#menu-content {
  margin: 0;
  list-style-type: none;
  margin-right: 30px;
}
#menu-content > li {
  position: relative;
  float: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#menu-content > li > a {
  display: block;
  padding: 10px 15px;
  color: var(--gray);
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  font-weight: 500;
}


#menu-content > li > a > .menu_icon {
  margin-right: 5px;
}
#menu-content > li.contact > a{
  background-color: var(--yellow);
  border-radius: 50px;
}
/*
#menu-content > li > ul.second-content {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  padding-left: 0;
  list-style-type: none;
}
#menu-content > li:hover > ul.second-content {
	background-color: rgba(255,255,255,0.7);
  visibility: visible;
  opacity: 1;
  
  -webkit-transition: opacity 0.2s, visibility 0.2s;
  transition: opacity 0.2s, visibility 0.2s;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	padding: 20px;
	margin-left: -65px;
	
}
#menu-content > li > ul.second-content > li {
  text-align: center;
  width: 200px;
}
#menu-content > li > ul.second-content > li > a {
  display: block;
  line-height: 40px;
  color: var(--gray);
  font-size: 14px;
  text-decoration: none;
}
#menu-content > li > ul.second-content > li > a:hover {
  color: var(--navy);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
/***************************** 960px以下 **************************************/
@media screen and (max-width: 960px) {
  nav {
    position: fixed;
    top: 0;
    left: -900px;
    bottom: 0;
    width: 80%;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 3;
    opacity: 0;
  }
  .open nav {
    left: 0;
    opacity: 1;
  }
  nav .inner {
    padding: 50px 0 0 25px;
  }
  nav .inner ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  nav .inner ul li {
    position: relative;
    margin: 0;
  }
  nav .inner ul li a {
    display: block;
    /*color: #333;*/
    color: var(--gray);
    font-size: 14px;
    text-decoration: none;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
  .toggle_btn {
    display: block;
    position: fixed;
    top: 10px;
    right: 20px;
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    z-index: 3;
  }
  .toggle_btn span {
    position: absolute;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: var(--navy);
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .toggle_btn span:nth-child(1) {
    top: 4px;
  }
  .toggle_btn span:nth-child(2) {
    top: 14px;
  }
  .toggle_btn span:nth-child(3) {
    bottom: 4px;
  }
  .open .toggle_btn span {
    background-color: #fff;
  }
  .open .toggle_btn span:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(-315deg);
    transform: translateY(10px) rotate(-45deg);
  }
  .open .toggle_btn span:nth-child(2) {
    opacity: 0;
  }
  .open .toggle_btn span:nth-child(3) {
    -webkit-transform: translateY(-10px) rotate(315deg);
    transform: translateY(-10px) rotate(45deg);
  }
  #mask {
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .open #mask {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 2;
    cursor: pointer;
  }

  #menu-content > li {
    width: 100%;
    text-align: center;
  }
  #menu-content > li:hover {
    background: none;
  }
  #menu-content > li > a {
    height: 100%;
    padding: 20px 0px;
    font-size: 100%;
    border-bottom: 1px solid var(--gray);
  }
  #menu-content > li:nth-child(5) a{
  	border-bottom: none !important;
  }
	#menu-content > li.contact > a{
	background-color: var(--yellow);
	border-bottom: none;
	}

	/*
  #menu-content > li > ul.second-content {
    visibility: visible;
    opacity: 1;
    width: 100%;
    position: relative;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-left: 0px;
  }
  #menu-content > li > ul.second-content > li {
    width: 100%;
    text-align-last: left;
  }
  #menu-content > li > ul.second-content > li > a {

    border-bottom: 1px solid #999;
    background: url(../images/common/arrow_g_r.svg) 90% 50% no-repeat;
  	background-size: 7px auto;
  	    transition: unset;
    transform: none;
    animation: none;
    lihe-heigth: 1;
    padding: 4px 0;
       padding-left: 20px;
  }
  #menu-content > li.contact > a{

  border-radius: 0;
}
  #menu-content > li > ul.second-content > li > a:hover {
    background: none;
    background: url(../images/common/arrow_g_r.svg) 90% 50% no-repeat;
  	background-size: 7px auto;


  }
 */
}/*960幅end*/
/*=================================================================================================
menu・nav　ccss
=================================================================================================*/













/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/**********                    *********************************************************************/
/**********   **************   ********************************************************************/
/**********   **************   *********************************************************************/
/**********   **************   *********************************************************************/
/**********   **************   *********************************************************************/
/**********   **************   *********************************************************************/
/**********   **************   *********************************************************************/
/**********   **************   *********************************************************************/
/**********   **************   *********************************************************************/
/**********   **************   *********************************************************************/
/**********                    **********************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/*=================================================================================================
desgin css
==================================================================================================*/
@media only screen and (min-width: 0px) {
/*****************************************************/
/*****************************************************/
/***************** 共通 0 ****************************/
/*****************************************************/
/*****************************************************/
/*
.top_page::before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	background: url("../images/common/pixta_83426882_M.jpg") center 0px no-repeat; 
	background-size: 1100px;
	width: 100%;
	height: 100%;
}
*/
section{
	background-color: #fff;
}
section.main_visual{
	background: none;
}
.inner_wrap{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

/*****************************************************/
/*****************************************************/
/***************** section　共通 0 *******************/
/*****************************************************/
/*****************************************************/
/***************** common *******************/
.cta_btn a{
	text-align: center;
	/*background-size: 15px 15px;*/
	display: block;
	background-color: var(--yellow);
	border-radius: 999px;
	padding: 6px 0;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 20px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.4);
	color: #000;	
	font-size: 1.2rem;
	font-weight: bold;
}
section{
	padding: 50px 0;
}
.lp_contact{
	padding: 0 0 50px;
}
section h2{
	margin-bottom: 50px;
}
section h2.wing{
	position: relative;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	padding: 0 30px;
}
section h2.wing:before{
	position: absolute;
	top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	content: "";
	background: url(../images/lp_web/tag_icon_left.svg) no-repeat;
	background-size: 20px auto;
	width: 20px;
	height: 50px;
}
section h2.wing:after{
	position: absolute;
	top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	content: "";
	background: url(../images/lp_web/tag_icon_right.svg) no-repeat;
	background-size: 20px auto;
	width: 20px;
	height: 50px;	
}
section h2 span{
	font-size: 2rem;
}
section.lp_contact h2 span{
	font-size: 1.6rem;
}
section .lead{
	margin-bottom: 30px;
	font-weight: bold;
}
section .tab/*,
.lp_thinking .flow_list .tab*/{
	position: relative;
	white-space: nowrap; /* これで改行を防ぐ */
}
section .tab span/*,
.lp_thinking .flow_list .tab span*/{
	position: absolute;
	top: -15px;
	left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
	background-color: var(--blue);
	background-color: var(--yellow); 
	color: var(--blue);
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1;
	padding: 5px 20px;
	display: inline-block;
}
section .bottom_note{
		font-weight: bold;
}
/***************** header *******************/
header{
	position: relative;
	background-color: #fff;
}
/*
header .header_inner{
	width: 1300px;
	margin: 0 auto;
}
*/
header .logo{
	position: fixed;
	z-index: 6;
	width: 180px;
	padding: 8px 0 0 20px;
	opacity: 1;
	transition: opacity 0.3s ease; /* 0.5秒かけて変化 */
}
header.scrolled .logo{
	opacity: 0;
}
/*
.backdrop.scrolled{
	position: fixed;
	top: 0;
	height: 50px;
	width: 100%;
	z-index: 4;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}
*/
/***************** lp_hero 0 *******************/
.lp_main{

}
.lp_hero{
	background: url(../images/lp_web/hero_back.jpg) 50% 50% no-repeat;
	background-size: cover;
	padding: 80px 0 30px;
}
.lp_hero h1{
	font-size: 2.2rem;
	line-height: 1.5;
	font-weight: bold;
}

.lp_hero h1 .bg_blue{
	background-color: var(--blue);
	color: #fff;
}
.lp_hero_img{
	width: 70%;
	max-width: 300px;
	margin: 0 auto;
	margin-top: 20px;
}
.lp_hero .lead{
	font-size: 1rem;
	font-weight: bold;
}
.lp_hero_link li a{
	background: url(../images/lp_web/arrow_blue_bottom.svg) 93% 50% no-repeat;
	background-size: 15px 15px;
	display: block;
	background-color: #fff;
	border: 2px solid var(--blue);
	border-radius: 999px;
	color: var(--blue);
	font-weight: 500;
	padding: 6px 0 6px 15px;
	font-size: 1.2rem;
	width: 82%;
	margin: 0 auto;
	margin-bottom: 20px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.4);
}
.lp_hero .cta_btn a{
	padding: 20px 0;
	border-radius: 25px;
	margin-top: 30px;
}
/******************* lp_problem 0 **********************/
.lp_problem{
	background-color: var(--bg_gray);
}
.lp_problem h2{
  position: relative;
	background-color: #fff;
	border: 2px solid var(--gray);
	border-radius: 999px;
	font-weight: bold;
	padding: 7px;
	width: 230px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
}
.lp_problem h2::before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
.lp_problem h2::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
  
  border-width: 12px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.lp_problem p{
	/*margin-bottom: 10px;*/
	letter-spacing: 1.5px;
	font-size: 1.1rem;
	text-align: center;
}
.lp_problem p .big{
	font-size: 1.5rem;
	letter-spacing: 2px;
	line-height: 1.5;
}
.lp_problem .p_2{
	margin-bottom: 30px;
}
.lp_problem .p_3 .big{
	line-height: 1.5;
}
/******************* lp_thinking 0 **********************/
.lp_thinking h2{
	padding: 30px 0;
}
.lp_thinking .flow_list_inner{
	background-color: var(--bg_blue);
	position: relative;
	margin-top: 30px;
	padding: 20px;
	padding-top: 60px;
}
.lp_thinking .flow_list .flow_list_title{
	position: absolute;
	top: -20px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background-color: var(--blue);
}
.lp_thinking .flow_list h3{
	position: relative;
	white-space: nowrap; /* これで改行を防ぐ */
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 10px;
}
.lp_thinking .lead{
	font-weight: bold;
}
.lp_thinking .flow_list .flow_list_title:after{
	position: absolute;
	content: "";
	border-top: 20px solid var(--blue);
  	border-right: 20px solid transparent;
 	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.lp_thinking .card_img{
  /* フレームサイズを固定 */
  width: auto;
  height: 150px;
  
  /* 中央配置の設定 */
  display: flex;
  justify-content: center; /* 水平中央 */
  align-items: center;     /* 垂直中央 */
  
  /* はみ出した分を隠す */
  overflow: hidden; 
  
  /* オプション：背景色や枠線 */
  background-color: #eee;	
}
.lp_thinking .card_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lp_thinking .flow_card._2 .card_img img,
.lp_thinking .flow_card._3 .card_img img{
  object-position: top;
}
.lp_thinking .flow_list .card_txt p{
	padding: 20px;
	padding-top: 10px;
}

.lp_thinking .flow_list h4{
	color: var(--blue);
	text-align: center;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.5;
	padding: 20px 0 0;
}
.lp_thinking .flow_list._2 h4,
.lp_thinking .flow_list._3 h4,
.lp_thinking .flow_list._4 h4{
	margin: 20px 0 0;
	padding: 30px 0 0;
}
.lp_thinking .flow_card{
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	margin-bottom: 30px;
	background-color: #fff;	
}
.lp_thinking .point{
	border: 2px solid var(--blue);
	border-radius: 25px;
	background-color: #FFFBC7;
	padding: 10px;
}
.lp_thinking .point p{
	font-weight: bold;
}
.lp_thinking .point_title{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  color: var(--blue);	
  font-size: 1.3rem;
}
.lp_thinking .next_note{
	text-align: center;
	padding: 50px 0 30px;
	font-weight: bold;
}
.lp_thinking .flow_list._4 .next_note{
	width: 80%;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
	padding: 20px 0;
	font-weight: bold;
	background-color: var(--bg_gray);
}
.lp_thinking .flow_list._4 .next_note._2{
	background: none;
}
.lp_thinking .flow_list._5 .seo_flow ul li{
	position: relative;
	text-align: center;
	border: 2px solid var(--blue);
	border-radius: 999px;
	background-color: #fff;
	font-weight: bold;
	padding: 5px 0;
	width: 250px;
	margin: 0 auto;
	margin-bottom: 28px;
}
.lp_thinking .flow_list._5 .seo_flow ul li:last-child{
	background-color: #FFFBC7;
}
.lp_thinking .flow_list._5 .seo_flow ul li:last-child:after{
	content: none;
}
.lp_thinking .flow_list._5 .seo_flow ul li:after{
	position: absolute;
	bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
	content: "";
	background: url(../images/lp_web/results_arrow_down.svg) no-repeat;
	background-size: 18px auto;
	width: 18px;
	height: 18px;
}
.lp_thinking .flow_list._5 .seo_flow ul li img{
	position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	width: 25px;
}
.lp_thinking .flow_list._5 .balloon_flame p{
	font-weight: bold;
}
.lp_thinking .flow_list._5 .balloon_flame{
  position: relative;
	background-color: #fff;
	border: 2px solid var(--gray);
	border-radius: 25px;
	padding: 7px;
	width: 230px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
}
.lp_thinking .flow_list._5  .balloon_flame::before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
.lp_thinking .flow_list._5 .balloon_flame::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
  
  border-width: 12px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.lp_thinking .flow_list._5 h4{
	display: inline-block;
	background-color: var(--blue);
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 30px;
	position: relative;
}
.lp_thinking .flow_list._5 h4:before{
	position: absolute;
	top: 50%;
  left: -25px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	content: "";
	background: url(../images/lp_web/tag_icon_left.svg) no-repeat;
	background-size: 20px auto;
	width: 20px;
	height: 50px;
}
.lp_thinking .flow_list._5 h4:after{
	position: absolute;
	top: 50%;
  right: -25px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	content: "";
	background: url(../images/lp_web/tag_icon_right.svg) no-repeat;
	background-size: 20px auto;
	width: 20px;
	height: 50px;	
}
.lp_thinking .flow_list._5 h5{
	color: var(--blue);
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 30px 0 0;
	line-height: 1.5;
}
/*******************  lp_cta 0 **********************/
.lp_cta{
	background: url(../images/lp_web/26517632_l.jpg) no-repeat;
	background-size: cover;
	padding: 0;
}
.lp_cta .black{
	background: rgba(0,0,0,0.7);
}
.lp_cta .black .inner_wrap{
	padding: 30px 0;
}
.lp_cta p{
	color: #fff;
}
.lp_cta .cta_btn{
	margin: 30px 0;
}

/*******************  lp_reason 0 **********************/
.lp_reason{
	background-color: var(--bg_blue);
}
.lp_reason .tab{
	position: absolute;
	 left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.lp_reason .card{
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	margin-bottom: 30px;
	background-color: #fff;	
	position: relative;
}
.lp_reason .card_img{
  /* フレームサイズを固定 */
  width: auto;
  height: 170px;
  
  /* 中央配置の設定 */
  display: flex;
  justify-content: center; /* 水平中央 */
  align-items: center;     /* 垂直中央 */
  
  /* はみ出した分を隠す */
  overflow: hidden; 
  
  /* オプション：背景色や枠線 */
  background-color: #eee;	
}
.lp_reason.card_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lp_reason .card_txt{
	padding: 20px;
}
.lp_reason .card_txt h3{
	position: relative;
	white-space: nowrap; /* これで改行を防ぐ */
	color: var(--blue);
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}







/*******************  lp_flow 0 **********************/
.lp_flow .card{
	background-color: var(--bg_blue);
	padding: 20px;
	margin-bottom: 20px;
}
.lp_flow dt {
	color: var(--blue);	
	font-weight: bold;
  display: flex;
  align-items: center;
  gap: 10px; 
  font-size: 1.2rem;
 	padding-bottom: 10px;
}

.lp_flow dt span {
	background-color: var(--blue);
	color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 500;
  width: 25px;
  height: 25px;
  color: #fff;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.lp_flow .flow_note{
	color: var(--blue);
	font-weight: bold;
	margin-bottom: 20px;
}
/*******************  lp_plan 0 **********************/
.lp_plan{
	background-color: var(--bg_blue);
}
.lp_plan .plan_card{
	position: relative;
	background-color: #fff;
	padding: 20px 30px 30px;
	width: 78%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.lp_plan .plan_card .tab span{
	top: -30px;
}
.lp_plan .plan_card h3{
	font-size: 1.2rem;
	color: var(--blue);
	font-weight: bold;
	padding: 20px 0;
}
.lp_plan .plan_card .fee{
  font-family: 'Roboto', sans-serif;
  font-weight: bold;	
  font-size: 3rem;
  text-align: center;
  margin-bottom: 10px;
}
.lp_plan .plan_card .fee span{
	font-size: 1.5rem;
 	font-family: 'Noto Sans JP', sans-serif;
 	font-weight: bold;
}
.lp_plan .plan_card .txt{
	font-size: 1.2rem;
	font-weight: bold;
margin-bottom: 20px;
}
.lp_plan .plan_card .plan_detail{
	background-color: var(--bg_gray);
	padding: 20px;
}
.lp_plan .plan_card .plan_detail h4{
	font-size: 0.9rem;
	line-height: 1;
	padding: 5px 0;
	font-weight: bold;
	color: #fff;
	background-color: var(--blue);
	text-align: center;
	margin-bottom: 10px;
}
.lp_plan .plan_card .plan_detail ul li{
	font-size: 1rem;
	font-weight: bold;
	color: var(--blue);
}
/*******************  lp_works 0 **********************/
.lp_works{
	background-color: var(--bg_gray);
}
.lp_works ul li{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.lp_works .label{
	background-color: var(--blue);
	color: #fff;
	display: inline-block;
  vertical-align: bottom;
	line-height: 1;
	padding: 3px;
	margin-bottom: 3px;
	font-size: 0.9rem;
	font-weight: 500;
}
.lp_works h3{
	font-weight: bold;
	line-height: 1.5;
}
.lp_works .client{
	color: var(--blue);
	font-weight: bold;
	font-size: 0.9rem;
}

/*******************  lp_faq 0 **********************/
.lp_faq .set{
	margin-bottom: 20px;
}
.lp_faq dt{
	background: url(../images/lp_web/icon_q.svg) 10px 50% no-repeat;
	background-size: 25px auto;
	background-color: var(--bg_blue);
	color: var(--blue);
	font-weight: bold;
	padding: 5px;
	padding-left: 50px;
}
.lp_faq dd{
	background: url(../images/lp_web/icon_a.svg) 10px 50% no-repeat;
	background-size: 25px auto;
	padding: 5px;
	padding-left: 50px;
}
/******************* lp_cta.end 0 **********************/
.lp_cta.end .p_1{
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px;
}
.lp_cta.end .p_1 span{
	background-color: var(--blue);
}
/******************* lp_contact 0 **********************/
.lp_contact_flow,
.lp_contact{
	background-color: var(--bg_blue);
}
.lp_contact_flow li{
	background-color: #fff;
	border: 2px solid var(--blue);
	border-radius: 25px;
	padding: 5px;
	padding-left: 45px;
	position: relative;
	line-height: 1.5;
	margin-bottom: 15px;
}
.lp_contact_flow li span {
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	left: 10px;
	background-color: var(--blue);
	color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 500;
  width: 25px;
  height: 25px;
  color: #fff;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;

}




/******************* contact form 7 0 **********************/
/*
.contact_form .inner_wrap{
  width: 90%;
  margin: 0 auto;
  padding: 0;
}
*/
/*
.contact_form .tel{
	text-align: center;
}
.contact_form .tel a{
	color: #2e3192;
	line-height: 0;
}
.contact_form .tel a img{
	width: 35px;
	vertical-align: -2px;
	margin-right: 10px;
}
.contact_form .tel_txt{
	margin-top: -10px;
	margin-bottom: 15px;
}
*/
.wpcf7 form{
	/*padding-bottom: 50px;*/
}
.wpcf7 dl.list_top{
	border-top: 1px solid #A0D1F1;
}
.wpcf7 dl{
	padding: 10px 0;
	border-bottom: 1px solid #A0D1F1;
}
.wpcf7 dl:last-child{
	border-bottom: none;
}
.wpcf7 dd{

}
.wpcf7 dt{
	margin-bottom: 10px;
  color: var(--blue);
}
.wpcf7-list-item{
  margin-left: 0;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea{
  	-moz-appearance: none;
   	-webkit-appearance: none;
  	appearance: none;
    /*background-color: #f8f8f8;*/
    width: 95%;
    border-radius: 0;
    padding: 5px 5px 5px 10px;
    color: #000;
    font-family: 'Noto Sans JP', sans-serif;
    border-radius: 3px;
    border: 1px solid #ddd;
}
.wpcf7-textarea{
	/*color: #333;*/
	/*font-weight: 100;*/

}
.wpcf7 select{
  padding: 10px;
  width: 97%
}
.wpcf7 .required{
  font-size: 0.7rem;
  background-color: var(--blue);
  border-radius: 5px;
  color: #fff;
  padding: 1px 5px;
  vertical-align: top;
  margin-left: 3px;
  line-height: 1;
  vertical-align: 1px;
  margin-left: 10px;
}
.wpcf7-list-item.first,
.wpcf7-list-item.last,
.wpcf7 input[type="radio"]{
	margin: 0;
}
.wpcf7 .submit_btn p{
	text-align: center;
	margin: 50px 0 30px 0;
}
.wpcf7 input[type="button"]{
	margin: 0 auto;
}
.wpcf7-form-control.wpcf7-previous,
.wpcf7 input[type="submit"]{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #f6c000;
  color: var(--gray);
  font-size: 1.2rem;
  font-weight: 500;
  padding: 10px 100px;
  letter-spacing: 0px;
  border-radius: 5px;
  box-shadow: none;
  border: none;
  font-family: 'Noto Sans JP', sans-serif;
}
.wpcf7 .wpcf7-spinner{
	display: none;
}
.wpcf7 input[type="submit"]:hover{
  opacity: 0.7;
  cursor: pointer;
}
.wpcf7-form-control .wpcf7-list-item{
  display: block;
  margin: 0;
}
.wpcf7 .btn{
  text-align: center;
}
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors,
.wpcf7 .wpcf7-response-output.wpcf7-acceptance-missing{
  color: red;
  border: none;
  text-align: center; 
  line-height: 30px;
}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok{
  border: none;
  text-align: center;
  line-height: 30px;
  margin-bottom: 100px;
}
.wpcf7 .wpcf7-form.sent ul{
  /*display: none;*/
}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent
.contact_form .wpcf7-response-output{
  line-height: 25px;
  color: red;
  border: none;
}
.wpcf7 .privacy{
	margin-top: 20px;
}
.wpcf7 .privacy a{
	color: #000;
	text-decoration: underline;
}
/* Chrome, Safari */
::-webkit-input-placeholder{
    color: #aaa;
}
/* Firefox */
::-moz-placeholder{
    color: #eee;
}
/* Firefox 18以前 */
:-moz-placeholder{
    color: #eee;
} 
/* IE */
:-ms-input-placeholder{
    color: #eee;
}
/* CF7 honeypot 空メール送信させない*/
.wpcf7-form-control[name="your-check"] {
	display: none !important;
}
/*メッセージは送信されました」は非表示にします。*/
.wpcf7 form.sent .wpcf7-response-output {
  display: none;
}
/******************* contact form 7 0 **********************/
/***************** original contents 0  *******************/

/***************** footer 0 *******************/
footer{
	text-align: center;
	padding: 20px 0;
}
footer ul li{
	display: inline-block;
	padding: 10px;
}
footer ul li a{
	color: var(--gray);
	font-size: 0.9rem;
}
footer ul li a:before{
	content:"";
	display: inline-block;
	background: url(../images/lp_web/footer_link_icon.svg) no-repeat;
	background-size: 13px auto;
	width: 13px;
	height: 13px;
	padding-left: 10px;
}
}/*0-end*/

/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/**********                    ******                    ******                    *****************/
/***************************   ******   ***********************   **************   *****************/
/*************************   ********   ***********************   **************   *****************/
/************************   *********   ***********************   **************   *****************/
/***********************   **********   ***********************   **************   *****************/
/**********************   ***********                    ******                    *****************/
/*********************   ************   **************   ******   **************   *****************/
/********************   *************   **************   ******   **************   *****************/
/*******************   **************   **************   ******   **************   *****************/
/******************   ***************   **************   ******   **************   *****************/
/*****************   ****************                    ******                    *****************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
@media only screen and (min-width: 768px) {
	
/***************** common 768 *******************/
.inner_wrap{
	width: 90%;
	margin: 0 auto;
}
.cta_btn a{
	text-align: center;
	background-size: 15px 15px;
	display: block;
	background-color: var(--yellow);
	border-radius: 999px;
	padding: 6px 0 6px 15px;
	width: 400px;
	margin: 0 auto;
	margin-bottom: 20px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.4);
	color: #000;	
	font-size: 1.2rem;
}
section.lp_contact h2 span{
	font-size: 2rem;
}
.lead,
.bottom_note{
	text-align: center;
}

/***************** lp_hero 768 *******************/
.lp_hero_main{
	display: flex;
	align-items: center;
	width: 700px;	
	margin: 0 auto;
}
.lp_hero_main .lead{
	text-align: left;
}
.lp_hero_img{
	width: 250px;
}
.lp_hero_link{
	display: flex;
	justify-content: space-between;
	width: 600px;	
	margin: 0 auto;
}
.lp_hero_link li a{
	background: url(../images/lp_web/arrow_blue_bottom.svg) 50% 90% no-repeat;
	background-size: 15px 15px;
	background-color: #fff;
  width:160px;
  height:160px;
  border-radius: 50%;
  border: 2px solid #1e9bd7;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding:0;
}
.lp_hero .cta_btn a{
	padding: 15px 0;
	border-radius: 999px;
	margin-top: 30px;
}
/***************** lp_problem 768 *******************/
.lp_problem{
	text-align: center;
}
.lp_problem h2{
	text-align: center;
	
	display: inline-block;
	width: auto;
	padding: 10px 20px;
}
/***************** lp_thinking 768 *******************/
.lp_thinking .lead{
	text-align: center;
}
.lp_thinking .flow_card_list {
  display: flex;
  gap: 20px;
}
.lp_thinking .flow_card {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.lp_thinking　.card_txt {
	flex: 1;
	display: flex;
  flex-direction: column;
  justify-content: center; /* 上寄せなら flex-start */
}
.lp_thinking .card_txt h4 {
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 0 0;
}
.lp_thinking .flow_list._2 h4,
.lp_thinking .flow_list._3 h4,
.lp_thinking .flow_list._4 h4{
	/*margin: 20px 0 0;*/
	padding: 10px 0 0;
}
.lp_thinking .flow_list._5 .seo_flow ul{
	display: flex;
	width: 660px;
	margin: 0 auto;
}
.lp_thinking .flow_list._5 .seo_flow ul li{
	position: relative;
	text-align: center;
	border: 2px solid var(--blue);
	border-radius: 999px;
	background-color: #fff;
	font-weight: bold;
	padding: 10px 20px;
	width: auto;
	margin: 0 auto;
	margin-bottom: auto;

}
.lp_thinking .flow_list._5 .seo_flow ul li img{
	position: absolute;
  top: 0px;
  left: -5px;
	width: 25px;
}
.lp_thinking .flow_list._5 .seo_flow ul li:after{
	position: absolute;
	bottom: auto;
  top: 50%;
  left: auto;
  right: -32px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	content: "";
	background: url(../images/lp_web/results_arrow_right.svg) no-repeat;
	background-size: 18px auto;
	width: 20px;
	height: 20px;
}
.lp_thinking .flow_list._5 .seo_flow p{
	text-align: center;
	margin: 30px 0;
}
.lp_thinking .flow_list._5 .balloon_flame{
  position: relative;
	background-color: #fff;
	border: 2px solid var(--gray);
	border-radius: 25px;
	padding: 7px;
	width: 450px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
}
/*******************  lp_plan 768 **********************/
.lp_plan .plan_card_list{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.lp_plan .plan_card{
	width: 33%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.lp_plan .plan_card .fee{
	line-height: 0.7;
}
.lp_plan .plan_card .plan_detail{
	flex-grow: 1;
}
/***************** lp_reason 768 *******************/
.lp_reason ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.lp_reason ul li{
	width: 48%;
}
/*
.lp_reason .card_img{
  width: auto;
  height: 250px;
}
.lp_reason ul li .card_txt{
	padding: 50px;
}
/******************* lp_cta.end 768 **********************/
.lp_cta{
	text-align: center;
}
.lp_cta.end .p_1{
	font-size: 30px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px;
}
.lp_cta.end .p_1 span{
	background-color: var(--blue);
}
/*******************  lp_works 768 **********************/
.lp_works ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.lp_works ul li{
	width: 47%;
	box-sizing: border-box;
	margin: 0;
	margin-bottom: 30px;
}
/*******************  lp_contact_flow 768 **********************/
.lp_contact_flow ul li{
	width: 550px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 10px;
	padding-left: 40px;
}
.lp_flow dl,
.lp_faq dl{
		max-width: 1000px;
		margin: 0 auto;
}
.wpcf7 dl{
	display: flex;
	justify-content: space-between;
	align-items: center;	
}
.wpcf7 dl dt{
	width: 30%;
	line-height: 1;
}
.wpcf7 dl dd{
	width: 70%;	
}
.wpcf7 .privacy{
	text-align: center;
}
.wpcf7-response-output{
	text-align: center;
}







/********************* footer 768 *********************/


}/*768px-end*/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/**********                    ******                    ******                    *****************/
/**********   **************   ******   ***********************   **************   *****************/
/**********   **************   ******   ***********************   **************   *****************/
/**********   **************   ******   ***********************   **************   *****************/
/**********   **************   ******   ***********************   **************   *****************/
/**********                    ******                    ******   **************   *****************/
/***************************   ******   **************   ******   **************   *****************/
/***************************   ******   **************   ******   **************   *****************/
/***************************   ******   **************   ******   **************   *****************/
/***************************   ******   **************   ******   **************   *****************/
/**********                    ******                    ******                    ******************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************** top *******************/
@media only screen and (min-width: 960px) {
/*******************************/

/***************** header 960 *******************/
header {
  position: relative;   
  z-index: 10;         
}
header::before {
  content: "";
  position: absolute;
  inset: 0;             
  background: transparent;
  transition: background 0.3s ease;
  z-index: -1;  
	height: 70px;        
}
header.scrolled::before {
  background-color: #fff;
  height: 70px; 
  position: fixed; 
}
header .logo{
	margin-top: 15px;
	width: 200px;
}
header.scrolled .logo{
	opacity: 1;
}

.lower_header{
	background-color: #fff;
	position: fixed;
	width: 100%;
	z-index: 10000;
	height: 70px;

}
.lower_header .logo{
	width: 200px;	
}

/***************** lp_hero 960 *******************/
.lp_hero_main{
	display: flex;
	align-items: center;
	width: 100%;	
	margin: 0 auto;
	padding-top: 50px;
}
.lp_hero_main .lp_hero_txt{

}
.lp_hero_main .lp_hero_img{

}
.lp_hero_main h1{
	font-size: 40px;
}
.lp_hero_main h1 .br{
	display: none;
}
.lp_hero_main p{
	font-size: 22px;
}
/***************** .lp_thinking  960 *******************/
.lp_thinking .point{
	display: flex;
	width: 700px;
	margin: 0 auto;
}
.lp_thinking .point_title{
	margin-right: 20px;
}
/***************** .lp_works  960 *******************/
.lp_works ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.lp_works ul li{
	width:30%;
	box-sizing: border-box;
	margin: 0;
	margin-bottom: 30px;
}
/********************* contact 960 *********************/
.lp_contact .inner_wrap,
.lp_contact_form.confirm .inner_wrap{
	width: 864px;
	margin: 0 auto;
}
}/*960px-end*/
@media only screen and (min-width: 1100px) {
/***************** lp_hero 1100 *******************/
.lp_hero_main h1{
	font-size: 50px;
}
.lp_hero_main .lead{
	font-size: 20px;
	line-height: 2;
}
.lp_hero_main .lp_hero_img img{
	width: 300px;
}
/***************** footer 1100 *******************/
footer{
	padding: 30px 0;
}
footer .inner_wrap{
	display: flex;
	justify-content: space-between;
	width: 90%;
}
footer ul li a,
footer .copy{
	font-size: 16px;
}
}/*1100px-end*/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/**********   *****                    ******                    *****                    **********/
/**********   **********************   ******   **************   *****   **************   **********/
/**********   **********************   ******   **************   *****   **************   **********/
/**********   **********************   ******   **************   *****   **************   **********/
/**********   **********************   ******   **************   *****   **************   **********/
/**********   *****                    ******   **************   *****   **************   **********/
/**********   *****   ***********************   **************   *****   **************   **********/
/**********   *****   ***********************   **************   *****   **************   **********/
/**********   *****   ***********************   **************   *****   **************   **********/
/**********   *****                    ******                    *****                    **********/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
@media only screen and (min-width: 1200px) {
/***************** common 1200 *******************/
header .header_inner{
	width: 1200px;
	margin: 0 auto;	
}
section{
	padding: 100px 0;
}
.lp_contact{
	padding: 0 0 50px;
}
.cta_btn a{
	text-align: center;
	background-size: 30px 30px;
	display: block;
	background-color: var(--yellow);
	border-radius: 999px;
	padding: 20px;
	width: 400px;
	margin: 0 auto;
	margin-bottom: 20px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.4);
	color: #000;	
	font-size: 25px;

}
section h2.wing{
	position: relative;
	font-size: 25px;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	padding: 0 60px;
	margin: 30px 0 70px;
}
section h2.wing:before{
	position: absolute;
	top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	content: "";
	background: url(../images/lp_web/tag_icon_left.svg) no-repeat;
	background-size: 35px auto;
	width: 35px;
	height: 90px;
}
section h2.wing:after{
	position: absolute;
	top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	content: "";
	background: url(../images/lp_web/tag_icon_right.svg) no-repeat;
	background-size: 35px auto;
	width: 35px;
	height: 90px;	
}
section h2 span{
	font-size: 50px;
}
section.lp_contact h2 span{
	font-size: 50px;
}
section .lead{
	margin-bottom: 30px;
	font-weight: bold;
}
section .tab/*,
.lp_thinking .flow_list .tab*/{
	position: relative;
	white-space: nowrap; /* これで改行を防ぐ */
}
section .tab span/*,
.lp_thinking .flow_list .tab span*/{
	position: absolute;
	top: -15px;
	left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
	background-color: var(--blue);
	background-color: var(--yellow); 
	color: var(--blue);
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1;
	padding: 5px 20px;
	display: inline-block;
}
section .bottom_note{
		font-weight: bold;
}
.lead{
	font-size: 25px;
	line-height: 2;
	padding-bottom: 50px;
}
.bottom_note{
	font-size: 25px;
	line-height: 2;
	padding-bottom: 50px;

}
/***************** lp_hero 1200 *******************/
.lp_hero h1{
	font-size: 57px;
}
.lp_hero .lead{
	font-size: 25px;
	margin-bottom: 0;
	padding-bottom: 30px;
}
.lp_hero_link{
	display: flex;
	justify-content: space-between;
	width: 800px;	
	margin: 0 auto;
}
.lp_hero_link li a{
	background: url(../images/lp_web/arrow_blue_bottom.svg) 50% 90% no-repeat;
	background-size: 20px 20px;
	background-color: #fff;
	font-size: 23px;
  width:200px;
  height:200px;
  border-radius: 50%;
  border: 2px solid #1e9bd7;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding:0;
}
.lp_hero .cta_btn a{
	padding: 25px 0;
	border-radius: 40px;
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 25px;
	width: 500px;
}
.lp_hero .lp_hero_main{
	margin-bottom: 30px;
}
/***************** lp_problem 1200 *******************/

.lp_problem h2{
	font-size: 25px;
}
.lp_problem p{
	font-size: 27px;
	line-height: 2;
}
.lp_problem p .big{
	font-size: 33px;
}
/********************* lp_thinking 1200 *********************/
.lp_thinking{

}
.lp_thinking .flow_list_inner{
	padding-bottom: 30px;
}
.lp_thinking .flow_list .flow_list_title{
	position: absolute;
	top: -30px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background-color: var(--blue);
}
.lp_thinking .flow_list h3{
	position: relative;
	white-space: nowrap; /* これで改行を防ぐ */
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	padding: 20px;
}
.lp_thinking .lead.top{
	font-weight: bold;
	padding: 0;
}
.lp_thinking .lead{
	font-weight: bold;
	font-size: 25px;
	padding: 30px 0;
}
/*
.lp_thinking .flow_list .flow_list_title:after{
	position: absolute;
	content: "";
	border-top: 20px solid var(--blue);
  	border-right: 20px solid transparent;
 	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
*/
.lp_thinking .card_img{
  width: auto;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; 
  background-color: #eee;	
}
.lp_thinking .flow_list h4{
	color: var(--blue);
	text-align: center;
	font-weight: bold;
	font-size: 27px;
	padding: 20px 0 0;
}
.lp_thinking .flow_list .card_txt p{
	padding: 40px;
	padding-top: 20px;
}
.lp_thinking .point{
	display: flex;
	width: 900px;
	margin: 0 auto;
}
.lp_thinking .point_title{
	margin-right: 20px;
	font-size: 25px;
	padding-left: 10px;
}
.lp_thinking .point p{
	font-size: 20px;
}
.lp_thinking .next_note{
	text-align: center;
	padding: 70px 0 80px;
	font-weight: bold;
	font-size: 25px;
	line-height: 2;
}
.lp_thinking .flow_list._4 .next_note{
	width: 60%;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
	padding: 20px 0;
	font-weight: bold;
	background-color: var(--bg_gray);

	font-size: 25px;
	line-height: 2;
}
.lp_thinking .flow_list._4 .next_note span{
	font-size: 40px;
}
.lp_thinking .flow_list._4 .next_note._1{
	margin-top: 50px;
}
.lp_thinking .flow_list._4 .next_note._1 .br{
	display: none;
}
.lp_thinking .flow_list._4 .next_note._2{
	margin-bottom: 50px;
}
.lp_thinking .flow_list._5 .seo_flow ul{
	width: 950px;
}
.lp_thinking .flow_list._5 .seo_flow ul li{
	width: auto;
	font-size: 25px;
	padding: 20px 30px;
}
.lp_thinking .flow_list._5 .seo_flow ul li:after{
	position: absolute;
	bottom: auto;
  top: 50%;
  left: auto;
  right: -43px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	content: "";
	background: url(../images/lp_web/results_arrow_right.svg) no-repeat;
	background-size: 25px auto;
	width: 30px;
	height: 30px;
}
.lp_thinking .flow_list._5 .seo_flow ul li img{
	position: absolute;
  top: 0px;
  left: 0px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	width: 40px;
}
.lp_thinking .flow_list._5 .seo_flow p{
	font-size: 35px;
	line-height: 1.5;
	margin-bottom: 50px;
}
.lp_thinking .flow_list._5 .balloon_flame{
  position: relative;
	background-color: #fff;
	border: 2px solid var(--gray);
	border-radius: 25px;
	padding: 15px;
	width: 650px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
}
.lp_thinking .flow_list._5 .balloon_flame p{
	font-size: 23px;
	line-height: 2;
}
.lp_thinking .flow_list._5  .balloon_flame::before {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 19px 17px 0 17px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
.lp_thinking .flow_list._5 .balloon_flame::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 17px 15px 0 15px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.lp_thinking .flow_list._5 h4{
	display: inline-block;
	background-color: var(--blue);
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 70px;
	position: relative;
}
.lp_thinking .flow_list._5 h4:before{
	position: absolute;
	top: 50%;
  left: -40px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	content: "";
	background: url(../images/lp_web/tag_icon_left.svg) no-repeat;
	background-size: 33px auto;
	width: 33px;
	height: 80px;
}
.lp_thinking .flow_list._5 h4:after{
	position: absolute;
	top: 50%;
  right: -40px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	content: "";
	background: url(../images/lp_web/tag_icon_right.svg) no-repeat;
	background-size: 33px auto;
	width: 33px;
	height: 80px;	
}
.lp_thinking .flow_list._5 h5{
	color: var(--blue);
	text-align: center;
	font-size: 27px;
	font-weight: bold;
	padding: 30px 0 0;
	line-height: 1.5;
}
/*******************  lp_cta 1200 **********************/
.lp_cta .black .inner_wrap{
	padding: 70px 0;
}
.lp_cta p{
	font-size: 20px;
	line-height: 2;

}
/***************** lp_reason 1200 *******************/
.lp_reason .card_img{
  width: auto;
  height: 250px;
}
.lp_reason ul li .card_txt{
	padding: 0;
} 
.lp_reason ul li .card_txt h3{
	font-size: 27px;
	margin: 40px 0 0;
}
.lp_reason ul li .card_txt p{
	padding: 40px;
}
/***************** lp_faq 1200 *******************/

.lp_flow .card{
	padding: 30px;
}
.lp_flow dt{
	font-size: 25px;
}
.lp_flow dt span {
	background-color: var(--blue);
	color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 500;
  width: 35px;
  height: 35px;
  color: #fff;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.lp_flow dd{
	padding-top: 10px;
}
.lp_flow .flow_note{
	font-size: 20px;
	color: var(--blue);
	font-weight: bold;
	margin-bottom: 20px;
}
/*******************  cta 1200 **********************/
.lp_plan .plan_card{
	width: 30%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.lp_plan .plan_card h3{
	font-size: 23px;
	line-height: 1.5;
}
.lp_plan .plan_card .fee{
	margin: 10px 0 20px;
}
/*******************  cta 1200 **********************/
.lp_works ul li h3{
	font-size: 20px;
}
/***************** lp_faq 1200 *******************/
.lp_faq .set{
	margin-bottom: 30px;
}
.lp_faq dt{
	background: url(../images/lp_web/icon_q.svg) 10px 50% no-repeat;
	background-size: 35px auto;
	background-color: var(--bg_blue);
	color: var(--blue);
	font-weight: bold;
	padding: 20px;
	padding-left: 60px;
	font-size: 25px;
}
.lp_faq dd{
	background: url(../images/lp_web/icon_a.svg) 10px 50% no-repeat;
	background-size: 35px auto;
	padding: 15px;
	padding-left: 60px;
	font-size: 18px;
}
/******************* lp_cta.end  1200**********************/
.lp_cta.end .inner_wrap{
	padding: 80px 0;
}
.lp_cta.end .p_1{
	font-size: 55px;
	font-weight: bold;
	line-height: 1.7;
	margin-bottom: 20px;
}
.lp_cta.end .p_1 span{
	background-color: var(--blue);
}
/******************* lp_contact_flow 1200  **********************/
.lp_contact_flow .lead{
	margin-bottom: 0;
	padding-bottom: 30px;
}
.lp_contact_flow .bottom_note{
	margin-top: 50px;
}

/********************* ad 1200 *********************/

/********************* company 768 *********************/

/***************** footer 0 *******************/

}/*1200px-end*/
@media only screen and (min-width: 1300px) {
/*************************************************************************/
/*********************　ページ共通 0 *********************/
.lp_hero h1{
	font-size: 60px;
}
}/*1340px-end*/
@media only screen and (min-width: 1400px) {
/*************************************************************************/

}/*1400px-end*/
@media only screen and (min-width: 1500px) {
/*************************************************************************/

}/*1400px-end*/
@media only screen and (min-width: 1600px) {
/*************************************************************************/

}/*1400px-end*/