@charset "shift_jis";

/* -----------------------------------------------------------
 共通タグ
----------------------------------------------------------- */
*{ margin:0; padding:0;}
a{outline: none;}
a:focus{outline:none;}
a {text-decoration: none;}
/*html{ background-color:#4E4A41;}*/
img{
	vertical-align:bottom;
	border: none;
	}
#lp_wrapper {
	width:100%;
	font-size:12px;
-webkit-text-size-adjust: 100%;
  font-family: "Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;

}


/*商品一覧用　ここから///////////////////////////////////////////// */

p, dl, dt, dd, ul li{
	margin: 0px;
	padding: 0px; 
}
h4, h5{
	margin: 0px 0px 0px 0px;
	padding: 0px; 
}
li{ list-style-type: none;}

.top_btn{ float:right;}

.w1000px{
	width: 1000px;
	margin: auto;
}


/* -----------------------------------------------------------
 ClearFix
----------------------------------------------------------- */
div:after,
ul:after,
ol:after,
dl:after,
.clearfix:after{
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}

/* for IE7 only */
*:first-child+html div,
*:first-child+html ul,
*:first-child+html ol,
*:first-child+html dl,
*:first-child+html .clearfix{
height:1%;
}

/* for IE6 and below */
/*\*/
* html .clearfix{
height:1%;
}
/* ClearFix End */


/*商品一覧用 ここまで///////////////////////////////////////////// */




/*新規CSS/////////////////////////////////////////////////////  */

/* ▼ これアクティブにすると商品一覧のスクロール時間かかりすぎ注意*/
/*html { scroll-behavior: smooth;}*/

#page {
	overflow: hidden;
}
#pro_wrapper {
	width: 100%;
}

.sgmv {
	/* margin-top: 20px; */
}

.mv_page {
  font-family: "Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  color: #333;
	font-size: 16px;
	line-height: 1.8em;
	text-align: center;
}
.mv_page div:after, .mv_page ul:after, .mv_page ol:after, .mv_page dl:after, .mv_page .clearfix:after {
  display: none !important;
}
.sp_only { display: none;}
.pc_only { display: inline-block;}

.section {
  margin-bottom: 40px;
}

.w1000px {
	max-width: 1000px;
	margin: 0 auto;
  width: 100%;
}
.content {
	text-align: left;
}
.center {
	text-align: center;
	width: 100%;
}


/* PRの注釈分 */
.pr_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}
.pr_inner .pr_box {
  font-size: 20px;
  font-weight: bold;
  color: #6a6869;
  border: solid 1px #6a6869;
  line-height: 1;
  padding: 5px 10px 2px;
  letter-spacing: 0.06em;
}
.pr_inner p {
  font-size: 18px;
  color: #6a6869;
  padding: 2px 0 0 20px;
	line-height: 1;
}


.mv_body {
  margin: 0px 0 40PX;
}
.mv_inner.w_full {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
	/* background: #f7fafd; */
	background-image: url(/include_html/images/campaign/2025/UXTEAM-3098/UXTEAM-2925_MV_bg.png);
	/* background-size:  cover; */
}
.method_body {
  margin: 50px 0;
}
.method_inner.w_full {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  background: #ecf9ff;
  padding: 70px 0;
}
.mv_img {
  max-width: 1000px;
	width: 100%;
}



.section.w_full,.section.w_full_pink {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.section.w_full_pink {
	background: #fbe6ed;
	padding: 20px 0;
}
.section.w_full_pink.section_swiper {
	padding: 50px 0 30px;
}
.section.w_full_pink.section_contact_us {
	padding: 30px 0;
}
.section.w_full {
	background: #e8fefd;
}

.image_box {
	margin-bottom: 10px;
}
.image_box.img_profile_box {
	margin-top: 30px;
}
.image_box img {
	max-width: 1000px;
	width: 100%;
}




.section {
	margin: 0 0 30px;
}
.section .section_inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 0 0;
}
.section.section_contact_us .section_inner {
	padding: 20px 0 20px;
}

.under_text {
	font-size: 16px;
	margin-top: 50px;
}


/* 追記 --------------------------------------------- */
.content h2 {
	font-size: 34px;
	margin-bottom: 30px;
	font-weight: 700;
}
.content h3 {
	font-size: 22px;
	color: #e11a21;
	margin-bottom: 15px;
	font-weight: 700;
}

.feature_flex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}
.feature_child:first-of-type {
		width: 530px;
}
.feature_child:last-of-type {
	width: 380px;
}
.feature_child p {
	font-size: 18px;
}
.feature_child p.heading {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}


/* テーブル */
.table-responsive {
	min-height: .01%;
    overflow-x: auto;
		box-sizing: border-box;
}
.table-bordered {
	border: 1px solid #ddd;
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	font-size: 18px;
	color: #333;
	font-weight: 200;
}
table {
	background-color: transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.spec_body {
	font-size: 18px;
}
ul.spec_list {
	margin: 0 0 30px;
	padding: 0 0 0 40px;
}
ul.spec_list li {
	list-style: disc;
	font-size: 18px;
}



td.active {
	background-color: #f5f5f5;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	vertical-align: middle;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: 1px solid #ddd;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}




/* 見出し */
.section h3 {
  position: relative;
  display: inline-block;
  margin-bottom: 50px;
	color: #d88671;
	font-size: 34px;
	font-weight: bold;
	font-feature-settings: "palt";
	letter-spacing: 0.04em;
}
.section.w_full_pink.section.section_contact_us h3 {
	margin-bottom: 70px;
}

.section.w_full_pink h3 {
	color: #fff;
}
.section h3:before {
  content: '';
  position: absolute;
  bottom: -30px;
  display: inline-block;
  width: 70px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #d88671;
  /* border-radius: 2px; */
}
.section.w_full_pink h3:before {
  background-color: #fff;
}


.email_body {
	color: #fff;
}
.contact_us_text {
	font-size: 20px;
}
.email_inner {
	display: flex;
	justify-content: center;
	margin: 20px 0;
}
.email_inner .contact_us {
	color: #fff;
	font-size: 26px;
	 font-weight: bold;
}
.email_inner .contact_us.phone_body {
	margin-right: 40px;
}
.email_inner i {
	margin-right: 10px;
}
body .email_inner a {
	font-size: 32px;
}
body .email_inner a,
body .email_inner a,
body .email_inner a:visited,
body .email_inner a:visited,
body .email_inner a:hover,
body .email_inner a:hover {
	color: #fff;
	text-decoration: none;
}
body .email_inner a:hover {
	opacity: 0.8;
}




/* リンクボタン */
.btn_unit {
	margin: 70px 0;
}
.btn_lead {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 20px;
}
.btn_body {
  background: #e11a21;
  border-radius: 40px;
  padding: 20px 40px;
    display: inline-block;
    margin: 30px 0 100px;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.25);
}
.btn_body.last_btn {
	margin: 90px 0 200px;
}
.btn_inner {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  align-items: center;
}
.btn_child.btn_text {
  margin: 2px 15px 0 15px;
}
.btn_child p {
  color: #fff;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  line-height: 1.0rem;
  margin: 0 auto;
}
.btn_child.btn_text p {
  font-size: 26px;
}
.fa_down:before {
  font-size: 26px;
  margin-right: 20px;
  color: #fff;
}
.btn_body:hover {
  opacity: 0.8;
}
.btn_body a,
.btn_body a:hover,
.btn_body a:visited {
  text-decoration: none;
  color: #fff;
}

.warning_note {
	font-size: 22px;
	font-weight: bold;
	margin: 30px 0 50px;
	color: #cb3669;
}