@media only screen and (max-width: 1199px) {
	.content .inner img {width: 100%;}
	.wrapper {padding-top: 80px;}
	.nobreak {white-space: normal;}
	.txt_ellipsis {text-align: left;word-break: break-all;}
	.inline-photo {transform: translateY(4em);}
	.onepage-wrapper section.page1 {height: 100%;}
	.onepage-wrapper .section {height: auto;}
	.header_wrap .top_nav {width: 100%; max-width: none; padding: 0 2em;}
	.header_wrap .top_nav ul {display: none;}
	.footer_container {padding: 3em 2em 2.4em;}
	.footer_wrap {padding: 0;}
	.footer_wrap nav {display: none;}
	.footer_wrap .nobreak {white-space: nowrap;}
	#subNav.sticky + .contents_wrap .content .inner {padding-top: 5em;}

	.hero header .container {width: 100%; max-width: none; padding: 0 2em;}
	.main section .page_container {width: 100%;max-width: none;padding: 4em 2em 8em;}
	.main section .txt_wrap {position: static; top: auto; left: auto; right: auto;text-align: center;}
	.main section .txt_wrap h2 span {padding: 0 1em;position: relative;z-index: 2;}
	.main section .txt_wrap h2,
	.main section .txt_wrap p {text-align: center;position: relative;}
	.main section .motion_wrap {width: 100% !important;}
	.main section .motion_wrap img {width: 100%;}
	.main section a.btn_more {position: absolute; bottom: 2em;left: 50%;width: 50vw;margin-left: -25vw;}

	.main section.page2 .motion_wrap,
	.main section.page3 .motion_wrap,
	.main section.page4 .motion_wrap,
	.main section.page5 .motion_wrap,
	.main section.page6 .motion_wrap {position: relative; right: auto;left: auto;top: auto;margin: 2em auto 0;text-align: center;}
	.main section.page4 .motion_wrap {margin-top: -40px;}
	.main section.page6 {height: auto;}
	.main section.page6 a.btn_more {top: 0; right: 0.6em; bottom: auto; left: auto; width: auto; margin: 0;}
	.main section.page6 .card_area {text-align: left;position: relative;right: auto; }
	.main section.page6 .card_area > div {display: block;width: 100%;height: 20em;}
	.main section.page6 .card_area > div h3 {width: 50%;}
	.main section.page6 .card_area > div.box_left {margin: 0 0 1em 0;}
	.main section.page6 .card_area > div a.btn_more {bottom: 2em;right: 2em;top: auto;left: auto;width: auto;margin: 0;}
	.main section.page6 dl {width: 100%;padding: 0 1em;}
	.main section.page6 dl dt {text-align: left;}
	.main section.page6 .page_container {padding-bottom: 3em;}
	.main section.page7 .page_container {padding: 3em 2em 2.4em;}
	.main section.page1 .txt_wrap {position: absolute;text-align: center; width: 100%;left: 0;right: 0;padding: 0 2em;}
.main section.page1 .txt_wrap.inline-photo.is-visible {top: 44%;}
	.main section.page2 .txt_wrap h2:after, 
	.main section.page3 .txt_wrap h2:after, 
	.main section.page4 .txt_wrap h2:after, 
	.main section.page5 .txt_wrap h2:after {position: absolute;z-index: 1; top: 50%; left: 0; width: 100%; height: 1px; display: block; content: "";}
	.main section.page2 .txt_wrap h2:after, 
	.main section.page4 .txt_wrap h2:after {background-color: #00a1e4;}
	.main section.page3 .txt_wrap h2:after {background-color: #fff;}
	.main section.page5 .txt_wrap h2:after {background-color: #fcff00;}
	.main section.page2 .txt_wrap h2 span {background-color: #ffffff;}
	.main section.page4 .txt_wrap h2 span {background-color: #f7f7f7;}
	.main section.page3 .txt_wrap h2 span {background-color: #0678c6;}
	.main section.page5 .txt_wrap h2 span {background-color: #3f3f3f;}
	.main section.page6 .txt_wrap {position: relative;}
	.main section.page6 .txt_wrap h2 {text-align: left;padding: 0 0.3em 0.5em;border-bottom: 2px solid #00a1e4;}
	
	.top_area {padding: 13em 1em 0;}
	.top_area h2 {font-size: 2.9em;}
	.top_area p {font-size: 1.7em;}
	.sub_nav {padding: 0 1em;}
	.sub_nav ul {width: 100%;display: table;table-layout: fixed;}
	.sub_nav li {display: table-cell; padding: 1em 0 1.5em; }
	.sub_nav li a {font-size: 1.2em;}
	.contents_wrap .content .inner {width: 100%;padding: 4em 1em;}
	.tbl_white {width: 100%;}
	.contents_wrap .content p.sub_desc {width: 100%;}
	.contents_wrap .content h3 {margin-bottom: 1em;}
	.tabs_wrap .tabs_title.w_narrow {width: 100%;table-layout: fixed;}
	.tabs_wrap .tabs_cont.w_narrow {width: 100%;}
	.tabs_wrap .tabs_title li a.ui-tabs-anchor {word-break: break-word; white-space: normal; text-align: center;}
	.history_title_sub {width: 100%;}
	.greetings_area p {margin-bottom: 1.5em; line-height: 1.4; word-break: break-word;}
	.txt_position .text_image {padding: 2.5em 0 3.5em;}
	.txt_position p.val_01 {text-align: center;top: 0;left: 0; margin-left: 0; width: 100%;}
	.txt_position p.val_02 {text-align: center;top: 93%;left: 0;width: 35%;}
	.txt_position p.val_03 {text-align: center;top: 93%;right: 0;width: 35%;}
	.img_position {padding: 0 3em;}	
	.content .inner + .box_list {padding: 1em 0 2em;margin-top: -25vw;}
	.box_row {width: 100%; margin: 0; display: block; padding: 0 2em; }
	.box_row .box_cell {float: none; width: 100%; margin: 3em 0 0; }
	.board_body .board_content img {width: auto;}
	.tabs_wrap.circle .tabs_title {width: 100%;padding: 0 1em 40px;}
	.tabs_wrap.circle .tabs_title li {width: auto;}
	.tabs_wrap.circle .tabs_cont {width: 100%;padding-top: 2em;}
	.tabs_wrap.circle .tabs_cont ul li {width: 23%;margin: 1em 1% 1.5em;}
	.var_01,
	.var_02,
	.var_03,
	.var_04,
	.var_05,
	.var_06,
	.var_07 {padding-left: 1em;padding-right: 1em;}
	.card_list li {margin: 0 1%;width: 22%;}
	.var_03 h4,
	.var_06 h4 {text-align: center;width: 100%;}
	.var_03 ul li {width: auto;margin: 1em;}
	.var_03 ul li p {width: 25vw;height: 25vw;}
	.var_03 ul li ul {margin-top: 1.5em;}
	.var_03 ul li:last-child ul {margin-left: 0;}
	.var_03 ul li ul li {text-align: center;padding: 0;}
	.var_03 ul li ul li:before {content: none;}

	.contents_wrap .content .var_04 .inner {width: 100%;padding: 0 1em;}
	.var_04 h4 {position: relative;top: auto;left: auto;margin-bottom: 40px;}
	.var_04 ul li {padding-left: 6em;}
	.var_04 ul li strong {font-size: 1.2em;}
	.var_05 a {width: 60vw;}
	.var_06 {padding-bottom: 0;}
	.var_06 ul {width: 100%;border-bottom: 1px solid #aaa;padding-bottom: 2em;}
	.var_07 {border: none;}
	.var_07 h4 {width: 100%;text-align: center;}
	.var_07 ul {width: 60%;}
	.var_07 ul li {float: none;width: 100%;}
	.map_wrap {padding-bottom: 6em; }
	.map_wrap .box {width: 92vw;width: 92vw;padding: 2em 3em 1.9em;text-align: left;}
	.map_wrap .box strong {position: relative;top: auto;left: auto;font-size: 2.5em;padding: 0 0 0.5em 0; display: block;margin-bottom: 0.3em;}
	.map_wrap .box strong:after {top: auto;bottom: 0;right: auto;left: 0;width: 1.4em;height: 2px;}
	.map_wrap .box ul li {position: relative;float: left;margin: 0.2em 1em 0.2em 0;padding-left: 3em;}
	.map_wrap .box ul li:first-child {float: none;clear: both;}
	.map_wrap .box ul li strong {position: absolute;top: 0;left: 0;padding: 0 1em 0 0;display: inline;}

}

@media only screen and (max-width: 1024px) {
	.nobreak {display: inline; }
	.tabs_wrap.circle .tabs_title {padding: 0 0 1em; display: block; }
	.tabs_wrap.circle .tabs_title li {margin: 10px !important; display: inline-block; width: auto; }
	.tabs_wrap.circle .tabs_title li a.ui-tabs-anchor {height: 15vw; width: 15vw; }
	.card_list li {margin: 1em 1%; width: 46%; }
	.var_04 {padding-top:0;padding-bottom:0;}
	.var_01 ul {width: 100%;}
	.var_02 {padding-top: 5em;padding-bottom: 5em;}
	.var_02 ul.center_list {margin: 1em 0 3em; }
	.map_wrap #map {height: 50vw;}
	.var_07 ul {width: 80%;}
		.main section.page1 .txt_wrap {top:50%;}

}

@media only screen and (max-width: 768px) {
	#site-nav {display:block;padding-bottom: 3em;clear:both;}
	#site-nav .col {display:inline-block;width:30%;padding: 3em 0 0;}
	.main section .txt_wrap h2 {font-size: 2.4em;}
	.main section.page6 .card_area > div h3 {width: 80%;font-size: 2.2em;}
	.txt_position p {font-size: 1em;}
	.txt_position .text_image {padding: 2.5em 0 5em; }
	.txt_position p.val_02 {top: 87%;}
	.txt_position p.val_03 {top: 87%;}
	.img_position li {width: 100%;margin: 1em 0;}
	.greetings_area p {text-align: left;padding: 0 1em;}
	.greetings_area p.last {text-align: right;padding: 0;}
	.board_wrap ul {table-layout: fixed;}
	.board_header li:nth-child(4),
	.board_wrap ul li:nth-child(3) {display: none;}
	.board_wrap ul li:nth-child(1),
	.board_wrap ul li:nth-child(4) {width: 13%;padding: 1em 0;}
	.board_wrap ul li:nth-child(2) {display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.board_body .board_content {padding: 1em 3em;}
	.tabs_wrap.circle .tabs_title li {margin: 1vw !important;}
	.tabs_wrap.circle .tabs_title li a.ui-tabs-anchor {width: 25vw;height: 25vw;}
	.tabs_wrap.circle .tabs_cont ul li {width: 31%;margin: 0.5em 1% 0.7em;}
	.var_01 {padding: 5em 1em;}
	.var_01 ul li strong {position: relative;padding-top: 0.9em;}
	.var_01 ul li img {position: absolute;top: 0;}
	.var_01 ul li:nth-child(odd) img {right: 0;margin: 0;}
	.var_01 ul li:nth-child(even) img {left: 0;margin: 0;}
	.var_01 span.f_handwriting {font-size: 0.7em;position:absolute;top:0;padding:0;}
	.var_01 ul li:nth-child(odd) span.f_handwriting {right: 0;}
	.var_01 ul li:nth-child(even) span.f_handwriting {left: 0;}
	.var_03 ul li ul,
  .var_03 ul li:last-child ul {margin: 1.5em auto 0;width: 100%;}	
	.var_03 ul li p {width: 30vw; height: 30vw; }
  .var_03 ul li p:after {left: -27%;}
	.var_03 ul li {width: 40%;}
	.map_wrap .box {margin-top: -3em;}
	.var_05 a.link_mobile {display:block;}
	.var_05 a.link_web {display:none;}
	.var_06 ul li {width: 49%;padding: 0 0 2em;}
	.var_06 ul li:after {top: 34%;}
	.var_06 ul li p {padding: 1em 1em 0;font-size: 1em;}
	.var_06 ul li img {margin: 0 auto;padding: 0 1em;}
	.var_07 ul {width: 100%;}
	.var_07 ul li {font-size: 1.3em;text-align: center;margin-bottom: 0.8em;}
	.var_07 ul li strong {display: block;margin: 0 auto 10px;width: 80%;}

}

@media only screen and (max-width: 560px) {
	/*.hero header .container {overflow-y: auto; height: 100vh;}*/
	.tabs_wrap .tabs_title.w_narrow li a.ui-tabs-anchor {padding: 1em 0.5em; text-align: center; font-size: 1em;}
	.tabs_wrap .tabs_title.w_narrow li:first-child a.ui-tabs-anchor {padding: 1em 0.8em; }
	.card_list li ul {height: 75vw;}
	.card_list li ul li {margin: 0 0 3px 0;font-size: 1em;}

}

@media only screen and (max-width: 425px) {
	.hero header.is-active .container {overflow-y: auto; height: 100vh;}
	#site-nav {;padding-bottom: 3em;}
	#site-nav .col {width:48%;padding: 3em 0 0;}
	.contents_wrap .content h3 {font-size: 2.1em;}
	.contents_wrap .content .inner {padding: 3em 1em;}
	.main section a.btn_more {width: 70vw;margin-left: -35vw;}
	.main section .txt_wrap p {font-size: 1.7em;}
	.main section.page6 .card_area > div {padding: 1em;}
	.main section.page6 .card_area > div p span {font-size: 0.9em;white-space: normal;}
	.main section.page6 .card_area > div a.btn_more {right: 1em;bottom: 1em;}
	.main section.page6 .txt_wrap h2 {padding-left: 0;}
	.main section.page6 a.btn_more {font-size: 1em;right: 0;padding: 15px 18px;}
	.footer_wrap .company_info ul li {font-size: 1em;}
	.footer_wrap .company_info .nobreak:after {content: none;}
	.footer_wrap .company_info .info_title .nobreak:after {content: "";}
	.footer_wrap .company_info .nobreak {display: block;padding-left: 0;margin-left: 0;}
	.footer_wrap .company_info .info_title .nobreak.dv_left {display: inline-block;padding-left: 10px; margin-left: 7px;}
	.footer_wrap .company_info .info_title .nobreak {display: inline-block;}	
	.txt_position p.val_02,
	.txt_position p.val_03 {width: 40%;top: 86%;}
	.box_row {padding: 0 1em;}
	.box_row .box_cell {margin: 2em 0 0;}
	.box_row .box_cell div {padding: 1.5em 1.3em 0.5em;}
	.board_header li {font-size: 1em;}
	.board_body .board_content {padding: 1em;}
	.tabs_wrap .tabs_cont {padding-top: 3em;}
	.tabs_wrap.circle .tabs_title li a.ui-tabs-anchor {font-size: 0.9em;}
	.tabs_wrap.circle .tabs_cont ul li {width: 48%;}
	.lSSlideWrapper {margin-bottom: 2em;}
	.var_01 ul li {font-size: 1em;}
	.var_01 ul li strong {font-size: 2.1em;margin-bottom: 5px;}
	.var_02 {padding: 3em 1em;}
	.var_02 ul.center_list li {font-size: 1.2em;}
	.var_02 ul.center_list li strong {display: block;}
	.var_03 ul li p:after {left: -34%;}
	.var_03 ul li p strong {font-size: 1.3em;}
	.var_03 ul li ul li {font-size: 1em;}
	.var_05 {padding: 4em 1em;}
	.var_05 a {width: 70vw;font-size: 1.6em;}
	.var_05 p strong {display: block;}
	.card_list li {margin: 0.7em 1%;width: 100%;}
	.card_list li strong {width: 100px;height: 100px;font-size: 1.5em;}
	.card_list li ul {height: auto;padding: 3em 1em;}
	.map_wrap {padding-bottom: 3em; }
	.map_wrap #map {height: 90vw;}
	.map_wrap .box {padding: 1.4em 1.5em 1.4em;}
	.map_wrap .box strong {font-size: 2em;}
	.map_wrap .box ul li {font-size: 1.2em;}
	.var_06 ul li:after {top: 26%;border-width: 7px 0 7px 12px;}
/* 	.main section.page1 .txt_wrap.inline-photo.is-visible {top: 39%;} */
	.history_title span {font-size: 1.2em;line-height: 1.3;text-align: center;display:block;padding: 0 2em;}
	.history_title:before {content: none;}
	#subNav.sticky + .contents_wrap .content .inner {padding-top:5em;}
	.main section.page1 .txt_wrap {top:40%;}

}

@media only screen and (max-width: 375px) {
	.footer_wrap .nobreak {white-space: normal;}
	.txt_position p.val_02,
	.txt_position p.val_03 {top: 82%;word-break: break-all;}
	.img_position li {margin: 0.5em 0;}
	.var_01 {padding: 4em 1em;}
	.var_01:before {left: 2em;}
	.var_01 ul li strong {font-size: 2em;}
	.var_01 ul li:before {left: 1em;top: 0.4em;}
	.var_01 ul li:nth-child(odd),
	.var_01 ul li:nth-child(even) {padding: 0 0 0 2.7em;text-align: left;margin-bottom: 2.5em;}
	.var_01 ul li:nth-child(odd) img,
	.var_01 ul li:nth-child(even) img {left: 0;/* transform: scale(0.7);transform-origin: left; */}
	.var_01 ul li:last-child {margin: 0;}
	.var_01 ul li:nth-child(odd) span.f_handwriting {left: 0;right:auto;}
	.var_03 ul li {width: 100%;margin: 1em 0;padding-bottom: 2em;}
	.var_03 ul li p {width: 50vw;height: 50vw;}
	.var_04 ul li {padding-left: 0;}
	.var_05 a {width: 80vw;}
	.var_04 ul li {margin-bottom: 1.5em;text-align:center;}
	.var_04 ul li strong {position: relative;display: block;text-align: center;}
	.var_06 ul li {width: 100%;}
	.var_06 ul li img {padding: 0 1em;}
	.var_06 ul li:after {top: 36%;left: 1em;border-width: 11px 0 11px 16px;}
/* 	.main section.page1 .txt_wrap.inline-photo.is-visible {top: 33%;} */
	.var_06 ul li {padding-bottom:3em;}
	.var_06 ul li:after {border-width: 12px 9px 0 9px;border-color: #0678c6 transparent transparent transparent;top:-2em;left:50%;margin-left:-6px;}
	.var_03 ul li p:after {border-width: 12px 9px 0 9px;border-color: #fff transparent transparent transparent;top:-2em;left:50%;margin-left:-6px;}

}

@media only screen and (max-width: 320px) {
	.tabs_wrap .tabs_title.w_narrow li a.ui-tabs-anchor {font-size: 0.9em;}
	.var_06 ul li img {padding: 0 2em;}
	.main section.page1 .txt_wrap.inline-photo.is-visible {top: 38%;}
	.main section.page1 .txt_wrap {top:27%;}

}