/* 088 */ #main_image { background-color: #ffffff ;} #head_wrap { font-size: 112.5%; } #head_wrap .text { padding: 52px 0 55px; } #head_wrap .text p{ margin-bottom: 0;line-height: 1.94443; } #head_wrap .text p .text_notice { font-size: 77.78%;font-weight: bold;padding: 14px 25px;margin-bottom: 27px;line-height: 1.5; } #column_wrap .bg_wrap { background-color: #f6f5ef; } #column_wrap .bg_wrap .border_title span img { background-color: #f6f5ef; } #column_wrap .border_title span img{ padding: 0 0; } #column_wrap .border_title+.text { margin-bottom: 32px; } #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.74999em; } #column_wrap .normal_text+.normal_text { margin-top: 27px; } #column_wrap .column + .column { margin-top: 30px; } #column_wrap #section_02 .column + .column {margin-top: 54px;} #column_wrap .column + .normal_text { margin-top: 45px; } #column_wrap .normal_text + .column { margin-top: 27px; } #column_wrap .subsection { margin-top: 38px; } #column_wrap .border_title{ margin-bottom: 40px; } #column_wrap .img{padding-top: 0.4em;} #column_wrap #section_01 .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{ margin-bottom: 30px; } #column_wrap #section_02 .border_title{ margin-bottom: 35px; } #column_wrap #section_07 .border_title{margin-bottom: 30px;} #column_wrap #section_01,#column_wrap #section_02 { padding: 54px 0 100px; } #column_wrap #section_03 { padding: 51px 0 98px; } #column_wrap #section_04 { padding: 54px 0 98px; } #column_wrap #section_05 { padding: 54px 0 96px; } #column_wrap #section_06 { padding: 62px 0 96px; } #column_wrap #section_07 { padding: 68px 0 106px; } #column_wrap #section_01 .subsection { margin-top: 0; } #column_wrap #section_01 .subsection + .subsection { margin-top: 53px; } #column_wrap #section_02 .normal_text{line-height: 1.875;} #column_wrap #section_03 .normal_text{line-height: 1.875;} #column_wrap #section_03 .column + .normal_text{margin-top: 48px;} #column_wrap #section_04 .column + .normal_text{margin-top: 55px;} #column_wrap #section_04 .section_inner + .subsection{margin-top: 31px;} #column_wrap #section_03 .normal_text + .column{margin-top: 23px;} #column_wrap .border_title:after { top: 70%; background-color:#c5c4bf;} #column_wrap #section_01 .border_title:after { top: 74%; } #column_wrap #section_02 .subsection + .normal_text{ margin-top: 53px; } #column_wrap .column .image_caption { text-align: center; margin-top: 6px; } #profile_wrap { padding: 56px 0 5px; } #column_wrap #section_03 .column +.column { margin-top: 42px; } #column_wrap #section_03 .subsection{margin-top: 28px;} #profile_wrap .container { background-color: #f0efed;display: flex;align-items: top;align-items: center; } #profile_wrap .profile_img { float: left; width: 33.902%;} #profile_wrap .profile_img img { width: 100%; vertical-align: bottom; } #profile_wrap .text .bold{ font-size: 89% } #profile_wrap .text_right{ width:66.098%; padding: 3.9% 5.12% 3.2% 5.12%;box-sizing: border-box; } #profile_wrap .text_right .inner{ padding-right: 8px; } #profile_wrap .text_right .inner a { color: #e28d07; font-size: 88%; } #profile_wrap .profile_text { margin-top: 1em !important;margin-bottom:0!important; line-height: 1.86em; color: #333; } #profile_wrap .profile_text+.profile_text { margin-top: 0.5em !important; } #profile_wrap .profile_text img{vertical-align: middle;} #profile_wrap .profile_title{ font-size: 112.5%;margin-bottom: 0.9em !important;line-height: 1.66666em; } #profile_wrap .profile_title small{ display: block;font-size: 88.89%;font-weight: bold;line-height: 1.5; } .release_date { font-size: 87.5%;margin-top: 30px; } #contents_wrap .return_corner_top { margin-top: 37px; } #column_wrap .subheadline {margin-bottom: 3px;font-size: 100%;font-weight: bold;} #column_wrap .section_inner + .section_inner{margin-top: 47px;} #profile_wrap .note_text{font-size: 75%;margin-bottom: 0 !important;} #column_wrap .border_title span img {padding: 0 10px;} #column_wrap .section_inner + .subsection{margin-top: 58px;} #column_wrap #section_04 .section_inner + .subsection{margin-top: 27px;} #column_wrap #section_05 .section_inner + .subsection{margin-top: 40px;} #column_wrap #section_06 .section_inner + .subsection{margin-top: 38px;} #column_wrap #section_07 .section_inner + .subsection{margin-top: 31px;} #column_wrap #section_05 .column + .column { margin-top: 52px; } #column_wrap #section_06 .column + .column { margin-top: 54px; } #column_wrap #section_07 .column + .column { margin-top: 54px; } #column_wrap #section_07 .section_inner + .section_inner { margin-top: 38px; } #profile_wrap .note_text + .profile_text{margin-top: 0.5em !important;letter-spacing: 0.04em;} #contents_wrap .return_ctop_btn{margin-top: 88px;} .note_area { margin-top: 30px; } .note_area .note { position: relative; padding-left: 1em; font-size: 88%; line-height: 1.71em; } .note_area .note .indent { position: absolute; left: 0; } @media only screen and (min-width: 768px) and (max-width: 1200px){ #main_image img {width: 123.4%;margin-left: -11.8%;left: 0;} } @media only screen and (max-width: 767px) { /*088*/ #footer_button_area .container { margin-top: 35px; } #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; } #head_wrap .text p .text_notice{ font-size: 81.286%;padding: 3px 4px;margin-bottom: 15px; } #column_wrap .border_title span img{ padding: 0 10px; } #column_wrap .normal_text+.normal_text { margin-top: 1.5em; } #column_wrap .img{padding-top: 0;} #column_wrap #section_02 .subsection + .normal_text{ margin-top: 1.5em; } #column_wrap #section_03 .column +.column{ margin-top: 1.5em; } #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, #column_wrap #section_02, #column_wrap #section_03, #column_wrap #section_04, #column_wrap #section_05, #column_wrap #section_06, #column_wrap #section_07 { padding: 30px 0 45px; } #column_wrap #section_02 .img{padding-top: 0;} #column_wrap #section_03 .normal_text + .column{margin-top: 1.5em;} #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{ 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 #section_01 .border_title:after { top: 74%; } #column_wrap #section_02 .border_title:after { top: 75%; } #column_wrap #section_03 .border_title:after { top: 76%; } #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%; } #column_wrap .subheadline{margin-bottom: 10px;line-height: 1.35em;} #column_wrap .section_inner + .section_inner{margin-top: 1.5em;} #column_wrap #section_01 .subsection + .subsection{margin-top: 1.5em;} #column_wrap #section_02 .column + .column{margin-top: 1.5em;} #column_wrap #section_03 .subsection{margin-top: 1.5em;} #column_wrap #section_03 .normal_text{margin-top:0;} #column_wrap #section_03 .column + .normal_text{margin-top: 1.5em;} #column_wrap #section_04 .column + .normal_text{margin-top: 1.5em;} #column_wrap #section_04 .section_inner + .subsection,#column_wrap #section_05 .section_inner + .subsection,#column_wrap #section_06 .section_inner + .subsection,#column_wrap #section_07 .section_inner + .subsection{margin-top: 1.5em;} #column_wrap #section_05 .column + .column,#column_wrap #section_06 .column + .column,#column_wrap #section_07 .column + .column{margin-top: 1.5em;} #column_wrap #section_07 .section_inner + .section_inner{margin-top: 1.5em;} #profile_wrap .profile_title{margin-bottom: 0 !important;} #profile_wrap .profile_text{margin-top: 0.8em !important;} #profile_wrap .note_text + .profile_text{margin-top: 1.1em !important;} #column_wrap .section_inner + .subsection{margin-top: 1.5em;} #contents_wrap .return_ctop_btn{margin-top: 40px;} #profile_wrap .text_right .inner a{font-size: 100%;} .note_area{margin-top: 1.5em;} } @media only screen and (max-width: 320px) { /*088*/ #column_wrap .border_title span img{width:calc(100% - 20px);height:auto;} }