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

body	{
	margin:0;
	font-family: "Hiragino Sans","Hiragino Kaku Gothic Pro","游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	position:relative;
	background-image: url("../images/common/bg.webp");
	background-position: center top;
	background-attachment: fixed;

}


/* -----------------------------
   
  layout set
   
   ----------------------------- */
.bottom0 {
	padding-bottom:0px;
}
.bottom5 {
	padding-bottom:5px;
}
.bottom10 {
	padding-bottom:10px;
}
.bottom20 {
	padding-bottom:20px;
}
.bottom30 {
	padding-bottom:30px !important;
}
.bottom40 {
	padding-bottom:40px !important;
}
.bottom50 {
	padding-bottom:50px !important;
}
.bottom50_20 {
	padding-bottom:50px !important;
}
.bottom50_0 {
	padding-bottom:50px !important;
}
.bottom60 {
	padding-bottom:60px !important;
}
.bottom70 {
	padding-bottom:70px !important;
}
.bottom80 {
	padding-bottom:80px !important;
}
.bottom90 {
	padding-bottom:90px !important;
}
.bottom100 {
	padding-bottom:100px !important;
}
.bottom100_0 {
	padding-bottom:100px !important;
}
.bottom120 {
	padding-bottom:120px !important;
}
.bottom150 {
	padding-bottom:150px !important;
}
.bottom200 {
	padding-bottom:200px !important;
}
.top0 {
	padding-top:0px !important;
}
.top5 {
	padding-top:5px;
}
.top10 {
	padding-top:10px;
}
.top15 {
	padding-top:15px;
}
.top20 {
	padding-top:20px;
}
.top25 {
	padding-top:25px;
}
.top30 {
	padding-top:30px;
}
.top35 {
	padding-top:35px;
}
.top40 {
	padding-top:40px !important;
}
.top50 {
	padding-top:50px !important;
}
.top60 {
	padding-top:60px !important;
}
.top70 {
	padding-top:70px !important;
}
.top70_sp {
	padding-top:70px !important;
}
.top80 {
	padding-top:80px !important;
}
.top80_sp {
	padding-top:80px !important;
}
.top90 {
	padding-top:90px !important;
}
.top100 {
	padding-top:100px !important;
}
.top100_0 {
	padding-top:100px !important;
}
.top100_50 {
	padding-top:100px !important;
}
.top100_70 {
	padding-top:100px !important;
}
.top110 {
	padding-top:110px !important;
}
.top115 {
	padding-top:115px !important;
}
.top120 {
	padding-top:120px !important;
}
.top120_50 {
	padding-top:120px !important;
}
.top150 {
	padding-top:150px !important;
}
.clear {
	clear:both !important;
}
.align_left {
	text-align:left !important;
}
.align_right {
	text-align:right !important;
}
.align_center {
	text-align:center !important;
	margin:0 auto;
}
.align_c_l {
	text-align:center !important;
}
.c_g_blue {
	color:#0047BB !important;
}
.c_g_black {
	color:#000000 !important;
}
.c_gray {
	color:#666 !important;
}
.c_purple {
	color:#6A5C73 !important;
}
.c_black {
	color:#000 !important;
}

.p30_box {
	padding-top: 30px !important;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.p50_box {
	padding: 50px !important;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/* 基本のスタイル */
   .move.delighter {
      transition: all .8s ease-out;
      transform: translateY(50%);
      opacity: 0;
   }
  
/* スタート時のスタイル */
   .move.delighter.started {
      transform: none;
      opacity: 1;
   }
  
/* エンド時のスタイル */
   .move.delighter.started.ended {
   }



html, body { height: 100%;
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }








header  { 
	position: fixed; 
	z-index: 9999; 
	top: 0; 
	left: 0; 
	width: 100%; 
	transition: .4s;
	/*background-color:#0047BB;*/
	padding:35px 0 40px 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
 }

a.btn{
  display: inline-block;
  width: 150px;
  margin: 10px 0;
  padding: 16px 10px;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: .3s;
}
a.sample15 {
  position:relative;
  z-index:2;
  overflow:hidden
}
a.sample15::after {
  display:block;
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;
  left:50%;
  width:160px;
  height:160px;
  margin:-80px 0 0 -80px;
  border:80px double rgba(255,255,255,0);
  border-radius:50%
}
a.sample15:hover::after {
  border-width:0;
  border-color:rgba(255,255,255,1);
  transition:.5s
}
.global_navi {
	width:100%;
}
.boxA:after {
	content:"";
	display:block;
	clear:both
}
.nav-button {
  display: none;
}


.box1 {
	float:left;
	width:50%;
}
.box1 img {
	width:100px;
	height:auto;
}

.box2 {
	float:right;
	width:50%;
}
.fullbox {
	width:100%;
}
.parallax-window {
	width: 100%;
	height: 100vh;
background: transparent;
	position:relative;
	margin:0px 0 0 0;
	background-size:cover;
	-webkit-box-shadow: 0px 0px 0px 0px #0047BB inset;
　-moz-box-shadow: 0px 0px 0px 0px #0047BB inset;
　box-shadow: 0px 0px 0px 0px #0047BB inset;

}

.parallax-slider {
	top: 0;
	left: 0;
}

.main_inner {
	position:relative;
	/*top: 47%;*/
	top:25%;
	text-align:center;
}
.main_inner img {
	max-width:300px;
	width:300px;
	height:auto;
}

.top_layer {
	z-index:9999;
}
.second_visual {
	width: 100%;
	height: 500px;
	background: no-repeat url(../images/top/blue_bg.jpg);
	/*background-attachment:fixed;*/
	position:relative;
	margin:30px 0 0 0;
	background-size:cover;
	background-size:110%;
	-webkit-box-shadow: 50px 0px 0px 0px #0047BB inset;
　-moz-box-shadow: 50px 0px 0px 0px #0047BB inset;
　box-shadow: 50px 0px 0px 0px #0047BB inset;
}
.second_inner {
	position:relative;
	top: 60%;
	text-align:left;
}
.contact_visual {
	width: 100%;
	height: 300px;
	background: no-repeat url(../images/top/blue_bg.jpg);
	/*background-attachment:fixed;*/
	position:relative;
	margin:0px 0 0 0;
	background-size:cover;
	background-size:110%;
	-webkit-box-shadow: 0px 0px 0px 0px #0047BB inset;
　-moz-box-shadow: 0px 0px 0px 0px #0047BB inset;
　box-shadow: 0px 0px 0px 0px #0047BB inset;
}
.contact_inner {
	position:relative;
	top: 50%;
	text-align:left;
}
.main_right {
	position:relative;
	top:-300px;
	text-align:right;
	font-size:130px;
	opacity:0.1;
	color:#fff;
	
}
.main_right:before {
  content: 'Think\A''from\A''another\A''perspective\A';
  white-space: pre;
}

.foot_left {
	position:relative;
	top:0px;
	text-align:left;
	font-size:16px;
	color:#9BA0AC;
	line-height:1.3em;
	letter-spacing:1px;
}
.foot_left:before {
  content: 'Think\A''from\A''another\A''perspective.\A';
  white-space: pre;
}
.foot_hpnb img {
	width: 200px;
	height: auto;
}
.eng {
	font-family: 'Oswald', sans-serif;
}
.fw_200 {
	font-weight:200;
}
.fw_300 {
	font-weight:300;
}
.fw_400 {
	font-weight:400;
}
.fw_500 {
	font-weight:500;
}
.fw_600 {
	font-weight:600;
}
.fw_700 {
	font-weight:700;
}
.fw_800 {
	font-weight:800;
}
.c_g_blue {
	color:#0047BB;
}
.c_g_black {
	color:#000000;
}
.c_white {
	color:#fff !important;
}
.bg_g_blue {
	background-color:#0047BB;
}
.bg_g_blue_gd {
	background: linear-gradient(90deg, #012386, #0047BB) ;
}
.bg_g_blue_img {
	background: no-repeat url(../images/top/blue_bg.jpg);
	background-position: center center;
	background-size:cover;
	position: relative; 
	width: 50%; 
	float:right;
	display:block;
	z-index:999;
	top:-475px;
	height:40%;
}
.bg_white {
	background-color:#fff;
}
.bg_gray {
	background-color:#F0F2F5;
}
.bg_black {
	background-color:#000000;
}
.brand_state {	
	font-size:26px;
	letter-spacing:10px;
	text-align:center;
}
.brand_state:after {
	content:"\A";
	white-space: pre;
}
.brand_state_sub {
	font-size:16px;
	letter-spacing:2px;
	text-align:center;
}
.brand_state_point {
	font-size:23px;
	margin:0 2px 0 3px;
	padding:2px 0 0 0;
	vertical-align:-2%;
}
.thanks {
	font-size:36px;
	letter-spacing:0.8px;
	text-align:center;
}
.top_title {
	color:#fff;
	font-size:50px;
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	letter-spacing:0.2em;
}
.title_page {
	font-size:30px;
	letter-spacing:5px;
	text-align:center;
}
.title_sub {
	font-size:12px;
	letter-spacing:3px;
	text-align:center;
}
.section_full { 
	width: 100%; 
	float:none;
	display:block;
}
.section_full_inner {
	width:100%;
	max-width:1150px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding:80px 0px 80px 80px;
}
.section_r { 
	width: 48%; 
	float:right;
	display:block;
	margin-left:2%;
}
.section_l { 
	width: 48%; 
	float:left;
	display:block;
	margin-right:2%;
}

.section_r_inner {
	width:575px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding:80px 0px 80px 80px;
}
.section_r img {
	width:100%;
	height:auto;	
}
.section_l img {
	width:100%;
	height:auto;	
}
.section_l_inner {
	float:right;
	width:575px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding:80px 80px 80px 0px;
}

.section_500 {
	position: relative;
	top:-475px;
}

.section_about {
	padding:80px 0;
}
footer {
	padding:100px 0 30px 0;
}
.section_70p {
	width:70%;
	margin:0 auto;
	padding:0 30px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.section_inner_70p {
	width:70%;
	margin:0 auto;
	padding:0 30px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.s_title_bold {
	font-size:30px;
	letter-spacing:0.5px;
}
.s_title_thin {
	font-size:36px;
	margin-left:3px;
}
.title_ll1 {
	font-size:100px;
	font-weight:bold;
	line-height:1em;
	letter-spacing:1px;
}
.title_l1 {
	font-size:36px;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:1.5px;
}
.title_l1_eng {
	color:#fff;
	font-size:60px;
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	font-weight:bold;
	line-height:1.1em;
}
.word_eng {
	font-family: 'Oswald', sans-serif;
	font-size: 120%;
}
.title_m1 {
	font-size:20px;
	font-weight:bold;
	line-height:1.8em;
	letter-spacing:1.5px;
}
.txt_m1 {
	font-size:13px;
	line-height:2.5em;
	letter-spacing:1.5px;
}
.txt_m2 {
	font-size:15px;
	line-height:2em;
	letter-spacing:1.5px;
}

a.line_btn {
	display:inline-block;
	width: 280px;
	padding:15px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	border: 2px solid #000000;
	transition: .4s;
	font-size:13px;
	border-radius: 25px;
}
a.line_btn:hover {
	background: #000000;
	color: #fff;
}

a.line_btn_w {
	display:inline-block;
	width: 280px;
	padding:15px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 2px solid #fff;
	transition: .4s;
	font-size:13px;
	border-radius: 25px;
}
a.line_btn_w:hover {
	background: #fff;
	color: #000000;
}

.out_btn {
	display:inline-block;
	width: 280px;
	padding:15px;
	text-align: center;
	text-decoration: none;
	color: #9BA0AC;
	border: 2px solid #9BA0AC;
	transition: .4s;
	font-size:13px;
	border-radius: 25px;
}

.map {
position: relative;
padding-bottom: 340px;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.map iframe,
.map object,
.map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 350px;
}
.copy {
	font-size:14px;
	color:#fff;
	letter-spacing:1px;
}
.foot_right img {
	width:200px;
	height:auto;
}
.foot_menu {
	 
}
.foot_menu li a {
	margin:0 15px 0 0;
	text-align:left;
	color:#fff;
	font-size:12px;
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	position: relative;
 display: inline-block;
  text-decoration: none;
  letter-spacing:1px;
}
.foot_menu li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .6s;
}
.foot_menu li a:hover::after {
  transform: scale(1, 1);
}
.footbox_l {
	display:inline-block;
	width:49%;
}
.footbox_r {
	display:inline-block;
	text-align:right; 
	width:50%; 
	vertical-align:top; 
	padding-top:50px;
}
.ResTableA {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom:0px solid ;
	line-height:1.5rem;
}
.ResTableA a {
	color:#0047BB;
	text-decoration:underline;
}
.ResTableA a:hover {
	color:#0047BB;
	text-decoration:none;
}
.ResTableA th{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top:0px solid #d8d8d8;
	padding: 20px 10px;
	width: 40%;
	font-style: normal;
	font-weight:normal;
	text-align: left;
	vertical-align:top;
}
.ResTableA td {
	padding: 20px 10px;
	text-align: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top:0px solid #d8d8d8;
}
.th20 th {
	width: 20%;
}
.th20_100 th {
	width: 20% !important;
}

.ResTableC {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom:1px solid #F0F2F5;
	line-height:1.5rem;
}
.ResTableC a {
	color:#0047BB;
	text-decoration:underline;
}
.ResTableC a:hover {
	color:#0047BB;
	text-decoration:none;
}
.ResTableC th{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top:1px solid #F0F2F5;
	padding:0px;
	width: 30%;
	font-style: normal;
	font-weight:normal;
	text-align: left;
	vertical-align:middle;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

}
.ResTableC td {
	padding: 50px 0;
	text-align: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top:1px solid #F0F2F5;
	vertical-align:top;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#wrap > div {
	width:100%;
	
	background: no-repeat 50% 0 fixed;
	margin: 0 auto;
	position: relative;
}
#wrap #box1 {
	height: 400px;
	background-image:url(../images/about/bg_grf.jpg);
	background-size:100%;
	z-index: 1;
}
#wrap #box2 {
	height: 400px;
	background-image:url("../images/company/ph_bg.jpg");
	background-size:100%;
	z-index: 1;
}
#wrap #box3 {
	height: 400px;
	background-image:url("../images/service/rs_img.jpg");
	background-size:100%;
	z-index: 1;
}
#wrap #box4 {
	height: 400px;
	background-image:url("../images/service/bg_office.jpg");
	background-size:100%;
	z-index: 1;
}

#wrap .inner {
	margin: 0 auto;
	
}


/*プレースホルダーの色*/
/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
    color: #9BA0AC; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #9BA0AC; }

/* Firefox 18- */
:-moz-placeholder {
    color: #9BA0AC; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #9BA0AC; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #9BA0AC; }
 
/*入力時の背景色*/
input:focus, select:focus, textarea:focus {
outline: none;
background: #F7F8FA;
}
 
/*入力フォームの設定*/
.form-text{ 
width:100%;
font-size: 14px;
font-weight:normal; 
border:0px solid #9BA0AC;
border-radius: 0px;
padding: 20px 15px;
color: #666;
background:#F0F2F5;
margin:0;
-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

}
.form-textarea{ 
width:100%;
font-size: 14px;
font-weight:normal; 
border:0px solid #9BA0AC;
border-radius: 0px;
padding: 20px 15px;
color: #666;
background:#F0F2F5;
margin:0;
-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

}
.formbox {
	padding:40px;
	text-align:center;
	color:#fff;
}
.select_box {
	position:relative;
	overflow:hidden;
	display:inline-block;
	min-width:300px;
	min-width:18em;
	background-color:#F0F2F5;
	border:0px solid #c0c0c0;
	background-image:url(../images/common/arrow_down.png);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

.select_box select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	position:relative;
	z-index:2;
	display:block;
	width:200%;
	width:-webkit-calc(100% + 5em);
	margin:0;
	padding:11px 35px 11px 15px;
	padding:.6875rem 2.1875rem .6875rem .6875rem;
	background:transparent;
	border:0;
	outline:none;
	font-size:16px;
	font-size:0.9rem;
	line-height:1.5;
	color:#666;
}
.title_s {
	letter-spacing:2px;
	font-size:13px;
}


.fb_inner {
	width:80%;
	display:block;
	margin:0 auto;
	text-align:left;
		
}
.req {
	display:inline-block;
	padding:4px 5px;
	background-color:#000000;
	font-size: 10px !important;
	color:#fff;
	border-radius:4px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	font-size: 12px;
	text-decoration: none;
	line-height:1em;
	margin-left:5px;
}
.inline {
	display:inline-block;
}
.p_list {
	list-style:disc;
	margin: 10px 30px;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/*submitボタンの設定*/
.form-submit, .form-submit_back{
	display:inline-block;
	width: 280px;
	padding:15px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	border: 2px solid #000000 !important;
	transition: .4s;
	font-size:13px;
	border-radius: 30px !important;
	background-color:#fff;
}



.form-submit:hover{
	background: #000000;
	color: #fff;
}

.other {
	margin-bottom: -500px;
	float:left;
}

.title_bar {
	height:280px;
	width:100%;
	background-color:#F0F2F5 !important;
	z-index:10;
}
.blue_bar {
	height:280px;
	width:20%;
	background-color:#0047BB !important;
	float:right;
	z-index:100;
	top:-280px;
	position: relative;
}
	
.main_bar {
	width:20%;
	height:100%;
	background-color:#0047BB !important;
	z-index:10;
	position:absolute;
	float:right;
}

.layer_fullbox {
	width:100%;
	z-index:1;
	position:relative;
	background-color:#000000 !important;
background-image:url(../images/common/line.gif);
background-repeat:no-repeat;
background-position:center bottom;
}
.layer_fullbox img {
	width:80%;
	height:auto;
	padding-top:40px;
}
.layer_top_title {
	color:#fff;
	font-size:60px;
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	letter-spacing:0.15em;
	position:absolute;
	z-index:100;
}
.ls_edit {
	letter-spacing: 0em !important;
}
.layer_graybox {
	width:100%;
	z-index:1;
	position:relative;
	background-color:#F0F2F5 !important;
	-webkit-box-shadow: -250px 0px #fff inset;
　-moz-box-shadow: -250px 0px #fff inset;
　box-shadow: -250px 0px #fff inset;
}
.layer_graybox img {
	width:100%;
	height:auto;
}
.layer_graybox_bold {
	font-size:36px;
	letter-spacing:0.15em;
	z-index:150;
	position:absolute;
}
.layer_graybox_r {
	float:right;
	width:48.5%;
	padding-left:1.5%;
}
.layer_graybox_l {
	float:left;
	width:48.5%;
	padding-right:1.5%;
}
.twobox_r {
	float:right;
	width:49%;
	padding-left:1%;
}
.twobox_l {
	float:left;
	width:49%;
	padding-right:1%;
}
.layer_graybox_btn {
	bottom:60px;
	position:absolute;
}
.layer_graybox_txt {
	font-size:15px;
	line-height:2em;
	letter-spacing:1.5px;
}
.layer_graybox_titletxt {
	font-size:15px;
	line-height:2em;
	letter-spacing:1.5px;
	z-index:150;
	position:absolute;
}

.layer_graybox_op {
	width:100%;
	z-index:1;
	position:relative;
	background-color:#F0F2F5 !important;
	-webkit-box-shadow: 250px 0px #fff inset;
　-moz-box-shadow: 250px 0px #fff inset;
　box-shadow: 250px 0px #fff inset;
}
.layer_graybox_op img {
	width:100%;
	height:auto;
}

.twobox {
	width:100%;
}
.twobox img {
	width:100%;
	height:auto;
}

.link a {
	width:100%;
	text-align:right;
	color:#0047BB;
	font-size:12px;
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	position: relative;
  text-decoration: none;
  letter-spacing:1px;
}
.link a:hover {
	
}
.link a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #0047BB;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .6s;
}
.link a:hover::after {
  transform: scale(1, 1);
}

.bread {
	display:block !important;
}
.bread ul {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	
}
.bread li {
	
	padding:0px 0px 0px 0px;
	margin:0 10px 30px 0px;
	text-align:right;
	color: #666;

	font-size:12px;
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	
	position: relative;
  display: block;
  
  }
 
.bread li a {
	color:#0047BB;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	text-decoration: none;
}
.bread li a:hover {
	
}
.bread li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #0047BB;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .6s;
}
.bread li a:hover::after {
  transform: scale(1, 1);
}
.bread ul:after {
	content:"";
	display:block;
	clear:both
}
.bread li {
	float:left;
	/*width:16.66%;*/
	width:auto;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.swiper-container {
    width: 100%;
    height: auto;
	text-align: center;
}
.swiper-container img {
    width: 100%;
    height: auto;
}
.line {
border-bottom: 1px solid #0047BB;
}
.line_gray {
border-bottom:1px solid #F0F2F5;
}
.s_txt {
font-size: 8px;
line-height: 1rem;
}

.list_detail ul
{list-style-type: disc;

	padding-left: 25px;
	line-height: 1.5em;
 }

.list_detail ul li
{
	padding-left: -100px;
 }
/* -----------------------------
   
  news
   
   ----------------------------- */
.index_list {
	border-top:solid 1px #F0F2F5;
	padding:0 0px 50px 0px;
	line-height:1.5em;
	text-align:left;
	position: relative;
}
.index_list ul {
	margin:0;
	padding:0;
	list-style:none
}
.index_list li {
	display:block;
	padding:40px 10px 50px 10px;
	border-bottom:solid 1px #F0F2F5;
	color:#000;
	font-size:13px;
	text-decoration:none;
	transition: .8s;
	/*background-image:url(../images/common/line_hrz.gif);*/
background-repeat:no-repeat;
background-position:right;
}
.index_list li a {
	color:#0047BB;
}
/*.index_list li a:hover {
	background-color:#F0F2F5;
}*/
.index_list time {
	color:#0047BB;
	font-size: 8px;
	font-weight:bold
}
/*.index_list a:after {
	content:"";
	display:block;
	clear:both
}*/
.index_list time {
	/*float:left;
	width:90px*/
}
.index_list .txt {
	float:none;
	width:auto;
	margin-left:0px;
	color:#9BA0AC;
}
/*.index_list .txt::after {
  font-family: FontAwesome;
  content: '\f105';
  font-size: 16px;
  position: absolute;
  color:#0047BB;
  right: 10px;
}*/
.topics {
	border-bottom:solid 1px #F0F2F5;
	padding:0 0px 5px 0px;
	line-height:1.5em;
	text-align:left;
	position: relative;
	margin-bottom: 50px;
}
.topics time {
	color:#0047BB;
	font-size: 8px;
	font-weight:bold
}
.numlist {
list-style-type: decimal;
padding-left: 20px;
-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.disclist {
list-style-type: disc;
padding-left: 20px;
-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.titletxt {
	font-size:15px;
	letter-spacing:1.5px;
	font-weight: bold;
}
/* -----------------------------
   
  cbox
   
   ----------------------------- */

.option-input {
	position: relative;
	margin: 0 0.5rem 0 0;
	cursor: pointer;
}
.option-input:before {
	position: absolute;
	z-index: 1;
	top: 0rem;
	left: 0.1875rem;
	width: 0.75rem;
	height: 0.375rem;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: rotate(-45deg) scale(0, 0);
	transform: rotate(-45deg) scale(0, 0);
	border: 2px solid #3399E5;
	border-top-style: none;
	border-right-style: none;
}
.option-input:checked:before {
	-webkit-transform: rotate(-45deg) scale(1, 1);
	transform: rotate(-45deg) scale(1, 1);
}
.option-input:after {
	position: absolute;
	top: -0.3em;
	left: 0;
	width: 1rem;
	height: 1rem;
	content: '';
	cursor: pointer;
	border: 2px solid #C1C1C1;
	background: #ffffff;
}
.stripe {
  padding: 20px;
  background-size: 10px 10px;
  background-color: #fff;
  background-image: linear-gradient(45deg,#C1C1C1 25%,transparent 25%,transparent 50%,#C1C1C1 50%,#C1C1C1 75%,transparent 75%,transparent);
}
.stripe-inner {
  background: #fff;
  padding: 20px;
}
.real img {
	max-width:500px;
	width:75%;
	height:auto;
}
.recruit img {
width:100%;

	height:auto;
}
.lh_1 {
line-height: 1.5em !important;
}
.lh_12 {
line-height: 1.2em !important;
}
.balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px 50px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #0047BB;
  border-radius: 30px;
}

.balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 15px solid #0047BB;
}

.balloon p {
  margin: 0;
  padding: 0;
}

.list ul {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

.list ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}

.list ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #0047BB; /*アイコン色*/
font-weight: 900;
}

.radio-input{
  display: none;
}
.radio-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.radio-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio-input:checked + label{
  color: #d01137;
}
.radio-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 11px;
  height: 11px;
  background: #0047BB;
  border-radius: 50%;
}

.flow_box_inner::before {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -40px;
  width: 41px;
  height: 51px;
  margin: auto;
  background: #0147BB;
  content: "";
  z-index: 1;
}
.flow_box_inner::after {
	font-family: "Ionicons";
  position: absolute;
  right: 0;
  left: 0;
  bottom: -22px;
  width: 5px;
  height: 19px;
  margin: auto;
  background-size: content;
  content: "\f3d4";
  z-index: 1;
  color:#fff;
}

.flow_box {
	width:100%;
	padding:4%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.flow_box_inner {
	width:100%;
	padding:3%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#fff;
	position:relative;
}
.mt30 {
	margin-top:30px;
}
.flow_box_inner_last {
	width:100%;
	padding:3%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#fff;
	position:relative;
}
.list_link {
  border-top: 1px solid #D9D9D9;
}
.list_link a {
  color: #fff;
  transition: 0.7s;
  font-size: 15px;
  line-height: 1.8;
}

.line_h {
  line-height: 1.0!important;
}

.list_link li {
  color: #fff;
  transition: 0.7s;
  border-bottom: 1px solid #D9D9D9;
}
.list_link li a {
	text-decoration: none;
}

.wrap_hrz_fsc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.wrap_hrz_kp {
  display: flex;
}
.icon {
  border-radius: 60px;
  color: #000;
  display: block;
  padding: 4px 15px 3px;
  text-align: center;
  font-size: 13px;
  margin: 0 20px 0 10px;
  width: 90px;
  line-height: 1.8!important;
	background-color: #fff;
}
.box_n_s {
	display: block;
	width: 60px;
}
.box_n_m {
	display: block;
	width: calc(100% - 60px);
}
.box_30 {
	display: block;
	width: 33.3%;
	height: 800px;
}

.bg_b_01 {
	background: url("../images/top/01.webp") no-repeat;
  background-size: cover;
  background-position: center;
}
.bg_b_02 {
	background: url("../images/top/02.webp") no-repeat;
	background-size: cover;
  background-position: center;
}
.bg_b_03 {
	background: url("../images/top/03.webp") no-repeat;
	background-size: cover;
  background-position: center;
}
.link_icon a {
color: #fff;
	transition: .6s;
}
.link_icon a:hover {
color: #c52f2d;

}

@media (max-width: 1370px) {
	

.main_visual {
	background-size:100%;
}
}

@media (max-width: 1250px) {
.main_visual {
	width: 100%;
	height: 100vh;
	background: no-repeat url(../images/top/main.webp);
	/*background-attachment:fixed;*/
	position:relative;
	margin:0px 0 0 0;
	background-size:cover;
		-webkit-box-shadow: 0px 0px 0px 0px #0047BB inset;
　-moz-box-shadow: 0px 0px 0px 0px #0047BB inset;
　box-shadow: 0px 0px 0px 0px #0047BB inset;
background-position:center;
}

.main_inner {
	position:relative;

	text-align:center;
	width:75%;
	margin:0 auto;
}

.main_right {
	position:relative;
	top:-300px;
	text-align:right;
	font-size:130px;
	opacity:0.1;
	color:#fff;
	overflow:hidden;
}
.section_r_inner {
	width:100%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding:80px 50px;
}
.section_l_inner {
	width:100%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding:80px 50px;
}
.bg_g_blue_img {
	background: no-repeat url(../images/top/blue_bg.jpg);
	background-position: center center;
	background-size:cover;
	position: relative; 
	width: 50%; 
	float:right;
	display:block;
	z-index:999;
	top:-100px;
	height:20%;
}
.section_500 {
	position: relative;
	top:-100px;
}
#wrap #box1 {
	height: 400px;
	background-image:url(../images/about/bg_grf.jpg);
	background-size:150%;
	z-index: 1;
}
.boxB {
	padding:0 50px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.boxA {
	width:75%;
	padding:0 0px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 auto;
}	
}
@media (max-width: 1150px) {

}
@media (max-width: 900px) {
#wrap #box1 {
	height: 300px;
	background-image:url(../images/about/bg_grf.jpg);
	background-size:150%;
	z-index: 1;
}
}
/* ************************************************************************************************

   under 767px

   ************************************************************************************************ */




@media (max-width: 767px) {


.bg01 {
	height: 250px;
	background-image:url(../images/about/bg_grf.jpg);
	z-index: 1;
	background-size:cover;
}
.bg02 {
	height: 250px;
	background-image:url("../images/company/ph_bg.jpg");
	background-size:cover;
	background-position: 40% 50%;
	z-index: 1;
}
.bg03 {
	height: 250px;
	background-image:url("../images/service/rs_img.jpg");
	background-size:cover;
	background-position: 40% 50%;
	z-index: 1;
}
.bg04 {
	height: 250px;
	background-image:url("../images/service/bg_office.jpg");
	background-size:cover;
	background-position: 40% 50%;
	z-index: 1;
}

  .nav-wrap .menu {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
  }
  

.nav-button {
    display: block;
    cursor: pointer;
  }
  .nav-wrap.open {
  display: block;
}

.nav-wrap.close {
  display: none;
}
#button_pos {
	padding:6px 12px;
	border:solid 0px #aaa;
	border-radius:0px;
	/*background-color:#fff;*/
	position: absolute;
	top:25px;
	right:30px;
	cursor:pointer;
}
  .nav-wrap {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10;
    background-color: #0047BB;
    width: 100%;
    height: 100%;
	text-align:left;
	background-image:url(../images/common/logo.png);
	background-repeat:no-repeat;
	background-size:150px;
	background-position: 30px 17px;
	opacity:1;
	  animation: fadeIn 0.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.5s ease 0s 1 normal;
  }


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
  .nav-wrap .menu {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
	padding-top:70px
  }
  .nav-wrap li {
    font-family: 'Oswald', sans-serif;
	letter-spacing:3px;
	font-weight: 600;
  }
  .nav-wrap li a {
    color: #fff;
    font-size: 16px;
	text-decoration:none;
	display: block;
    margin: 2em;
	padding-bottom:10px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	position: relative;
  }

.nav-wrap li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .6s;
}
.nav-wrap li a:hover::after {
  transform: scale(1, 1);
}


  /*メニューボタン*/
  .nav-button,
  .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }

  .nav-button {
    z-index: 20;
    position: relative;
    width: 23px;
    height: 10px;
  }

  .nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 0px;
  }

.ruby {
	font-size:8px;
	margin-top:5px;
	color:#fff;
}


  .nav-button span:nth-of-type(1) {
    top: 0;
  }

  .nav-button span:nth-of-type(2) {
    top: 12px;
  }

  .nav-button span:nth-of-type(3) {
    bottom: 0;
  }

  .nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(5px) rotate(-45deg);
    transform: translateY(5px) rotate(-45deg);
	background-color: #fff !important;
  }

  .nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }

  .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-5px) rotate(45deg);
    transform: translateY(-5px) rotate(45deg);
	background-color: #fff !important;
  }

header  { 
	position: fixed; 
	z-index: 9999; 
	top: 0; 
	left: 0; 
	width: 100%; 
	transition: .4s;
	padding:15px 0 20px 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
 }

.boxA {
	width:100%;
	padding:0 0px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.box1 img {
	width:100px;
	height:auto;
	margin-top:7px;
}
.boxB {
	padding:0 0px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.main_visual {
	width: 100%;
	height: 100vh;
	background: no-repeat url(../images/top/main_sp.webp);
	/*background-attachment:fixed;*/
	position:relative;
	margin:50px 0 0 0;
	background-size:cover;
		-webkit-box-shadow: 0px 0px 0px 0px #0047BB inset;
　-moz-box-shadow: 0px 0px 0px 0px #0047BB inset;
　box-shadow: 0px 0px 0px 0px #0047BB inset;
background-position:center;
}
.main_inner {
	position:relative;

	text-align:left;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	padding:0 30px;
	text-align: center;
}
.main_inner img {
	max-width:250px;
	width:75%;
	height:auto;
}
.sp_margin {
	padding:0 30px 50px 30px;
}	
.brand_state {
	display:none;
}
.brand_state_sp {
	position:relative;
	font-size:30px;
	color:#fff;
	letter-spacing:10px;
	line-height:1.2em;
	margin:0 auto;
	width:80%;
}
.brand_state_sub {
	font-size:15px;
	letter-spacing:2px;
	text-align:left;
	line-height:1.8em;
	padding-top:10px;
	margin:0 auto;
	width:80%;
}
.main_right {
	position:relative;
	top:-200px;
	text-align:right;
	font-size:120px;
	opacity:0.1;
	color:#fff;
	overflow:hidden;
}
.section_r { 
	
	width: 100%; 
	float:none;
	display:block;
}
.section_l { 
	width: 100%; 
	float:none;
	display:block;
}
.section_l_inner {
	float:none;
}
.s_title_bold {
	font-size:24px;
	letter-spacing:0.5px;
}
.s_title_thin {
	font-size:30px;
	margin-left:3px;
}
.title_m1 {
	font-size:18px;
	font-weight:bold;
	line-height:1.8em;
	letter-spacing:1.5px;
}
.txt_m1 {
	font-size:13px;
	line-height:2.5em;
	letter-spacing:1.5px;
}
.txt_m2 {
	font-size:12px;
	line-height:2em;
	letter-spacing:1.5px;
}
.section_70p {
	width:100%;
}
.section_inner_70p {
	width:90%;
	padding:0px;
}
.bg_g_blue_img {
	display:none;
}
.footbox_l {
	display:block;
	width:100%;
}
.footbox_r {
	display:block;
	width:100%; 
	vertical-align:top; 
	padding-top:50px;
	text-align:center;
}
.sp_none {
	display:none;
}
.sp_100 {
	margin-bottom:100px;
}
.align_c_l {
	text-align:left !important;
}
.m1_s {
	font-size:10px !important;
}
.contact_visual {
	width: 100%;
	height: 150px;
	background: no-repeat url(../images/top/blue_bg.jpg);
	/*background-attachment:fixed;*/
	position:relative;
	margin:0px 0 0 0;
	background-size:cover;
	background-size:110%;
	-webkit-box-shadow: 0px 0px 0px 0px #0047BB inset;
　-moz-box-shadow: 0px 0px 0px 0px #0047BB inset;
　box-shadow: 0px 0px 0px 0px #0047BB inset;
}
.contact_inner {
	position:relative;
	top: 40%;
	text-align:left;
}
.formbox {
	padding:0px;
	text-align:center;
	color:#fff;
}
#form {
	margin:0;
}
.form-submit_back{
	display:inline-block;
	width: 280px;
	padding:15px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 2px solid #fff !important;
	transition: .4s;
	font-size:13px;
	border-radius: 25px !important;
	background-color:#0047BB;
}
.layer_fullbox {
	width:100%;
	z-index:1;
	position:relative;
	background-color:#000000 !important;
	-webkit-box-shadow: 0px 0px #0047BB inset;
　-moz-box-shadow: 0px 0px #0047BB inset;
　box-shadow: 0px 0px #0047BB inset;
background-image:url(../images/common/line.gif);
background-repeat:no-repeat;
background-position:center bottom;
}
.layer_fullbox img {
	width:100%;
	height:auto;
	padding-top:80px;
}	
.layer_top_title {
	color:#fff;
	font-size:40px;
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	letter-spacing:0.15em;
	position:absolute;
	z-index:100;
}
.ls_edit {
	letter-spacing: 0em !important;
}
.layer_graybox_titletxt {
	font-size:15px;
	line-height:1em;
	letter-spacing:1.5px;
	z-index:150;
	position:absolute;
}
.top70_sp {
	padding-top:50px !important;
}
.top80_sp {
	padding-top:30px !important;
}
/*.fluid-box{
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
	padding-top: 30px;
}	*/
.layer_graybox {
	width:100%;
	z-index:1;
	position:relative;
	background-color:#F0F2F5 !important;
	-webkit-box-shadow: 0px 0px #fff inset;
　-moz-box-shadow: 0px 0px #fff inset;
　box-shadow: 0px 0px #fff inset;
	background-color: #fff !important; 
}	
.layer_graybox_r {
	float:right;
	width:100%;
	padding-left:0;
}
.layer_graybox_l {
	float:left;
	width:100%;
	padding-right:0%;
}
.twobox_r {
	float:right;
	width:100%;
	padding-left:0%;
}
.twobox_l {
	float:left;
	width:100%;
	padding-right:0%;
}
	.bottom50_sp {
		padding-bottom: 50px;
	}
.layer_graybox_op {
	width:100%;
	z-index:1;
	position:relative;
	background-color:#F0F2F5 !important;
	-webkit-box-shadow: 0px 0px #fff inset;
　-moz-box-shadow: 0px 0px #fff inset;
　box-shadow: 0px 0px #fff inset;
	
}
.layer_graybox_op img {
	width:100%;
	height:auto;
}
.layer_graybox_txt {
	font-size:14px;
	line-height:2em;
	letter-spacing:1.5px;
}
.title_l1 {
	font-size:30px;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:1.5px;
}	
	.sp_img img {
		width: 100%;
		height: auto;
		-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
		padding:0px 0px 30px;
	}	
.top100_0 {
	padding-top:0px !important;
}
.top100_50 {
	padding-top:50px !important;
}
.top100_70 {
	padding-top:70px !important;
}
.bottom50_20 {
	padding-bottom:20px !important;
}
.bottom50_0 {
	padding-bottom:0px !important;
}
.bottom100_0 {
	padding-bottom:0px !important;
}
.index_list li {
	display:block;
	padding:40px 10px 50px 10px;
	border-bottom:solid 1px #F0F2F5;
	color:#000;
	font-size:13px;
	text-decoration:none;
	transition: .8s;
	/*background-image:url(../images/common/line_hrz.gif);*/
background-repeat:no-repeat;
background-position:right;
}
.ResTableC {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom:1px solid #F0F2F5;
	line-height:1.5rem;
}
.ResTableC a {
	color:#0047BB;
	text-decoration:underline;
}
.ResTableC a:hover {
	color:#0047BB;
	text-decoration:none;
}
.ResTableC th{

	
	padding: 50px 0px 0 0;
	width:100%;
	display:block;
	margin: 0 auto;
	border:none;
	text-align: left;
	border-top:1px solid #F0F2F5;

}
.ResTableC td {

	
	padding: 10px 0 50px;
	width:100%;
	display: list-item;
	list-style:none;
	border-top: none !important;
	border-bottom:1px solid #F0F2F5;
	text-align:left;
}
.top120_50 {
	padding-top:50px !important;
}
.title_ll1 {
	font-size:50px;
	font-weight:bold;
	line-height:1.1em;
	letter-spacing:1px;
}
.p30_box {
	padding: 0px 0px !important;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.p50_box {
	padding: 50px 20px 20px !important;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.th20_100 th {
	width: 100% !important;
	display:block;
	border-bottom: solid 1px #F0F2F5;
	background-color: #F0F2F5;
}
.th20_100 td {
	width: 100% !important;
	display: list-item;
	list-style:none;
	border-bottom: solid 1px #F0F2F5;
}
.top_title {
	font-size:30px;
}
}

@media (max-width: 600px) {
.main_right {
	position:relative;
	top:-50px;
	text-align:right;
	font-size:120px;
	opacity:0.1;
	color:#fff;
	overflow:hidden;
}
.main_inner {
	position:relative;

	text-align:center;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	padding:0 30px;
}
.main_inner img {
	width:90%;
	height:auto;
}
}
@media (max-width: 370px) {
.title_l1_eng {
	font-size:50px;
}
}

/* ************************************************************************************************

   over 767px

   ************************************************************************************************ */
   
@media (min-width: 768px) {	
/* -----------------------------
   
  toggle btn
   
   ----------------------------- */
#menubtn {display:none}
/* -----------------------------
   
  global menu
   
   ----------------------------- */
.menu {
	display:block !important;
	float:right;
}
.menu ul {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	
}
.menu li a {
	
	padding:15px 0 0 0px;
	margin:0 0 0 15px;
	text-align:right;
	color:#fff;
	font-size:12px;
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	position: relative;
  display: block;
  text-decoration: none;
  letter-spacing:1px;
}
.menu li a:hover {
	color:#c52f2d;
}

.menu li {
	float:left;
	/*width:16.66%;*/
	width:auto;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.menu ul .branch {
	display:none
}
.menu i {
	/*display:none*/
}

.pc_none {
	display:none;
}
}

@media (min-width: 1150px) {

.boxA, .boxB, .main_inner {
	width:75%;
	max-width:1260px;
	margin-left:auto;
	margin-right:auto
}

}

@media (min-width: 1370px) {
.brand_state {
	font-size:36px;
	letter-spacing:10px;
	text-align:center;
}
.brand_state_sub {
	font-size:16px;
	letter-spacing:2px;
	text-align:center;
}
}