@charset "utf-8";

/* 東邦ガスの水素燃焼試験 suiso PC 
-------------------------------------------------------------------*/
#lp_content_suiso .section06 .display_pc {
    display: block;
}
#lp_content_suiso .section06 .display_sp {
    display: none;
}
#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*/
#lp_content_suiso .visual {
    width: 100%;
    background: url(bg01.jpg) no-repeat top center/ cover;
    height: 100vh;
    max-height: 722px;
    text-align: left;
}
#lp_content_suiso .visual h1 {
    font-size: 70px;
    color: #2c3050;
    font-weight: bold;
    padding-top: 70px;
}
#lp_content_suiso .visual h1 small {
    font-size: 50px;
}
#lp_content_suiso .visual .sub {
    width: 535px;
    height: 48px;
    margin: 35px 0px 40px 0px;
    background-color: #2c3051;
    border-radius: 30px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#lp_content_suiso .visual p {
    line-height: 2;
    font-size: 20px;
}

/*section02*/
#lp_content_suiso .section02 {
    margin: 50px 0px 90px 0px;
}
#lp_content_suiso .section02 .img_box {
    margin-bottom: 40px;
    padding: 0px 55px;
}
#lp_content_suiso .section02 .text_box {
    text-align: left;
    font-size: 20px;
    padding: 0px 55px;
}
#lp_content_suiso .section02 .text_box p:nth-of-type(1) {
    margin-bottom: 40px;
}

/*section03*/
#lp_content_suiso .section03 {
    margin-bottom: 100px;
    z-index: 5;
    position: relative;
}
#lp_content_suiso .section03::before {
    position: absolute;
    content: "";
    background-color: #e7f2f1;
    width: 100%;
    height: 803px;
    top: 9.4%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -2;
}
#lp_content_suiso .section03 .back_blue {
    padding-top: 70px;
}
#lp_content_suiso .section03 .title_top {
    width: 100%;
    background-color: #2c3051;
    padding: 55px 0px;
}
#lp_content_suiso .section03 .title_top p {
    margin-bottom: 35px;
}
#lp_content_suiso .section03 .title_top p span {
    font-size: 22px;
    color: #a4dbed;
}
#lp_content_suiso .section03 .title_top h2 {
    font-size: 50px;
    color: #fff;
    font-weight: bold;
}
#lp_content_suiso .section03 .title_top h2 small {
	font-size: 40px;
}
#lp_content_suiso .section03 .inner_flex {
    display: flex;
    justify-content: space-between;
    text-align: left;
    padding-left: 55px;
} 
#lp_content_suiso .section03 .inner_flex:nth-of-type(1) {
    margin-bottom: 60px;
    flex-direction: row-reverse;
}
#lp_content_suiso .section03 .inner_flex p {
    font-size: 28px;
}
#lp_content_suiso .section03 .inner_flex p strong {
    font-size: 34px;
    color: #d50f3e;
}
#lp_content_suiso .section03 .inner_flex .text_1 {
    background-color: #fff;
    width: 709px;
    height: 280px;
    padding: 0px 0px 0px 80px;
    border-radius: 40px;
    position: relative;
    z-index: 3;
	display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
#lp_content_suiso .section03 .inner_flex .text_1::before {
    position: absolute;
    content: "";
    left: -40px;
    top: 60%;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 41px solid #ffffff;
    border-left: 0;
}
#lp_content_suiso .section03 .inner_flex .pic_1 {
    padding-left: 55px;
}
#lp_content_suiso .section03 .inner_flex .text_2 {
    background-color: #fffee0;
    width: 709px;
    padding: 55px 0px;
    border-radius: 40px;
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#lp_content_suiso .section03 .inner_flex .text_2::before {
    position: absolute;
    content: "";
    right: -40px;
    top: 22%;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 41px solid #fffee0;
    border-right: 0;
}
#lp_content_suiso .section03 .inner_flex .map {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
#lp_content_suiso .section03 .flex_mom {
    margin-top: 100px;
}
#lp_content_suiso .section03 .flex_mom .pic {
	width: 100%;
}
#lp_content_suiso .section03 .flex_mom .text_box {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	padding: 0px 15px;
}
#lp_content_suiso .section03 .flex_mom .text_box .text {
    font-weight: bold;
    font-size: 28px;
    border: 1px solid #a4dbed;
    border-radius: 20px;
    height: 327px;
    width: 536px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#lp_content_suiso .section03 .flex_mom .text_box .text:nth-of-type(1) {
    margin-bottom: 30px;
}
#lp_content_suiso .section03 .flex_mom .text_box .pic {
    width: 100%;
    max-width: 556px;
}
#lp_content_suiso .section03 .flex_mom .text_box .pic img {
    width: 100%;
}

/*section04*/
#lp_content_suiso .section04 {
    position: relative;
    z-index: 5;
    margin-bottom: 100px;
}
#lp_content_suiso .section04::before {
    position: absolute;
    z-index: -2;
    content: "";
    background-color: #c8eefa;
    width: 100%;
    height: 480px;
    bottom: -10.3%;
    right: 0;
    left: 0;
    margin: auto;
}
#lp_content_suiso .section04 .title_top {
    width: 100%;
    background-color: #2c3051;
    padding: 55px 0px;
}
#lp_content_suiso .section04 .title_top p {
	margin-bottom: 35px;
}
#lp_content_suiso .section04 .title_top p span {
    font-size: 22px;
    color: #a4dbed;
}
#lp_content_suiso .section04 .title_top h2 {
    font-size: 50px;
    color: #fff;
    font-weight: bold;
}
#lp_content_suiso .section04 .title_top h2 small {
	font-size: 40px;
}
#lp_content_suiso .section04 .box_three {
    display: flex;
    justify-content: space-between;
    margin: 65px auto 0px auto;
    padding: 0px 30px;
}
#lp_content_suiso .section04 .box_three .each {
    background-color: #fff;
    width: 335px;
    border: 1px solid #9f9f9f;
    border-radius: 20px;
    padding: 70px 0px 130px 0px;
}
#lp_content_suiso .section04 .box_three .each h3 {
    margin-bottom: 75px;
}
#lp_content_suiso .section04 .box_three .each .pic {
    margin-bottom: 60px;
}
#lp_content_suiso .section04 .box_three .each p {
    font-size: 22px;
    line-height: 2;
}

/*section05*/
#lp_content_suiso .section05 {
    margin-bottom: 90px;
}
#lp_content_suiso .section05 .title_top {
    width: 100%;
    background-color: #2c3051;
    padding: 55px 0px;
}
#lp_content_suiso .section05 .title_top p {
	margin-bottom: 35px;
}
#lp_content_suiso .section05 .title_top p span {
    font-size: 22px;
    color: #a4dbed;
}
#lp_content_suiso .section05 .title_top h2 {
    font-size: 50px;
    color: #fff;
    font-weight: bold;
}
#lp_content_suiso .section05 .title_top h2 small {
	font-size: 40px;
}
#lp_content_suiso .section05 .pic {
    margin: 70px auto 40px auto;
	display:flex;
	max-width:982px;
	justify-content:space-between;
}
#lp_content_suiso .section05 .pic i{
	display:block;
	width:26px;
	background: url(1_02.png) no-repeat center;
}
#lp_content_suiso .section05 .text_box {
    display: flex;
    margin-bottom: 30px;
    padding: 0px 50px;
}
#lp_content_suiso .section05 .text_box .num {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background-color: #4f81bd;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    font-size: 34px;
    margin-right: 25px;
}
#lp_content_suiso .section05 .text_box .text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 24px;
    text-align: left;
}

/*section06*/
#lp_content_suiso .section06 {
    margin-bottom: 140px;
}
#lp_content_suiso .section06 .title_top {
    width: 100%;
    background-color: #2c3051;
    padding: 55px 0px;
}
#lp_content_suiso .section06 .title_top p {
	margin-bottom: 35px;
}
#lp_content_suiso .section06 .title_top p span {
    font-size: 22px;
    color: #a4dbed;
}
#lp_content_suiso .section06 .title_top h2 {
    font-size: 50px;
    color: #fff;
    font-weight: bold;
}
#lp_content_suiso .section06 .title_top h2 small {
	font-size: 40px;
}
#lp_content_suiso .section06 .explain {
    font-size: 20px;
    text-align: left;
    margin-bottom: 60px;
    margin-top: 50px;
    padding: 0px 55px;
}
#lp_content_suiso .section06 .pic {
    width: 100%;
    margin-bottom: 130px;
}
#lp_content_suiso .section06 .green_box {
    position: relative;
    z-index: 2;
}
#lp_content_suiso .section06 .green_box::before {
    position: absolute;
    z-index: -2;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #c8eefa;
    width: 100%;
    height: 594px;
}
#lp_content_suiso .section06 .green_box h3 {
    font-size: 40px;
    color: #2c3051;
    font-weight: bold;
    padding-bottom: 60px;
    position: relative;
    padding-top: 88px;
    margin-bottom: 80px;
}
#lp_content_suiso .section06 .green_box h3::before {
    position: absolute;
    content: "";
    width: 270px;
    height: 1px;
    background-color: rgb(255, 255, 255);
    top: 0;
    left: 0;
    right: 0;
    bottom: -100%;
    margin: auto;
}
#lp_content_suiso .section06 .green_box .sub {
    font-size: 30px;
    color: rgb(255, 255, 255);
    margin-bottom: 50px;
    font-weight: bold;
    color: #2c3051;
}
#lp_content_suiso .section06 .green_box .circle {
    display: flex;
    justify-content: space-between;
    margin-bottom: 130px;
    padding: 0px 50px;
}
#lp_content_suiso .section06 .green_box .circle .inner  {
    width: 311px;
    height: 311px;
    background-color: #fffee0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#lp_content_suiso .section06 .green_box .circle .inner p {
    font-size: 22px;
    line-height: 2;
}
#lp_content_suiso .section06 .contact_us p {
    margin-bottom: 0px;
}
#lp_content_suiso .section06 .contact_us img {
	margin-bottom: 80px;
}
#lp_content_suiso .section06 .contact_us p strong {
    font-size: 36px;
    color: #2c3051;
}


/*flow*/
#lp_content_suiso section.flow{
	padding:0 0 180px;
}
#lp_content_suiso section.flow .title_top {
    background-color: #2c3051;
    padding: 55px 0px;
    color:#fff;
    margin-bottom:80px;
}
#lp_content_suiso .flow .title_top p {
	margin-bottom: 35px;
}
#lp_content_suiso .flow .title_top p span {
    font-size: 22px;
    color: #a4dbed;
}
#lp_content_suiso .flow .title_top h2 {
    font-size: 50px;
    color: #fff;
    font-weight: bold;
}
	    #lp_content_suiso .flow .title_top h2 small {
			font-size: 40px;
		}
#lp_content_suiso section.flow .caption{
	font-size:28px;
	font-size:175%;	
	color:#444;
	margin:-20px 0 120px;
}
#lp_content_suiso section.flow .flow_list{
	display:flex;
	list-style:none;
	margin:0 auto;
	justify-content:space-between;
	padding:0;
}
#lp_content_suiso section.flow .flow_list img {
    max-width: 233px;
}
#lp_content_suiso section.flow .flow_list li{
	width: 21.0%;
	position:relative;
}
#lp_content_suiso section.flow .flow_list li .sp_flow{
	display:none;
}
#lp_content_suiso 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;
}
#lp_content_suiso section.flow .flow_list dt b{
	display:block;
	font-size:300%;
	color:#444444;
	margin-bottom:1.5em;
}
#lp_content_suiso 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;
}
#lp_content_suiso 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;
}

/*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;
}


/* 東邦ガスの水素燃焼試験 suiso SP
-------------------------------------------------------------------*/
@media screen and (max-width:767px) {
	.inner_wrap {
		padding: 0px 15px;
	}
    #lp_content_suiso .visual {
        padding: 10px 15px 0px;
        background: url(bg_sp_01.jpg);
        background-size: cover;
    }
    #lp_content_suiso .visual h1 {
        font-size: 50px;
        padding-top: 0px;
        line-height: 1.3;
    }
    #lp_content_suiso .visual .sub {
        width: 100%;
        height: auto;
        margin: 20px 0px 20px 0px;
        font-size: 16px;
        text-align: left;
        padding: 10px 10px;
        line-height: 1.4;
    }
    #lp_content_suiso .visual p {
        font-size: 14px;
    }
    #lp_content_suiso .section02 {
        margin: 30px 0px 30px 0px;
    }
    #lp_content_suiso .section02 .img_box {
        margin-bottom: 20px;
        padding: 0px;
        width: 100%;
    }
    #lp_content_suiso .section02 .img_box img {
        width: 100%;
    }
    #lp_content_suiso .section02 .text_box {
        font-size: 16px;
        padding: 0px 15px;
    }
    #lp_content_suiso .section03 {
        margin-bottom: 0px;
        padding-bottom: 30px;
    }
    #lp_content_suiso .section03 .title_top {
        padding: 30px 15px;
    }
	#lp_content_suiso .section03 .title_top p span {
    font-size: 14px;
}
    #lp_content_suiso .section03 .title_top h2 {
        font-size: 30px;
    }
	    #lp_content_suiso .section03 .title_top h2 small {
			font-size: 20px;
		}
    #lp_content_suiso .section03 .title_top p {
        margin-bottom: 20px;
    }
	#lp_content_suiso .section03 .inner_flex:nth-of-type(1){
		flex-direction:column;
	}
    #lp_content_suiso .section03 .inner_flex {
        padding-left: 0px;
		flex-direction:column-reverse;
    }
    #lp_content_suiso .section03 .inner_flex .text_1 {
        background-color: #fff;
        width: 100%;
        height: auto;
        padding: 20px;
        margin-bottom: 35px;
    }
    #lp_content_suiso .section03 .inner_flex p {
        font-size: 20px;
    }
    #lp_content_suiso .section03 .inner_flex p strong {
        font-size: 22px;
    }
    #lp_content_suiso .section03 .inner_flex .pic_1 {
        padding-left: 0px;
        background-size: contain;
        width: 130px;
        height: 180px;
    }
	#lp_content_suiso .section03 .inner_flex .pic_1 img {
		width: 100%;
	}
    #lp_content_suiso .section03 .inner_flex .text_1::before {
        position: absolute;
        content: "";
        left: 100px;
        top: 100%;
        transform: rotate(-90deg);
    }
    #lp_content_suiso .section03 .inner_flex .text_2 {
        background-color: #fffee0;
        width: 100%;
        padding: 20px;
        margin-bottom: 35px;
    }
    #lp_content_suiso .section03 .inner_flex .map {
        width: 100%;
        margin-top: 20px;
    }
    #lp_content_suiso .section03 .inner_flex .map img {
        width: 100%;
    }
    #lp_content_suiso .section03 .inner_flex .pic_2 {
        padding-left: 0px;
        background-size: contain;
        width: 160px;
        height: auto;
		margin-top:-160px;
		margin-left: auto;
    }
	#lp_content_suiso .section03 .inner_flex .pic_2 img {
		width: 100%;
	}
    #lp_content_suiso .section03 .inner_flex .text_2::before {
        position: absolute;
        content: "";
        left: auto;
		right:60px;
        top: -34px;
        transform: rotate(-90deg);
    }
    #lp_content_suiso .section03::before {
        width: 100%;
        bottom: 0;
        height: auto;
        top: 0%;
        left: 0;
        right: 0;
    }
    #lp_content_suiso .section03 .flex_mom {
        margin-top: 0px;
        display: block;
        padding-left: 0px;
    }
    #lp_content_suiso .section03 .flex_mom .pic {
        width: 93%;
        margin: 20px auto 30px auto;
    }
    #lp_content_suiso .section03 .flex_mom .pic img {
        width: 100%;
    }
    #lp_content_suiso .section03 .flex_mom .text_box {
        width: 93%;
        margin: auto;
        display: block;
        padding: 0px;
    }
    #lp_content_suiso .section03 .flex_mom .text_box .text {
        font-size: 18px;
        height: auto;
        width: 100%;
        padding: 20px;
        text-align: left;
    }
    #lp_content_suiso .section03 .back_blue {
        padding-top: 30px;
    }
    #lp_content_suiso .section04 .title_top p span {
        font-size: 14px;
    }
    #lp_content_suiso .section04 .title_top h2 {
        font-size: 30px;
    }
	    #lp_content_suiso .section04 .title_top h2 small {
			font-size: 20px;
		}
    #lp_content_suiso .section04 .title_top {
        padding: 30px 15px;
    }
    #lp_content_suiso .section04 .title_top p {
        margin-bottom: 20px;
    }
    #lp_content_suiso .section04 .box_three {
        display: block;
        margin: 30px auto 0px auto;
        padding: 0px 0px;
    }
    #lp_content_suiso .section04 .box_three .each {
        width: 100%;
        padding: 30px 30px 50px 30px;
        margin: 0px 0px 20px 0px;
    }
    #lp_content_suiso .section04 .box_three .each:nth-of-type(3) {
        margin-bottom: 0px;
    }
    #lp_content_suiso .section04 .box_three .each h3 {
        margin-bottom: 20px;
    }
    #lp_content_suiso .section04 .box_three .each h3 img {
        background-size: contain;
        width: 40px;    
        height: auto;
    }
    #lp_content_suiso .section04 .box_three .each p {
        font-size: 16px;
    }
    #lp_content_suiso .section04 .box_three .each .pic {
        margin-bottom: 20px;
    }
    #lp_content_suiso .section04 .box_three .each .pic img {
        background-size: contain;
        width: 100px;
        height: auto;
    }
    #lp_content_suiso .section05 .title_top p span {
        font-size: 14px;
    }
    #lp_content_suiso .section05 .title_top h2 {
        font-size: 30px;
    }
	#lp_content_suiso .section05 .title_top h2 small {
	font-size: 20px;
}
    #lp_content_suiso .section05 .title_top p {
        margin-bottom: 20px;
    }
    #lp_content_suiso .section05 .title_top {
        padding: 20px 15px;
    }
    #lp_content_suiso .section04::before {
        width: 100%;
        height: auto;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        margin: auto;
    }
    #lp_content_suiso .section04 {
        margin-bottom: 0px;
        padding-bottom: 30px;
    }
    #lp_content_suiso .section05 .pic {
        margin: 30px 0px 30px 0px;
        width: 100%;
        display:block;
        position: relative;
    }
    #lp_content_suiso .section05 .pic img {
        width: 100%;
        display: block;
    }
	#lp_content_suiso .section05 .pic i{
        transform: rotate(90deg) translateX(50%);
        height: 100vw;
        width: 26px;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
		background-size:100%;
		
	 }
	#lp_content_suiso .section05 .pic i +img {
        margin-top: 48px;
	}
    #lp_content_suiso .section05 .pic .second {
        transform: rotate(90deg);
        background-size: contain;
        width: auto;
    }
    #lp_content_suiso .section05 .text_box {
        margin-bottom: 30px;
        padding: 0px;
    }
    #lp_content_suiso .section05 .text_box .text {
        font-size: 16px;
        width: 100%;
    }
    #lp_content_suiso .section05 .text_box .num {
        max-width: 48px;
        height: 48px;
        font-size: 25px;
        margin-right: 15px;
        width: 30%;
    }
    #lp_content_suiso .section05 {
        margin-bottom: 30px;
    }
    #lp_content_suiso .section06 .title_top {
        padding: 20px 15px;
    }
    #lp_content_suiso .section06 .title_top p span {
        font-size: 14px;
    }
    #lp_content_suiso .section06 .title_top h2 {
        font-size: 30px;
    }
	#lp_content_suiso .section06 .title_top h2 small {
	font-size: 20px;
}
    #lp_content_suiso .section06 .title_top p {
        margin-bottom: 20px;
    }
    #lp_content_suiso .section06 .explain {
        font-size: 16px;
        margin-bottom: 30px;
        margin-top: 30px;
        padding: 0px;
    }
    #lp_content_suiso .section06 .pic {
        width: 100%;
        margin-bottom: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    #lp_content_suiso .section06 .pic img {
        width: 49%;
        margin-bottom: 10px;
    }
    #lp_content_suiso .section06 .green_box h3 {
        font-size: 22px;
        padding-bottom: 30px;
        padding-top: 0px;
        margin-bottom: 30px;
    }
    #lp_content_suiso .section06 .green_box .circle {
        display: block;
        margin: 0px auto;
        padding: 00px;
    }
    #lp_content_suiso .section06 .green_box .sub {
        font-size: 18px;
        margin-bottom: 30px;
    }
    #lp_content_suiso .section06 .green_box::before {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: auto;
    }
    #lp_content_suiso .section06 .green_box .circle .inner {
        margin: 0px auto 20px auto;
        width: 250px;
        height: 250px;
    }
    #lp_content_suiso .section06 .green_box .circle .inner:nth-of-type(3) {
        margin-bottom: 0px;
    }
    #lp_content_suiso .section06 .green_box .circle .inner p {
        font-size: 16px;
    }
    #lp_content_suiso .section06 .green_box {
        padding: 30px 15px;
    }
    #lp_content_suiso .section06 .contact_us p strong {
        font-size: 22px;
    }
    #lp_content_suiso .section06 .contact_us {
        padding: 40px 15px 0px 15px;
    }
    #lp_content_suiso .section06 .contact_us p {
        margin-bottom: 50px;
        text-align: left;
    }
    #lp_content_suiso .section06 .btn_suiso {
        width: 100%;
    }
    #lp_content_suiso .section06 .btn_suiso img {
        width: 100%;
        margin-bottom: 40px;
    }
    #lp_content_suiso .section06 {
        margin-bottom: 60px;
    }
    #lp_content_suiso .flow .title_top p {
        margin-bottom: 20px;
    }
    #lp_content_suiso .flow .title_top p span {
        font-size: 14px;
    }
    #lp_content_suiso .flow .title_top h2 {
        font-size: 30px;
    }
	    #lp_content_suiso .flow .title_top h2 small {
			font-size: 20px;
		}
    #lp_content_suiso section.flow .title_top {
        padding: 20px 15px;
        margin-bottom: 0px;
    }

    /*flow*/
    #lp_content_suiso section.flow .flow_list dd p {
        font-size: 16px;
    }
    #lp_content_suiso section.flow{
        padding: 0px;
	}
    #lp_content_suiso  section.flow .caption{
		margin: -20px 0 40px;
	}
    #lp_content_suiso section.flow .flow_list{
		flex-direction:column;
		text-align:center;
	}
    #lp_content_suiso section.flow .flow_list li{
		width:100%;
		margin:0;
        padding-bottom: 30px;
	}
    #lp_content_suiso section.flow .flow_list{
		margin: 0;
	}
    #lp_content_suiso section.flow .flow_list li .sp_flow{
		display:block;
	}
    #lp_content_suiso section.flow .flow_list li .pc_flow{
		display:none;
	}
    #lp_content_suiso 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;
	}
    #lp_content_suiso section.flow .flow_list li dl{
		display:flex;
		flex-direction:column;
		position:relative;
		padding-top:40px;
	}
    #lp_content_suiso section.flow .flow_02 dd p {
	    text-align: center;
	    display: inline-block;
	    font-size: 17px;
	}
    #lp_content_suiso section.flow .flow_list li dl.flow_02{
		display:
		flex;
		flex-direction:
		column-reverse;
		position:
		relative;
		padding-top: 125px;
	}
    #lp_content_suiso section.flow .flow_list li dl.flow_02{
		display:
		flex;
		flex-direction:
		column-reverse;
		position:
		relative;
		padding-top: 125px;
	}
    #lp_content_suiso 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;
	}
    #lp_content_suiso section.flow .flow_list li img{
		width: 200px;
	}
    #lp_content_suiso section.flow .flow_list li dl dt b{
		margin-bottom:10px;
	}
    #lp_content_suiso section.flow .flow_list li dl dd{
		margin-bottom:10px;
	}
    #lp_content_suiso .visual h1 small {
        font-size: 40px;
    }
    #lp_content_suiso .section06 .display_pc {
        display: none;
    }
    #lp_content_suiso .section06 .display_sp {
        display: block;
    }
	#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;
	}

}