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

	process_result.css

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

@charset "utf-8";


h1 img{
	vertical-align: bottom;
}

footer{
	margin: 0;
}


/*img*/
img.pctysy,
img.sy,
img.tt_only{
	display: none;
}
/*br*/
span.sy_br{
	display: none;
}



section{
	width: 100%;
	max-width: 100%;
}

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

div.title2_box{
	width: 14.8rem;
	max-width: 14.8rem;
	height: 14.8rem;
	background: url(../img/st_titlebk.png) no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
	margin: 0 auto;
}

h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.8rem;
	line-height: 2.7rem;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
}

p.catch_txt{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.8rem;
	line-height: 2.5rem;
	color: #595757;
	text-align: center;
	margin: 3rem 0 0 0;
}

p.left_line{
	text-align: center;
	margin-bottom: 1rem;
	font-size: 1.4rem;
    line-height: 2.2rem;
}

div.one_content{
	margin: 3.3rem 0 0 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

div.oneblock{
	display: block;
	width: 100%;
	margin: 0 0 2.5rem 0;
	padding: 0;
}

div.two_outbox,
div.one_outbox{
	display: block;
	margin: 0;
}

div.left_block,
div.right_block{
	width: 100%;
	max-width: 100%;
}

div.left_block{
}

div.right_block{
}

div.right_block_firstplant,
div.left_block_firstplant{
	width: 100%;
	max-width: 100%;
	margin: 0 auto 7% auto;
}

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

div.one_img_l,
div.one_img_r{
	width: 100%;
	max-width: 100%;
}

div.one_img_l{
	margin: 0 0 7% 0;
}

div.one_img_r{
	margin: 0 0 7% 0;
}


img.common_img{
	display: block;
	vertical-align: bottom;
	width: 100%;
	max-width: 100%;
}

img.ttst,
img.st_only{
	display: block;
	vertical-align: bottom;
	width: 100%;
	max-width: 100;
	margin: 0 auto 1rem auto;
}

img.under_img{
	margin: 7% 0 1rem 0;
}

p.common_txt{
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: #595757;
	text-align: left;
}

p.just{
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
}

p.center{
	text-align: center; 
}

p.indent{
	padding-left: 1.4rem;
	text-indent: -1.4rem;
}

span.onepad{
	padding-right: 1.4rem;
}

/*process================================================*/

div.first_process{
	background: url(../img/border.png) no-repeat;
	background-position: top center;
	padding: 5rem 0 0 0;
}

div.process_boxborder{
	background: url(../img/border2.png) no-repeat;
	background-position: top center;
	padding: 5.3rem 0 0 0;
	margin: 5rem 0 0 0;
}

div.process_twoimg{
}

div.process_left,
div.process_right{
	width: 100%;
	max-width: 70.5%;
}

div.process_left{
	display: none;
}

div.process_right{
	margin: 0 auto;
	max-width: 26.3rem;
}

div.txtbox_center{
	width: 88%;
	margin: 2rem auto 0 auto;
}

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

div.st_processimg{
	width: 88%;
    max-width: 88%;
	margin: 0 auto;
}

p.step_en{
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #036eb8;
	text-align: center;
	border-bottom: solid 0.1rem #036eb8;
	width: 6.5rem;
	padding: 0 0 1rem 0;
	margin: 0 auto 1.2rem auto;
}

h3.title_3{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2.2rem;
	line-height: 2.2rem;
	text-align: center;
	color: #036eb8;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

span.title3_onpad{
	padding-right: 2.2rem;
}

div.details_txtbox{
	margin: 2rem 0 0 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

div.process_oneimg{
	width: 100%;
	max-width: 26.3rem;
	margin: 0 auto;
}

span.details_pad{
	padding-right: 2.8rem;
}

div.step_1{
	width: 100%;
	max-width: 26.3rem;
	margin: 0 auto;
}

div.step_2{
	width: 100%;
	max-width: 18.5rem;
	margin: 0 auto;
}

div.step_3{
	width: 100%;
	max-width: 26.3rem;
	margin: 0 auto;
}

div.step_4,
div.step_5,
div.step_6{
	width: 100%;
	max-width: 25.5rem;
	margin: 0 auto;
}

div.step_6adjust{
	width: 100%;
	max-width: 13.7rem;
	margin: 2rem auto 0 auto;
	padding: 0;
}

div.step_7{
	width: 100%;
	max-width: 26.3rem;
	margin: 0 auto;
}

div.step_8{
	width: 100%;
	max-width: 26.3rem;
	margin: 0 auto;
}

div.step_9{
	width: 100%;
	max-width: 26.3rem;
	margin: 0 auto;
}

span.details_bold{
	font-weight: bold;
}

div.process_underb{
	background: url(../img/border.png) no-repeat;
	background-position: top center;
	height: 0.1rem;
	width: 100%;
	margin: 5rem auto 0 auto;
}

div.st_none{
	display: none;
}

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


/*result=================================================*/
div.t_boxinner{
	margin: 0 auto;
}

p.title_ja{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.9rem;
	line-height: 2.5rem;
	text-align: center;
	color: #fff;
	border-top: solid 0.1rem #fff;
	margin: 0.4rem 0 0 0;
	padding: 0.7rem 0 0 0;
}

div.under_catchbox{
	width: 100%;
	max-width: 100%;
	height: 9.2rem;
	padding: 0;
	margin: 0;
	background: #888889;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5rem 0 0 0;
}

p.under_catch{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.7rem;
	line-height: 2.6rem;
	text-align: center;
	color: #fff;
}

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

div.none_txt{
	margin-bottom: 5%;
}

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

div.left_block_firstplant img.pctysy{
	display: block;
	vertical-align: bottom;
	width: 100%;
	max-width: 100%;
	margin: 0 auto 2% auto;
}


div.left_block_firstplant img.ttst{
	display: none;
}


.pr-common-btn{
	font-family: 'Noto Sans Japanese', serif;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto 8rem auto;
	padding: 1em 3em;
	width: 300px;
	color: #333;
	font-size: 18px;
	font-weight: 700;
	background-color: #cccccc;
	transition: 0.3s;
	position: relative;
	box-shadow:inset 0px 3px 0px 0px #97c4fe;
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	background-color:#3d94f6;
	border:1px solid #337fed;
	color:#ffffff;
	font-size:15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
	letter-spacing: 4px;
	height: 5rem;
}

.pr-common-btn::before{
  position: absolute;
	content: '';
width: 20px;
height: 20px;
border: solid 1px #fff;
border-radius: 50%;
top: 42%;
right: 40px;
margin-top: -7px;
}

.pr-common-btn::after{
  position: absolute;
content: '';
width: 4px;
height: 4px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 45%;
right: 49px;
}

.pr-common-btn:hover{
  text-decoration: none;
  background: #fff;
  box-shadow: none;
  color: #1e62d0;
  text-shadow: none;
}

.pr-common-btn:hover:after{
	border-top: solid 1px #1e62d0;
border-right: solid 1px #1e62d0;
}

.pr-common-btn:hover:before{
	border: solid 1px #1e62d0;
}


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







/****************************************
for スマホ横(767px以下)
*****************************************/
@media print,screen and (min-width:568px) and ( max-width:767px){
section{
	width: 100%;
	max-width: 100%;
}

section.blue{
	background: #dff1fc;
}

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

div.title2_box{
	width: 17.4rem;
	max-width: 17.4rem;
	height: 17.4rem;
	background: url(../img/comon_titlebk.png) no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
	margin: 0 auto;
}

h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 3.2rem;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
}

p.catch_txt{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.8rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: center;
	margin: 3rem 0 0 0;
}

p.left_line{
	margin-bottom: 1rem;
	margin-top: 1rem;
	font-size: 1.4rem;
    line-height: 2.6rem;
}


div.one_content{
	margin: 5.5rem 0 0 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

div.oneblock{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin: 0 0 2.5rem 0;
	padding: 0;
}

div.two_outbox,
div.one_outbox{
	display: block;
	margin: 0;
}

div.left_block,
div.right_block{
	width: 100%;
	max-width: 47.8rem;
}

div.left_block{
	margin: 0 0.5% 0 0;
}

div.right_block{
	margin: 0 0 0 0.5%;
}

div.right_block_firstplant,
div.left_block_firstplant{
	width: 100%;
	max-width: 100%;
	margin: 0 auto 5% auto;
}

div.twoimges{
	display: flex;
	width: 100%;
	max-width: 100%;
	justify-content: space-between;
	margin: 0;
}

div.one_img_l,
div.one_img_r{
	width: 49%;
	max-width: 49.5%;
}

div.one_img_l{
	margin: 0 0.5% 3& 0;
}

div.one_img_r{
	margin: 0 0 5% 0.5%;
}


img.common_img{
	display: block;
	vertical-align: bottom;
	width: 100%;
	max-width: 100%;
}

img.pctysy,
img.sy{
	display: block;
	vertical-align: bottom;
	width: 100%;
	max-width: 100;
	margin-bottom: 1rem;
}

img.under_img{
	margin: 5% 0 1rem 0;
}

p.common_txt{
	font-size: 1.4rem;
	line-height: 2.6rem;
	color: #595757;
	text-align: left;
}

p.just{
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
}

p.center{
	text-align: center; 
}

p.indent{
	padding-left: 1.4rem;
	text-indent: -1.4rem;
}

span.onepad{
	padding-right: 1.4rem;
}

/*process================================================*/

div.first_process{
	background: url(../img/border.png) no-repeat;
	background-position: top center;
	padding: 5rem 0 0 0;
}

div.process_boxborder{
	background: url(../img/border2.png) no-repeat;
	background-position: top center;
	padding: 5.3rem 0 0 0;
	margin: 5rem 0 0 0;
}

div.process_twoimg{
}

div.process_left,
div.process_right{
	width: 100%;
	max-width: 70.5%;
}

div.process_left{
	display: none;
}

div.process_right{
	margin: 0 auto;
	max-width: 26.3rem;
}

div.txtbox_center{
	display: flex;
	align-items: center;
	width: 44%;
	margin: 0;
}

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

p.step_en{
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #036eb8;
	text-align: center;
	border-bottom: solid 0.1rem #036eb8;
	width: 6.5rem;
	padding: 0 0 1rem 0;
	margin: 0 auto 1.2rem auto;
}

h3.title_3{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2.2rem;
	line-height: 2.2rem;
	text-align: center;
	color: #036eb8;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

span.title3_onpad{
	padding-right: 2.2rem;
}

div.details_txtbox{
	margin: 2rem 0 0 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

div.process_oneimg{
	width: 100%;
	max-width: 26.3rem;
	margin: 0 auto;
}

span.details_pad{
	padding-right: 2.8rem;
}

div.step_1{
	width: 100%;
	max-width: 35.5rem;
	margin: 0 auto;
}

div.step_2{
	width: 100%;
	max-width: 18.5rem;
	margin: 0 auto;
}

div.step_3{
	width: 100%;
	max-width: 29.5rem;
	margin: 0 auto;
}

div.step_4,
div.step_5,
div.step_6{
	width: 100%;
	max-width: 25.5rem;
	margin: 0 auto;
}

div.step_6adjust{
	width: 100%;
	max-width: 13.7rem;
	margin: 2rem auto 0 auto;
	padding: 0;
}

div.step_7{
	width: 86%;
	max-width: 41.5rem;
	margin: 0 auto;
}

div.step_8{
	width: 100%;
	max-width: 35.5rem;
	margin: 0 auto;
}

div.step_9{
	width: 100%;
	max-width: 31.5rem;
	margin: 0 auto;
}

span.details_bold{
	font-weight: bold;
}

div.process_underb{
	background: url(../img/border.png) no-repeat;
	background-position: top center;
	height: 0.1rem;
	width: 100%;
	margin: 5rem auto 0 auto;
}

div.st_processimg{
	width: 53%;
	max-width: 55%;
}

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


/*result=================================================*/
div.t_boxinner{
	margin: 0 auto;
}

p.title_ja{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.9rem;
	line-height: 2.5rem;
	text-align: center;
	color: #fff;
	border-top: solid 0.1rem #fff;
	margin: 0.4rem 0 0 0;
	padding: 0.7rem 0 0 0;
}

div.under_catchbox{
	width: 100%;
	max-width: 100%;
	height: 9.2rem;
	padding: 0;
	margin: 0;
	background: #888889;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5rem 0 0 0;
}

p.under_catch{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.7rem;
	line-height: 2.6rem;
	text-align: center;
	color: #fff;
}

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

div.none_txt{
	margin-bottom: 5%;
}

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

div.left_block_firstplant img.pctysy,
div.left_block_firstplant img.ttst{
	display: none;
}

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

div.st_none{
	display: block;
}

div.st_block_process,
img.ttst,
img.st_only,
span.st_br,
img.tt_only{
	display: none;
}
}




/****************************************
for タブレット縦～PC(980px以下)
*****************************************/

@media print,screen and (min-width:768px) and (max-width:980px){
section{
	width: 100%;
	max-width: 100%;
}

section.blue{
	background: #dff1fc;
}

div.widthbox{
	width: 100%;
	max-width: 100%;
	padding: 5rem 0.7rem 0 0.7rem;
	margin: 0 auto;
}

div.title2_box{
	width: 17.4rem;
	max-width: 17.4rem;
	height: 17.4rem;
	background: url(../img/comon_titlebk.png) no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
	margin: 0 auto;
}

h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 3.2rem;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
}

p.catch_txt{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #595757;
	text-align: center;
	margin: 3rem 0 0 0;
}

p.left_line{
	margin-bottom: 1.5rem;
	margin-top: 1rem;
	font-size: 1.4rem;
    line-height: 2.6rem;
}


div.one_content{
	margin: 5.5rem 0 0 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

div.oneblock,
div.one_outbox{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin: 0 0 2.5rem 0;
	padding: 0;
}

div.two_outbox{
	display: block;
	margin: 0;
}

div.left_block,
div.right_block,
div.one_imgbox{
	width: 100%;
	max-width: 47.8rem;
}

div.left_block{
	margin: 0 0.5% 0 0;
}

div.right_block{
	margin: 0 0 0 0.5%;
}

div.right_block_firstplant,
div.left_block_firstplant{
	width: 49.5%;
	max-width: 47.8rem;
	margin: 0 0 0 0.5%;
}

div.left_block_firstplant{
	margin: 0 0.5% 0 0;
}

div.right_block_firstplant{
	margin: 0 0 0 0.5%;
}

div.twoimges{
	display: flex;
	width: 100%;
	max-width: 100%;
	justify-content: space-between;
	margin: 0;
}

div.one_img_l,
div.one_img_r{
	width: 49.5%;
	max-width: 49.5%;
}

div.one_img_l{
	margin: 0 0.5% 3& 0;
}

div.one_img_r{
	margin: 0 0 3% 0.5%;
}


img.common_img{
	display: block;
	vertical-align: bottom;
	width: 100%;
	max-width: 100%;
}

img.ttst,
img.tt_only{
	display: block;
	vertical-align: bottom;
	width: 100%;
	max-width: 100;
}

img.tt_only{
	margin: 0 auto 1rem auto;
}

img.under_img{
	margin: 9.6% 0 2% 0;
}

p.common_txt{
	font-size: 1.4rem;
	line-height: 2.6rem;
	color: #595757;
	text-align: left;
}

p.just{
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
}

p.center{
	text-align: center; 
}

p.indent{
	padding-left: 1.4rem;
	text-indent: -1.4rem;
}

span.onepad{
	padding-right: 1.4rem;
}

/*process================================================*/

div.first_process{
	background: url(../img/border.png) no-repeat;
	background-position: top center;
	padding: 5rem 0 0 0;
}

div.process_boxborder{
	background: url(../img/border2.png) no-repeat;
	background-position: top center;
	padding: 5.3rem 0 0 0;
	margin: 5rem 0 0 0;
}

div.process_twoimg{
}

div.process_left,
div.process_right{
	display: block;
	width: 100%;
	max-width: 70.5%;
}

div.process_left{
	margin: 0 auto;
}

div.process_right{
	margin: 1rem auto;
}

div.txtbox_center{
	display: flex;
	align-items: center;
	margin: 0;
}


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

p.step_en{
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #036eb8;
	text-align: center;
	border-bottom: solid 0.1rem #036eb8;
	width: 6.5rem;
	padding: 0 0 1rem 0;
	margin: 0 auto 1.2rem auto;
}

h3.title_3{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2.2rem;
	line-height: 2.2rem;
	text-align: center;
	color: #036eb8;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

span.title3_onpad{
	padding-right: 2.2rem;
}

div.details_txtbox{
	margin: 2rem 0 0 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

div.process_oneimg{
	width: 100%;
	max-width: 26.3rem;
	margin: 0 auto;
}

span.details_pad{
	padding-right: 2.8rem;
}

div.step_1{
	width: 100%;
	max-width: 35.5rem;
	margin: 0 auto;
}

div.step_2{
	width: 100%;
	max-width: 18.5rem;
	margin: 0 auto;
}

div.step_3{
	width: 100%;
	max-width: 29.5rem;
	margin: 0 auto;
}

div.step_4,
div.step_5,
div.step_6{
	width: 100%;
	max-width: 25.5rem;
	margin: 0 auto;
}

div.step_6adjust{
	width: 100%;
	max-width: 13.7rem;
	margin: 2rem auto 0 auto;
	padding: 0;
}

div.step_7{
	width: 86%;
	max-width: 41.5rem;
	margin: 0 auto;
}

div.step_8{
	width: 100%;
	max-width: 35.5rem;
	margin: 0 auto;
}

div.step_9{
	width: 100%;
	max-width: 31.5rem;
	margin: 0 auto;
}

span.details_bold{
	font-weight: bold;
}

div.process_underb{
	background: url(../img/border.png) no-repeat;
	background-position: top center;
	height: 0.1rem;
	width: 100%;
	margin: 5rem auto 0 auto;
}

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


/*result=================================================*/
div.t_boxinner{
	margin: 0 auto;
}

p.title_ja{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.9rem;
	line-height: 2.5rem;
	text-align: center;
	color: #fff;
	border-top: solid 0.1rem #fff;
	margin: 0.4rem 0 0 0;
	padding: 0.7rem 0 0 0;
}

div.under_catchbox{
	width: 100%;
	max-width: 100%;
	height: 7.7rem;
	padding: 0;
	margin: 0;
	background: #888889;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 11rem 0 0 0;
}

p.under_catch{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 2rem;
	text-align: center;
	color: #fff;
}

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

div.none_txt{
	margin-bottom: 5%;
}

a.pr-common-btn{
	margin: 0 auto 10rem auto;
	height: 5rem;
}

/*end====================================================*/
div.left_block_firstplant img.ttst{
	display: block;
	vertical-align: bottom;
	width: 100%;
	max-width: 100;
	margin: 0 auto 2% auto;
}

div.st_processimg{
	width: 100%;
    max-width: 47.8rem;
}

div.st_none{
	display: block;
}

div.left_block_firstplant img.pctysy{
	display: none;
}

div.st_block_process,
span.st_br,
span.sp_br,
img.st_only{
	display: none;
}
}











/****************************************
for タブレット横～PC(1024px以下)
*****************************************/

@media print,screen and (min-width:981px) and ( max-width:1025px){
section{
	width: 100%;
	max-width: 100%;
}

div.widthbox{
	width: 100%;
	max-width: 100%;
	padding: 5rem 0.7rem;
	margin: 0 auto;
}

div.title2_box{
	width: 17.4rem;
	max-width: 17.4rem;
	height: 17.4rem;
	background: url(../img/comon_titlebk.png) no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
	margin: 0 auto;
}

h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 3.2rem;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
}

p.catch_txt{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #595757;
	text-align: center;
	margin: 3rem 0 0 0;
}

p.left_line{
	margin-bottom: 1.5rem;
	margin-top: 1rem;
	font-size: 1.4rem;
    line-height: 2.6rem;
}


div.one_content{
	margin: 5.5rem 0 0 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

div.oneblock,
div.two_outbox,
div.one_outbox{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin: 0 0 2.5rem 0;
	padding: 0;
}

div.left_block,
div.right_block,
div.right_block_firstplant,
div.left_block_firstplant,
div.full_wide,
div.one_imgbox{
	width: 49.5%;
	max-width: 53.2rem;
}

div.left_block,
div.left_block_firstplant{
	margin: 0 0.5% 0 0;
}

div.right_block,
div.right_block_firstplant{
	margin: 0 0 0 0.5%;
}

div.twoimges{
	display: flex;
	/*width: 100%;*/
	justify-content: space-between;
}

div.one_img_l,
div.one_img_r{
	width: 49%;
	max-width: 26.1rem;
}

div.one_img_l{
	margin: 0 1% 0 0;
}

div.one_img_r{
	margin: 0 0 0 1%;
}

img.common_img{
	display: block;
	vertical-align: bottom;
	width: 100%;
	max-width: 100;
}

img.pctysy{
	display: block;
	vertical-align: bottom;
	width: 100%;
	max-width: 100;
	margin: 0 auto 1rem auto;
}

img.under_img{
	margin: 5.7% 0 1rem 0;
}

p.common_txt{
	font-size: 1.4rem;
	line-height: 2.6rem;
	color: #595757;
	text-align: left;
}

p.just{
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
}

p.center{
	text-align: center; 
}

p.indent{
	padding-left: 1.4rem;
	text-indent: -1.4rem;
}

span.onepad{
	padding-right: 1.4rem;
}

/*process================================================*/


div.st_none{
	display: block;
}

div.first_process{
	background: url(../img/border.png) no-repeat;
	background-position: top center;
	padding: 5rem 0 0 0;
}

div.process_boxborder{
	background: url(../img/border2.png) no-repeat;
	background-position: top center;
	padding: 5.3rem 0 0 0;
	margin: 5rem 0 0 0;
}

div.process_twoimg{
	display: flex;
	/*width: 100%;*/
	justify-content: space-between;
}

div.process_left,
div.process_right{
	display: block;
	width: 49.5%;
	max-width: 53.2rem;
}

div.process_left{
	margin: 0 0.5% 0 0;
}

div.process_right{
	margin: 0 0 0 0.5%;
}

div.txtbox_center{
	display: flex;
	align-items: center;
	margin: 0;
}


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

p.step_en{
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #036eb8;
	text-align: center;
	border-bottom: solid 0.1rem #036eb8;
	width: 6.5rem;
	padding: 0 0 1rem 0;
	margin: 0 auto 1.2rem auto;
}

h3.title_3{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2.2rem;
	line-height: 2.2rem;
	text-align: center;
	color: #036eb8;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

span.title3_onpad{
	padding-right: 2.2rem;
}

div.details_txtbox{
	margin: 2rem 0 0 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

div.process_oneimg{
	width: 49.5%;
	max-width: 26.3rem;
	margin: 0 auto;
}

span.details_pad{
	padding-right: 2.8rem;
}

div.step_1{
	width: 100%;
	max-width: 35.5rem;
	margin: 0 auto;
}

div.step_2{
	width: 100%;
	max-width: 18.5rem;
	margin: 0 auto;
}

div.step_3{
	width: 100%;
	max-width: 29.5rem;
	margin: 0 auto;
}

div.step_4,
div.step_5,
div.step_6{
	width: 100%;
	max-width: 25.5rem;
	margin: 0 auto;
}

div.step_6adjust{
	width: 100%;
	max-width: 13.7rem;
	margin: 2rem auto 0 auto;
	padding: 0;
}

div.step_7{
	width: 100%;
	max-width: 41.5rem;
	margin: 0 auto;
}

div.step_8{
	width: 100%;
	max-width: 35.5rem;
	margin: 0 auto;
}

div.step_9{
	width: 100%;
	max-width: 31.5rem;
	margin: 0 auto;
}

span.details_bold{
	font-weight: bold;
}

div.process_underb{
	background: url(../img/border.png) no-repeat;
	background-position: top center;
	height: 0.1rem;
	width: 100%;
	margin: 5rem auto 0 auto;
}

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


/*result=================================================*/
div.t_boxinner{
	margin: 0 auto;
}

p.title_ja{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.9rem;
	line-height: 2.5rem;
	text-align: center;
	color: #fff;
	border-top: solid 0.1rem #fff;
	margin: 0.4rem 0 0 0;
	padding: 0.7rem 0 0 0;
}

div.under_catchbox{
	width: 100%;
	max-width: 100%;
	height: 7.7rem;
	padding: 0;
	margin: 0;
	background: #888889;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 11rem 0 0 0;
}

p.under_catch{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 2rem;
	text-align: center;
	color: #fff;
}

a.pr-common-btn{
	margin: 0 auto 10rem auto;
	height: 5rem;
}

/*end====================================================*/
div.st_processimg{
	/*width: 49.5%;*/
	width: 54.5%;
    max-width: 53.2rem;
}

div.st_block_process,
img.ttst,
span.st_br,
span.sp_br,
img.st_only,
img.tt_only{
	display: none;
}
}















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

@media print,screen and (min-width:1025px) {
section{
	width: 100%;
	max-width: 100%;
}

div.widthbox{
	width: 100%;
	max-width: 109rem;
	padding: 5rem 0.7rem 1.5rem 0.7rem;
	margin: 0 auto;
}

div.title2_box{
	width: 17.4rem;
	max-width: 17.4rem;
	height: 17.4rem;
	background: url(../img/comon_titlebk.png) no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
	margin: 0 auto;
}

h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 3.2rem;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
}

p.catch_txt{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #595757;
	text-align: center;
	margin: 3rem 0 0 0;
}

p.left_line{
	margin-bottom: 1.5rem;
	margin-top: 1rem;
	font-size: 1.4rem;
    line-height: 2.6rem;
}

div.one_content{
	margin: 5.5rem 0 0 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

div.oneblock,
div.two_outbox,
div.one_outbox{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin: 0 0 2.5rem 0;
	padding: 0;
}

div.left_block,
div.right_block,
div.right_block_firstplant,
div.left_block_firstplant,
div.full_wide,
div.one_imgbox{
	width: 49.5%;
	max-width: 53.2rem;
}

div.left_block,
div.left_block_firstplant{
	margin: 0 0.5% 0 0;
}

div.right_block,
div.right_block_firstplant{
	margin: 0 0 0 0.5%;
}

div.twoimges{
	display: flex;
	/*width: 100%;*/
	justify-content: space-between;
}

div.one_img_l,
div.one_img_r{
	width: 49%;
	max-width: 26.1rem;
}

div.one_img_l{
	margin: 0 1% 0 0;
}

div.one_img_r{
	margin: 0 0 0 1%;
}


img.common_img{
	display: block;
	vertical-align: bottom;
	width: 100%;
	max-width: 100;
}

img.pctysy{
	display: block;
	vertical-align: bottom;
	width: 100%;
	max-width: 100;
	margin: 0 0 1rem 0;
}

img.under_img{
	margin: 6% 0 1rem 0;
}

p.common_txt{
	font-size: 1.4rem;
	line-height: 2.6rem;
	color: #595757;
	text-align: left;
}

p.just{
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
}

p.center{
	text-align: center; 
}

p.indent{
	padding-left: 1.4rem;
	text-indent: -1.4rem;
}

span.onepad{
	padding-right: 1.4rem;
}

/*process================================================*/

div.st_none{
	display: block;
}

div.first_process{
	background: url(../img/border.png) no-repeat;
	background-position: top center;
	padding: 5rem 0 0 0;
}

div.process_boxborder{
	background: url(../img/border2.png) no-repeat;
	background-position: top center;
	padding: 5.3rem 0 0 0;
	margin: 5rem 0 0 0;
}

div.process_twoimg{
	display: flex;
	/*width: 100%;*/
	justify-content: space-between;
}

div.process_left,
div.process_right{
	display: block;
	width: 49.5%;
	max-width: 53.2rem;
}

div.process_left{
	margin: 0 0.5% 0 0;
}

div.process_right{
	margin: 0 0 0 0.5%;
}

div.txtbox_center{
	display: flex;
	align-items: center;
	margin: 0;
}


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

p.step_en{
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #036eb8;
	text-align: center;
	border-bottom: solid 0.1rem #036eb8;
	width: 6.5rem;
	padding: 0 0 1rem 0;
	margin: 0 auto 1.2rem auto;
}

h3.title_3{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2.2rem;
	line-height: 2.2rem;
	text-align: center;
	color: #036eb8;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

span.title3_onpad{
	padding-right: 2.2rem;
}

div.details_txtbox{
	margin: 2rem 0 0 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

div.process_oneimg{
	width: 49.5%;
	max-width: 26.3rem;
	margin: 0 auto;
}

span.details_pad{
	padding-right: 2.8rem;
}

div.step_1{
	width: 100%;
	max-width: 35.5rem;
	margin: 0 auto;
}

div.step_2{
	width: 100%;
	max-width: 18.5rem;
	margin: 0 auto;
}

div.step_3{
	width: 100%;
	max-width: 29.5rem;
	margin: 0 auto;
}

div.step_4,
div.step_5,
div.step_6{
	width: 100%;
	max-width: 25.5rem;
	margin: 0 auto;
}

div.step_6adjust{
	width: 100%;
	max-width: 13.7rem;
	margin: 2rem auto 0 auto;
	padding: 0;
}

div.step_7{
	width: 100%;
	max-width: 41.5rem;
	margin: 0 auto;
}

div.step_8{
	width: 100%;
	max-width: 35.5rem;
	margin: 0 auto;
}

div.step_9{
	width: 100%;
	max-width: 31.5rem;
	margin: 0 auto;
}

span.details_bold{
	font-weight: bold;
}

div.process_underb{
	background: url(../img/border.png) no-repeat;
	background-position: top center;
	height: 0.1rem;
	width: 100%;
	margin: 5rem auto 0 auto;
}

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


/*result=================================================*/
div.t_boxinner{
	margin: 0 auto;
}

p.title_ja{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.9rem;
	line-height: 2.5rem;
	text-align: center;
	color: #fff;
	border-top: solid 0.1rem #fff;
	margin: 0.4rem 0 0 0;
	padding: 0.7rem 0 0 0;
}

div.under_catchbox{
	width: 100%;
	max-width: 100%;
	height: 7.7rem;
	padding: 0;
	margin: 0;
	background: #888889;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 11rem 0 0 0;
}

p.under_catch{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 2rem;
	text-align: center;
	color: #fff;
}

a.pr-common-btn{
	margin: 0 auto 10rem auto;
	height: 5rem;
}

/*end====================================================*/
div.left_block_firstplant img.pctysy {
	margin: 0 0 1rem 0;
    
}

div.st_processimg{
	width: 100%;
}

div.st_block_process,
img.ttst,
span.st_br,
span.sp_br,
img.st_only,
img.tt_only{
	display: none;
}

}





/*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){

}