/*
==================================================
 common.css
==================================================
*
* 1.0 - Normalize
*	 1.1 - Override
* 2.0 - Typography
* 3.0 - Elements
*	 3.1 - Links
* 4.0 - Forms
*	 4.1 - Button
* 5.0 - Alignments
* 6.0 - Clearings
* 7.0 - Content
*	 7.1 - Header
*  7.2 - Navigation
*   7.2.1 - Global Navigation
*   7.2.2 - Mobile Navigation
*   7.2.3 - Fixed Menu
*	 7.3 - Contents
*   7.3.1 - Menu List
*   7.3.2 - Visual Navigation
*  7.3 - Footer
* 8.0 - Flex-box
* 9.0 - Waypoints
*
*/

/*
==================================================
 1.0 - Normalize
--------------------------------------------------
 http://necolas.github.com/normalize.css/
*/

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}

body {
	margin: 0;
	}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
	}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
	}

audio:not([controls]) {
	display: none;
	height: 0;
	}

[hidden],
template {
	display: none;
	}

a {
	background-color: transparent;
	}
a:active,
a:hover {
  outline: 0;
	}

abbr[title] {
	border-bottom: 1px dotted;
	}

.strong,
b,
strong {
	font-weight: 700;
	}

small {
	font-size: 80%;
	}

sub,
sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
	}

sup {
	top: -0.5em;
	}

sub {
	bottom: -0.25em;
	}

img {
	border: 0;
	}

svg:not(:root) {
	overflow: hidden;
	}

figure {
	margin: 0;
	}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-o-box-sizing: content-box;
	}

code,
kbd,
pre,
samp {
	font-size: 1em;
	}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	color: inherit;
	font: inherit;
	}

select {
	text-transform: none;
	}

button {
	overflow: visible;
	}

button,
input,
select,
textarea {
	max-width: 100%;
	}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	}

button[disabled],
html input[disabled] {
	opacity: .5;
	cursor: default;
	}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
	}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
	-o-box-sizing: border-box;
	}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
	}

input[type="search"] {
	-webkit-appearance: textfield;
	}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	}

fieldset {
	margin: 0 0 1.75em;
	padding: 0.875em;
	min-width: inherit;
	border: 1px solid #d1d1d1;
	}

fieldset > :last-child {
	margin-bottom: 0;
	}

legend {
	padding: 0;
	border: 0;
	}

textarea {
	overflow: auto;
	vertical-align: top;
	}

optgroup {
	font-weight: bold;
	}

table {
	border-spacing: 0;
	border-collapse: collapse;
	}

td,
th {
	padding: 0;
	}

/*
--------------------------------------------------
 1.1 - Override
--------------------------------------------------
*/




/*
==================================================
 2.0 - Typography
--------------------------------------------------
*/

body,
button,
input,
select,
textarea {
	color: #202020;
	font-size: 14px;
	font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 1.4736842105;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.22;
	text-rendering: optimizeLegibility;
	}

p {
	margin: 0 0 1em;
	}

dfn,
cite,
em,
i {
	font-style: italic;
	}

blockquote {
	overflow: hidden;
	margin: 0 0 1.4736842105em;
	padding: 0 0 0 1.263157895em;
	border: 0 solid #202020;
	border-left-width: 4px;
	color: #686868;
	font-style: italic;
	line-height: 1.4736842105;
	}

blockquote,
q {
	quotes: none;
	}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	}

blockquote p {
	margin-bottom: 1.4736842105em;
	}

blockquote cite,
blockquote small {
	display: block;
	color: #202020;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
	}
blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
	}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
	}

blockquote strong,
blockquote b {
	font-weight: 700;
	}

blockquote > :last-child {
	margin-bottom: 0;
	}

address {
	margin: 0 0 1.75em;
	font-style: italic;
	}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
	}

pre {
	overflow: auto;
	margin: 0 0 1.75em;
	padding: 1.75em;
	max-width: 100%;
	border: 1px solid #d1d1d1;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3125;
	}

code {
	padding: 0.125em 0.25em;
	background-color: #d1d1d1;
	}

abbr,
acronym {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
	}

mark,
ins {
	padding: 0.125em 0.25em;
	background: #007acc;
	color: #fff;
	text-decoration: none;
	}

.large,
big {
	font-size: 125%;
	}

.small {
	font-size: 85%;
	}

.shadow {
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 1px 1px 0px  rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	-o-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	}

.shadow-blur {
	text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 0px 0px 6px  rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
	-o-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
	}

.light-shadow {
	text-shadow: 1px 1px 0px #fff;
	-moz-text-shadow: 1px 1px 0px #fff;
	-webkit-text-shadow: 1px 1px 0px #fff;
	-o-text-shadow: 1px 1px 0px #fff;
	}

.light-shadow-blur {
	text-shadow: 0px 1px 6px #fff;
	-moz-text-shadow: 0px 1px 6px #fff;
	-webkit-text-shadow: 0px 1px 6px #fff;
	-o-text-shadow: 0px 1px 6px #fff;
	}

.serif {
	font-family: "Sawarabi Mincho";
	}

.br:before {
	content: "\A";
	white-space: pre;
	}

@media screen and (max-width: 479px) {
	/* < 480px */

	body,
	button,
	input,
	select,
	textarea {
		}

	}



/*
==================================================
 3.0 - Elements
--------------------------------------------------
*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	}

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

body {
	background: #fff;
	}

hr {
	margin: 1.25em 0;
	height: 1px;
	border: 0;
	background-color: #e9eaea;
	}

ul,
ol {
	margin: 0 0 1.75em 1.25em;
	padding: 0;
	}

ul {
	list-style: disc;
	}

ul.square {
	list-style: square;
	}

ul.inline,
ol.inline {
	margin-left: 0;
	list-style: none;
	}

ul.inline li,
ol.inline li {
	display: inline;
	margin-right: 1em;
	}

ol {
	margin-left: 1.5em;
	list-style: decimal;
	}

ul.unstyle,
ol.unstyle {
	margin-left: 0;
	list-style: none;
	}

li > ul,
li > ol {
	margin-bottom: 0;
	}

dl {
	margin: 0 0 1.75em;
	}

dt {
	font-weight: 700;
	}

dd {
	margin: 0 0 1.75em;
	}

.table {
	overflow: hidden;
	}

.table dl {
	margin: 0 0 1em;
	line-height: 1.6;
	}

.table dt {
	display: inline-block;
	float: left;
	vertical-align: top;
	font-weight: normal;
	}

.table dd {
	display: inline-block;
	float: right;
	margin: 0;
	text-align: right;
	}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	}

del {
	opacity: 0.8;
	}

table,
th,
td {
	border: 1px solid #d1d1d1;
	}

table {
	margin: 20px 0 2.75em;
	max-width: 100%;
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
	border-width: 1px 0 0 1px;
	table-layout: fixed;
	font-size: 90%;
	}

th,
td {
	padding: 0.8em 0.4375em;
	vertical-align: top;
	font-weight: normal;
	line-height: 1.42857143;
	}

th {
	border-width: 0 1px 1px 0;
	background: #1c76c8;
	color: #fff;
	}

td {
	border-width: 0 1px 1px 0;
	background: #e6e6e6;
	}
/* tr:nth-child(even) > td {
	background: #fcfcfc; */

.caption,
p.wp-caption-text {
	padding-top: 1em;
	padding-bottom: 1.5em;
	color: #1c76c8;
	text-align: center;
	line-height: 1.2;
	}

.ind125,
.ind150,
.ind200,
.ind300,
.ind400 {
	position: relative;
	}
.ind125 {
	padding-left: 1.25em !important;
	}
.ind150 {
	padding-left: 1.5em !important;
	}
.ind200 {
	padding-left: 2em !important;
	}
.ind300 {
	padding-left: 3em !important;
	}
.ind400 {
	padding-left: 4em !important;
	}
.ind125 span,
.ind150 span,
.ind200 span,
.ind300 span,
.ind400 span {
	position: absolute;
	left: 0;
	}


/*
--------------------------------------------------
 3.1 - Links
--------------------------------------------------
*/

a {
	color: #1c76c8;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
a:hover,
a:focus,
a:active {
	color: #196cb8;
	}
a:focus {
	outline: thin dotted;
	}
a:hover,
a:active {
	outline: 0;
	}

a.link-external,
a.link-pdf,
a.link-excel,
a.link-word {
	margin-right: 4px;
	padding-right: 22px;
	background-position: 100% 50%;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	}
a.link-external {
	background-image: url("../img/common/ico_link_external_01.png");
	}
a.link-pdf {
	background-image: url("../img/common/ico_link_pdf.png");
	}
a.link-excel {
	background-image: url("../img/common/ico_link_excel.png");
	}
a.link-word {
	background-image: url("../img/common/ico_link_word.png");
	}

a.ul {
	margin-right: 0.25em;
	margin-left: 0.25em;
	border-bottom: 1px dashed #202020;
	}
a.ul:hover,
a.ul:focus,
a.ul:active {
	border-color: #3da5e0;
	}

a.slide img {
	min-width: none;
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}
a.slide:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	}

a.scale img {
	max-width: none;
	height: 360px;
	-webkit-transition: opacity 1s, -webkit-transform 0.5s;
	transition: opacity 1s, transform 0.5s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}
a.scale:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
	}

a.big-arrow span.arrow {
	position: relative;
	display: table;
	margin: 0 auto;
	width: 100%;
	height: 80px;
	background-color: rgba(28, 118, 200, 0.6);
	color: #fff;
	font-size: 105%;
	text-align: center;
	letter-spacing: 0.1em;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
a.big-arrow:hover span.arrow,
a.big-arrow:focus span.arrow,
a.big-arrow:active span.arrow {
	background-color: rgba(28, 118, 200, 0.15);
	color: #1c76c8;
	}
a.big-arrow span.arrow::before {
	position: absolute;
	left: 0;
	width: 40px;
	height: 40px;
	border: 40px solid transparent;
	border-left: 30px solid rgba(255, 255, 255, 0.3);
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	content: "";
	}
a.big-arrow span.arrow span {
	display: table-cell;
	width: auto;
	padding-left: 4%;
	padding-right: 4%;
	vertical-align: middle;
	}


/*
==================================================
 4.0 - Forms
--------------------------------------------------
*/

/*
--------------------------------------------------
 4.1 - Button
--------------------------------------------------
*/

a.btn {
	display: table;
	padding: 0;
	width: 240px;
	height: 60px;
	outline: none;
	border: none;
	background-color: #1c76c8;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}
a.btn:hover,
a.btn:focus,
a.btn:active {
	background-color: #196cb8;
	}

a.btn span {
	display: table-cell;
	padding-right: 4%;
	padding-left: 4%;
	vertical-align: middle;
	}

.btn-blue a.btn {
	margin: auto;
	}

.btn-blue a.btn .ib span {
	display: inline-block;
	padding-left: 12px;
	padding-right: 0;
	background: transparent url("../img/common/ico_arrow_01.png") no-repeat 0 50%;
	}

.btn-white a.btn {
	background-color: #fff;
	}
.btn-white a.btn:hover,
.btn-white a.btn:focus,
.btn-white a.btn:active {
	background-color: transparent;
	}

.btn-gray a.btn {
	border-radius: 0;
	background: #f1f1f1;
	color: #1c76c8;
	}
.btn-gray a.btn:hover,
.btn-gray a.btn:focus,
.btn-gray a.btn:active {
	background: #1c76c8;
	color: #fff;
	}


/*
==================================================
 5.0 - Alignments
--------------------------------------------------
*/

.pull-l {
	float: left !important;
	}

.pull-r {
	float: right !important;
	}

.center-block {
	display: block;
	clear: both;
	margin: 0 auto;
	}

.text-hide {
	border: 0;
	background-color: transparent;
	color: transparent;
	text-shadow: none;
	font: 0/0 a;
	}

.text-l {
	text-align: left !important;
	}

.text-r {
	text-align: right !important;
	}

.text-c {
	text-align: center !important;
	}

.text-just {
	text-align: justify;
	}

.alignleft {
	text-align: left;
	}

.aligncenter {
	display: block;
	margin: 1px auto;
	}

.alignright {
	display: block;
	margin: 1px 1px 1px auto;
	}

.vertical-c {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}



/*
==================================================
 6.0 - Clearings
--------------------------------------------------
*/

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after,
.table dl:before,
.table dl:after,
blockquote:before,
blockquote:after {
	display: table;
	content: "";
	}
.clearfix:after,
.container:after,
.row:after,
.table dl:after,
blockquote:after {
	clear: both;
	}



/*
==================================================
 7.0 - Content
--------------------------------------------------
*/

.position-r {
	position: relative;
	}

.hide {
	display: none !important;
	}

.show {
	display: block !important;
	}

.inline-block {
	display: inline-block !important;
	}

.invisible {
	visibility: hidden;
	}

.hidden {
	display: none !important;
	visibility: hidden !important;
	}

@media (max-width: 767px) {
	/* < 768px */

	.hidden-xs {
		display: none !important;
		}

	}

@media (min-width: 768px) and (max-width: 991px) {
	/* 768px - 979px */

	.hidden-sm {
		display: none !important;
		}

	}

@media (min-width: 980px) and (max-width: 1199px) {
	/* 980px - 1199px */

	.hidden-md {
		display: none !important;
		}

	}

@media (min-width: 1200px) {
	/* > 1200px */

	.hidden-lg {
		display: none !important;
		}

	}

.affix {
	position: fixed;
	}

.site {
	position: relative;
	overflow: hidden;
	min-height: 100%;
	width: 100%;
	height: auto !important;
	height: 100%;
	}
.site::after {
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	width: 10px;
	height: 100%;
	background-color: #1c76c8;
	content: "";
	}

.container {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	min-width: 320px;
	width: 1200px;
	}

@media screen and (max-width: 1199px) {
	/* < 1200px */

	.container {
		width: 100%;
		}

	}

@media screen and (max-width: 991px) {
	/* < 992px */

	.container {
		padding: 0 2%;
		}

	}

@media screen and (max-width: 767px) {
	/* < 768px */

	.site::after {
		position: relative;
		background: none;
		}

	.container {
		padding: 0 4%;
		}

	}

.bg-white {
	background-color: #fff;
	}

.bg-gray {
	background-color: #f1f1f1;
	}

.bg-blue {
	background-color: #1c76c8;
	color: #fff;
	}

.row {
	margin-right: -15px;
	margin-left: -15px;
	}

.fluid {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	}

.col,
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
	position: relative;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	min-height: 1px;
	width: 100%;
	}

.col1 {
	width: 8.33333%;
	}

.col2 {
	width: 16.66667%;
	}

.col3 {
	width: 25%;
	}

.col4 {
	width: 33.33333%;
	}

.col5 {
	width: 41.66667%;
	}

.col6 {
	width: 50%;
	}

.col7 {
	width: 58.33333%;
	}

.col8 {
	width: 66.66667%;
	}

.col9 {
	width: 75%;
	}

.col10 {
	width: 83.33333%;
	}

.col11 {
	width: 91.66667%;
	}

.col12 {
	float: none;
	width: 100%;
	}

@media screen and (max-width: 767px) {
	/* < 768px */

	.fluid,
	.col1,
	.col2,
	.col4,
	.col5,
	.col6,
	.col7,
	.col8,
	.col9,
	.col10,
	.col11,
	.col12 {
		padding-right: 4%;
		padding-left: 4%;
		width: 100%;
		}

	.col3 {
		width: 50%;
		}

	}

.margin-top {
	margin-top: 1em !important;
	}

.margin-bottom {
	margin-bottom: 40px !important;
	}

.padding-top {
	padding-top: 1em !important;
	}

.no-margin {
	margin: 0 !important;
	}

.no-margin-top {
	margin-top: 0 !important;
	}

.no-padding {
	padding: 0 !important;
	}

.no-padding-l {
	padding-left: 0 !important;
	}

.no-padding-r {
	padding-right: 0 !important;
	}

.img-box img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	}

.img-box .caption {
	display: block;
	}

.fit-pic {
	position: relative;
	overflow: hidden;
	}

.fit-pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	}
.fit-pic img.img-w  {
	width: auto;
	height: 100%;
	}
.fit-pic img.img-h {
	width: 100%;
	height: auto;
	}

.ib span {
	display: inline-block;
	}

@media screen and (max-width: 479px) {
	/* < 480px */

	.col3 {
		width: 100%;
		}

	}


/*
--------------------------------------------------
 7.1 - Header
--------------------------------------------------
*/

#header {
/*
	position: relative;
*/
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100px;
	border-bottom: 1px solid rgba(28, 118, 200, 0.5);
	background: rgba(255, 255, 255, 0.95);
	}

.hdr-logo {
	position: relative;
	margin: 0;
	}

.hdr-logo a {
	position: absolute;
	top: 20px;
	left: 50px;
	width: 404px;
	height: 62px;
	cursor: pointer;
	}

.hdr-logo-01 {
	display: block;
/*
	width: 360px;
	height: 60px;
*/
	}

.hdr-logo-02 {
	position: absolute;
	top: 40px;
	left: 430px;
	width: 200px;
	height: 20px;
	}

.hdr-wrapper {
	height: 100px;
	}

@media screen and (max-width: 1450px) {
	/* < 1600px */

	.hdr-logo a {
		top: 30px;
		width: 290px;
		height: 44px;
/*
		top: 40px;
*/
		}

	.hdr-logo-01 {
/*
		width: 288px;
		height: 48px;
*/
		}

	.hdr-logo-02 {
		top: 15px;
		left: 52px;
		width: 180px;
		height: 18px;
		}

	}

@media screen and (max-width: 1365px) {
	/* < 1366px */

	.hdr-logo a,
	.hdr-logo-01 {
/*
		width: 252px;
		height: 42px;
*/
		}

	.hdr-logo-02 {
		top: 18px;
		width: 160px;
		height: 16px;
		}

	}

@media screen and (max-width: 991px) {
	/* < 992px */

	.hdr-logo a,
	.hdr-logo-02 {
		left: 30px;
		}

	}

@media screen and (max-width: 639px) {
	/* < 640px */

	#header {
		height: 60px;
		}

	.hdr-logo a {
		top: 17px;
		left: 20px;
		width: 180px;
		height: 27px;
		}

	.hdr-logo-01 {
/*
		width: 180px;
		height: 30px;
*/
		}

	.hdr-logo-02 {
		top: 7px;
		left: 20px;
		width: 110px;
		height: 11px;
		}

	.hdr-wrapper {
		height: 60px;
		}

	}

@media screen and (max-width: 479px) {
	/* < 480px */

	.hdr-logo a,
	.hdr-logo-02 {
		left: 10px;
		}

	}

@media screen and (max-width: 374px) {
	/* < 375px */

	#header {
		height: 50px;
		}

	.hdr-logo a {
		top: 14px;
		left: 10px;
		width: 162px;
		height: 27px;
		}

	.hdr-logo-01 {
/*
		width: 162px;
		height: 27px;
*/
		}

	.hdr-logo-02 {
		top: 5px;
		left: 10px;
		width: 100px;
		height: 10px;
		}

	.hdr-wrapper {
		height: 50px;
		}

	}


/*
--------------------------------------------------
 7.2 - Navigation
--------------------------------------------------
*/

/* 7.2.1 - Global Navigation
-------------------------------------------------- */
.gnav {
	display: block;
	padding: 60px 240px 0 0;
	text-align: right;
	}

.gnav ul {
	margin: 0;
	}

.gnav li {
	display: inline-block;
	margin-right: 10px;
	font-size: 95%;
	width: auto;
	}

.gnav a {
	z-index: 10550;
	cursor: pointer;
	}

.hdr-contact {
	position: absolute;
	top: 0;
	right: 0;
	}

.hdr-contact dl,
.hdr-contact dd {
	margin: 0;
	}

.hdr-contact .hl {
	display: none;
	}
	
.hdr-contact-form {
	position: absolute;
	top: 0;
	right: 0;
	}

.hdr-contact-form a {
	display: table;
	width: 240px;
	height: 100px;
	background-color: #1c76c8;
	color: #fff;
	text-align: center;
	font-size: 120%;
	}
.hdr-contact-form a:hover,
.hdr-contact-form a:focus,
.hdr-contact-form a:active {
	background-color: #196cb8;
	}

.hdr-contact-form a span {
	display: table-cell;
	vertical-align: middle;
	}

.hdr-contact-tel {
	position: absolute;
	top: 10px;
	right: 420px;
	text-align: right;
	}

.hdr-contact-tel a {
	display: inline-block;
	padding-left: 24px;
	background: url("../img/common/ico_tel_01.png") no-repeat 0 50%;
	background-size: 16px 16px;
	}

.hdr-contact-tel a span {
	white-space: nowrap;
	letter-spacing: 0.1em;
	font-size: 200%;
	}

#google_translate_element {
	position: absolute;
	top: 17px;
	right: 260px;
	}

.hdr-social {
	position: absolute;
	width: 180px;
	top: 0;
	right: 0;
	height: 100%;
	padding: 0 20px;
	}

.hdr-social .unit {
	text-align: center;
	background-image: url(../img/common/bg_social_circle.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 43px 43px;
	transition: all 0.3s;
	}
.hdr-social .unit:hover {
	opacity: 0.5;
	}

.hdr-social .unit a {
	display: block;
	height: 100%;
	padding-top: 34px!important;
	}

@media screen and (max-width: 1365px) {
	/* < 1366px */

	.gnav {
		padding-right: 200px;
		}

	.hdr-contact-form a {
		width: 200px;
		font-size: 110%;
		}

	.hdr-contact-tel {
		right: 380px;
		}

	#google_translate_element {
		right: 220px;
		}

	.hdr-social {
		width: 200px;
		padding: 0 10px;
		}	

	}

@media screen and (max-width: 1279px) {
	/* < 1280px */

	.gnav {
		display: none;
		margin: 0;
		padding: 0;
		width: 100%;
		}

/*
	.hdr-contact {
		right: 100px;
		width: 201px;
		height: 100px;
		}
*/
	.hdr-contact {
		right: 100px;
		width: 150px;
		height: 100px;
		}

/*
	.hdr-contact .hl {
		margin: 0;
		width: 201px;
		height: 30px;
		background-color: #919191;
		color: #fff;
		text-align: center;
		line-height: 30px;
		}
*/
	.hdr-contact .hl {
		display: block;
		margin: 0;
		width: 150px;
		height: 30px;
		background-color: #919191;
		color: #fff;
		text-align: center;
		line-height: 30px;
		}

	.hdr-contact-form {
		top: 31px;
		width: 100px;
		}

	.hdr-contact-form a {
		width: 100px;
		height: 69px;
		background-image: url("../img/common/ico_mail.png");
		background-position: 50% 50%;
		background-size: 32px 32px;
		background-repeat: no-repeat;
		}

	.hdr-contact-form a span {
		display: none;
		}

/*
	.hdr-contact-tel {
		top: 31px;
		right: 101px;
		width: 100px;
		}
*/
	.hdr-contact-tel {
		top: 31px;
		right: 0;
		width: 100%;
		}

	.hdr-contact-tel a {
		width: 100px;
		height: 69px;
		background-image: url("../img/common/ico_tel_02.png");
		background-position: 50% 50%;
		background-size: 32px 32px;
		}

/*
	.hdr-contact-tel a {
		display: block;
		width: 100px;
		width: 100%;
		height: 69px;
		background-color: #1c76c8;
		}
*/
	.hdr-contact-tel a {
		display: block;
		width: 100%;
		height: 69px;
		background-color: #1c76c8;
		}
	.hdr-contact-tel a:hover,
	.hdr-contact-tel a:focus,
	.hdr-contact-tel a:active {
		background-color: #196cb8;
		}

	.hdr-contact-tel a span {
		display: none;
		}

	#google_translate_element {
		top: 35px;
		right: auto;
		left: 20px;
		}

	.hdr-social {
		display: none!important;
		}	

	}
	
@media screen and (max-width: 639px) {
	/* < 640px */

	.hdr-contact {
		right: 60px;
		width: 101px;
		height: 60px;
		}

	.hdr-contact .hl {
		width: 101px;
		height: 20px;
		font-size: 9px;
		line-height: 20px;
		}

	.hdr-contact-form {
		top: 21px;
		width: 50px;
		}

	.hdr-contact-form a {
		width: 50px;
		height: 39px;
		background-size: 16px 16px;
		}

/*
	.hdr-contact-tel {
		top: 21px;
		right: 51px;
		width: 50px;
		}
*/
	.hdr-contact-tel {
		top: 21px;
		right: 0;
		width: 100%;
		}

/*
	.hdr-contact-tel a {
		width: 50px;
		height: 39px;
		background-size: 16px 16px;
		}
*/
	.hdr-contact-tel a {
		height: 39px;
		background-size: 16px 16px;
		}

	#google_translate_element {
		top: 15px;
		}


	}

@media screen and (max-width: 374px) {
	/* < 375px */

	.hdr-contact {
		right: 50px;
		width: 81px;
		height: 50px;
		}

	.hdr-contact .hl {
		width: 81px;
		font-size: 7px;
		}

	.hdr-contact-form {
		width: 40px;
		}

	.hdr-contact-form a {
		width: 40px;
		height: 29px;
		}

/*
	.hdr-contact-tel {
		right: 41px;
		width: 40px;
		}
*/
	.hdr-contact-tel {
		right: 0;
		width: 100%;
		}

/*
	.hdr-contact-tel a {
		width: 40px;
		height: 29px;
		}
*/
	.hdr-contact-tel a {
		width: 100%;
		height: 29px;
		}

	#google_translate_element {
		top: 12px;
		}

	}

/* 7.2.2 - Mobile Navigation
-------------------------------------------------- */
.btn-mobile-menu {
	position: absolute;
	top: 26px;
	right: 26px;
	z-index: 11000;
	display: none;
	width: 48px;
	height: 48px;
	text-align: center;
	}

.modal-menu {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 11000;
	overflow: hidden;
	padding-top: 100px;
	width: 100%;
	height: auto;
	background: #fff;
	}

.modal-menu li {
	position: relative;
	top: 0;
	right: inherit !important;
	margin: 0;
	width: 100%;
	height: 60px;
	}

.modal-menu li a {
	display: block;
	width: 100%;
	height: 60px;
	border-top: 1px solid #1c76c8 !important;
	background: #fff;
	text-align: center;
	font-size: inherit;
	line-height: 60px;
	cursor: pointer;
	}
.modal-menu li a:hover,
.modal-menu li a:focus,
.modal-menu li a:active {
	background: #fff;
	}
.modal-menu li.current a {
	border: none;
	background: #f0f1f3;
	cursor: default;
	}

.modal-menu span {
	width: 100%;
	height: 60px;
	}

.modal-pane {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10500;
	display: none;
	width: 100%;
	height: 120%;
	background: rgba(0, 0, 0, 0.5);
	}

.c-hamburger {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 48px;
	height: 48px;
	border: none;
	box-shadow: none;
	text-indent: -9999px;
	font-size: 0;
	cursor: pointer;
	transition: background 0.3s;
	appearance: none;
	}
.c-hamburger:focus {
	outline: none;
	}

.c-hamburger span {
	position: absolute;
	top: 22px;
	right: 5px;
	left: 5px;
	display: block;
	height: 4px;
	background: #333;
	}
.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 4px;
	background-color: #333;
	content: "";
	}
.c-hamburger span::before {
	top: -14px;
	}
.c-hamburger span::after {
	bottom: -14px;
	}

.c-hamburger--htx {
	background-color: transparent;
	}

.c-hamburger--htx span {
	transition: background 0s 0.3s;
	}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	transition-delay: 0.3s, 0s;
	transition-duration: 0.3s, 0.3s;
	}
.c-hamburger--htx span::before {
	transition-property: top, transform;
	}
.c-hamburger--htx span::after {
	transition-property: bottom, transform;
	}

.c-hamburger--htx.is-active {
	background-color: transparent;
	}
.c-hamburger--htx.is-active span {
	background: none;
	}
.c-hamburger--htx.is-active span::before {
	top: 0;
	transform: rotate(45deg);
	}
.c-hamburger--htx.is-active span::after {
	bottom: 0;
	transform: rotate(-45deg);
	}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
	transition-delay: 0s, 0.3s;
	}

@media screen and (max-width: 1279px) {
	/* < 1280px */

	.btn-mobile-menu {
		display: block;
		}

	}

@media screen and (max-width: 639px) {
	/* < 640px */

	.modal-menu {
		padding-top: 60px;
		}

	.btn-mobile-menu {
		top: 14px;
		right: 14px;
		width: 32px;
		height: 32px;
		}

	.c-hamburger {
		width: 32px;
		height: 32px;
		}

	.c-hamburger span {
		top: 15px;
		height: 2px;
		}
	.c-hamburger span::before,
	.c-hamburger span::after {
		height: 2px;
		}
	.c-hamburger span::before {
		top: -7px;
		}
	.c-hamburger span::after {
		bottom: -7px;
		}

	}

@media screen and (max-width: 374px) {
	/* < 375px */

	.modal-menu {
		padding-top: 50px;
		}

	.btn-mobile-menu {
		top: 9px;
		right: 9px;
		}

	}


/* 7.2.3 - Fixed Menu
-------------------------------------------------- */

@media screen and (max-width: 991px) {
	/* < 992px */

	#fixed-menu {
		display: none !important;
		}

	}


/*
--------------------------------------------------
 7.3 - Contents
--------------------------------------------------
*/

.contents {
	position: relative;
	padding-top: 100px;
	}

.inner {
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 50px;
	width: 80%;
	}

.box {
	margin: 20px auto;
	padding: 40px 60px;
	border: 1px solid #1c76c8;
	}

.hl {
	line-height: 1.4736842105;
	}

.sec-hl {
	color: #1c76c8;
	letter-spacing: 0.12em;
	font-weight: normal;
	font-size: 150%;
	}

.bg-3dots {
	padding-bottom: 20px;
	background: url("../img/common/bg_3dots.png") no-repeat 50% 100%;
	}

.bg-ul {
	display: inline;
	background: linear-gradient(transparent 60%, #c9def2 0%);
	}

@media screen and (max-width: 991px) {
	/* < 992px */

	.box {
		padding: 40px 30px;
		}

	}

@media screen and (max-width: 767px) {
	/* < 768px */

	}

@media screen and (max-width: 639px) {
	/* < 640px */

	.contents {
		padding-top: 60px;
		}

	}

@media screen and (max-width: 479px) {
	/* < 480px */

	.inner {
		padding: 30px 8%;
		width: 100%;
		}

	}

@media screen and (max-width: 374px) {
	/* < 375px */

	.contents {
		padding-top: 50px;
		}

	}


/* 7.3.1 - Menu List
-------------------------------------------------- */

.menu-list .col3 {
	padding: 0 1px 1px 0;
	}

.menu-list a.btn {
	width: 100%;
	height: 80px;
	}

.menu-list a.btn .ib span {
	display: inline-block;
	padding-left: 12px;
	padding-right: 0;
	background: transparent url("../img/common/ico_arrow_03.png") no-repeat 0 50%;
	}
.menu-list a.btn:hover .ib span,
.menu-list a.btn:focus .ib span,
.menu-list a.btn:active .ib span {
	background-image: url("../img/common/ico_arrow_01.png");
	}


/* 7.3.2 - Visual Navigation
-------------------------------------------------- */

.visual-nav li {
	padding: 0;
	}

.visual-nav a {
	position: relative;
	display: block;
	width: -webkit-calc(100% - 1px);
	width: calc(100% - 1px);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	font-size: 120%;
	text-align: center;
	}

.visual-nav .nav1 a {
	margin-bottom: 1px;
	padding-top: 200px;
	height: 380px;
	}
.visual-nav .nav-firstvisit a {
	background-image: url("../img/home/pic_visual_nav_01.jpg");
	}
.visual-nav .nav-about a {
	background-image: url("../img/home/pic_visual_nav_02.jpg");
	}
.visual-nav .nav-menu a {
	background-image: url("../img/home/pic_visual_nav_03.jpg");
	}

.visual-nav .nav1 a img {
	position: absolute;
	top: 125px;
	left: 50%;
	margin-left: -75px;
	}

.visual-nav a.big-arrow span.arrow {
	width: 70%;
	}
.visual-nav a.big-arrow:hover span.arrow,
.visual-nav a.big-arrow:focus span.arrow,
.visual-nav a.big-arrow:active span.arrow {
	background-color: rgba(255, 255, 255, 0.3);
	}

.visual-nav .nav2 a {
	display: table;
	min-height: 300px;
	height: auto;
	letter-spacing: 0.1em;
	}
.visual-nav .nav-faq a {
	background-image: url("../img/home/pic_visual_nav_04.jpg");
	}
.visual-nav .nav-access a {
	background-image: url("../img/home/pic_visual_nav_05.jpg");
	}

.visual-nav .nav2 a .ib {
	display: table-cell;
	width: 100%;
	height: 100%;
	background-color: rgba(28, 118, 200, 0.3);
	color: #fff;
	vertical-align: middle;
	text-align: center;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.visual-nav .nav2 a:hover .ib,
.visual-nav .nav2 a:focus .ib,
.visual-nav .nav2 a:active .ib {
	background-color: rgba(255, 255, 255, 0.3);
	color: #1c76c8;
	}

.visual-nav .nav2 a .ico {
	display: inline-block;
	padding-left: 64px;
	padding-right: 0;
	height: 48px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	line-height: 48px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.visual-nav .nav-faq a .ico {
	background-image: url("../img/common/ico_faq_01.png");
	}
.visual-nav .nav-access a .ico {
	background-image: url("../img/common/ico_access_01.png");
	}
.visual-nav .nav-faq a:hover .ico,
.visual-nav .nav-faq a:focus .ico,
.visual-nav .nav-faq a:active .ico {
	background-image: url("../img/common/ico_faq_02.png");
	}
.visual-nav .nav-access a:hover .ico,
.visual-nav .nav-access a:focus .ico,
.visual-nav .nav-access a:active .ico {
	background-image: url("../img/common/ico_access_02.png");
	}

.visual-nav .nav-access .add {
	position: absolute;
	top: 65%;
	left: 0;
	width: 100%;
	background: none;
	}

.visual-nav .note {
	background-color: #1c76c8;
	color: #fff;
	}

.visual-nav .note .sec-hl {
	margin-bottom: 20px;
	color: #fff;
	}

.visual-nav .note p {
	line-height: 2.2;
	}

@media screen and (max-width: 767px) {
	/* < 768px */

	.visual-nav .nav2 a {
		margin-bottom: 1px;
		height: 300px;
		}

	}


/*
--------------------------------------------------
 7.5 - Footer
--------------------------------------------------
*/

.footer {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background-color: #1c76c8;
	color: #a9cbea;
	}

#ftr-info {
	background-color: #e6f0f9;
	color: #202020;
	font-size: 105%;
	}

#ftr-info .sec-hl {
	margin-bottom: 40px;
	}

#ftr-info .shotdesc {
	color: #1c76c8;
	font-size: 120%;
	}

#ftr-info .table dt {
	width: 25%;
	}

#ftr-info .table dd {
	width: 75%;
	text-align: left;
	}

#ftr-info table,
#ftr-info th,
#ftr-info td {
	border-color: #e6f0f9;
	}

#ftr-access {
	padding: 0;
	}

#ftr-access .map-area {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: #e6f0f9;
	}

#ftr-access #map {
	width: 100% !important;
	height: 100% !important;
	}

#ftr-contact {
	margin: 0;
	padding: 80px 0 30px;
	color: #202020;
	}

#ftr-contact .hl {
	margin: -50px auto 40px;
	color: #1c76c8;
	letter-spacing: 0.12em;
	}

#ftr-contact .hl span {
	display: inline-block;
	padding: 0 80px;
	background: #fff;
	color: #1c76c8;
	letter-spacing: 0.2em;
	font-size: 110%;
	}

/*
#ftr-contact-tel {
	padding-left: 128px;
	border-right: 1px solid #e6e6e6;
	background: url("../img/common/ico_ftr_tel.png") no-repeat 32px 50%;
	background-size: 64px 64px;
	}
*/
	
#ftr-contact-tel p.tel-note {
	text-align: center;
	}
#ftr-contact-tel .tel-info {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 128px;
	background: url("../img/common/ico_ftr_tel.png") no-repeat 32px 50%;
	background-size: 60px 60px;
	width: 400px;
	}

#ftr-contact-tel .hl {
	margin: 0 0 1em;
	}

#ftr-contact-tel a span {
	letter-spacing: 0.1em;
	font-size: 200%;
	line-height: 1;
	}

#ftr-contact-form {
	padding-left: 128px;
	background: url("../img/common/ico_ftr_mail.png") no-repeat 32px 50%;
	background-size: 64px 64px;
	}

#ftr-contact-form a.btn {
	width: 100%;
	height: 100%;
	}

.footer .footer-wrapper {
	position: relative;
	padding: 70px 0;
	}

.footer .ftr-logo {
	margin-bottom: 60px;
	padding-bottom: 20px;
	border-bottom: 1px solid #a9cbea;
	text-align: center;
	}

.ftr-nav ul {
	float: left;
	margin-left: 0;
	width: 18%;
	list-style: none;
	}
.ftr-nav ul.nav-3 {
	width: 22%;
	}
.ftr-nav ul.nav-sns {
	width: 24%;
	text-align: right;
	}

.ftr-nav li {
	margin-bottom: 1em;
	padding: 0 0 0 12px;
	background: url("../img/common/ico_arrow_01.png") no-repeat 0 50%;
	}

.ftr-nav ul.nav-sns li {
	display: inline-block;
	margin-left: 20px;
	padding: 0;
	width: 42px;
	height: 42px;
	background: none;
	}

.ftr-nav ul.nav-sns li a {
	display: block;
	width: 42px;
	height: 42px;
	border: 1px solid #a9cbea;
	border-radius: 50%;
	text-align: center;
	line-height: 38px;
	}
.ftr-nav ul.nav-sns li a:hover,
.ftr-nav ul.nav-sns li a:focus,
.ftr-nav ul.nav-sns li a:active {
	border-color: #fff;
	}

.ftr-nav ul ul {
	padding-top: 1em;
	width: 100%;
	font-size: 90%;
	}

.ftr-nav ul ul li {
	background-image: url("../img/common/ico_arrow_02.png");
	}

.ftr-nav a {
	color: #a9cbea;
	}
.ftr-nav a:hover,
.ftr-nav a:focus,
.ftr-nav a:active {
	color: #fff;
	}

a#pagetop {
	position: absolute;
	top: -42px;
	right: 0;
	width: 85px;
	height: 85px;
	background-color: rgba(255, 255, 255, 0.75);
	text-align: center;
	line-height: 85px;
	}
a#pagetop:hover,
a#pagetop:focus,
a#pagetop:active {
	background-color: #fff;
	}

.footer .copyright {
	margin: 0;
	padding-bottom: 170px;
	text-align: center;
	font-size: 90%;
	}

@media screen and (max-width: 991px) {
	/* < 992px */

	.ftr-nav ul.nav-sns li {
		margin-left: 10px;
		}

	}

@media screen and (max-width: 767px) {
	/* < 768px */

	#ftr-access {
		height: 320px;
		}

	#ftr-contact-tel,
	#ftr-contact-form {
		padding-left: 96px;
		background-size: 48px 48px;
		}

/*
	#ftr-contact-tel {
		margin-bottom: 30px;
		border: none;
		}
*/
	#ftr-contact-tel {
		padding-left: 0;
		margin-bottom: 0;
		border: none;
		}

	#ftr-contact-form a.btn {
		height: 96px;
		}

	.ftr-nav ul.nav-4 {
		width: 100%;
		text-align: center;
		}

	.ftr-nav ul.nav-4 li {
		display: inline-block;
		}

	}

@media screen and (max-width: 479px) {
	/* < 480px */

	#ftr-contact .hl span {
		padding: 0 40px;
		}

/*
	#ftr-contact-tel,
	#ftr-contact-form {
		padding-left: 64px;
		background-position: 0 50%;
		}
*/

	#ftr-contact-tel .tel-info {
		background-position: 0 50%;
		padding-left: 90px;
		width: 100%;
		}

	#ftr-contact-tel a span {
		font-size: 180%;
		}

	a#pagetop {
		top: -21px;
		width: 42px;
		height: 42px;
		line-height: 42px;
		}

	a#pagetop img {
		width: 28px;
		height: 28px;
		}

	}

@media screen and (max-width: 374px) {
	/* < 375px */

	#ftr-contact .hl span {
		padding: 0 20px;
		}

/*
	#ftr-contact-tel,
	#ftr-contact-form {
		padding-left: 48px;
		background-size: 32px 32px;
		}
*/
	#ftr-contact-tel .tel-info {
		padding-left: 48px;
		background-size: 32px 32px;
		width: 100%;
		}
		#ftr-contact-tel .tel-info .time {
			margin-bottom: 5px;
			}

	#ftr-contact-tel a span {
		font-size: 170%;
		}


	}



/*
==================================================
 8.0 - Flex-box
--------------------------------------------------
*/

.flex-4,
.flex-3,
.flex-2 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	justify-content: space-between;
	}

.flex-4 .unit,
.flex-3 .unit,
.flex-2 .unit {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	-ms-flex-flow: column;
	flex-flow: column;
	}

.flex-4 .unit ul li,
.flex-4 .unit ol li,
.flex-3 .unit ul li,
.flex-3 .unit ol li,
.flex-2 .unit ul li,
.flex-2 .unit ol li {
	width: 100%;
	text-align: left;
	}

.flex-4 li,
.flex-4 .unit {
	width: 25%;
	}

.flex-3 li,
.flex-3 .unit {
	width: 33.333%;
	}

.flex-2 li,
.flex-2 .unit {
	width: 50%;
	}

.flex-pic {
	background-position: center center;
	background-size: cover;
	}


/* 特殊サイズ */
.doctor-nav .flex-2 .flex-pic {
	width: 40%;
	}
.doctor-nav .flex-2 .note {
	width: 60%;
	}

@media screen and (max-width: 991px) {
	/* < 992px */

	.flex-4 li,
	.flex-4 .unit,
	.flex-3 li,
	.flex-3 .unit,
	.flex-2 li,
	.flex-2 .unit {
		width: 50%;
		}

	}

@media screen and (max-width: 767px) {
	/* < 768px */

	.flex-4,
	.flex-3,
	.flex-2 {
		align-items: center;
		justify-content: center;
		}

	.flex-4 li,
	.flex-4 .unit,
	.flex-3 li,
	.flex-3 .unit,
	.flex-2 li,
	.flex-2 .unit {
		width: 100%!important;
		}

	.flex-pic {
		height: 300px;
		}

	}


/*
==================================================
 9.0 - Waypoints
--------------------------------------------------
*/

.animated {
	visibility: visible !important;
	}

.delay {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
	}

.delay-1 {
	-webkit-animation-delay: 0.75s;
	animation-delay: 0.75s;
	}

.delay-2 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	}

.delay-3 {
	-webkit-animation-delay: 1.25s;
	animation-delay: 1.25s;
	}