/************************************

	whats_nishimura.css

*************************************/

@charset "utf-8";

div.inner_pc,
div.inner_tabt,
div.pc_tabonly,
div.tabt_only,
div.spy_only{
	display: none;
}

div.container{
	padding: 0;
}

div.main_imgbox{
	background: url(../img/whats_main_sp.png) no-repeat;
	background-position: center center;
	background-size: cover;
}

p.title_en{
	letter-spacing: 0.1rem;
	padding: 0;
}

div.title_box{
	width: 100%;
	max-width: 100%;
	height: 9.5rem;
	background: rgba(178,129,70,0.7);
	/*margin: 0 auto;*/
}

div.title_inner{
	width: 90%;
	max-width: 90%;
	margin: 0 auto;
}

/*main_content==================================================*/
h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2.5rem;
	line-height: 3.5rem;
	color: #000;
	text-align: center;
	letter-spacing: 0.1rem;
	text-indent: 0.1rem;
	padding: 0;
	margin: 0 0 3rem 0;
}

div.oneblock{
	width: 100%;
	max-width: 100%;
	/*display: flex;
	height: 35.1rem;*/
	padding: 0;
	margin: 0 auto 8rem auto;
	background: ;
}

div.img_box{
	display: none;
}

div.inner_imgbox{
	display: block;
	margin: 0 auto;
}

img.inner_img{
	width: 100%;
}

div.txt_box{
	width: 100%;
	max-width: 100%;
	background: rgba(234,220,202,1);
}

div.txt_boxinner{
	width: 90%;
	max-width: 90%;
	margin: 0 auto;
	padding: 5rem 0;
}

h3.title_3{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.9rem;
	line-height: 2.9rem;
	color: #000;
	text-align: center;
	padding: 0;
	margin: 2rem 0;
}

p.common_txt{
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #000;
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
}

p.n_indent{
	text-indent: 1.4rem;
}
/*end===========================================================*/

/*style=========================================================*/
p.width_adjust {
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
}

h3.title_3five {
    font-family: 'Noto Sans Japanese', serif;
    font-size: 1.8rem;
    line-height: 1.8rem;
    color: #000;
    text-align: center;
    margin: 0 auto;
    padding: 4rem 0 2rem 0;
}

div.sponly{
	margin: 0 0 8rem 0;
}

div.full_wide {
    width: 100%;
    max-width: 100%;
}

div.nobox_sp{
	width: 100%;
	padding: 0;
	display: flex;
	justify-content: space-between;
}

div.nmb_box{
	width: 20%;
	display: flex;
	align-items: center;
}

div.no1_border{
	border-top: solid 0.1rem #86b2df;
}

div.no2_border{
	border-top: solid 0.1rem #add597;
}

div.no3_border{
	border-top: solid 0.1rem #f8b62c;
}

div.no4_border{
	border-top: solid 0.1rem #f09ec1;
}

div.no5_border{
	border-top: solid 0.1rem #b58dbf;
	border-bottom: solid 0.1rem #b58dbf;
}

div.nmb_box img{
	display: block;
	margin: 0 auto;
	width: 70%;
	height: 90%;
	max-width: ;
}

div.style_txtbox{
	width: 80%;
	padding: 2.5rem 1.5rem;
	min-height: 14.7rem;
}

div.no1_sp{
	background: #86b2df;
}

div.no2_sp{
	background: #add597;
}

div.no3_sp{
	background: #f8b62c;
}

div.no4_sp{
	background: #f09ec1;
}

div.no5_sp{
	background: #b58dbf;
}

h4.title_4{
	font-family: 'Noto Sans Japanese', serif;
    font-size: 1.8rem;
    line-height: 1.8rem;
    text-align: left;
    margin: 0 0 1rem 0;
    padding: 0;
	color: #fff;
}

p.sp_styleonly{
	text-align: left;
}

p.salse_width{
	width: 88%;
	margin: 0 auto;
}
/*end===========================================================*/


/*salse&flow====================================================*/
div.full_wide2 {
    background: url(../img/whats_salse_bk_pc.jpg) no-repeat;
    background-position: top center;
    width: 100%;
    max-width: 130rem;
    margin: 0 auto 13rem auto;
}

h2.white{
	color: #fff;
    padding: 10rem 0 0 0;
}

img.sp_salseimg{
	display: block;
	margin: 8rem auto 0 auto;
}

img.sp_flow{
	display: block;
	margin: 0 auto;
	width: 95%;
	max-width: 33.4rem;
}

/*end===========================================================*/




/****************************************
for スマホ横(767px以下)
*****************************************/
@media print,screen and (min-width:568px) and ( max-width:767px){
div.spy_only{
	display: block;
	text-align: center;
}

div.sp_only{
	display: none;
}

div.container{
	padding: 0;
}

div.main_imgbox{
	background: url(../img/whats_main.png) no-repeat;
	background-position: center center;
	background-size: cover;
}

p.title_en{
	letter-spacing: 0.1rem;
	padding: 0 3rem 0 0;
}

div.title_box{
	width: 32rem;
	max-width: 32rem;
	height: 14.5rem;
	background: rgba(178,129,70,0.7);
	margin: 0;
}

div.title_inner{
	width: 28rem;
	max-width: 28rem;
	margin: 0 auto 0 0;
}

/*main_content==================================================*/
h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2.8rem;
	line-height: 3.8rem;
	color: #000;
	text-align: center;
	letter-spacing: 0.1rem;
	text-indent: 0.1rem;
	padding: 0;
	margin: 0 0 3rem 0;
}

div.oneblock{
	width: 100%;
	max-width: 100%;
	/*display: flex;
	height: 35.1rem;*/
	padding: 0;
	margin: 0 auto 13.5rem auto;
	background: ;
}

div.img_box{
	display: none;
}

div.inner_imgbox{
	display: block;
	margin: 0 auto;
}

img.inner_img{
	width: 100%;
}

div.txt_box{
	width: 100%;
	max-width: 100%;
	background: rgba(234,220,202,1);
}

div.txt_boxinner{
	width: 90%;
	max-width: 90%;
	margin: 0 auto;
	padding: 5rem 0;
}

h3.title_3{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2.2rem;
	line-height: 3.2rem;
	color: #000;
	text-align: center;
	padding: 0;
	margin: 3rem 0;
}

p.common_txt{
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #000;
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
}

p.n_indent{
	text-indent: 1.4rem;
}

/*style=========================================================*/
p.width_adjust {
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
}

h3.title_3five {
    font-family: 'Noto Sans Japanese', serif;
    font-size: 1.8rem;
    line-height: 1.8rem;
    color: #000;
    text-align: center;
    margin: 0 auto;
    padding: 4rem 0 2rem 0;
}

div.sponly{
	margin: 0 0 8rem 0;
}

div.full_wide {
    width: 100%;
    max-width: 100%;
}

div.nobox_sp{
	width: 100%;
	padding: 0;
	display: flex;
	justify-content: space-between;
}

div.nmb_box{
	width: 20%;
	display: flex;
	align-items: center;
}

div.no1_border{
	border-top: solid 0.1rem #86b2df;
}

div.no2_border{
	border-top: solid 0.1rem #add597;
}

div.no3_border{
	border-top: solid 0.1rem #f8b62c;
}

div.no4_border{
	border-top: solid 0.1rem #f09ec1;
}

div.no5_border{
	border-top: solid 0.1rem #b58dbf;
	border-bottom: solid 0.1rem #b58dbf;
}

div.nmb_box img{
	display: block;
	margin: 0 auto;
	width: 70%;
	height: 90%;
	max-width: ;
}

div.style_txtbox{
	width: 80%;
	padding: 2.5rem 1.5rem;
	min-height: 14.7rem;
}

div.no1_sp{
	background: #86b2df;
}

div.no2_sp{
	background: #add597;
}

div.no3_sp{
	background: #f8b62c;
}

div.no4_sp{
	background: #f09ec1;
}

div.no5_sp{
	background: #b58dbf;
}

h4.title_4{
	font-family: 'Noto Sans Japanese', serif;
    font-size: 1.8rem;
    line-height: 1.8rem;
    text-align: left;
    margin: 0 0 1rem 0;
    padding: 0;
	color: #fff;
}

p.sp_styleonly{
	text-align: left;
}

p.salse_width{
	width: 88%;
	margin: 0 auto;
}
/*end===========================================================*/


/*salse&flow====================================================*/
div.full_wide2 {
    background: url(../img/whats_salse_bk_pc.jpg) no-repeat;
    background-position: top center;
    width: 100%;
    max-width: 130rem;
    margin: 0 auto 13rem auto;
}

h2.white{
	color: #fff;
    padding: 10rem 0 0 0;
}

img.sp_salseimg{
	display: block;
	margin: 8rem auto 0 auto;
}

img.sp_flow{
	display: block;
	margin: 0 auto;
	width: 95%;
	max-width: 33.4rem;
}

/*end===========================================================*/

/*end===========================================================*/


div.under_cont{
	margin: 13rem auto 0 auto;
}

}




/****************************************
for タブレット縦～PC(980px以下)
*****************************************/
@media print,screen and (min-width:768px) and (max-width:980px){
div.pc_tabonly{
	display: block;
}

div.sponly{
	display: none;
}

div.sp_only{
	display: none;
}

div.container{
	padding: 0;
}

div.main_imgbox{
	background: url(../img/whats_main.png) no-repeat;
	background-position: center right;
	background-size: cover;
}

p.title_en{
	letter-spacing: 0.1rem;
	padding: 0 3rem 0 0;
}

div.title_box{
	width: 32rem;
	max-width: 32rem;
	height: 14.5rem;
	background: rgba(178,129,70,0.7);
	margin: 0;
}

div.title_inner{
	width: 28rem;
	max-width: 28rem;
	margin: 0 auto 0 0;
}

/*main_content==================================================*/
h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2.8rem;
	line-height: 3.8rem;
	color: #000;
	text-align: center;
	letter-spacing: 0.1rem;
	text-indent: 0.1rem;
	padding: 0;
	margin: 0 0 5rem 0;
}

div.oneblock{
	width: 100%;
	max-width: 100%;
	/*display: flex;
	height: 35.1rem;*/
	padding: 0;
	margin: 0 auto 13.5rem auto;
	background: ;
}

div.img_box{
	display: none;
}

div.inner_imgbox{
	display: block;
	margin: 0 auto;
}

img.inner_img{
	width: 100%;
}

div.txt_box{
	width: 100%;
	max-width: 100%;
	background: rgba(234,220,202,1);
}

div.txt_boxinner{
	width: 60rem;
	max-width: 60rem;
	margin: 0 auto;
	padding: 5rem 0;
}

h3.title_3{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2.2rem;
	line-height: 3.2rem;
	color: #000;
	text-align: center;
	padding: 0;
	margin: 3rem 0;
}

p.common_txt{
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #000;
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
}

p.n_indent{
	text-indent: 1.4rem;
}

/*full_wide*/
div.full_wide{
	background: url(../img/whats_style_bk.png) no-repeat;
	background-position: top center;
	background-size: 149%;
	width: 100%;
	max-width: 100%;
	height: 100%;
}

h3.title_3five{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 2rem;
	color: #000;
	text-align: center;
	margin: 0 auto;
	padding:9rem 0 0 0;
}

h3.title_3five:before,
h3.title_3five:after{
  content: '■';
  font-size: 1.2rem;
  vertical-align: 0.3rem;
}

h3.title_3five:before{
	padding: 0 0.5rem 0 0;
}

h3.title_3five:after{
	padding: 0 0 0 1rem;
}

p.width_adjust{
	width: 90%;
	max-width: 90%;
	margin: 0 auto;
}

div.full_wideinner{
	background: url(../img/whats_stylefive_tabt.png) no-repeat;
	background-position: top center;
	/*background-size: contain;*/
	width: 100%;
	max-width: 130rem;
	height: 90.8rem;
	margin: 3.5rem auto 0 auto;
	padding: 0 1rem;
	position: relative;
}

div.style_block{
	display: flex;
	justify-content: space-between;
	width: 63.5rem;
	margin: 0 auto;
	padding: 6.5rem 0 0 0;
}

div.style_block2{
	display: flex;
	justify-content: space-between;
	width: 44.5rem;
	margin: 0 auto;
	padding: 13rem 0 0 0;
}

div.nobox{
	width: 16.6rem;
}

div.no1{
	margin: 0 auto;
	padding: 8rem 0 0 0;
}

div.no2,
div.no3{
	margin: 0;
	padding: 0;
}

h4.title_4{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 2rem;
	text-align: center;
	margin: 0 0 1.5rem 0;
	padding: 0;
}

h4.no1{
	color: #86b2df;
}

h4.no2{
	color: #b58dbf;
	text-align: right;
}

h4.no3{
	color: #add597;
	text-align: left;
}

h4.no4{
	color: #f09ec1;
}

h4.no5{
	color: #f8b62c;
}

p.tabt_style{
	font-size: 1.3rem;
	line-height: 2.2rem;
}

p.customer{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 3rem;
	line-height: 3rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 0;
}


/*full_wide2*/
h2.white{
	color: #fff;
	padding: 10rem 0 0 0;
}

div.full_wide2{
	background: url(../img/whats_salse_bk_pc.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	max-width: 130rem;
	height: 100%;
	margin: 0 auto 13rem auto;
}

div.inner_tabt{
	display: block;
	width: 100%;
	max-width: 77.2rem;
	margin: 0 auto;
}



img.pc_img{
	width: 100%;
}

p.salse_width{
	width: 90%;
	max-width: 90%;
	margin: 0 auto 8rem auto;
}

/*full_wide3*/
div.not_tabt{
	display: none;
}

div.tabt_only{
	display: block;
}


div.full_wide3_tab{
	width: 100%;
	max-width: 130rem;
	height: 79.2rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div.vert_imgbox{
	background: url(../img/whats_flow_bk.png) no-repeat;
	background-position: top center;
	background-size: cover;
	height: 79.2rem;
	width: 45%;
}

div.vertimg_right{
	width: 100%;
	max-width: 76.8rem;
	height: 73.6rem;
	text-align: center;
	margin: 0 auto;
}

img.sp_flow{
	width: 100%;
	max-width: 76.8rem;
}




div.flow_tabt{
	max-width: 100%;
    margin: 0 auto;
}

div.tabt_img_adjust{
	width: 100%;
	padding: 0 2rem;
	background: rgba(255,255,255,0.5);
	text-align: center;
}

img.tabt_img{
	width: 100%;
	max-width: 55.5rem;
}

div.under_cont{
	margin: 13rem auto 0 auto;
}

/*end===========================================================*/
}











/****************************************
for タブレット横～PC(1024px以下)
*****************************************/
@media print,screen and (min-width:981px) and ( max-width:1025px){
div.pc_tabonly{
	display: block;
}

div.sponly{
	display: none;
}

div.sp_only{
	display: none;
}

div.main_imgbox{
	background: url(../img/whats_main.png) no-repeat;
	background-position: center center;
	background-size: cover;
}

p.title_en{
	letter-spacing: 0.1rem;
	padding: 0 3rem 0 0;
}

div.title_box{
	width: 50rem;
	max-width: 50rem;
	height: 14.5rem;
	background: rgba(178,129,70,0.7);
	margin: 0;
}

div.title_inner{
	width: 39rem;
	max-width: 39rem;
	margin: 0 auto 0 0;
}

/*main_content==================================================*/
h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 3.3rem;
	line-height: 4.8rem;
	color: #000;
	text-align: center;
	letter-spacing: 0.1rem;
	text-indent: 0.1rem;
	padding: 0;
	margin: 0 0 5rem 0;
}

div.oneblock{
	width: 100%;
	max-width: 100%;
	display: flex;
	height: 35.1rem;
	padding: 0;
	margin: 0 auto 13.5rem auto;
}

div.img_box{
	width: 50%;
	max-width: 50%;
	display: block;
}

div.inner_imgbox{
	display: none;
}

div.img1{
	background: url(../img/whats_1.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}

div.img2{
	background: url(../img/whats_2.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}

div.img3{
	background: url(../img/whats_3.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}

div.txt_box{
	width: 50%;
	max-width: 50%;
	background: rgba(234,220,202,1);
	display: flex;
	align-items: center;
}

div.txt_boxinner{
	width: 40.5rem;
	max-width: 40.5rem;
	margin: 0 auto;
}

h3.title_3{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2.4rem;
	line-height: 4.8rem;
	color: #000;
	text-align: center;
	padding: 0;
	margin: 0 0 3rem 0;
}

p.common_txt{
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #000;
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
}

p.n_indent{
	text-indent: 1.4rem;
}

/*full_wide*/
div.full_wide{
	background: url(../img/whats_style_bk.png) no-repeat;
	background-position: center center;
	width: 100%;
	max-width: 100%;
	height: 126rem;
}

h3.title_3five{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 2rem;
	color: #000;
	text-align: center;
	margin: 0 auto;
	padding:9rem 0 0 0;
}

h3.title_3five:before,
h3.title_3five:after{
  content: '■';
  font-size: 1.2rem;
  vertical-align: 0.3rem;
}

h3.title_3five:before{
	padding: 0 0.5rem 0 0;
}

h3.title_3five:after{
	padding: 0 0 0 1rem;
}

p.width_adjust{
	width: 80rem;
	max-width: 80rem;
	margin: 0 auto;
}

div.full_wideinner{
	background: url(../img/whats_stylefive.png) no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100%;
	max-width: 130rem;
	height: 90.8rem;
	margin: 3.5rem auto 0 auto;
	padding: 0 1rem;
	position: relative;
}

div.style_block{
	display: flex;
	justify-content: space-between;
	width: 80rem;
	margin: 0 auto;
	padding: 10rem 0 0 0;
}

div.style_block2{
	display: flex;
	justify-content: space-between;
	width: 54.5rem;
	margin: 0 auto;
	padding: 18rem 0 0 0;
}

div.nobox{
	width: 20.6rem;
}

div.no1{
	margin: 0 auto;
	padding: 11rem 0 0 0;
}

div.no2,
div.no3{
	margin: 0;
	padding: 0;
}

h4.title_4{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2.4rem;
	line-height: 2.4rem;
	text-align: center;
	margin: 0 0 2.5rem 0;
	padding: 0;
}

h4.no1{
	color: #86b2df;
}

h4.no2{
	color: #b58dbf;
	text-align: right;
}

h4.no3{
	color: #add597;
	text-align: left;
}

h4.no4{
	color: #f09ec1;
}

h4.no5{
	color: #f8b62c;
}

p.customer{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 3.8rem;
	line-height: 3.8rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 1.5rem 0 0 0;
}

/*full_wide2*/
h2.white{
	color: #fff;
	padding: 10rem 0 0 0;
}

div.full_wide2{
	background: url(../img/whats_salse_bk_pc.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	max-width: 130rem;
	height: 100%;
	margin: 0 auto 13rem auto;
}

div.inner_pc{
	display: block;
	width: 100%;
	max-width: 117.4rem;
	margin: 0 auto 4rem auto;
}

img.pc_img{
	width: 100%;
}

p.salse_width{
	width: 100%;
	max-width: 80.5rem;
	margin: 0 auto 8rem auto;
}

/*full_wide3*/
div.full_wide3{
	background: url(../img/whats_flow_bk.png) no-repeat;
	background-position: top center;
	background-size: cover;
	width: 100%;
	max-width: 130rem;
	height: 71.2rem;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
}

div.flow_pc{
	max-width: 100%;
    margin: 0 auto;
}

div.pc_img_adjust{
	width: 100%;
	padding: 0 2rem;
	background: rgba(255,255,255,0.5);
	text-align: center;
}

img.pc_img2{
	width: 100%;
	max-width: 116rem;
}

div.under_cont{
	margin: 13rem auto 0 auto;
}

/*end===========================================================*/
}















/****************************************
for PC
*****************************************/

@media print,screen and (min-width:1025px) {
div.pc_tabonly{
	display: block;
}

div.sponly{
	display: none;
}

div.sp_only{
	display: none;
}

div.main_imgbox{
	background: url(../img/whats_main.png) no-repeat;
	background-position: center right;
	background-size: cover;
}

p.title_en{
	letter-spacing: 0.1rem;
	padding: 0 3rem 0 0;
}

div.title_box{
	width: 50rem;
	max-width: 50rem;
	height: 14.5rem;
	background: rgba(178,129,70,0.7);
	margin: 0;
}

div.title_inner{
	width: 39rem;
	max-width: 39rem;
	margin: 0 auto 0 0;
}

/*main_content==================================================*/
h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 3.3rem;
	line-height: 4.8rem;
	color: #000;
	text-align: center;
	letter-spacing: 0.1rem;
	text-indent: 0.1rem;
	padding: 0;
	margin: 0 0 5rem 0;
}

div.oneblock{
	width: 100%;
	max-width: 100%;
	display: flex;
	height: 41.1rem;
	padding: 0;
	margin: 0 auto 13.5rem auto;
}

div.img_box{
	width: 50%;
	max-width: 50%;
	display: block;
}

div.inner_imgbox{
	display: none;
}

div.img1{
	background: url(../img/whats_1.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}

div.img2{
	background: url(../img/whats_2.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}

div.img3{
	background: url(../img/whats_3.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}

div.txt_box{
	width: 50%;
	max-width: 50%;
	background: rgba(234,220,202,1);
	display: flex;
	align-items: center;
}

div.txt_boxinner{
	width: 40.5rem;
	max-width: 40.5rem;
	margin: 0 auto;
}

h3.title_3{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2.4rem;
	line-height: 4.8rem;
	color: #000;
	text-align: center;
	padding: 0;
	margin: 0 0 3rem 0;
}

p.common_txt{
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #000;
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
}

p.n_indent{
	text-indent: 1.4rem;
}

/*full_wide*/
div.full_wide{
	background: url(../img/whats_style_bk.png) no-repeat;
	background-position: center center;
	width: 100%;
	max-width: 100%;
	height: 126rem;
}

h3.title_3five{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 2rem;
	color: #000;
	text-align: center;
	margin: 0 auto;
	padding:9rem 0 0 0;
}

h3.title_3five:before,
h3.title_3five:after{
  content: '■';
  font-size: 1.2rem;
  vertical-align: 0.3rem;
}

h3.title_3five:before{
	padding: 0 0.5rem 0 0;
}

h3.title_3five:after{
	padding: 0 0 0 1rem;
}

p.width_adjust{
	width: 80rem;
	max-width: 80rem;
	margin: 0 auto;
}

div.full_wideinner{
	background: url(../img/whats_stylefive.png) no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100%;
	max-width: 130rem;
	height: 90.8rem;
	margin: 3.5rem auto 0 auto;
	padding: 0 1rem;
	position: relative;
}

div.style_block{
	display: flex;
	justify-content: space-between;
	width: 80rem;
	margin: 0 auto;
	padding: 10rem 0 0 0;
}

div.style_block2{
	display: flex;
	justify-content: space-between;
	width: 54.5rem;
	margin: 0 auto;
	padding: 18rem 0 0 0;
}

div.nobox{
	width: 20.6rem;
}

div.no1{
	margin: 0 auto;
	padding: 11rem 0 0 0;
}

div.no2,
div.no3{
	margin: 0;
	padding: 0;
}

h4.title_4{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2.4rem;
	line-height: 2.4rem;
	text-align: center;
	margin: 0 0 2.5rem 0;
	padding: 0;
}

h4.no1{
	color: #86b2df;
}

h4.no2{
	color: #b58dbf;
	text-align: right;
}

h4.no3{
	color: #add597;
	text-align: left;
}

h4.no4{
	color: #f09ec1;
}

h4.no5{
	color: #f8b62c;
}

p.customer{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 3.8rem;
	line-height: 3.8rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 1.5rem 0 0 0;
}

/*full_wide2*/
h2.white{
	color: #fff;
	padding: 10rem 0 0 0;
}

div.full_wide2{
	background: url(../img/whats_salse_bk_pc.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	max-width: 130rem;
	height: 100%;
	margin: 0 auto 13rem auto;
}

div.inner_pc{
	display: block;
	width: 100%;
	max-width: 117.4rem;
	margin: 0 auto 4rem auto;
}

img.pc_img{
	width: 100%;
}

p.salse_width{
	width: 100%;
	max-width: 80.5rem;
	margin: 0 auto 8rem auto;
}

/*full_wide3*/
div.full_wide3{
	background: url(../img/whats_flow_bk.png) no-repeat;
	background-position: top center;
	background-size: cover;
	width: 100%;
	max-width: 130rem;
	height: 71.2rem;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
}

div.flow_pc{
	max-width: 100%;
    margin: 0 auto;
}

div.pc_img_adjust{
	width: 100%;
	padding: 0 2rem;
	background: rgba(255,255,255,0.5);
	text-align: center;
}

img.pc_img2{
	width: 100%;
	max-width: 116rem;
}

div.under_cont{
	margin: 13rem auto 0 auto;
}

/*end===========================================================*/
}





/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
}

input[type="submit"],input.clear_btn{
   
}

}

/* IE10以降だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){

}