@charset "utf-8";

/* 東邦ガスのCN×P水素バーナ suiso PC 
-------------------------------------------------------------------*/
#lp_content_suiso {
	background: #FFFFFF;
    color: #222;
    font-family: 'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium" ,"游ゴシック体", "Yu Gothic", YuGothic , 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    line-height: 1.4;
    width: 100%;
    font-size: 18px;
    display: block;
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
	letter-spacing:0.05em;
}
.inner_wrap {
	padding: 0px 50px;
}
 .visual {
	background: url(top_back.jpg);
	width: 100%;
	height: 675px;
}
 .visual h1 {
	color: #fff;
	font-size: 70px;
	font-weight: 700;
	text-align: left;
	padding-top: 100px;
}
 .visual h1 small {
	font-size: 50px;
}
 .visual .text {
	padding-top: 30px;
	line-height: 1.8;
}
 .visual p {
	color: #fff;
	font-size: 20px;
	text-align: left;
}
/*section1*/
 .section1 .green {
	background-color: #8fba54;
	width: 100%;
	padding: 40px 0px 50px 0px;
	box-shadow: 0px 13px 0px 0px #146199;
	margin-bottom: 90px;
}
 .section1 .green p {
	color: #fff;
	font-size: 20px;
	line-height: 2;
	text-align: left;
}
 .section1 .green p span {
	font-size: 24px;
	font-weight: 600;
}
/*each_title*/
 .each_title {
	display: flex;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 25px;
	margin-bottom: 30px;
}
 .each_title p {
	font-size: 28px;
	color: #fff;
	background-color: #146199;
	border-radius: 50%;
	height: 53px;
	width: 53px;
	display: block;
	line-height: 53px;
}
 .each_title h3 {
	font-size: 32px;
	font-weight: bold;
	padding-left: 20px;
}
/*part_01*/
 .part_01 .p_01 {
	text-align: left;
	line-height: 1.8;
	font-size: 20px;
}
 .part_01 .p_01 .red {
	color: #db1b1b;
}
 .part_01 .pic_mom {
	border: 1px solid #ececec;
	margin: 40px 0px 60px 0px;
	width: 100%;
	padding: 30px;
}
 .part_01 .pic_mom img {
	max-width: 100%;
}
/*side_slash*/
 .side_slash_top {
	font-size: 50px;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 110px;
}
 .side_slash_top .blue {
	color: #146199;
}
 .side_slash_top div{
	display:inline-block;
	position:relative;
	padding: 0 1.5em;
}
 .side_slash_top div:before,
 .side_slash_top div:after{
	content:"";
	display:block;
	position:absolute;
	top:0.25em;
	bottom:0.25em;
	left:0;
	width: 1px;
	background:#575757;
	transform:skewX(27deg);
}
 .side_slash_top div:after{
	left:auto;
	right:0;
	transform:skewX(-27deg);
}
/*表作成する　hyou*/
 .part_01  .tbl_box {
	margin: 30px 0px 25px 0px;
}
 .part_01 .tbl_box table th,td {
	font-size: 20px;
}
 .tbl_box table {
	border-collapse: collapse;
	text-align: center;
	width: 100%;
}
 .tbl_box table th {
	background-color: #f5f5f5;
}
 .tbl_box table th {
	padding: 30px 0px;
}
 .tbl_box table td {
	padding: 15px 0px;
}
 .tbl_box table th,td {
	border: 1px solid #ececec;
	text-align: center;
	/*width: 365px;*/
}
 .part_05 .tbl_box {
	margin: 35px 0px;
}
 .part_05 th,
 .part_05 td {
	font-size: 16px;
}
 .part_05 .tbl_box table .black {
	font-weight: bold;
}
 .part_05 .tbl_box table .red {
	color: #f2262d;
	font-size: 20px;
}
 .part_05 .tbl_box table .btm_line {
	border-bottom: 1px solid #f2262d;
}
 .part_05 .tbl_box table .security {
	text-align: left;
	/* padding-left: 40px; */
}
 .part_05 .tbl_box table .mom_pic_01 {
	max-width: 228px;
}
 .part_05 .tbl_box table .mom_pic_02 {
	max-width: 143px;
}
 .part_05 .tbl_box table .mom_pic_03 {
	max-width: 282px;
}

 .part_01 .text_indent {
	text-align: left;
	font-size: 16px;
	text-indent: -2.0em;
	padding-left: 2.5em;
}
 .part_01 .text_indent + .text_indent{
	margin-top:0.5em;
}
 .part_01 .fukidashi {
	margin: 70px auto 70px auto;
}
 .fukidashi {
	background-color: #78ac31;
	border-radius: 30px;
	width: 972px;
	padding: 35px 0px 40px 0px;
	position: relative;
	margin: auto;
}
 .fukidashi::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: -20%;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-bottom: 48px solid #78ac31;
	border-top: 0;
}
 .fukidashi p {
	font-size: 34px;
	font-weight: bold;
	color: #fff;
}
 .fukidashi .yellow {
	color: #ffe92e;
}
/*white_mom*/
 .white_mom {
	width: 100%;
	background-color: #fff;
	bottom: 0;
	padding-left: 50px;
	padding-right: 50px;
	text-align: left;
}
/*part_02*/
 .part_02 {
	background-color: #e5f2f7;
	bottom: 0;
	padding: 55px 0px 65px 0px;
}
 .part_02 .each_title {
	border: none;
}
 .part_02 h4 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 5px;
}
 .part_02 .flex_line {
	margin-bottom: 45px;
}
 .part_02 .flex_line p {
	display: inline-block;
}
 .part_02 .flex_line .blue {
	background-color: #146199;
	padding: 8px 20px;
	display: inline-block;
}
 .part_02 .flex_line .blue span {
	color: #fff;
	font-size: 20px;
}
 .part_02 .flex_line .black {
	font-size: 24px;
	margin-left: 15px;
}
 .part_02 .flex_line .black strong {
	color: #146199;
	font-size: 40px;
	font-weight: 500;
}
 .part_02 .flex_line .black .parcent {
	font-size: 24px;
	color: #146199;
}
 .part_02 .flex_line .days small {
	font-size: 16px;
	margin-left: 15px;
}

 .part_02 .mom_pic {
	width: 100%;
	margin-bottom: 65px;
	/* max-width: 976px; */
	text-align: center;
}
 .part_02 .mom_pic img {
	max-width: 100%;
}
 .part_02 .text {
	line-height: 1.8;
    font-size: 20px;
}
 .part_02 .text_1 {
	margin-bottom: 40px;
}
 .part_02 .text .red {
	color: #db1b1b;
}
 .part_02 .text .black {
	font-weight: bold;
}
 .part_02 .white_mom_01 {
	margin-bottom: 50px;
	padding-top: 55px;
	padding-bottom: 80px;
}
 .part_02 .white_mom_02 {
	margin-bottom: 70px;
	padding-top: 50px;
	padding-bottom: 100px;
}
 .part_02 .flex_part_02 {
	display: flex;
	justify-content: space-between;
}
 .part_02 .flex_part_02 .text {
	width: 46%;
}
 .part_02 .flex_part_02 .text .p_01 {
	margin-bottom: 50px;
}
 .part_02 .flex_part_02 .blue {
	font-size: 16px;
	background-color: #e5f2f7;
	border-radius: 20px;
	padding: 20px 20px;
}
 .part_02 .flex_part_02 .blue_text {
	color: #196fce;
	font-size: 24px;
	font-weight: bold;
}
 .part_02 .flex_part_02 .mom_pic {
	width: 50%;
	/* object-fit: cover; */
}
 .part_02 .flex_part_02 .mom_pic img {
	max-width: 100%;
}
 .part_02 .flex_part_02 sub{
	font-size:0.5em;
}
 .part_02 .flex_line .black {
    font-size: 22px;
    margin-left: 15px;
}
 .part_02 .flex_line .black strong {
    font-size:1.75em;
}
 .part_02 .flex_line {
	margin: 15px 0px;
}
 .part_02 .flex_line p {
    display: block;
}
 .part_02 .flex_line .days {
	display: inline-block;
}
 .part_02 .flex_line .black {
	display: inline-block;
}
 .part_02 .flex_line .days small {
    margin-left: 0px;
}
 .part_02 .flex_line .black {
    margin-left: 0px;
}
 .fukidashi_blue {
	background-color: #146199;
	border-radius: 30px;
	width: 972px;
	padding: 35px 0px 40px 0px;
	position: relative;
	margin: auto;
}
 .fukidashi_blue::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
    top: -10%;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-bottom: 48px solid #146199;
	border-top: 0;
}
 .fukidashi_blue .big_text {
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
 .fukidashi_blue .yellow {
	color: #ffe92e;
}
 .fukidashi_blue .min_text {
	font-size: 28px;
}
 .fukidashi_blue .flex_fukidashi_blue {
	display: flex;
	justify-content: space-around;
	width: 745px;
    margin: auto;
}
 .fukidashi_blue .flex_fukidashi_blue .mini {
	margin: 0px 0px 10px 30px;
	text-align: left;
}
 .fukidashi_blue .flex_fukidashi_blue small {
	font-size: 16px;
	color: #fff;
}
 .fukidashi_blue .flex_fukidashi_blue .maru {
	background-color: #fff;
	border-radius: 50px;
	width: 328px;
	padding: 20px 0px;
	text-align: center;
}
 .fukidashi_blue .flex_fukidashi_blue .maru_2 {
	color: #146199;
}
 .fukidashi_blue .flex_fukidashi_blue .maru span {
	font-size: 28px;
	font-weight: bold;
}
 .part_02 .inner_2 {
	margin-top: 60px;
}
 .part_02 .p_last {
	text-align: left;
	padding-left: 60px;
	margin-top: 20px;
}
 .part_02 .p_last .red {
	color: #db1b1b;
}
/*side_slash*/
 .part_02 .side_slash {
	color:#ffe92e;
	font-size: 28px;
	font-weight: 600;
	margin-top: 15px;
	text-align: left;
	padding-left: 25px;
}
 .part_02 .side_slash small {
	font-size: 16px;
	color:#ffe92e;
}
 .part_02 .side_slash div{
	display:inline-block;
	position:relative;
	padding:0 0.5em;
}
 .part_02 .side_slash div:before,
 .part_02 .side_slash div:after{
	content:"";
	display:block;
	position:absolute;
	top:0.25em;
	bottom:0.25em;
	left:0;
	width: 3px;
	background:#ffe92e;
	transform:skewX(15deg);
}
 .part_02 .side_slash div:after{
	left:auto;
	right:0;
	transform:skewX(-15deg);
}
/*part_03*/
 .part_03 {
	margin-top: 60px;
	margin-bottom: 85px;
}
 .part_03 .text {
	text-align: left;
	line-height: 1.8;
    font-size: 20px;
}
 .part_03 .text .red {
	color: #db1b1b;
}
 .part_03 .text .black {
	font-weight: bold;
	border-bottom: 1px solid #222;
}
 .part_03 .text_01 {
	margin-bottom: 45px;
}
 .part_03 .mom_pic {
	width: 100%;
	max-width: 867px;
	margin: 90px auto 85px auto;
}
 .part_03 .mom_pic img {
	width: 100%;
}
/*part_04*/
 .part_04 {
	background-color: #e5f2f7;
	bottom: 0;
	padding-top: 70px;
    padding-bottom: 70px;
}
 .part_04 .each_title {
    border: none;
}
 .part_04 .flex_part_04 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
 .part_04 .flex_part_04 > *{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
 .part_04 .flex_part_04 .title_top {
	background-color: #e1e1e1;
	padding: 10px 0px;
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
	font-size: 16px;
}
 .part_04 .flex_part_04 .left {
	width: 45%;
}
 .part_04 .flex_part_04 .right {
	width: 45%;
}
 .part_04 .flex_part_04 .mom_pic {
	max-width: 438px;
	width: 100%;
}
 .part_04 .flex_part_04 .mom_pic img {
	width: 100%;
}
 .part_04 .fukidashi_blue {
	margin-bottom: 30px;
}
 .part_04 .fukidashi_blue p {
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
}
 .part_04 .fukidashi_blue::before {
    position: absolute;
    left: -25%;
    right: 0;
    top: -20%;
    margin: auto;
}
 .part_04 .white_mom  {
	padding-top: 60px;
	padding-bottom: 60px;
}
 .part_04 .text {
	line-height: 1.8;
    font-size: 20px;
	margin-bottom: 45px;
}
 .part_04 .text_03 {
	margin-bottom: 90px;
}
 .part_04 .text .red {
	color: #db1b1b;
}
 .part_04 .text .black {
	font-weight: bold;
}
 .part_04 .compare {
	border: 1px solid #e5f2f7;
	padding: 45px 0px 50px 0px;
}
 .part_04 .compare .main_title {
	background-color: #e1e1e1;
	width: 441px;
	padding: 15px 0px;
	font-size: 16px;
	text-align: center;
    margin: -65px auto 0 auto;
}
 .part_04 .compare_01 {
	margin-bottom: 50px;
}
 .part_04 .compare_01 .mom_pic {
	max-width: 917px;
	margin: auto;
	padding-top: 65px;
	position: relative;
}
 .part_04 .compare_01 .mom_pic img {
	width: 100%;
}
 .part_04 .compare_01 .mom_pic .maru_red {
	position: absolute;
	content: "";
    right: -5%;
	top: 0;
	background-color: #f2000b;
	width: 119px;
	height: 119px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
}
 .part_04 .compare_01 .mom_pic .maru_red p {
	color: #fff;
	font-size: 24px;
	font-weight: 900;
}
 .part_04 .compare_02 .mom_pic {
	max-width: 895px;
	margin: auto;
	padding-top: 65px;
}
 .part_04 .compare_02 .mom_pic img {
	width: 100%;
}

/*part_05*/
 .part_05 {
	margin-top: 50px;
}
 .part_05 .text {
    line-height: 1.8;
    font-size: 20px;
	text-align: left;
}
 .part_05 .text .red {
	color: #db1b1b;
}
 .part_05 .text .black {
	font-weight: bold;
}
 .part_05 .text_01 {
	margin-bottom: 45px;
}
 .part_05 .yutube {
	margin: 80px 0px;
}
 .part_05 .title_part_05 {
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
}
 .part_05 .text {
	margin-bottom: 30px;
}
 .part_05 .text_03 {
	margin-bottom: 50px;
}
 .part_05 .text_04 {
	margin-bottom: 120px;
}
 .part_05 .mom_pic {
	max-width: 1086px;
	margin: 0px auto 40px auto;
}
 .part_05 .mom_pic img {
	width: 100%;
}
 .part_05 .bar_pic {
	max-width: 880px;
	margin: 40px auto 40px auto;
}
 .part_05 .bar_pic img {
	width: 100%;


}
 .part_05 .green_back_title {
	background-color: #78ac31;
	padding: 15px 0px 15px 35px;
	width: 100%;
	border-radius: 30px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	font-size: 24px;
	margin-bottom: 30px;
}
 .part_05 .flex_part_05 {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
 .part_05 .flex_part_05 .left {
	width: 50%;
	position: relative;
}
 .part_05 .flex_part_05 .left .haiiro {
	background-color: #ededed;
	width: 399px;
	padding: 30px;
	border-radius: 20px;
	position: relative;
	font-size: 18px;
	line-height: 2;
	text-align: left;
}
 .part_05 .flex_part_05 .left .haiiro:before {
    position: absolute;
    content: "";
    bottom: -17%;
    right: 19%;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    border-bottom: 50px solid #ededed;
    border-top: 0;
    transform: rotate(145deg);
}
 .part_05 .flex_part_05 .left .man {
	position: absolute;
	right: 0;
	bottom: 0;
}
 .part_05 .flex_part_05 .right {
	width: 45%;
	max-width: 492px;
}
 .part_05 .flex_part_05 .right img {
	width: 100%;
}

/*part_06*/
 .part_06 {
	background-color: #146199;
	width: 100%;
	box-shadow: 0px 13px 0px 0px #78ac31;
	bottom: 0;
	padding: 110px 0px 70px 0px;
	margin-top: 100px;
	margin-bottom: 80px;
}
 .part_06 .white_hako {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	margin: 80px 0px 60px 0px;
}
 .part_06 .inner {
	background-color: #fff;
	width: 485px;
	padding: 35px 0px;
	border-radius: 10px;
}
 .part_06 .inner:nth-of-type(1),
 .part_06 .inner:nth-of-type(2) {
	margin-bottom: 10px;
}
 .part_06 .explain {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
}
 .part_06 .explain .yellow {
	color: #ffe92e;
}
 .part_06 .explain small {
	font-size: 28px;
}
 .part_06 .white_hako p {
	font-size: 24px;
}
 .part_06 .white_hako .black {
	font-weight: bold;
}
 .part_06 .white_hako .inner:nth-of-type(odd) {
	margin-right: 5px;
}
 .part_06 .white_hako .inner:nth-of-type(even) {
	margin-left: 5px;
}
/*side_slash*/
 .part_06 .side_slash {
	font-size: 50px;
	font-weight: 600;
	margin-top: 15px;
	color: #fff;
}
 .part_06 .side_slash small {
	font-size: 30px;
}
 .part_06 .side_slash div{
	display:inline-block;
	position:relative;
	padding: 0 1.5em;
}
 .part_06 .side_slash div:before,
 .part_06 .side_slash div:after{
	content: "";
    display: block;
    position: absolute;
    top: -0.25em;
    bottom: 0.25em;
    left: 0;
    width: 1px;
    background: #fff;
    height: 85px;
    transform: skewX(35deg);
}
 .part_06 .side_slash div:after{
	left:auto;
	right:0;
	transform:skewX(-35deg);
}

/*flow*/
 section.flow{
	padding:0 0 180px;
}
 section.flow .h_style01 {
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 90px;
}
 section.flow .h_style01:after{
    background: #2d713c;
}
 section.flow .caption{
	font-size:28px;
	font-size:175%;	
	color:#444;
	margin:-20px 0 120px;
}
 section.flow .flow_list{
	display:flex;
	list-style:none;
	margin:0 auto;
	justify-content:space-between;
	padding:0;
}
 section.flow .flow_list li{
	width: 21.0%;
	position:relative;
}
 section.flow .flow_list li .sp_flow{
	display:none;
}
 section.flow .flow_list li + li:before{
	content:"";
	display:inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 19px 0 19px 22px;
	border-color: transparent transparent transparent #193b8b;
	position:absolute;
	top:40%;
	left:-35px;
}
 section.flow .flow_list dt b{
	display:block;
	font-size:300%;
	color:#444444;
	margin-bottom:1.5em;
}
 section.flow .flow_list dd h3{
	margin: 25px 0 15px;
	font-weight:bold;
	font-size:133%;
	text-align:left;
	display: block;
	min-height:3.0em;
	letter-spacing:-0.03em;
}
 section.flow .flow_list dd p{
	text-align:left;
	display:inline-block;
	font-size: 118%;
	font-weight:400;
	line-height:1.8;
	letter-spacing: -0.03em;
}
.service-img{
	text-align:center;
}

/*movie*/
#lp_content_suiso .movie iframe {
	margin: 5% 0;
	width: 960px;
	height: 540px;
}
c.movie {
  text-align: center;
}
#lp_content_suiso .movie .wrapper {
  margin-top: 100px;
  margin-bottom: 100px;
}


/* 東邦ガスのCN×P水素バーナ suiso SP
-------------------------------------------------------------------*/
@media screen and (max-width:767px) {
	.inner_wrap {
		padding: 0px 15px;
	}
	 .visual{
		height:auto;
		padding:12.5% 0 35%;
	}
	 .white_mom {
		padding: 0px;
	}
	 .visual h1 {
		font-size: 3.5rem;
		padding: 0 0 0.5em;
	}
	 .visual p {
		font-size: 1.1rem;
	}
	 .section1 .green p span {
		font-size: 1.3rem;
	}
	 .section1 .green {
		padding: 30px 0px 30px 0px;
		margin-bottom: 50px;
	}
	 .section1 .green p {
		font-size: 1.1rem;
	}
	 .side_slash_top {
		font-size: 25px;
		margin-top: 0px;
		margin-bottom: 30px;
	}
	 .side_slash_top div {
		padding: 0 0.5rem;
	}
	 .each_title h3 {
		font-size: 20px;
		padding-left: 10px;
		text-align: left;
		width: 75%;
	}
	 .each_title p {
		font-size: 22px;
	}
	 .each_title {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	 .part_01 .p_01 {
		font-size: 1.1rem;
	}
	 .part_01 .pic_mom {
		margin: 30px 0px 30px 0px;
		padding: 15px;
	}
	 .part_01 .tbl_box table th, td {
		font-size: 1rem;
	}
	 .tbl_box table th,
	 .tbl_box table td {
		padding: 15px 10px;
		font-size:14px;
	}
	 .part_05 .tbl_box table .mom_pic_01,
	 .part_05 .tbl_box table .mom_pic_02,
	 .part_05 .tbl_box table .mom_pic_03{
		width:auto;
	}
	 .part_05 .tbl_box table .mom_pic_01 img{
		width:171px;
		height:auto;
	}
	 .part_05 .tbl_box table .mom_pic_02 img{
		width:107px;
		height:auto;
	}
	 .part_05 .tbl_box table .mom_pic_03 img{
		width:210px;
		height:auto;
	}
	 .part_01 .fukidashi {
		margin: 50px auto 30px auto;
	}
	 .fukidashi {
		width: 100%;
		padding: 20px;
	}
	 .fukidashi p {
		font-size: 22px;
		text-align: left;
	}
	 .part_02 h4 {
		font-size: 18px;
	}
	 .part_02 .white_mom_01 {
		margin-bottom: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	 .part_02 .flex_line .blue span {
		font-size: 1rem;
	}
	 .part_02 .mom_pic {
		margin-bottom: 30px;
	}
	 .part_02 .text {
		font-size: 1.1rem;
	}
	 .part_02 .text_1 {
		margin-bottom: 20px;
	}
	 .part_02 .flex_part_02 {
		display: block;
	}
	 .part_02 .flex_part_02 .text {
		width: 100%;
	}
	 .part_02 .flex_part_02 .blue {
		font-size: 15px;
		border-radius: 15px;
		padding: 15px;
		width: 100%;
		margin: auto;
	}
	 .white_mom {
		padding: 15px;
	}
	 .part_02 .white_mom_02 {
		margin-bottom: 60px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	 .part_02 .flex_part_02 .text .p_01 {
		margin-bottom: 20px;
	}
	 .part_02 .flex_part_02 .blue_text {
		font-size: 1.3rem;
	}
	 .part_02 .flex_part_02 .mom_pic {
		width: 100%;
		margin-top: 20px;
	}
	 .fukidashi_blue {
		width: 100%;
		padding: 30px 20px;
	}
	 .fukidashi_blue .big_text {
		font-size: 22px;
		margin-bottom: 20px;
		text-align: left;
	}
	 .fukidashi_blue .min_text {
    font-size: 18px;
	}
	 .fukidashi_blue .flex_fukidashi_blue .maru {
		width: 100%;
		padding: 15px 0px;
	}
	 .fukidashi_blue .flex_fukidashi_blue {
		display: block;
		width: 100%;
	}
	 .fukidashi_blue .flex_fukidashi_blue .maru span {
		font-size: 20px;
	}
	 .part_02 .side_slash {
		font-size: 20px;
	}
	 .part_02 .p_last {
		padding-left: 0px;
		margin-top: 20px;
	}
	 .part_02 {
		padding: 30px 0px 30px 0px;
	}
	 .part_02 .inner:nth-of-type(1) {
		margin-bottom: 30px;
	}
	 .part_02 .inner:nth-of-type(3) {
		margin-top: 15px;
	}
	 .fukidashi_blue::before {
		top: -7%;
	}
	 .part_02 .inner_2 {
		margin: 0px;
		transform: rotate(90deg);
	}
	 .part_03 .text {
		font-size: 1.1rem;
	}
	 .part_03 .text_01 {
		margin-bottom: 20px;
	}
	 .part_03 .mom_pic {
		margin: 30px auto 70px auto;
	}
	 .part_03 {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	 .part_04 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	 .part_04 .fukidashi_blue p {
		font-size: 22px;
		text-align: left;
	}
	 .part_04 .text {
		font-size: 1.1rem;
		margin-bottom: 20px;
	}
	 .part_04 .text_03 {
		margin-bottom: 90px;
	}
	 .part_04 .compare .main_title {
		width: 90%;
		margin: -60px auto 0 auto;
	}
	 .part_04 .compare_01 .mom_pic {
		width: 95%;
	}
	 .part_04 .compare_01 .mom_pic .maru_red {
		width: 70px;
		height: 70px;
	}
	 .part_04 .compare_01 .mom_pic .maru_red p {
		font-size: 15px;
	}
	 .part_04 .compare_02 .mom_pic {
		width: 95%;
		padding-top: 30px;
	}
	 .part_04 .flex_part_04 {
		display: block;
		margin-bottom: 30px;
	}
	 .part_04 .flex_part_04 .left {
		width: 100%;
		margin-bottom: 30px;
	}
	 .part_04 .flex_part_04 .right {
		width: 100%;
		margin-bottom: 70px;
	}
	 .part_05 .text {
		font-size: 1.1rem;
	}
	 .part_05 .text {
		margin-bottom: 20px;
	}
	 .part_05 .yutube {
		margin: 0px 0px 30px 0px;
		width: 100%;
	}
	 .part_05 .yutube img {
		width: 100%;
	}
	 .part_05 .tbl_box {
		margin: 0;
		width: 100%;
		/* overflow-x: scroll; */
	}
	 .part_05 .hyou {
		margin-bottom:20px;
	}
	 .part_05 .tbl_box table {
		width: 100%;
		white-space: nowrap;
	}
	 .part_05 .tbl_box table .red {
		font-size: 16px;
	}
	 .part_05 .flex_part_05 .left .haiiro:before {
		left: 30%;
	}
	 .part_05 .flex_part_05 .left .man {
		right: 0;
		bottom: -60%;
		background-size: contain;
		width: 120px;
		height: auto;
	}
	 .part_05 .green_back_title {
		font-size: 20px;
		margin-bottom: 20px;
	}
	 .part_05 .flex_part_05 .left .haiiro {
		width: 100%;
		font-size: 15px;
	}
	 .part_05 .flex_part_05 {
		display: block;
	}
	 .part_05 .flex_part_05 .left {
		width: 100%;
	}
	 .part_05 .flex_part_05 .right {
		width: 100%;
		margin-bottom: 30px;
	}
	 .part_06 .side_slash {
		font-size: 25px;
	}
	 .part_06 {
		padding: 30px 15px 30px 15px;
		margin-top: 130px;
		margin-bottom: 30px;
	}
	 .part_06 .white_hako {
		margin: 30px 0px 30px 0px;
	}
	 .part_06 .white_hako p {
		font-size: 18px;
	}
	 .part_06 .inner {
		background-color: #fff;
		width: 100%;
		padding: 35px 0px;
		margin-bottom: 10px;
	}
	 .part_06 .white_hako .inner:nth-of-type(odd) {
		margin-right: 0px;
	}
	 .part_06 .white_hako .inner:nth-of-type(even) {
		margin-left: 0px;
	}
	 .part_06 .explain {
		font-size: 25px;
		text-align: left;
	}
	 .part_06 .explain small {
		font-size: 18px;
	}
	 section.flow .h_style01 {
		font-size: 25px;
		margin-bottom: 30px;
	}
	 section.flow .h_style01 {
		margin-bottom: 0;
	}
	 section.flow .caption{
		font-size:28px;
		font-size:175%;	
		color:#444;
		margin:-20px 0 120px;
	}
	 section.flow{
		padding: 30px 0px;
	}
	 section.flow .caption{
		margin: -20px 0 40px;
	}
	 section.flow .flow_list{
		flex-direction:column;
		text-align:center;
	}
	 section.flow .flow_list li{
		width:100%;
		margin:0;
		padding-bottom:40px;
	}
	 section.flow .flow_list{
		margin: 0;
	}
	 section.flow .flow_list li .sp_flow{
		display:block;
	}
	 section.flow .flow_list li .pc_flow{
		display:none;
	}
	 section.flow .flow_list li + li:before{
		left:0;
		right:0;
		margin:
		auto;
		margin-top: 15px;top:-30px;
		display:
		block;
		border-style: solid;
		border-width: 25px 33px 0 33px;
		border-color: #193b8b transparent transparent transparent;
	}
	 section.flow .flow_list li dl{
		display:flex;
		flex-direction:column;
		position:relative;
		padding-top:40px;
	}
	 section.flow .flow_02 dd p {
	    text-align: center;
	    display: inline-block;
	    font-size: 17px;
	}
	 section.flow .flow_list li dl.flow_02{
		display:
		flex;
		flex-direction:
		column-reverse;
		position:
		relative;
		padding-top: 125px;
	}
	 section.flow .flow_list li dl.flow_02{
		display:
		flex;
		flex-direction:
		column-reverse;
		position:
		relative;
		padding-top: 125px;
	}
	 section.flow .flow_list li dl dd h3{
		display:
		block;
		margin-bottom:10px;
		min-height: 0;
		text-align:
		center;
		position:
		static;
		font-size: 20px;
		margin-top: 10px;
	}
	 section.flow .flow_list li img{
		width: 200px;
	}
	 section.flow .flow_list li dl dt b{
		margin-bottom:10px;
	}
	 section.flow .flow_list li dl dd{
		margin-bottom:10px;
	}
	 section.flow .flow_list dd p {
		font-size: 16px;
	}
	 section.flow .in_wrap {
		padding: 0px 15px;
	}

	.service-img{
		text-align:right;
		width: 10px;
	}
	#lp_content_suiso .movie iframe {
		margin: 5% 0;
		width: 600px;
		height: 350px;
	}
	#lp_content_suiso .movie .wrapper {
	  margin-top: 40px;
	  margin-bottom: 40px;
	}
}

@media screen and (max-width:375px) {

	#lp_content_suiso .movie iframe {
		margin: 5% 0;
		width: 300px;
		height: 180px;
	}
	#lp_content_suiso .movie .wrapper {
	  margin-top: 40px;
	  margin-bottom: 40px;
	}
}