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

/*-------------------------------------------------------------
 *
 *					style_information.css
 *
 *-------------------------------------------------------------*/

.commonH4                           { margin-top: 120px; }
.commonH4 + p                       { max-width: 1000px; margin: 36px auto 0; }

.infoSection a                  { text-decoration: underline; }
.infoSection a:hover            { text-decoration: none; }

/* tab */
.tabArea .tab					{ max-width: 100%; }

.tabMenu						{ border-bottom: 1px solid #a98667; }
.tabMenu li						{ color: #a98667; width: calc(100% / 6); padding:24px 0;  border-style: solid; border-color:  #a98667; border-width: 1px 0 0 1px; text-align:center; font-size:94%; box-sizing: border-box; cursor: pointer; font-weight: bold; line-height: 1.2; display: flex; align-items: center; justify-content: center; max-height: 70px; }
.tabMenu li:last-child			{ border-width: 1px 1px 0 1px; }
.tabMenu li:hover				{ background: #f2f2f2; }
.tabMenu li.open				{ background-color: #a98667; color: #fff;  }
.tabMenu li:hover		        { background: #a98667; color: #fff; }

.tabContents					{ margin-top: -56px; }
.tabContents.close				{ display:none; }

/* tab 補足 */
.resp-tab-content,
.div-accordion 					{ display: none; }
.resp-tab-active				{ font-weight: bold; border-bottom: 1px solid #fff!important; }
.tabMenu li.resp-tab-active:hover { background-color: #fff; }
.resp-content-active, 
.resp-accordion-active 			    { display: block; }

.infoTable                          { margin: 40px 0; }
.infoTable table                    { border-spacing: 0; border-collapse: collapse; width: 100%; border-bottom: 1px solid #adb2b5; }
.infoTable tr > *					{ padding: 18px; box-sizing:border-box; vertical-align: top; text-align:left; }
.infoTable tr					    { border-top: 1px solid #adb2b5; }
.infoTable th						{ width:270px; background-color: #f1ece6; }
.infoTable td						{ padding-left: 35px; }

/* selection-flow */
.selection-flow img                 { max-width: 100%; margin: 0 auto; }

@media screen and ( max-width:1200px ) {



}

@media screen and ( max-width:767px ) {

    .commonH4 + p                       { margin: 25px auto 0; }

    /* tab */
    .tabMenu li                         { width: calc(100% / 3); padding: 13px 0; max-height: 45px; }
    .tabMenu li:nth-child(3n)           { border-width: 1px 1px 0 1px; }

    .infoTable tr						{ display:block;list-style:none; }
	.infoTable th						{ display:list-item; padding:8px 18px; width: 100%; }
	.infoTable td						{ display:list-item; padding:20px 0; }
    

}


@media screen and ( max-width:500px ) {


}