/* 098 */ #main_image { background-color: #ffffff ;} #main_image img { margin-left: -800px; } #head_wrap { font-size: 112.5%; } #head_wrap .text { padding: 52px 0 55px; } #head_wrap .text p{margin-bottom: 0;line-height: 1.94443;} #column_wrap .bg_wrap { background-color: #f6f5ee; } #column_wrap .bg_wrap .border_title span img { background-color: #f6f5ee; } #column_wrap .border_title span img{ padding: 0; } #column_wrap .text { text-align: left; } #column_wrap .column .text_left,#column_wrap .column .text_right,#column_wrap .column .img_left,#column_wrap .column .img_right{ width: 48.2964224872232%; } #column_wrap .text_left p, #column_wrap .text_right p, #column_wrap .normal_text{ line-height: 1.875em; } #column_wrap .normal_text+.normal_text { margin-top: 29px; } #column_wrap .column + .column { margin-top: 30px; } #column_wrap .column + .normal_text { margin-top: 60px; } #column_wrap .normal_text + .column { margin-top: 27px; } #column_wrap .subsection .normal_text{ margin-bottom:0; } #column_wrap #section_02 .subsection,#column_wrap #section_04 .subsection{ margin-top: 0; } #column_wrap .subsection { margin-top: 38px; } #column_wrap .border_title{ margin-bottom: 40px; } #column_wrap #section_01 .img{padding-top: 5px;} #column_wrap .img{padding-top: 0.5em;} #column_wrap #section_01 .border_title{ margin-bottom: 35px; } #column_wrap #section_02 .border_title{ margin-bottom: 32px; } #column_wrap #section_03 .border_title{ margin-bottom: 33px; } #column_wrap #section_04 .border_title{ margin-bottom: 32px; } #column_wrap #section_05 .border_title{ margin-bottom: 32px; } #column_wrap #section_06 .border_title{ margin-bottom: 33px; } #column_wrap #section_07 .border_title{ margin-bottom: 32px; } #column_wrap #section_08 .border_title{ margin-bottom: 32px; } #column_wrap #section_01 { padding: 50px 0 96px; } #column_wrap #section_02 { padding: 80px 0 120px; } #column_wrap #section_03 { padding: 84px 0 120px; } #column_wrap #section_04 {padding: 65px 0 120px;} #column_wrap #section_05 {padding: 82px 0 120px;} #column_wrap #section_06 {padding: 65px 0 120px;} #column_wrap #section_07 {padding: 82px 0 120px;} #column_wrap #section_08 {padding: 70px 0 0;} #column_wrap #section_01 .subsection, #column_wrap #section_03 .subsection, #column_wrap #section_05 .subsection { margin-top: 0; } #column_wrap .border_title:after { top: 72%; background-color:#c5c4bf;} #column_wrap #section_03 .border_title:after { top: 75%; } #profile_wrap { padding: 36px 0 5px; } #profile_wrap .container { background-color: #f0efed;display: flex;align-items: center; } #profile_wrap .profile_img { float: left; width: 43.48%;} #profile_wrap .profile_img img { width: 100%; vertical-align: bottom; } #profile_wrap .text .bold{ font-size: 100% } #profile_wrap .text_right{ width:61.956%; padding: 0 5.12% 1% 4.5%;box-sizing: border-box; } #profile_wrap .text_right .inner a { color: #515fe9; } #profile_wrap .profile_text { margin-top: 1em !important;margin-bottom:0!important; color: #333; } #profile_wrap .profile_text:nth-of-type(3){ margin-top: 1.1em !important;letter-spacing: 0.01em; } #profile_wrap .profile_text{ margin-top: 0.5em !important; } #profile_wrap .profile_text img{vertical-align: middle;} #profile_wrap .profile_title{ font-size: 112.5%;margin-top: -15px;margin-bottom: 0 !important;line-height: 1.66666em!important; } #profile_wrap .profile_title+.profile_text{ margin-top: 0 !important } #profile_wrap .profile_title small{ display: block;font-size: 88.89%;font-weight: bold;line-height: 1.5; } .release_date { font-size: 100%;margin-top: 86px; } #contents_wrap .return_ctop_btn{margin-top: 178px;} #column_wrap .caption img{width: 16px;vertical-align: middle;padding-left: 3px;} #column_wrap .caption a{color: #9e4533;} #column_wrap .caption{font-size: 0.875em;letter-spacing: -0.013em;padding-top: 18px;line-height: 1.8;} #column_wrap .caption + .caption{padding-top: 0;} #column_wrap .caption + .caption span{margin-left: -7px;} .black_icon span { display: inline-block; background: url(../img/097/icon_blank.png) no-repeat right center; background-size: 14px 13px; padding-right: 20px; } #column_wrap #section_03 .single_img { max-width: 1174px; text-align: center; margin: 36px auto 0; } #column_wrap #section_03 .single_img img { width: 100%; vertical-align: bottom; } #column_wrap .table_area table {width: 100%;border-collapse: collapse;border-top: 1px solid #bfbfbf;border-left: 1px solid #bfbfbf;;box-sizing: border-box;margin-top: 40px;} #column_wrap .table_area table th {width: 22.1653%;background:#f2f2f2;font-weight: bold;padding: 2.2998% 2.8109% 2.5522%;} #column_wrap .table_area table td {width:75.617%;padding: 2.2998% 2.7157% 2.5553% 2.3850%;background-color: #fff;line-height: 1.75;} #column_wrap .table_area table th,td {border-right: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;} #column_wrap .table_area + .column {margin-top: 40px;} #column_wrap .note { font-size: 87.5%; position: relative; padding-left: 1em; line-height: 1.71em; display: inline-block; } #column_wrap .note .indent { position: absolute; left: 0; top: 0; } @media only screen and (min-width: 768px) and (max-width: 1200px){ #main_image img {width: 135%;margin-left: -16.8%;left: 0;} #profile_wrap .text_right{ padding: 3.5% 5.12% 3.2% 4.5%; } } @media only screen and (max-width: 767px) { /*098*/ #footer_button_area .container { margin-top: 35px; } #main_image img { margin-left: 0; } #contents_wrap { margin-bottom: 45px; } #contents_wrap .text { line-height: 1.85714; } #head_wrap .text { padding: 50px 20px 40px; line-height: 1.5; } #head_wrap .text p { margin-bottom: 0; text-align: center;line-height: 1.5; } #column_wrap .border_title:after{top: 80%;} #column_wrap .normal_text+.normal_text { margin-top: 1.5em; } #column_wrap #section_01 .normal_text+.normal_text{ margin-bottom: 1.5em; } #column_wrap #section_03 .subsection .normal_text{ margin-bottom: 1.5em; } #column_wrap .border_title span img{ padding: 0 5px; } #column_wrap .subsection { margin-top: 1.5em; } #column_wrap .text_right { width: auto; } #column_wrap .column .text_left,#column_wrap .column .text_right,#column_wrap .column .img_left,#column_wrap .column .img_right{ width: 100%; } #column_wrap .column .img_right+.text_left, #column_wrap .column .text_left+.img_right, #column_wrap .column .img_left+.text_right, #column_wrap .column .img_left+.img_right { margin-top: 1.5em; } #column_wrap .column + .column { margin-top: 1.5em; } #column_wrap .text_left p, #column_wrap .text_right p { margin-bottom: 0; } #column_wrap #section_01{ padding: 35px 0 52px; } #column_wrap #section_02{ padding: 43px 0 46px; } #column_wrap #section_03{ padding: 34px 0 50px; } #column_wrap #section_04 {padding: 42px 0 50px;} #column_wrap #section_05 {padding: 34px 0 50px;} #column_wrap #section_06 {padding: 42px 0 50px;} #column_wrap #section_07 {padding: 34px 0 50px;} #column_wrap #section_08 {padding: 46px 0 0;} #column_wrap #section_01 .border_title,#column_wrap #section_02 .border_title,#column_wrap #section_03 .border_title,#column_wrap #section_04 .border_title,#column_wrap #section_05 .border_title,#column_wrap #section_06 .border_title,#column_wrap #section_07 .border_title,#column_wrap #section_08 .border_title{ margin-bottom: 25px; } #column_wrap .text_left p+p, #column_wrap .normal_text + .column, #column_wrap .column + .normal_text { margin-top: 1.5em; } #column_wrap .img{ padding-top: 0; } #column_wrap #section_01 .border_title:after { top: 78%; } #column_wrap #section_02 .border_title:after { top: 79%; } #column_wrap #section_03 .border_title:after { top: 80%; } #column_wrap #section_04 .border_title:after { top: 74%; } #column_wrap #section_05 .border_title:after { top: 76%; } #column_wrap .caption{font-size: 0.8572em;} #profile_wrap { padding-top: 38px; padding-bottom: 0; } #profile_wrap .container { display: block; padding: 32px 23px; } #profile_wrap .profile_img { float: none; text-align: center; width: auto; margin-bottom: 25px; padding: 0;} #profile_wrap .text .bold { font-size: 107.5%; } #profile_wrap .text_right { float: none; width: 100%; max-width: inherit; padding:0; text-align: left; } #profile_wrap .text_right .inner { padding: 0; } #profile_wrap .profile_text { font-size: 93%; } #profile_wrap .profile_img img { width: 100%; } .release_date { margin-top:20px;font-size: 85.7%; } #profile_wrap .profile_title{margin-top: 0;margin-bottom: 0 !important;} #profile_wrap .profile_text{margin-top: 0.8em !important;} #contents_wrap .return_ctop_btn{margin-top: 40px;} #profile_wrap .text_right .inner a{font-size: 100%;} #column_wrap #section_03 .single_img { margin-top: 15px; } #column_wrap .table_area table th{text-align: center;} #column_wrap .table_area table th,#column_wrap .table_area table td{ width: auto;display: block;font-size: 92.85%; } #column_wrap .table_area table th {padding: 14px 17px 12px;} #column_wrap .table_area table td {padding: 12px 17px 16px;line-height: 1.54;} #column_wrap .table_area table {padding: 14px 31px 17px;} } @media only screen and (max-width: 320px) { /*098*/ #column_wrap .border_title span img{width:calc(100% - 20px);height:auto;} }