@charset "utf-8";
/* CSS Document */

/*共通モジュール打消し*/
.hht-nc27-2-1 {
margin-top: 0 !important;
}
/*pc sp 切り替え*/
#reason .pc_only {
display: inline
}
#reason .sp_only {
display: none;
}
/*コンテンツ*/
#reason {
color: #2d2d2d;
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
}
#reason p {
line-height:1.6;
}
#reason .mainvisual {
height: 450px;
background: url(/assets/image/jp/ja/knowledge/analytical-systems/thermal-analysis/reason/reason_mv.jpg) center/cover no-repeat;
}
#reason .mainvisual h1 {
text-align: center;
font-size: 46px;
padding: 6px 0 0 20px;
}
#reason .mainvisual h1 span.deco {
position: relative;
bottom: 38px;
left: -2px;
}
#reason .mainvisual h1 span.big {
font-size: 70px;
}
#reason .main_wrapper {
background: url(/assets/image/jp/ja/knowledge/analytical-systems/thermal-analysis/reason/reason_bg_pc.png) repeat-y top center;
background-size: 100%;
overflow: hidden;
}
#reason .main_inner {
max-width: 1000px;
margin: 150px auto 110px;
}
#reason .sec {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px;
position: relative;
}
#reason .sec_reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#reason .sec .number {
font-size: 97px;
color:#5f6c8b;
position: absolute;
top: -93px;
}
#reason .sec .number {
right: 40px;
}
#reason .sec_reverse .number {
left: 40px;
}
#reason .sec .txt_right, .txt_left {
width: 60.2%;
max-width: 560px;
background-color: #fff;
}
#reason .sec .txt_right {
margin-left: -42px;
padding: 58px 46px 46px 88px;
}
#reason .sec .txt_left {
margin-right: -42px;
padding: 58px 88px 46px 46px;
}
#reason .sec h2 {
font-size: 31px;
padding-bottom: 10px;
line-height: 1.4;
font-weight: normal;
}
#reason .sp_only {
display: none;
}
#reason .sec .annotation {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
font-size: 13px;
color: #737373;
margin-top: 20px;
}
#reason .sec .annotation em {
display: block;
margin-right: 8px;
}
#reason .sec .img_right, .img_left {
width: 48%;
position: relative;
z-index: 10;
}
#reason .sec .img_right {
box-shadow: 8px 8px 20px 0 rgb(133 133 133 / 30%);
}
#reason .sec .img_left {
box-shadow: -8px 8px 20px 0 rgb(133 133 133 / 30%);
}
#reason .btn_2col {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
max-width: 540px;
margin: 0 auto;
}
#reason .btn {
margin: 0 auto 90px;
text-align: center;
}
#reason .btn + .btn {
margin-left: 58px;
}
#reason .btn a {
display: inline-block;
min-width: 240px;
color: #fff;
padding: 15px 53px 16px 22px;
background: #0135ac url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237%22%20height%3D%2224%22%20viewBox%3D%220%200%2037%2024%22%3E%3Crect%20width%3D%2237%22%20height%3D%2224%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M4%2C11.022l33.154-.028L31.568%2C5.409%2C32.987%2C4l7.993%2C7.993-7.993%2C7.993-1.409-1.409%2C5.575-5.585L4%2C13.02Z%22%20transform%3D%22translate(-3.977%200.006)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat right 10px top 50%;
-webkit-transition: background-position 0.25s ease;
transition: background-position 0.25s ease;
}
#reason .btn a:link,
#reason .btn a:visited {
text-decoration: none;
color: #fff;
}
#reason .btn a:hover {
text-decoration: none;
background-color: #012575;
background-position: right 6px top 50%;
}
#reason .btn_last .btn {
margin-bottom: 0;
}
#reason .voice {
margin-top: 110px;
}
@media (max-width: 1307px) {
/*共通モジュール打消し*/
.hht-wrap {
padding: 0 !important;
}
}
@media (max-width: 1032px) {
#reason .main_inner {
margin: 150px 16px 110px;
}
}
@media screen and (max-width:767px) {
/*共通モジュール打消し*/
#reason .mainvisual {
height: 175px;
background: url(/assets/image/jp/ja/knowledge/analytical-systems/thermal-analysis/reason/reason_mv_sp.png) center/cover no-repeat;
}
/*pc sp 切り替え*/
#reason .pc_only {
display: none;
}
#reason .sp_only {
display: inline;
}
/*コンテンツ*/
#reason {
font-size: 15px;
}
#reason .mainvisual h1 {
font-size: 23px;
padding: 10px 0 0 6px;
}
#reason .mainvisual h1 span.big {
font-size: 35px;
}
#reason .mainvisual h1 span.deco {
bottom: 22px;
left: -5px;
}
#reason .mainvisual h1 span.deco img {
width: 15px;
}
#reason .main_wrapper {
background: url(/assets/image/jp/ja/knowledge/analytical-systems/thermal-analysis/reason/reason_bg_sp.png) repeat-y top center;
background-size: 100%;
}
#reason .main_inner {
max-width: 315px;
margin: 52px auto 50px;
}
#reason .sec {
display: block;
margin-bottom: 0px;
}
#reason .sec .txt_right,
#reason .sec .txt_left {
width: 100%;
max-width: 315px;
margin: -20px 0 0 0;
padding: 35px 15px 18px;
}
#reason .sec h2 {
display: block;
font-size: 28px;
padding-bottom: 4px;
line-height: 1.8;
}
#reason .sec .annotation {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
font-size: 13px;
color: #737373;
margin-top: 6px;
}
#reason .sec .img_right, .img_left {
width: 100%;
max-width: 250px;
margin: 0 auto;
position: relative;
z-index: 10;
}
#reason .sec .img_right,
#reason .sec .img_left
{
box-shadow: 0 4px 10px 0 rgb(133 133 133 / 30%);
}
#reason .sec .number {
font-size: 50px;
top: -45px;
z-index: 15;
text-shadow: 0 0 3px #fff;
}
#reason .sec .number {
right: 42px;
}
#reason .sec_reverse .number {
left: 42px;
}
#reason .btn_2col {
display: block;
max-width: auto;
}
#reason .btn {
margin: 20px auto 70px;
text-align: center;
}
#reason .btn_2col .btn + .btn {
margin-left: 0;
}
#reason .btn_2col .btn:not(:last-child) {
margin-bottom: 0;
}
#reason .btn a {
min-width: 192px;
padding: 17px 53px 18px 22px;
}
#reason .voice {
margin-top: 50px;
}
}
@media screen and (max-width: 347px) {
#reason .main_inner {
margin : 52px 16px 50px;
}
}