@charset "utf-8";

body {
	text-align:left;
	margin:	0 auto;
	color: #111111;
	background: #FFFFFF;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	word-wrap: break-word;     /* 1行に収まりきらない場合に限って単語の途中でも折り返す */
	overflow-wrap: break-word; /* 1行に収まりきらない場合に限って単語の途中でも折り返す */
}

.h1 { height: 1px; }
.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h50 { height: 50px; }

.fs16 { font-size: 18px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs26 { font-size: 26px; }
.fs28 { font-size: 28px; }
.fs30 { font-size: 30px; }

.small {
	font-size: 13px;
	line-height: 170%;
}
.mini {
	font-size: 12px;
	line-height: 160%;
}
.blue {
	color: #0192bf;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
	width: 100%;
}

td {
	text-align: left;
	vertical-align: top;
	font-size: 15px;
}
a {
	color: #a68d67;
}
a:hover {
	color: #a68d67;
	text-decoration: underline;
}
#pagetop {
	text-align:center;
}
#pagetop2 {
	text-align:right;
}


/* 確認画面
-----------------------------------------------------*/

h4 {
	font-size: 25px;
	margin-bottom: 10px;
	color: #ef9296;
}

/* 共通スタイル
-----------------------------------------------------*/
#header li,#catch,
#globalMenu,#footer,
#contents {
	text-indent: -9999px;
	font-size: 0.1px;
	line-height: 0;
	/* overflow: hidden; */
}

#contents_member {
	background:#f9f4ee;
}

/* PC
----------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1920px) {
  #for_PC {
    display: inherit;
  }
  #for_Phone {
    display: none;
  }

#wrapper {
	width:	100%;
	text-align: left;
	margin:	0 auto;
	color: #111111;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
}

#wrapper_inner {
	width:	1000px;
	text-align: left;
	margin:	0 auto;
	margin-top: 10px;
	color: #644739;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 15px;
	line-height: 200%;
}

#footer {
	background: #0192bf;
	width:	100%;
	height:	230px;
	color: #FFFFFF;
	margin-top: 30px;
	font-size: 15px;
}
#footer:after {
	content: "";
	display: block;
	clear: both;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/* 2つの枠を均等を横に並べる設定 */

.footer01 {
	float: left;
	width: 460px;
	font-size: 15px;
	line-height: 200%;
	padding-top: 30px;
	padding-left: 40px;
}

.footer02 {
	float: left;
	width: 460px;
	font-size: 15px;
	line-height: 200%;
	color: #FFFFFF;
	text-align: right;
	padding-top: 20px;
	padding-right: 40px;
}

.footer02 a {
	text-decoration: none;
}

.footer02 a:hover {
	text-decoration: none;
}


.footer_copy {
	width:500px;
	text-align: right;
	font-size: 14px;
	color: #FFFFFF;
}

/* ヘッダー(PC)
----------------------------*/
#header {
	margin-top: 0px;
	width:	100%;
	zoom: 1;
	height:	465px;
	background: url('../images/top/back_topimage.gif') repeat-x;
	text-align: center;
}

#header_inner {
	margin: 0 auto;
	width:	1000px;
}

#header_under {
	margin-top: 0px;
	width:	100%;
	zoom: 1;
	height:	299px;
	background: url('../images/common/back_mainimage.gif') repeat-x;
	text-align: center;
}

#header_under_inner {
	margin: 0 auto;
	width:	1000px;
}

.pan {
	padding-left:40px;
	padding-top:50px;
	color: #644739;
	font-size: 14px;
}

td {
	text-align:	left;
}
.page_title_logo {
	width: 0px;
}
.page_title {
	text-align: left;
	padding-left: 20px;
	padding-top: 15px;
	font-size:16px;
	height: 74px;
	border-bottom: solid 1px #a59a93;
	width: 760px;
}
.page_title_php {
	text-align: left;
	padding-left: 20px;
	padding-top: 15px;
	font-size:16px;
	height: 59px;
	border-bottom: solid 1px #a59a93;
	width: 760px;
}
.page_title_inner {
	padding-top: 26px;
	padding-left: 35px;
	font-size:20px;
	color:#0f2b57;
	font-weight: bold;
}

.clear { 
	clear: both;
	visibility: hidden;
	height: 0;
}

/* トップページ(PC)
----------------------------*/

.topics {
	background: #fffef7;
	border: solid 2px #e0d8c6;
	height: 410px;
	text-align: center;

}
.topics_inner {
	padding: 30px; 
	color: #40220f;
	font-size: 15px;
}

/* タイトル(PC)
----------------------------*/

.back_title { 
	width: 1000px;
	height: 102px;
	background: url('../images/common/back_title.gif');
}
.back_title_inner {
	padding-left: 46px;
	padding-top: 30px; 
	color: #40220f;
	font-size: 25px;
}

/* 流れ(PC)
----------------------------*/

.back_flow1 { 
	width: 1000px;
	height: 224px;
	background: url('../images/flow/back_flow1.gif');
}
.back_flow2 { 
	width: 1000px;
	height: 224px;
	background: url('../images/flow/back_flow2.gif');
}
.back_flow3{ 
	width: 1000px;
	height: 224px;
	background: url('../images/flow/back_flow3.gif');
}
.back_flow4 { 
	width: 1000px;
	height: 224px;
	background: url('../images/flow/back_flow4.gif');
}
.back_flow_inner {
	margin-left: 320px;
	margin-right: 360px;
	padding-top: 25px;
	color: #333333;
	font-size: 16px;
	line-height: 200%;
}

/* 会社概要(PC)
----------------------------*/

/* 2つの枠を横に並べる設定 */

.waku_corp {
	width:1000px;
	padding: 0px;
	margin-bottom: 20px;
}

.waku_corp:after {
	content: "";
	display: block;
	clear: both;
}
.waku_corp_mid {
	float: left;
	width: 130px;
	margin-right: 20px;
	font-size: 17px;
	color: #fe9d20;
	border-bottom: solid 1px #fe9d20;
	padding-bottom: 10px;
}

.waku_corp_cont {
	float: left;
	width: 800px;
	font-size: 17px;
	vertical-align: top;
	border-bottom: dotted 1px #AAA;
	padding-bottom: 10px;	
}

/* 求人情報(PC)
----------------------------*/

.offer { 
	background: #f2f0e6;
	width: 1000px;
	margin-left: 0;
	margin-right: 0;
}
.offer:after {
	content: "";
	display: block;
	clear: both;
}

.offer_mid {
	width: 940px;
	margin: 0 auto;
}
.offer_mid:after {
	content: "";
	display: block;
	clear: both;
}
.offer_inner {
	width: 940px;
	margin:	0 auto;
	text-align: left;
	font-size: 16px;
	line-height: 200%;
	padding-top: 5px;
	background: #f2f0e6;
}
/* offer_number, offer_titleを横に並べる設定 */
/* offer_kmid, offer_kcontを横に並べる設定 */

.offer_number {
	float: left;
	width: 120px;
	padding: 7px 20px 7px 20px;
	background: #ffffff;
	font-size: 15px;
}
.offer_title {
	float: left;
	width: 730px;
	padding: 7px 20px 7px 20px;
	background: #fe9d20;
	font-size: 18px;
}
.offer_kmid1 {
	float: left;
	width: 20%;
	padding: 20px 0px 0px 0px;
	margin: 7px 0px;
	font-size: 16px;
	color: #f78d05;
}
.offer_kcont1 {
	float: left;
	width: 80%;
	padding: 20px 0px 0px 0px;
	margin: 7px 0px;
	font-size: 16px;
}
.offer_kmid {
	float: left;
	width: 20%;
	padding: 7px 0px 0px 0px;
	margin: 7px 0px;
	font-size: 16px;
	color: #f78d05;
}
.offer_kcont {
	float: left;
	width: 80%;
	padding: 7px 0px 0px 0px;
	margin: 10px 0px;
	font-size: 16px;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

/* 協会員専用(PC)
----------------------------*/

/* 2つの枠を均等を横に並べる設定 */

.waku_900 {
	width:900px;
	padding: 0px;
}

.waku_900:after {
	content: "";
	display: block;
	clear: both;
}
.waku_620 {
	float: left;
	width: 620px;
	margin-right: 60px;
	font-size: 15px;
}

.waku_220 {
	float: left;
	width: 220px;
	text-align: right;
	font-size: 15px;
	vertical-align: top;	
}

}
/* モバイル
----------------------------------------------------------*/

@media screen and (max-width: 767px) {
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    word-wrap:break-all;
}
  #for_PC {
    display: none;
  }
  #for_Phone {
    display: inherit;
  }
	
img[usemap]{
  max-width: 100%;
  height: auto;
}
	
#Top {
	width:	100%;
	text-align:	center;
	margin: 0 auto;
}

#wrapper {
	width:	100%;
	text-align: left;
	margin:	0 auto;
	color: #111111;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 16px;
	line-height: 200%;
}

#wrapper_inner {
	width:	90%;
	text-align: left;
	margin:	0 auto;
	margin-top: 0px;
	color: #111111;
	font-family: "Sawarabi Gothic", sans-serif;
	font-size: 16px;
	line-height: 200%;
}	

#pagetop2{
            position:fixed;
            right: 10px;
            bottom: 10px;
            cursor:pointer;
        }

#pagetop2:hover {
	opacity: 0.8;
}

#for_Phone img	{
	margin-bottom: 0px;
}

#footer {
	padding-top: 15px;
	background: #0192bf;
	width:	100%;
	height:	140px;
	margin-bottom: 90px;
}
#footer_inner {
	width:	95%;
	text-align: center;
	margin: 15px;
	color: #eee9e6;
	font-size: 13px;
}
#footer_inner a {
	color: #eee9e6;
}
#footer_inner a:hover {
	color: #eee9e6;
	text-decoration: underline;
}
.footer_copy {
	width:	95%;
	text-align: center;
	font-size: 13px;
	line-height: 160%;
}
	
/* header（スマホ） 
---------------------------------*/
	
.phone_head {
	width:100%;
	padding: 0px;
}
	
.phone_head_member {
	width:100%;
	padding: 0px;
	background: #644739;
}

.phone_head:after {
	content: "";
	display: block;
	clear: both;
}
.phone_head_01 {
	float: left;
	width: 85%;
	font-size: 15px;
}

.phone_head_02 {
	float: left;
	width: 10%;
	text-align: right;
	margin-right: 10px;	
}
	
.phone_head_01_member {
	float: left;
	width: 100%;
	font-size: 15px;
}
	
.phone_head_02_member {
	float: left;
	width: 0%;
	text-align: right;
	margin-right: 0px;
	background: #644739;
}
	
.pan {
	padding-left:20px;
	padding-top:50px;
	color: #644739;
	font-size: 14px;
}
	
.ul_open_h,
.ul_open_v{
    background: #0192bf;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    list-style: none;
    position: fixed;
    top: 0;
    z-index:100;
    text-align:　cetner;
}

.ul_open_h { 
    height: 100%;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .25s ease-in-out;
    overflow-y: scroll;
    padding: 5px;
    text-align: left;
}

.ul_open_h {
    padding: 15px 20px 15px 0px;
    width: 60%;
    font-size:15px;
    color: #ffffff;
    line-height:200%;
    display: inline;
    text-align: left;
}
.ul_open_h a{
	color: #ffffff;
}

.ul_open_h:after {
	content: "";
	display: block;
	clear: both;
}

.ul_open_h ul {
	list-style-type: none;
	margin-bottom: 7px;
}

.ul_open_h li {
	font-size: 10px;
	color: #ffffff;
	display: inline;
	display: inline-block;
	margin-bottom: 10px;
}
.menu1 {
	width: 20%;
	float: left;
	font-size: 16px;
	margin-bottom: 6px;
	vertical-align: top;
}
.menu2 {
	width: 80%;
	float: left;
	font-size: 16px;
	margin-bottom: 6px;
	vertical-align: top;
	text-align: left;
}
	
.menu2 a {
	font-size: 16px;
	margin-bottom: 6px;
	vertical-align: top;
	text-decoration: none;
}

.menu_line{
    border-top: solid thin #8a756a;
    padding: 20px 30px 10px 30px;
    width: 80%;
    text-align:left;
    line-height:170%;
    position:relative;
    z-index:1000;
}
.btn{
    width: 50px;
    height: 50px;
    position: absolute;
    right :15px;
    top: 7px;
    background: #fff;
	z-index:500;
}
.btn:before,
.btn:after,
.btn span{
    display: block;
    width: 80%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.btn span{
    height: 3px;
    background-color: #000;
    top: calc(50% - 1.5px);
}

.btn:before{
    content: "";
    top: calc(25% - 3px);
    border-top: 3px solid #000;
}
.btn:after{
    content: "";
    bottom: calc(25% - 3px);
    border-bottom: 3px solid #000;
}
.btn.on span{
    display: none;
}

.btn.on:before{
    top: calc(50% - 1.5px);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.btn.on:after{
    bottom: calc(50% - 1.5px);
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}

.btnlink{
    width: 90%;
    display: block;
    margin: auto;
    border: 1px solid #0060ff;
    border-radius: 5px;
    background: #4285F4;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 35px;
    color: #fff;
}
.linkbox a{
    text-decoration: none;
}

.open-1{
    right : -100%;
}
.open-1.active{
    right : 0px;
}

.move-1.on.btn{
    position: fixed;
    right: 25px;
    top: 10px;
}

td {
	text-align:	left;
}

.page_title {
	text-align: left;
	padding-left: 0px;
	padding-top: 15px;
	font-size:16px;
	height: 74px;
	border-bottom: solid 1px #a59a93;
	width: 100%;
}

.page_title_logo {
	width: 0px;
}
.page_title_php {
	text-align: left;
	padding-left: 0px;
	padding-top: 15px;
	font-size:16px;
	height: 74px;
	border-bottom: solid 1px #a59a93;
	width: 100%;
}

/* ubtn1,ubtn2を横に並べる設定 */

.ubtn {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	display: block;
	background: #0192bf;
}

.ubtn {
	width:100%;
	padding: 0px;
}

.ubtn:after {
	content: "";
	display: block;
	clear: both;
}
.ubtn1 {
	float: left;
	width: 41%;
	text-align: left;
}
.ubtn2 {
	float: left;
	width: 41%;
	text-align: left;
	background: #0192bf;
}
.ubtn3 {
	float: left;
	width: 18%;
	text-align: left;
	background: #0192bf;
}
	
/* トップページ(スマホ)
----------------------------*/

.topics {
	background: #fffef7;
	border: solid 2px #e0d8c6;
	height: 90%;
	text-align: center;

}
.topics_inner {
	padding: 20px; 
	color: #40220f;
	font-size: 15px;
}
	
/* タブ切り替え(スマホ)
-------------------*/

.tabs {
  margin-top: 30px;
  padding-bottom: 40px;
  background-color: #fffef7;
  width: 100%;
  position: relative;
  margin: 0 auto;
}

/*タブのスタイル*/
.tab_item0 {
  width: 0%;
  height: auto;
  display: block;
  float: left;
  transition: all 0.2s ease;
}
.tab_item {
  width: 50%;
  height: 44px;
  background: url('../images/phone/tab_topics1_off.gif');
  vertical-align:middle;
  text-align: center;
  color: #333333;
  display: inline-block;
  float: left;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.80;
}
.tab_item2 {
  width: 50%;
  height: 44px;
  background: url('../images/phone/tab_topics2_off.gif');
  vertical-align:middle;
  text-align: center;
  color: #333333;
  display: inline-block;
  float: left;
  transition: all 0.2s ease;
}
.tab_item2:hover {
  opacity: 0.80;
}
.tab_item3 {
  width: 0%;
  height: auto;
  display: block;
  float: left;
  transition: all 0.2s ease;
}

/*ラジオボタンを全て消す*/
input[name="tab_item0"] {
  display: none;
}
input[name="tab_item"] {
  display: none;
}
input[name="tab_item2"] {
  display: none;
}
input[name="tab_item3"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
  text-align: left;
  font-size: 16px;
}

/*選択されているタブのコンテンツのみを表示*/
#english:checked ~ #english_content,
#japanese:checked ~ #japanese_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/

.tabs input:checked + .tab_item {
  background: url('../images/phone/tab_topics1.gif');
  color: #fff;
}
.tabs input:checked + .tab_item2 {
  background: url('../images/phone/tab_topics2.gif');
  color: #fff;
}
#contents1 {
  text-align: left;
  font-size: 16px;
  line-height: 170%;
	width:100%;
}
#contents2 {
  text-align: left;
  font-size: 16px;
  line-height: 170%;
	width:100%;
}
	
/* top_con1,top_con2を横に並べる設定 */

.top_con {
	width:100%;
	padding: 0px;
}

.top_con:after {
	content: "";
	display: block;
	clear: both;
}
.top_con2 {
	background: #644739;
	float: left;
	width: 100%;
	text-align: left;
}
.top_con2_inner {
	margin: 0 auto;
	margin: 20px;
	width: 90%;
	font-size: 14px;
	line-height: 200%;
	color: #FFFFFF;	
}
.top_con3 {
	width: 100%;
	text-align: right;
	font-size: 13px;
	line-height: 200%;
	color: #FFFFFF;	
}


/* タイトル(スマホ)
----------------------------*/

.back_title { 
	width: 100%;
	height: 102px;
}
.back_title_inner {
	padding-top: 30px; 
	padding-bottom: 30px;
	color: #40220f;
	font-size: 25px;
	border-top: solid 1px #0192bf;
	border-bottom: solid 3px #fe9d20;
}

/* 流れ(スマホ)
----------------------------*/

.back_flow1 { 
	width: 100%;
}
.back_flow2 { 
	width: 100%;
}
.back_flow3{ 
	width: 100%;
}
.back_flow4 { 
	width: 100%;
}
.back_flow_inner {
	background: #f2f0e6;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	font-size: 16px;
	line-height: 200%;
}

/* 会社概要(スマホ)
----------------------------*/

/* 2つの枠を横に並べる設定 */

.waku_corp {
	width:100%;
	padding: 0px;
	margin-bottom: 20px;
}

.waku_corp:after {
	content: "";
	display: block;
	clear: both;
}
.waku_corp_mid {
	float: left;
	width: 100%;
	margin-right: 20px;
	font-size: 17px;
	color: #fe9d20;
	border-bottom: solid 1px #fe9d20;
	padding-bottom: 10px;
}

.waku_corp_cont {
	float: left;
	width: 100%;
	font-size: 17px;
	vertical-align: top;
	border-bottom: dotted 1px #AAA;
	padding-top: 10px;
	padding-bottom: 10px;	
}

/* 求人情報(スマホ)
----------------------------*/

.offer { 
	background: #f2f0e6;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.offer:after {
	content: "";
	display: block;
	clear: both;
}

.offer_mid {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.offer_mid:after {
	content: "";
	display: block;
	clear: both;
}
.offer_inner {
	width: 85%;
	margin:	0 auto;
	text-align: left;
	font-size: 16px;
	line-height: 200%;
	padding-top: 25px;
	background: #f2f0e6;
}


/* offer_number, offer_titleを横に並べる設定 */
/* offer_kmid, offer_kcontを横に並べる設定 */

.offer_number {
	float: left;
	width: 100%;
	padding: 7px 20px 7px 20px;
	background: #ffffff;
	font-size: 15px;
}
.offer_title {
	float: left;
	width: 100%;
	padding: 7px 20px 7px 20px;
	background: #fe9d20;
	font-size: 18px;
}
.offer_kmid1 {
	float: left;
	width: 30%;
	padding: 20px 0px 0px 0px;
	margin: 7px 0px;
	font-size: 16px;
	color: #f78d05;
}
.offer_kcont1 {
	float: left;
	width: 70%;
	padding: 20px 0px 0px 0px;
	margin: 7px 0px;
	font-size: 16px;
}
.offer_kmid {
	float: left;
	width: 30%;
	padding: 7px 0px 0px 0px;
	margin: 7px 0px;
	font-size: 16px;
	color: #f78d05;
}
.offer_kcont {
	float: left;
	width: 70%;
	padding: 7px 0px 0px 0px;
	margin: 10px 0px;
	font-size: 16px;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

/* abtn1,abtn2を横に並べる設定 */

.abtn {
  width: 100%;
  height: auto;
  text-align: center;
  line-height: 44px;
  display: block;
}

.abtn {
	width:100%;
	padding: 0px;
}

.abtn:after {
	content: "";
	display: block;
	clear: both;
}
.abtn1 {
	float: left;
	width: 50%;
	text-align: left;
}
.abtn2 {
	float: left;
	width: 50%;
	text-align: left;
}
	
}

/* プライバシー同意部分 */
.privacy {
  width: 100%;
  text-align: center;
}
.privacyAgreement{
  margin: 20px 0 25px 0;
  text-align: center;
}
.privacyAgreement p.intro{
    text-align: left;
}
.privacyAgreement .include{
    width: 100%;
    height: 300px;
    margin: 15px 0;
    overflow-y: scroll;
    border: solid 1px #e9e9e9;
}
.privacyAgreement .include .wrapper{
      padding: 15px 25px;
      text-align: left;
}
.privacyAgreement .include .wrapper p{
        margin: 1em 0 0 1.8em;
}
.privacyAgreement .include .wrapper h2{
        font-size: 18px;
        text-align: center;
        margin-top: 1em;
       padding-bottom: 1em;
        }
.privacyAgreement .include .wrapper h3{
        margin-top: 1.5em;
        padding-top: 1.5em;
        border-top: 1px solid #e9e9e9;
        }
.privacyAgreement .include .wrapper h4{
        margin-top: 1em;
        margin-left: 1.8em;
        }
.privacyAgreement .include .wrapper h5{
        margin-left: 2em;
        font-weight: normal;
        }
.privacyAgreement .include .wrapper h6{
        margin-top: 0.5em;
        margin-left: 1.8em;
        }
.privacyAgreement .include .wrapper table{
      margin-bottom: 2em;
        margin-left: 1.8em;
      }
.privacyAgreement .include .wrapper table tr th,
.privacyAgreement .include .wrapper table tr td{
        padding: 5px 10px;
        font-size: 12px;
        border: solid 1px #e9e9e9;
        }
.privacyAgreement .include .wrapper table tr th{
        width: 100px;
      }

.privacyAgreement label{
    display: inline-block;
    padding: 0 5px;
    margin: 15px;
    }
.privacyAgreement button{
    margin: 25px 0;
    }
@media screen and (max-width: 767px){
.inner table{
  display: block;
  }
.inner table tbody{
    display: block;
    width: 100%;
    }
.inner table tbody tr{
    display: block;
    width: 100%;
    }
.inner table tbody tr th,
.inner table tbody tr td{
      display: block;
      width: 100%;
      font-size: 12px;
      }
.inner table tbody tr th{
        padding: 20px 10px 0px 10px;
        }
.inner table tbody tr th small{
          font-size: 9px;
          }
.inner table tbody tr td{
      padding: 10px;
      }
/* プライバシー同意部分 */
.privacyAgreement .include{
  height: 250px;
  }
.privacyAgreement .include .wrapper{
    padding: 20px;
    }
}