@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300;400;500;700&display=swap");
/* ==========================================================================
   Reset
========================================================================== */
/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model */
/* ============================================ */
* {
	box-sizing: border-box;
}

::before,
::after {
	box-sizing: inherit;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
.wrapper {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	-webkit-tap-highlight-color: transparent;
	/* 3*/
	overflow-x: hidden;
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
	margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
.wrapper ul,
.wrapper ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Lists (definition) */
/* ============================================ */
.wrapper dt {
	font-weight: bold;
}

.wrapper dd {
	margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
.wrapper hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
	border: 0;
	border-top: 1px solid;
	margin: 0;
	clear: both;
	color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
.wrapper pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: inherit;
	/* 2 */
}

.wrapper address {
	font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	text-decoration: underline dotted;
	/* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
.wrapper code,
.wrapper kbd,
.wrapper samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: inherit;
	/* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
.wrapper small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
.wrapper sub,
.wrapper sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

.wrapper sub {
	bottom: -0.25em;
}

.wrapper sup {
	top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
	vertical-align: bottom;
}

.wrapper embed,
.wrapper object,
.wrapper iframe {
	border: 0;
	vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
	-webkit-appearance: none;
	appearance: none;
	vertical-align: middle;
	color: inherit;
	font: inherit;
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	outline: 0;
	border-radius: 0;
	text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type="checkbox"] {
	-webkit-appearance: checkbox;
	appearance: checkbox;
}

[type="radio"] {
	-webkit-appearance: radio;
	appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
	cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
	display: none;
}

/**
 * Remove padding
 */
.wrapper option {
	padding: 0;
}

/**
 * Reset to invisible
 */
.wrapper fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
.wrapper legend {
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
.wrapper progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
.wrapper textarea {
	overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type="search"] {
	outline-offset: -2px;
	/* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/**
 * Clickable labels
 */
label[for] {
	cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
.wrapper details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
.wrapper summary {
	display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
	outline: none;
}

/* Table */
/* ============================================ */
.wrapper table {
	border-collapse: collapse;
	border-spacing: 0;
}

.wrapper caption {
	text-align: left;
}

.wrapper td,
.wrapper th {
	vertical-align: top;
	padding: 0;
}

.wrapper th {
	text-align: left;
	font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
.wrapper template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* ==========================================================================
   Variable
========================================================================== */
/* color */
/* width */
/* ==========================================================================
   Base
========================================================================== */
* {
	font-size: 100%;
}

.wrapper {
	color: #000;
	font-family: 'M PLUS 1p', sans-serif;
}

a {
	text-decoration: none;
}

.wrapper a {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.wrapper a:after {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.wrapper a:hover {
	opacity: .7;
}

.wrapper img {
	width: 100%;
}

/* ==========================================================================
   Mixin
========================================================================== */
/* ==========================================================================
   Common
========================================================================== */
.wrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

/* ==========================================================================
   Utility
========================================================================== */
.u-none_pc {
	display: none;
}

.u-none_sp {
	display: block;
}


#header_t {
	position: -webkit-sticky;
    position: sticky;
	display: block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin: 0;
	width:100%;
	padding:0;
	background-color:#FEB800;
	border-bottom:5px solid #133C94;
	}
	
#header{display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin: 0 auto;
	width:100%;
	max-width:1220px;
	padding:0 10px;
}
	
#site-logo,
#site-logo_r {
	max-width: 100%;
	padding:0;
	margin:0;
	font-size:14px;
	}

#site-logo {
	float: left;
	display: inline-block;
	padding:5px 0 10px;
	margin:0;
	}
	
#site-logo a{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin:0;
	padding:0;
	}

.postman {
	float: left;
	display: inline-block;
	}

#site-logo a .logo_icon{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:0;
	margin:0;
	width:86px;
}

#site-logo a .logo{
	width:86px;
}


#site-logo a .logo_text{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:10px 0 0;
	margin:0;
}

#site-logo a .logo_text span,#site-logo a .logo_text h1{
	padding:10px 0 0;
	line-height:1;
	font-size:13px;
	color:#0B388B;
	text-align:left;
	font-weight:bold;
	}

#site-logo a .logo_text img{
	display:block;
	margin:0;
}

#site-logo_r {
	padding: 40px 0 0;
	float: right;
	display: inline-block;
	margin:0;
	}
	
.for_ipad_l{ padding:0 0 0 10px!important}
	
.for_ipad_r{ padding:5px 0!important}
	
#site-logo_r .link{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:0;
	margin:0 0 0 20px;
	float:right;
	}
	
#site-logo_r .link a{
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:2px 0;
	margin:0;
	background-color:#03328E;
	color:#FFF;
	text-align:center;
	font-size:9px;
	line-height:1;
	letter-spacing:0em;
	}
#site-logo_r .fa-lock,#site-logo_r .fa-unlock{
	display:block;
	font-size:20px;
	text-align:center;
	padding:5px 0 5px;
	margin:0 auto;
	text-align:center;
}

#site-logo_r .fa-cart-arrow-down{
	display:block;
	font-size:26px;
	text-align:center;
	padding:1px 0 3px;
	margin:0 auto;
	text-align:center;
}

#site-logo_r .fa-envelope{
	display:block;
	font-size:24px;
	text-align:center;
	padding:3px 0 3px;
	margin:0 auto;
	text-align:center;
}

#site-logo_r .link a:hover{
	background-color:#05659F;
	}

/* =グローバルメニューのカスタマイズ
-------------------------------------------------------------- */
#site-navigation,
#site-sub-navigation {
	position: relative;
	z-index: 500;
	height:30px;
	display: block;
	clear: both;
	font-weight: 400;
	margin:0;
	padding:0;
	font-size:18px;
	}

	#site-navigation li:first-child, #site-sub-navigation li:first-child {
    border-left: 1px solid #133C94;
	}
	#site-navigation li:last-child {
		border-right: 1px solid #133C94;
	}

	#site-sub-navigation {
		background: none;
		font-size: 12px;
		z-index: 400;
		}

	#site-navigation ul,
	#site-sub-navigation ul {
		padding: 0;
		margin: 0;
		width:100%
		}

	#site-navigation li,
	#site-sub-navigation li {
		display: inline-block;
		position: relative;
		text-align:center;
		line-height:30px;
		border-left: 1px solid #02328E;
		-moz-transition: color 1s ease-in-out;
		-webkit-transition: color 1s ease-in-out;
		transition: color 1s ease-in-out;
		-moz-transition: background-color 1s ease-in-out;
		-webkit-transition: background-color 1s ease-in-out;
		transition: background-color 1s ease-in-out;
		font-size:14px;
		width:16.66%;
		}

	#site-navigation .sub-menu li,
	#site-sub-navigation .sub-menu li,
	#site-navigation .children li,
	#site-sub-navigation .children li {
		border: 0;
		}

		#site-sub-navigation li {
			margin-right: 8px;
			position: relative;
			border: 0;
		}

		#site-sub-navigation li:before {
			content: "\2022";
			font-size: 18px;
			position: absolute;
			right: -8px;
			}

			#site-sub-navigation li:last-child:before,
			#site-sub-navigation li li:before {
				content: none;
				}

		#site-navigation li a,
		#site-sub-navigation li a {
			color: #02328E;
			padding: 0;
			display: inline-block;
			text-decoration: none;
			}

			#site-navigation li a,
			#site-sub-navigation ul ul li a {
				width: 100%;
				padding:0 10px;
				}

		#site-sub-navigation li,
		#site-sub-navigation li a {
			color: #000;
			display: inline-block;
    		text-decoration: none;
			}

			#site-sub-navigation li li,
			#site-sub-navigation li li a {
				text-transform: none;
			}

		#site-navigation li a:hover {	
			background-color:#133C94;
			height:30px;
			color:#FFF;
			}

			#site-sub-navigation li:hover,
			#site-sub-navigation li li:hover  {
				background: #133C94;
				}

		#site-navigation li a:not(:last-child):after,
		#site-sub-navigation li a:not(:last-child):after {
			content: "\f024";
			font-family: FontAwesome;
			float: right;
			margin: 0 0 0 10px;
			}

			#site-navigation ul ul li a:not(:last-child):after,
			#site-sub-navigation ul ul li a:not(:last-child):after {
				content: "\f026";
				}

	#site-navigation ul ul,
	#site-sub-navigation ul ul {
		opacity: 0;
		position: absolute;
		left: -9999px;
		width: 188px;
		z-index: 99999;
		background: #222;
		-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
		transition: opacity .25s ease-in-out;
		}

		#site-sub-navigation ul ul {
			background: #122b3f;
			top: 2.5em;
			}

		#site-navigation li li,
		#site-sub-navigation li li {
			clear: both;
			width: 100%;
			}

			#site-navigation li li:hover {
				background: #3A566D;
				}

			#site-sub-navigation li li:hover {
				background: #3A566D;
				}

	#site-navigation ul li:hover > ul,
	#site-sub-navigation ul li:hover > ul {
		opacity: 1;
		left: 0;
		}

	#site-navigation ul ul li:hover > ul,
	#site-sub-navigation ul ul li:hover > ul {
		left: 100% !important;
		top: 0;
		}
		
/* =フッターのカスタマイズ
-------------------------------------------------------------- */
.back_to_top {
    position: fixed;
    bottom: 45px;
    right: 45px;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 4px 0 0;
    border-radius: 100%;
    color: #fff;
    background: #888;
}
.back_to_top:hover {
    transform: translate(0, 0) scale(1.2, 1.2) !important;
    -moz-transform: translate(0, 0) scale(1.2, 1.2) !important;
    -webkit-transform: translate(0, 0) scale(1.2, 1,2) !important;
}
.back_to_top i{
    font-size: 45px;
}

.back_to_top a {
    width:100%;
    color: #fff;
}
.back_to_top a:hover {
    color: #fff;
}

.effect_v {
    opacity: 0;
    transform: translate(0, 30px);
    transition: .3s all ease-in-out 0s;
}
.effect_v.fade_In {
    transform: translate(0, 0);
    opacity: 1;
}
.effect_v.fade_Out {
    transform: translate(0, 30px);
    opacity: 0;
}

#footer_top {
	background: #E7E7E7;
	overflow:hidden;
	min-width:100%;
	-moz-box-sizing:border-box;box-sizing:border-box;
	}
	
#footer_top .footer_cont {
	display:table;
	margin:0 auto;
	padding:20px 10px;
	width:100%;
	font-size: 14px;
	text-align:center;
	}
	
#footer_top .footer_cont .ft_title{
	display: flex;
	justify-content: center;
	align-items: center;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding: 0;
	width:100%;
	margin:20px 0 40px;
	font-size:20px;
	color:#545454;
	font-weight:bold;
	line-height:1.5;
}

#footer_top .footer_cont .ft_title span{
	background-color: #E7E7E7;
	padding:0 20px;
	white-space: nowrap;
}

#footer_top .footer_cont .ft_title:before, #footer_top .footer_cont .ft_title:after {
  content: '';
  width: 100%;
  height: 1px;
  background-color:#A0A0A0;
}

#footer_top .footer_cont .ft_title:before {
  left:0;
}
#footer_top .footer_cont .ft_title:after {
  right: 0;
}

#footer_top .footer_cont .ft_contact{
    display:flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:0;
	margin:0 auto 40px;
	max-width:1000px;
}

#footer_top .footer_cont .ft_contact .loop_fbox{
    display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:0;
	margin:0 4% 0 0;
	width:48%;
	background-color:#FFF;
}

#footer_top .footer_cont .ft_contact .loop_fbox:nth-child(2){
    margin:0;
}

#footer_top .footer_cont .ft_contact .loop_fbox .title_box{
    display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:10px;
	margin:0;
	width:100%;
	background-color:#04338F;
	text-align:center;
	color:#FFF;
	font-size:20px;
	line-height:1.5;
}

#footer_top .footer_cont .ft_contact .loop_fbox .content_box{
    display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:20px 40px;
	margin:0;
	width:100%;
	color:#04338F;
	font-size:16px;
	text-align:left;
}

#footer_top .footer_cont .ft_contact .loop_fbox .content_box .tel{
    display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    list-style-type:none;
    justify-content:left;
    -webkit-justify-content:left;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:0;
	margin:10px auto;
	width:100%;
	color:#04338F;
	text-align:left;
}

#footer_top .footer_cont .ft_contact .loop_fbox .content_box .tel img{
    display:block;
	margin:0;
	width:38px;
	height:32px;
}

#footer_top .footer_cont .ft_contact .loop_fbox .content_box .tel strong{
    display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:0 0 0 10px;
	margin:0;
	width:calc(100% - 38px);
	font-size:40px;
	line-height:1.4;
}

#footer_top .footer_cont .ft_contact .loop_fbox .content_box .tel span{
    display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:0;
	margin:0;
	width:100%;
	font-weight:bold;
}

#footer_top .footer_cont .ft_contact .loop_fbox .content_box .note{
    display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:0;
	margin:0;
	width:100%;
	font-size:12px;
	color:#000;
}

#footer_top .footer_cont .ft_contact .loop_fbox .content_box a{
    display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	padding:10px;
	margin:50px auto 10px;
	width:100%;
	color:#04338F;
	font-size:16px;
	line-height:1.5;
	text-align:center;
	max-width:320px;
	border:1px solid #04338F;
	border-radius:3px;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
	position:relative;
}

#footer_top .footer_cont .ft_contact .loop_fbox .content_box a.arrow::after{
	font-family:"Font Awesome 5 Free";
	content: "\f0da";
	font-weight: 900;
	right:30px;
	position:absolute;
}

#footer_top .footer_cont .ft_contact .loop_fbox .content_box a.mail{
	margin:10px auto;
}

#footer_top .footer_cont .ft_contact .loop_fbox .content_box a.mail::before{
	font-family:"Font Awesome 5 Free";
	content: "\f0e0";
	font-weight: 900;
	left:60px;
	position:absolute;
}

#footer_top .footer_cont .ft_contact .loop_fbox .content_box a:hover{
	background-color:#04338F;
	color:#FFF;
}

#footer_top .footer_cont .ft_contact .loop_fbox .title_box:before{
	display:none;
}
	
#footer_top .footer_cont .ft_addr{
	display:table-cell;
	float:left;
	padding:10px;
	}
	
#footer_top .footer_cont .ft_menu{
	display:table-cell;
	float:right;
	margin-top:20px;
	padding:0 20px;
	border-left:1px solid #CCC;
	}
	
#footer_top .footer_cont .ft_menu a{
	text-decoration:none;
	color:#333;
	}
	
#footer_top .footer_cont .ft_menu a:hover{
	text-decoration:none;
	color:#333;
	}
	
#footer {
	-moz-box-sizing:border-box;box-sizing:border-box;
	background: #FEB800;
	color: #02328E;
	padding:10px;
	height:auto;
	font-size: 85%;
	text-align: center;
	}
	
#footer #footer-content {
	display:block;
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin:0 auto;
	max-width:1200px;
	font-size:14px;
	}
	
#footer #footer-content a{
	text-decoration:none;
	color:#02328E
	}
	
#footer #footer-content a:hover{
	text-decoration:none;
	color: #02328E;
	}


@media screen and (max-width: 768px) {
	.u-none_pc {
		display: block;
	}
	.u-none_sp {
		display: none;
	}
}


@media screen and (max-width: 1024px) {
	
	#site-navigation,
	#site-sub-navigation {
		height:0px;
	}
	.menu-globalmenu-container {
		display:none;
	}
	
	#footer_top .footer_cont .ft_contact .loop_fbox .content_box .tel strong{
	font-size:30px;
}
}

/* ==========================================================================
   Header
========================================================================== */
.top-header_image {
	width: 100vw;
}

/* ==========================================================================
   Main
========================================================================== */
.wrap {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	background: #fff;
	padding: 40px 30px;
}

.sec-intro {
	position: relative;
}

.sec-intro-contents {
	position: absolute;
	width: 100%;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.sec-intro-contents h1 {
	font-size: 1.6rem;
	font-weight: 400;
	margin-bottom: 2.2%;
}

.sec-intro-contents p {
	font-size: 1.2rem;
	line-height: 1.9;
	font-weight: 300;
}

.sec-intro .espa {
	display: none;
}

.sec-story {
	position: relative;
}

.sec-story-contents {
	position: absolute;
	width: 58%;
	top: 31.5%;
	left: 50%;
	transform: translateX(-50%);
}

.sec-story-contents p {
	font-size: 1.1rem;
	line-height: 1.8;
}

.sec-product {
	background: url(../images/product-bg.png);
	height: auto;
}

.sec-product h2 {
	margin-bottom: 10px;
}

.sec-product_list ul {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.sec-product_list ul::after {
	position: absolute;
	content: "";
	background: url(../images/product-line.png) center/contain no-repeat;
	width: 100%;
	height: 10px;
	left: 0;
	bottom: 0;
}

.sec-product_list li {
	flex-basis: 48%;
	padding: 20px 0;
}

.sec-about {
	background: #e9e1da;
}

.sec-about .wrap {
	background: #f8f6f4;
}

.sec-about .contents {
	padding: 25px 25px 0;
	line-height: 1.9;
}

.sec-about .contents h2 {
	font-size: 1.3rem;
	font-weight: 500;
	border-bottom: solid 1px #000;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.sec-about img {
	padding: 25px 30px 0;
}

@media screen and (max-width: 768px) {
	.postman {
		display:none;
	}
	
	.wrap {
		padding: 20px 15px;
	}
	.sec-intro-contents {
		top: 15%;
	}
	.sec-intro-contents h1 {
		font-size: 3.5rem;
		margin-bottom: 3%;
	}
	.sec-intro-contents p {
		font-size: 2.2rem;
	}
	.sec-intro .espa {
		display: inline-block;
	}
	.sec-story-contents {
		width: 90%;
		top: 29%;
	}
	.sec-story-contents p {
		font-size: 2rem;
		line-height: 1.75;
	}
	.sec-product {
		background: none;
	}
	.sec-product_list li {
		flex-basis: 49%;
		padding: 2% 0;
	}
	.sec-about .wrap {
		background: #e9e1da;
		padding: 0;
	}
	.sec-about .contents {
		padding: 4% 25px 0;
	}
	.sec-about .contents h2 {
		font-size: 2.2rem;
	}
	.sec-about .contents p {
		font-size: 1.8rem;
	}
	.sec-about img {
		padding: 25px 0 0;
	}
	
	#site-navigation li,
	#site-sub-navigation li {
		font-size:11px;
	}
	
	#site-navigation li a,
	#site-sub-navigation ul ul li a {
		padding:0 3px;
	}
	
	#footer_top .footer_cont .ft_contact .loop_fbox{
	margin:10px auto 20px;
	width:100%;
	}
	
}

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


#footer_top .footer_cont .ft_contact .loop_fbox .content_box a{
	font-size:12px;
	padding:5px;
}

#footer_top .footer_cont .ft_title{
	margin:10px 0 20px;
}


#footer_top .footer_cont .ft_addr{
	display:table-cell;
	float:left;
	padding:5px;
	}

#footer_top .footer_cont .ft_menu{
	margin-top:15px;
	padding:0 10px;
	}

.footersize {
	font-size:12px;
}


#footer_top .footer_cont {
	padding:20px 10px;
	}
	
#footer_top .footer_cont .ft_title span{
	padding:0 10px;
}

#footer_top .footer_cont .ft_contact .loop_fbox .title_box{
	padding:10px;
}

#footer_top .footer_cont .ft_contact .loop_fbox .content_box{
	padding:10px 20px;
}

#footer_top .footer_cont .ft_addr{
	padding:10px;
	}
	
#footer_top .footer_cont .ft_menu{
	padding:0 10px;
	}

#site-logo img {
	max-width:80%;
	height:auto;
}

#site-logo {
	font-size:8px;
}

}