/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */html{
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}

body{
	margin:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,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
}

b,strong{
	font-weight:bold
}

dfn{
	font-style:italic
}

h1{
	font-size:2em;
	margin:0.67em 0
}

mark{
	background:#ff0;
	color:#000
}

small{
	font-size:80%
}

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

sup{
	top:-0.5em
}

sub{
	bottom:-0.25em
}

img{
	border:0
}

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

figure{
	margin:1em 40px
}

hr{
	box-sizing:content-box;
	height:0
}

pre{
	overflow:auto
}

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

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

button{
	overflow:visible
}

button,select{
	text-transform:none
}

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

button[disabled],html input[disabled]{
	cursor:default
}

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

input{
	line-height:normal
}

input[type="checkbox"],input[type="radio"]{
	box-sizing:border-box;
	padding:0
}

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

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

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

fieldset{
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:0.35em 0.625em 0.75em
}

legend{
	border:0;
	padding:0
}

textarea{
	overflow:auto
}

optgroup{
	font-weight:bold
}

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

td,th{
	padding:0
}

.pc_only{
	display:block
}

@media screen and (max-width: 960px){
	.pc_only{
	display:none
}


}

.sp_only{
	display:none
}

@media screen and (max-width: 960px){
	.sp_only{
	display:block
}


}

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

*{
	margin:0;
	padding:0
}

html{
	font-size:62.5%
}

body{
	font-size:14px;
	font-size:1.4rem;
	font-family:Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color:#333;
	background-color:#fdfef9
}

body.fixed{
	width:100%;
	height:100%;
	overflow:hidden
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	line-height:1
}

ul{
	list-style:none
}

figure{
	margin:0
}

a{
	text-decoration:none;
	outline:none;
	color:#333
}

img{
	vertical-align:bottom
}

.jpn{
	font-family:"Rounded Mplus 1c"
}

.eng{
	font-family:'IM Fell DW Pica', serif;
	font-style:italic
}

.button{
	font-size:16px;
	font-size:1.6rem;
	transition:all 0.3s ease-in-out;
	display:inline-block;
	width:260px;
	line-height:1;
	padding:22px 0;
	color:#fff;
	background-color:#e4844d;
	background-image:url("../images/common/arrow-more.png");
	background-repeat:no-repeat;
	background-position:right 30px center;
	border-radius:30px;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	text-align:center;
	cursor:pointer;
	border:1px solid transparent;
	white-space:nowrap;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.button:hover{
	background-position:right 20px center;
	opacity:.9
}

.button.prev{
	background-image:url("../images/common/arrow-prev.png");
	background-position:left 30px center;
	background-color:#BDBDBD
}

.button.prev:hover{
	background-position:left 20px center;
	opacity:.9
}

.button_center{
	text-align:center
}

.faq{
	margin:0 0 40px;
	padding:30px 20px 20px;
	background-color:#f5f5e9;
	border-radius:6px;
	text-align:center;
	font-family:"Rounded Mplus 1c"
}

.faq_title{
	display:inline-block;
	position:relative;
	margin:0 0 30px;
	padding:11px 10px;
	line-height:1;
	color:#fff;
	background-color:#ef8b52
}

.faq_title::before,.faq_title::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	width:30px;
	height:36px
}

.faq_title::before{
	left:-30px;
	background-image:url(../images/common/bg-faq_title.png)
}

.faq_title::after{
	transform:rotate(180deg);
	right:-30px;
	background-image:url(../images/common/bg-faq_title.png)
}

.faq_question,.faq_answer{
	font-size:16px;
	font-size:1.6rem;
	padding:20px 20px 20px 90px;
	text-align:left;
	line-height:1.8;
	background-color:#fff;
	background-position:left 20px center;
	background-repeat:no-repeat;
	border-radius:6px
}

.faq_question{
	margin:0 0 10px;
	background-image:url(../images/common/icon-q.png)
}

.faq_answer{
	position:relative;
	margin:0 0 60px;
	background-image:url(../images/common/icon-a.png)
}

.faq_answer::after{
	content:'';
	display:block;
	position:absolute;
	bottom:-30px;
	left:0;
	width:100%;
	border-bottom:dashed 1px #c7b4a9
}

.faq_answer:last-child{
	margin:0
}

.faq_answer:last-child::after{
	content:none
}

@media screen and (max-width: 960px){
	.faq{
	margin:0 10px 20px;
	padding:20px 10px 10px
}

.faq_title{
	margin:0 0 20px;
	padding:11px 10px
}

.faq_question,.faq_answer{
	font-size:14px;
	font-size:1.4rem;
	padding:10px 10px 10px 60px;
	background-position:left 10px center;
	background-size:40px auto
}

.faq_answer{
	margin:0 0 40px
}

.faq_answer::after{
	bottom:-20px
}


}

.feature{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	justify-content:space-between
}

@media screen and (max-width: 960px){
	.feature{
	display:block
}


}

.feature_item{
	width:calc(31% - 40px);
	padding:20px;
	background-color:#f5f5e9;
	border-radius:6px
}

@media screen and (max-width: 960px){
	.feature_item{
	width:calc(100% - 40px);
	margin:0 0 10px
}


}

.feature_step{
	font-size:20px;
	font-size:2rem;
	display:block;
	margin-bottom:20px;
	text-align:center;
	line-height:.8;
	font-family:'IM Fell DW Pica', serif
}

.feature_step-number{
	font-size:32px;
	font-size:3.2rem;
	display:block;
	margin:10px 0 0;
	line-height:1;
	font-weight:bold;
	font-family:"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro"
}

.feature_title{
	display:block;
	padding:11px 10px;
	text-align:center;
	border-radius:20px;
	letter-spacing:2px;
	margin-bottom:10px;
	background-color:#ef8b52;
	color:#fff
}

.feature_description{
	line-height:2
}

.form{
	text-align:center
}

.form_error{
	font-size:16px;
	font-size:1.6rem;
	margin:0 0 40px;
	padding:12px 16px;
	background-color:#fff;
	border:4px solid #f9caca;
	border-radius:8px;
	font-family:"Rounded Mplus 1c";
	text-align:center
}

.form_content{
	margin:0 0 40px;
	padding:40px 20px;
	background-color:#fff;
	border:4px solid #fef0cd;
	border-radius:8px
}

.form_group{
	display:table;
	width:100%;
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:dashed 1px #ccc;
	text-align:left
}

.form_group:last-child{
	margin:0;
	padding:0;
	border:none
}

.form_label{
	font-size:16px;
	font-size:1.6rem;
	position:relative;
	display:table-cell;
	width:220px;
	padding:0 15px;
	vertical-align:middle;
	font-family:"Rounded Mplus 1c"
}

.form_label label{
	position:relative;
	display:inline-block;
	width:100%
}

.form_required{
	font-size:12px;
	font-size:1.2rem;
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	padding:0 10px;
	line-height:23px;
	color:#fff;
	background-color:#e4844d
}

.form_input{
	display:table-cell;
	padding:0 15px;
	vertical-align:middle
}

.form_text{
	font-size:16px;
	font-size:1.6rem;
	display:table-cell;
	padding:0 15px;
	vertical-align:middle;
	font-family:"Rounded Mplus 1c"
}

.form input,.form textarea{
	display:block;
	padding:6px 12px;
	line-height:1.6;
	color:#495057;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid #ccc;
	border-radius:4px;
	transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form input{
	width:calc(50% - 24px)
}

.form textarea{
	width:calc(100% - 24px)
}

@media screen and (max-width: 960px){
	.form_content{
	margin:0 10px 20px;
	padding:20px 10px
}

.form_group{
	display:block;
	width:100%;
	margin:0 0 20px;
	padding:0 0 20px
}

.form_label{
	font-size:14px;
	font-size:1.4rem;
	display:block;
	width:100%;
	padding:0;
	margin:0 0 10px
}

.form_label label{
	position:relative;
	display:inline-block;
	width:100%
}

.form_required{
	font-size:10px;
	font-size:1rem;
	margin:0 0 0 16px;
	padding:0 8px;
	line-height:20px
}

.form_input{
	display:block;
	padding:0
}

.form_text{
	font-size:14px;
	font-size:1.4rem;
	display:block;
	padding:0;
	line-height:1.8
}

.form input,.form textarea{
	width:calc(100% - 24px)
}


}

.confirm_button{
	font-size:0px;
	font-size:0rem
}

.confirm_button form{
	display:inline-block
}

.confirm_button .button{
	margin:0 20px
}

@media screen and (max-width: 960px){
	.confirm_button .button{
	margin:0 0 20px
}


}

.link_detail{
	font-size:16px;
	font-size:1.6rem;
	transition:all 0.3s ease-in-out;
	position:relative;
	font-family:"Rounded Mplus 1c";
	color:#e4844d
}

.link_detail::after{
	transition:all 0.3s ease-in-out;
	transform:rotate(45deg);
	content:'';
	display:block;
	position:absolute;
	bottom:5px;
	right:-16px;
	width:10px;
	height:10px;
	border-top:2px solid #e4844d;
	border-right:2px solid #e4844d
}

.link_detail:hover{
	opacity:0.9
}

.link_detail:hover::after{
	right:-24px
}

@media screen and (max-width: 960px){
	.link_detail{
	font-size:14px;
	font-size:1.4rem
}

.link_detail::after{
	width:8px;
	height:8px
}


}

.tag_list{
	width:320px;
	margin:20px 0 0
}

@media screen and (max-width: 960px){
	.tag_list{
	width:100%
}


}

.tag_list li{
	position:relative;
	list-style-type:none !important;
	padding:8px;
	margin-bottom:8px;
	line-height:1.5;
	background:#feeec8;
	vertical-align:middle;
	color:#505050;
	border-radius:15px 0px 0px 15px
}

.tag_list li:before{
	display:inline-block;
	vertical-align:middle;
	content:'';
	width:1em;
	height:1em;
	background:#fff;
	border-radius:50%;
	margin-right:8px
}

.link_list{
	margin:20px 0 0
}

.link_list li{
	line-height:2
}

.media{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
	margin:0 0 20px;
	font-family:"Rounded Mplus 1c"
}

.media_thumb{
	width:400px;
	margin:0 0 0 40px
}

.media_image{
	padding:5px;
	border:dashed 1px #c7b4a9;
	border-radius:6px
}

.media_image img{
	width:100%;
	border-radius:6px
}

.media_description{
	font-size:16px;
	font-size:1.6rem;
	-ms-flex:1;
	flex:1
}

.media_description p{
	margin:0 0 10px;
	letter-spacing:.16em;
	line-height:1.8
}

.media_description p a{
	color:#1111cc;
	text-decoration:underline
}

.media_description p a:hover{
	text-decoration:none
}

@media screen and (max-width: 960px){
	.media{
	display:block
}

.media_thumb{
	display:block;
	width:100%;
	margin:0 0 20px
}

.media_description{
	font-size:14px;
	font-size:1.4rem;
	display:block
}


}

.nav_tab{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	justify-content:space-between;
	width:980px;
	margin:auto;
	font-size:0
}

@media screen and (max-width: 960px){
	.nav_tab{
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:calc(100% - 20px);
	padding:0 10px
}


}

.tab_item{
	font-size:18px;
	font-size:1.8rem;
	position:relative;
	width:230px;
	text-align:center;
	line-height:1;
	background-color:#feefca;
	border-radius:6px;
	cursor:pointer
}

@media screen and (max-width: 960px){
	.tab_item{
	font-size:16px;
	font-size:1.6rem;
	width:48%;
	margin:0 0 15px
}


}

.tab_item a{
	display:block;
	padding:16px 0
}

@media screen and (max-width: 960px){
	.tab_item a{
	padding:12px 0
}


}

.tab_item:hover{
	opacity:0.7
}

.tab_item.active{
	background-color:#ffe29a
}

.tab_item.active::after{
	content:'';
	display:block;
	position:absolute;
	bottom:-10px;
	left:50%;
	width:20px;
	height:20px;
	background-color:#ffe29a;
	transform:translateX(-50%) translateY(0) rotate(45deg)
}

.tab_item-eng{
	font-size:16px;
	font-size:1.6rem;
	display:block;
	margin:0 0 8px;
	font-weight:bold;
	font-family:'IM Fell DW Pica', serif
}

@media screen and (max-width: 960px){
	.tab_item-eng{
	font-size:14px;
	font-size:1.4rem
}


}

.tab_item-num{
	font-size:14px;
	font-size:1.4rem;
	margin:0 0 0 4px;
	font-family:"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro"
}

@media screen and (max-width: 960px){
	.tab_item-num{
	font-size:12px;
	font-size:1.2rem
}


}

.panel{
	display:-ms-flexbox;
	display:flex
}

.panel_item{
	-ms-flex-preferred-size:30%;
	flex-basis:30%;
	position:relative;
	margin:0 3% 0 0;
	font-family:"Rounded Mplus 1c"
}

.panel_item:nth-child(3n){
	margin:0
}

.panel_image{
	position:relative;
	padding:5px;
	background-size:cover;
	border:dashed 1px #c7b4a9;
	border-radius:6px
}

.panel_image img{
	width:100%;
	border-radius:4px
}

.panel_title{
	font-size:16px;
	font-size:1.6rem;
	display:table;
	position:absolute;
	bottom:5px;
	left:10px;
	line-height:1;
	margin:0 0 5px;
	padding:7px 10px;
	background-color:#feefcb;
	border-radius:4px
}

@media screen and (max-width: 960px){
	.panel{
	display:block
}

.panel_item{
	margin:0 0 10px
}

.panel_title,.panel_amount{
	font-size:14px;
	font-size:1.4rem;
	display:table;
	padding:7px 10px
}


}

.table{
	position:relative;
	margin:0 0 40px;
	padding:10px;
	background-color:#feefca;
	border-radius:6px;
	font-family:"Rounded Mplus 1c"
}

.table_row{
	display:table;
	width:100%;
	margin:0 0 10px;
	line-height:2;
	background-color:#fff;
	border-radius:6px
}

.table_row:last-child{
	margin:0
}

.table_title{
	display:table-cell;
	width:170px;
	padding:11px 0;
	text-align:center;
	vertical-align:middle;
	background-color:#ffe29a;
	border-radius:6px 0 0 6px
}

.table_detail{
	display:table-cell;
	padding:11px 16px;
	text-align:left
}

@media screen and (max-width: 960px){
	.table{
	margin:0 10px 20px
}

.table_row{
	display:block;
	width:100%
}

.table_row:last-child{
	margin:0
}

.table_title{
	display:block;
	width:100%;
	padding:5px 0;
	border-radius:6px 6px 0 0
}

.table_detail{
	display:block;
	padding:6px 12px
}


}

.contents{
	padding:100px 0 0;
	background-image:url(../images/common/bg-contents.png);
	background-position:center
}

@media screen and (max-width: 960px){
	.contents{
	padding:56px 0 0
}


}

.contents_head{
	text-align:center;
	background-color:#fef0cd;
	background-image:url(../images/common/bg-contents_title.png);
	background-position:center
}

.contents_title{
	font-size:28px;
	font-size:2.8rem;
	display:inline-block;
	position:relative;
	font-family:"Rounded Mplus 1c";
	letter-spacing:.16em;
	background-size:64px 64px;
	background-position:left center;
	background-repeat:no-repeat;
	padding:60px 84px
}

@media screen and (max-width: 960px){
	.contents_title{
	font-size:20px;
	font-size:2rem;
	padding:22px 68px;
	background-size:48px 48px
}


}

.contents_title-eng{
	font-size:18px;
	font-size:1.8rem;
	display:block;
	padding:8px 0 0;
	font-family:'IM Fell DW Pica', serif;
	font-style:italic;
	letter-spacing:.02em
}

@media screen and (max-width: 960px){
	.contents_title-eng{
	font-size:16px;
	font-size:1.6rem
}


}

.contents_title.home{
	background-image:url("../images/common/nav-home.png")
}

.contents_title.commitment{
	background-image:url("../images/common/icon-commitment.png")
}

.contents_title.company{
	background-image:url("../images/common/icon-company.png")
}

.contents_title.service{
	background-image:url("../images/common/icon-service.png")
}

.contents_title.casestudy{
	background-image:url("../images/common/icon-casestudy.png")
}

.contents_title.contact{
	background-image:url("../images/common/icon-contact.png")
}

.contents_nav{
	padding:60px 0 0
}

@media screen and (max-width: 960px){
	.contents_nav{
	padding:30px 0 0
}


}

.section{
	padding:60px 0 80px
}

@media screen and (max-width: 960px){
	.section{
	padding:30px 0 40px
}


}

.section_inner{
	width:980px;
	margin:auto
}

@media screen and (max-width: 960px){
	.section_inner{
	width:calc(100%)
}


}

.section_image{
	width:calc(100% - 10px);
	margin:0 0 60px;
	padding:5px;
	border:dashed 1px #c7b4a9;
	border-radius:6px
}

@media screen and (max-width: 960px){
	.section_image{
	width:100%;
	margin:0 0 40px;
	padding:0;
	border:none
}


}

.section_image img{
	width:100%;
	border-radius:4px
}

@media screen and (max-width: 960px){
	.section_image img{
	border-radius:0
}


}

.section_title{
	font-size:32px;
	font-size:3.2rem;
	position:relative;
	padding:0 0 30px;
	margin:0 0 30px;
	text-align:center;
	font-family:"Rounded Mplus 1c";
	letter-spacing:.16em
}

@media screen and (max-width: 960px){
	.section_title{
	font-size:24px;
	font-size:2.4rem;
	margin:0 0 20px;
	padding:0 0 20px
}


}

.section_title-headline{
	font-size:16px;
	font-size:1.6rem;
	display:block;
	padding:20px 0 0;
	letter-spacing:.02em
}

@media screen and (max-width: 960px){
	.section_title-headline{
	font-size:14px;
	font-size:1.4rem
}


}

.section_title::after{
	transition:all 0.2s ease-in-out;
	transform:translate(-50%, 0);
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	display:block;
	width:50px;
	height:3px;
	background-color:#e4844d
}

.section_title:not(:first-child){
	margin-top:60px
}

@media screen and (max-width: 960px){
	.section_title:not(:first-child){
	margin-top:40px
}


}

.section_description{
	font-size:16px;
	font-size:1.6rem;
	margin:0 0 40px;
	padding:16px 24px;
	letter-spacing:.16em;
	line-height:1.8;
	font-family:"Rounded Mplus 1c";
	background-color:#fff;
	border:4px solid #feeec8;
	border-radius:6px
}

@media screen and (max-width: 960px){
	.section_title{
	font-size:24px;
	font-size:2.4rem;
	margin:0 0 20px;
	padding:0 0 20px
}

.section_title-headline{
	font-size:14px;
	font-size:1.4rem
}

.section_title:not(:first-child){
	margin-top:40px
}

.section_description{
	font-size:14px;
	font-size:1.4rem;
	margin:0 10px 20px;
	padding:12px 16px
}


}

.block{
	margin:0 0 40px;
	font-family:"Rounded Mplus 1c"
}

@media screen and (max-width: 960px){
	.block{
	margin:0 10px 20px
}


}

.block_title{
	font-size:24px;
	font-size:2.4rem;
	position:relative;
	padding:0 0 28px;
	margin:0 0 40px;
	text-align:left;
	letter-spacing:.16em;
	background-image:url("../images/common/bg-block_title.png");
	background-repeat:repeat-x;
	background-position:left bottom
}

@media screen and (max-width: 960px){
	.block_title{
	font-size:16px;
	font-size:1.6rem;
	margin:0 0 20px;
	padding:0 0 14px;
	line-height:1.4;
	font-weight:bold
}


}

.block_title::before,.block_title::after{
	font-family:"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro"
}

.block_title::before{
	content:'“'
}

.block_title::after{
	content:'”'
}

.block_description{
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:.16em;
	line-height:1.8
}

.block_description001 {
	
	font-size: 2.2rem;
	
	letter-spacing: .16em;
	
	line-height: 1.8;
	
	color: #E4844D;
	

}


@media screen and (max-width: 960px){
	.block_description{
	font-size:14px;
	font-size:1.4rem
}


}

.block_description b{
	color:#e37e46
}

.block .block_image{
	width:400px;
	float:right;
	margin:0 0 20px 40px
}

@media screen and (max-width: 960px){
	.block .block_image{
	width:100%;
	float:none;
	margin:0 0 20px
}


}

.block .block_image img{
	width:100%;
	border-radius:6px
}

.block .block_image-large{
	width:100%
}

.block .block_image-large img{
	width:100%
}

.block .block_thumb{
	width:400px;
	float:right;
	margin:0 0 20px 40px;
	padding:5px;
	border:dashed 1px #c7b4a9;
	border-radius:6px
}

@media screen and (max-width: 960px){
	.block .block_thumb{
	width:calc(100% - 10px);
	margin:0 0 20px;
	border-radius:4px;
	float:none
}


}

.block .block_thumb img{
	width:100%;
	border-radius:6px
}

.group{
	margin:0 0 40px
}

@media screen and (max-width: 960px){
	.group{
	margin:0 0 20px
}


}

.group_title{
	font-size:18px;
	font-size:1.8rem;
	position:relative;
	padding:16px 24px;
	margin:0 0 40px;
	text-align:left;
	letter-spacing:.16em;
	background-color:#feeec8;
	border-radius:6px
}

@media screen and (max-width: 960px){
	.group_title{
	font-size:16px;
	font-size:1.6rem;
	margin:0 0 20px;
	padding:12px 16px
}


}

.footer{
	position:relative
}

.footer::after{
	content:'';
	display:block;
	z-index:1;
	position:absolute;
	top:0;
	width:100%;
	height:6px;
	background-color:#ee7c33
}

.footer_inner{
	display:-ms-flexbox;
	display:flex;
	width:980px;
	margin:auto;
	padding:36px 0
}

.footer_logo{
	display:inline-block;
	padding:0 20px
}

.footer_logo a{
	display:block;
	line-height:1;
	outline:none
}

.footer_logo img{
	width:120px;
	vertical-align:bottom
}

.footer_navList{
	font-size:0px;
	font-size:0rem;
	margin:4px 0 0
}

.footer_navItem{
	font-size:16px;
	font-size:1.6rem;
	display:inline-block;
	margin:0 25px;
	line-height:1;
	vertical-align:top;
	font-weight:bold
}

.footer_navItem>a{
	position:relative;
	display:block;
	padding:0 0 0 28px
}

.footer_navItem>a::before,.footer_navItem>a::after{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	content:"";
	vertical-align:middle
}

.footer_navItem>a::before{
	display:block;
	width:20px;
	height:20px;
	border-radius:50%;
	background:#e5e5d7
}

.footer_navItem>a::after{
	content:'';
	display:block;
	left:6px;
	width:4px;
	height:4px;
	border-top:1px solid #333;
	border-right:1px solid #333;
	transform:rotate(45deg)
}

.footer_navSubList{
	margin:20px 0 0
}

.footer_navSubItem{
	margin:0 0 10px
}

.footer_navSubItem>a{
	font-size:14px;
	font-size:1.4rem;
	position:relative;
	display:block;
	padding:0 0 0 28px
}

.footer_navSubItem>a::before{
	content:'';
	display:block;
	position:absolute;
	top:4px;
	left:12px;
	width:4px;
	height:4px;
	border-top:2px solid #333;
	border-right:2px solid #333;
	transform:rotate(45deg)
}

.footer_bottom{
	position:relative;
	background-color:#f8f8f0
}

.footer_copyright{
	width:980px;
	margin:auto;
	text-align:left
}

.footer_copyrightText{
	font-size:12px;
	font-size:1.2rem;
	display:block;
	padding:14px 0
}

.footer_copyrightText span{
	margin:0 0 0 20px
}

@media screen and (max-width: 960px){
	.footer_inner{
	display:block;
	width:100%;
	padding:30px 0 10px
}

.footer_logo{
	display:none
}

.footer_nav{
	text-align:left
}

.footer_navList{
	margin:0 20px
}

.footer_navItem{
	font-size:14px;
	font-size:1.4rem;
	display:inline-block;
	width:50%;
	margin:0 0 30px;
	line-height:1
}

.footer_navItem a{
	display:inline-block
}

.footer_navSubList{
	margin:20px 0 0
}

.footer_navSubItem{
	font-size:12px;
	font-size:1.2rem;
	margin:20px 0 0
}

.footer_navSubItem>a{
	padding:0 0 0 14px
}

.footer_navSubItem>a::before{
	left:0
}

.footer_copyright{
	text-align:center;
	line-height:1;
	background-color:#f8f8f0
}

.footer_copyrightText{
	font-size:12px;
	font-size:1.2rem;
	display:block;
	padding:14px 0
}

.footer_copyrightText span{
	margin:0 0 0 20px
}

.footer_copyright{
	width:100%
}

.footer_copyrightText{
	padding:8px 0
}


}

.pagetop{
	z-index:100;
	position:fixed;
	right:20px;
	bottom:110px
}

@media screen and (max-width: 960px){
	.pagetop{
	display:none;
	bottom:20px
}


}

.header{
	z-index:100;
	position:fixed;
	top:0;
	width:100%;
	background-color:#fff;
	box-shadow:1px 1px 10px rgba(0,0,0,0.1);
	transition:all 0.2s ease-in-out
}

.header::after{
	content:'';
	display:block;
	z-index:1;
	position:absolute;
	top:0;
	width:100%;
	height:6px;
	background-color:#ee7c33
}

.header.fixed{
	position:fixed;
	animation:fixed-in ease-in-out .3s forwards
}

@keyframes fixed-in{
	0%{
	top:-80px
}

100%{
	top:0
}


}

.header_inner{
	display:-ms-flexbox;
	display:flex;
	position:relative;
	width:980px;
	margin:auto;
	padding:11px 0 0
}

.header_logo{
	display:inline-block
}

.header_logo a{
	display:block;
	padding:32px 10px;
	line-height:1;
	outline:none
}

.header_logo img{
	width:120px
}

.header_nav{
	-ms-flex:1;
	flex:1
}

.header_navList{
	text-align:right;
	font-size:0px;
	font-size:0rem
}

.header_navListItem{
	display:inline-block;
	position:relative;
	text-align:left;
	font-family:"Rounded Mplus 1c";
	background-repeat:no-repeat;
	background-position:left 20px center
}

.header_navListItem::after{
	transform:translate(0, -50%);
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:0;
	width:1px;
	height:50px;
	border-right:dashed 1px #ccc
}

.header_navListItem.home{
	background-image:url("../images/common/nav-home.png")
}

.header_navListItem.commitment{
	background-image:url("../images/common/nav-commitment.png")
}

.header_navListItem.company{
	background-image:url("../images/common/nav-company.png")
}

.header_navListItem.service{
	background-image:url("../images/common/nav-service.png")
}

.header_navListItem.casestudy{
	background-image:url("../images/common/nav-casestudy.png")
}

.header_navListItem.contact{
	background-image:url("../images/common/nav-contact.png")
}

.header_navListItem a{
	transition:all 0.2s ease-in-out;
	display:block;
	padding:24px 20px 24px 70px;
	opacity:1
}

.header_navListItem a:hover{
	opacity:.7
}

.header_navListItem a.active:hover{
	opacity:1
}

.header_navListItem .nav_title{
	font-size:18px;
	font-size:1.8rem;
	min-width:72px;
	display:block
}

.header_navListItem .nav_subtitle{
	font-size:11px;
	font-size:1.1rem;
	display:block
}

.header_navIcon{
	display:none
}

.header_sns{
	z-index:100;
	position:absolute;
	top:0;
	right:0
}

.header_sns a{
	display:block
}

@media screen and (max-width: 960px){
	.header_inner{
	padding:6px 0 0;
	width:100%
}

.header_logo{
	-ms-flex:1;
	flex:1;
	padding:0
}

.header_logo a{
	display:inline-block;
	padding:15px
}

.header_logo img{
	width:100px
}

.header_nav{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all 0.2s ease-in-out;
	z-index:-1;
	visibility:hidden;
	width:100%;
	height:100%;
	min-height:100vh;
	max-height:initial;
	text-align:center;
	background-color:rgba(255,255,255,0.95);
	opacity:0
}

.header_navList{
	max-width:initial;
	padding:60px 20px 0
}

.header_navListItem{
	width:100%;
	border-bottom:dashed 1px #ccc;
	background-position:left center
}

.header_navListItem::after{
	content:none
}

.header_navListItem a{
	outline:none;
	padding:24px 20px 24px 50px
}

.header_nav.open{
	display:block;
	visibility:visible;
	opacity:1;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch
}

.header_navIcon{
	transition:all 0.2s ease-in-out;
	display:block;
	position:relative;
	float:right;
	padding:15px 12px;
	background-color:transparent;
	border:none;
	outline:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	overflow:hidden;
	border-radius:0
}

.header_navIconBar{
	display:block;
	height:4px;
	border-radius:1px;
	background-color:#333;
	transition:all 0.2s ease-in-out
}

.header_navIconBar:nth-of-type(1){
	transform:translate(0, 0);
	transform:rotate(0);
	width:26px
}

.header_navIconBar:nth-of-type(2){
	width:26px;
	margin-top:4px;
	opacity:1
}

.header_navIconBar:nth-of-type(3){
	transform:translate(0, 0);
	transform:rotate(0);
	width:26px;
	margin-top:4px
}

.header_navIcon.open::after{
	background-color:transparent
}

.header_navIcon.open .header_navIconBar:nth-of-type(1){
	transform:translateY(8px) rotate(45deg)
}

.header_navIcon.open .header_navIconBar:nth-of-type(2){
	margin-left:0;
	opacity:0
}

.header_navIcon.open .header_navIconBar:nth-of-type(3){
	width:26px;
	margin-left:0;
	transform:translateY(-8px) rotate(-45deg)
}

.header_navIcon:focus{
	background-color:transparent
}

.header_sns{
	display:none
}


}

.section_casestudy{
	display:none
}

.section_casestudy.active{
	display:block
}

.section_commitment .block{
	margin-bottom:60px
}

.section_commitment .block:last-child{
	margin-bottom:0
}

@media screen and (max-width: 960px){
	.section_commitment .block{
	margin-bottom:30px
}


}

.section_hero{
	position:relative;
	width:100%;
	padding:30px 0 0;
	overflow:hidden
}

.section_hero::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	width:100%;
	height:calc(100% - 60px);
	background-color:#f8f8f0;
	background-image:url("../images/top/bg-hero.png");
	background-position:center
}

.section_hero .hero_slider{
	z-index:10;
	position:relative;
	width:100%;
	margin:0 !important
}

.section_hero .hero_slider .slick-prev,.section_hero .hero_slider .slick-next{
	z-index:100;
	width:53px;
	height:53px;
	background-size:53px
}

.section_hero .hero_slider .slick-prev::before,.section_hero .hero_slider .slick-next::before{
	display:none
}

.section_hero .hero_slider .slick-prev{
	left:10%;
	background-image:url("../images/top/btn-slide_prev.png")
}

.section_hero .hero_slider .slick-next{
	right:10%;
	background-image:url("../images/top/btn-slide_next.png")
}

.section_hero .hero_item{
	transition:all 1s ease-in-out;
	width:920px;
	outline:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	opacity:0.3
}

.section_hero .hero_item.slick-active{
	opacity:1
}

.section_hero .hero_item img{
	margin:auto
}

.section_hero .hero_note{
	display:block;
	z-index:100;
	position:absolute;
	top:80px;
	right:80px
}

@media screen and (max-width: 960px){
	.section_hero .hero_note{
	top:40px;
	right:80px
}


}

.section_hero .hero_note span{
	display:block;
	position:absolute
}

.section_hero .hero_note span:nth-of-type(1){
	top:0;
	left:0;
	width:24px;
	height:28px;
	background-image:url("../images/top/icon-note01.png");
	background-position:center;
	background-repeat:no-repeat;
	background-size:24px 28px;
	animation:rotate 2s linear infinite
}

.section_hero .hero_note span:nth-of-type(2){
	top:-15px;
	right:-50px;
	width:16px;
	height:19px;
	background-image:url("../images/top/icon-note02.png");
	animation:rotate 2.2s linear infinite
}

.section_hero .hero_note span:nth-of-type(3){
	top:-25px;
	right:-75px;
	width:11px;
	height:13px;
	background-image:url("../images/top/icon-note03.png");
	animation:rotate 2.5s linear infinite
}

@keyframes rotate{
	0%{
	transform:rotate(0deg)
}

25%{
	transform:rotate(-30deg)
}

75%{
	transform:rotate(30deg)
}

100%{
	transform:rotate(0deg)
}


}

@keyframes skew{
	0%{
	transform:skew(0deg, 0deg)
}

5%{
	transform:skew(5deg, 4.2deg)
}

10%{
	transform:skew(-4deg, -3deg)
}

15%{
	transform:skew(3deg, 2.2deg)
}

20%{
	transform:skew(-2deg, -1.5deg)
}

25%{
	transform:skew(0.9deg, 0.9deg)
}

30%{
	transform:skew(-0.6deg, -0.6deg)
}

35%{
	transform:skew(0.3deg, 0.3deg)
}

40%{
	transform:skew(-0.2deg, -0.2deg)
}

45%{
	transform:skew(0.1deg, 0.1deg)
}

50%{
	transform:skew(0deg, 0deg)
}


}

.section_hero .hero_background{
	transform:translate(-50%, 0);
	z-index:1;
	position:absolute;
	top:0;
	left:50%;
	width:920px;
	height:100%
}

.section_hero .hero_background::before,.section_hero .hero_background::after{
	content:'';
	position:absolute;
	display:block;
	width:220px;
	height:220px;
	background-repeat:no-repeat;
	background-size:220px 220px;
	border-radius:50%
}

.section_hero .hero_background::before{
	top:30px;
	left:-30px;
	background:-webkit-repeating-linear-gradient(-45deg, #d6eccc, #d6eccc 8px, #f8f8f0 8px, #f8f8f0 20px);
	background:repeating-linear-gradient(-45deg, #d6eccc, #d6eccc 8px, #f8f8f0 8px, #f8f8f0 20px)
}

.section_hero .hero_background::after{
	bottom:70px;
	right:-30px;
	background:-webkit-repeating-linear-gradient(-45deg, #caebed, #caebed 8px, #f8f8f0 8px, #f8f8f0 20px);
	background:repeating-linear-gradient(-45deg, #caebed, #caebed 8px, #f8f8f0 8px, #f8f8f0 20px)
}

@media screen and (max-width: 960px){
	.section_hero::before{
	height:calc(100% - 30px)
}

.section_hero .hero_item{
	width:300px;
	padding:0 10px
}

.section_hero img{
	width:100%
}

.section_hero .hero_background{
	width:100%;
	background-position:right 10px top 30px;
	background-size:34px auto
}

.section_hero .hero_background::before,.section_hero .hero_background::after{
	width:110px;
	height:111px;
	background-size:110px auto
}

.section_hero .hero_background::before{
	top:10px;
	left:10px;
	background-image:url("../images/top/bg-slider01.png")
}

.section_hero .hero_background::after{
	bottom:40px;
	right:10px;
	background-image:url("../images/top/bg-slider02.png")
}


}

.section_news{
	padding:30px 0 30px
}

.section_news .news_inner{
	display:table;
	width:972px;
	margin:auto;
	padding:4px;
	background-color:#c8e3ba;
	border-radius:8px
}

.section_news .news_title{
	display:table-cell;
	width:180px;
	text-align:center;
	vertical-align:middle
}

.section_news .news_title .eng{
	font-size:12px;
	font-size:1.2rem;
	display:block;
	margin:6px 0 0
}

.section_news .news_scrollBox{
	overflow-y:auto;
	max-height:222px;
	background-color:#fff;
	border-radius:6px
}

.section_news .news_list{
	padding:16px 30px
}

.section_news .news_item{
	margin:0 0 12px;
	padding:0 0 16px;
	border-bottom:dashed 1px #ccc
}

.section_news .news_item:last-child{
	margin:0;
	padding:0;
	border:none
}

.section_news .news_itemDate{
	font-size:16px;
	font-size:1.6rem
}

.section_news .news_itemText{
	font-weight:bold
}

@media screen and (max-width: 960px){
	.section_news{
	margin:0;
	padding:15px 10px
}

.section_news .news_inner{
	display:block;
	width:auto;
	padding:8px 4px 4px
}

.section_news .news_title{
	display:inline-block;
	width:100%;
	margin:0 0 8px
}

.section_news .news_list{
	padding:8px 12px;
	border-radius:0 0 8px 8px
}

.section_news .news_item{
	margin:0 0 6px;
	padding:0 0 8px
}

.section_news .news_itemDate{
	font-size:14px;
	font-size:1.4rem
}


}

.section_timeline{
	margin:30px 0 60px
}

.section_timeline .timeline_inner{
	display:table;
	width:940px;
	margin:auto;
	padding:0 20px 20px;
	text-align:center;
	background-color:#caebed;
	border-radius:8px
}

.section_timeline .timeline_title{
	display:inline-block;
	position:relative;
	margin:30px 0;
	padding:0 10px 0 40px;
	line-height:36px;
	color:#fff;
	letter-spacing:.16em;
	background-color:#55acee;
	font-family:"Rounded Mplus 1c";
	background-image:url(../images/common/icon-twitter.png);
	background-position:left center;
	background-repeat:no-repeat
}

.section_timeline .timeline_title::before,.section_timeline .timeline_title::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	width:30px;
	height:36px
}

.section_timeline .timeline_title::before{
	left:-30px;
	background-image:url(../images/common/bg-timeline_title.png)
}

.section_timeline .timeline_title::after{
	transform:rotate(180deg);
	right:-30px;
	background-image:url(../images/common/bg-timeline_title.png)
}

@media screen and (max-width: 960px){
	.section_timeline{
	margin:0;
	padding:15px 10px 30px
}

.section_timeline .timeline_inner{
	display:block;
	width:auto;
	padding:0 4px
}

.section_timeline .timeline_title{
	margin:15px 0
}


}

.section_intro{
	background-color:#faf9f4
}

.section_intro .intro_list{
	display:-ms-flexbox;
	display:flex;
	width:920px;
	margin:auto;
	padding:48px 0 64px
}

.section_intro .intro_item{
	position:relative;
	width:400px;
	padding:0 30px 84px;
	text-align:center
}

.section_intro .intro_itemTitle{
	font-size:24px;
	font-size:2.4rem;
	margin:0 0 20px;
	padding:120px 0 0;
	background-size:100px 100px;
	background-repeat:no-repeat;
	background-position:center top
}

.section_intro .intro_itemTitle.company{
	background-image:url("../images/top/icon-company.png")
}

.section_intro .intro_itemTitle.service{
	background-image:url("../images/top/icon-service.png")
}

.section_intro .intro_itemText{
	font-size:14px;
	font-size:1.4rem;
	line-height:2;
	font-weight:bold;
	text-align: left;
}

.section_intro .intro_itemText b{
	color:#e37e46
}

.section_intro .intro_itemButton{
	font-size:16px;
	font-size:1.6rem;
	transform:translate(-50%, 0);
	transition:all 0.3s ease-in-out;
	display:inline-block;
	position:absolute;
	bottom:0;
	left:50%;
	width:260px;
	line-height:1;
	padding:22px 0;
	color:#fff;
	background-color:#e4844d;
	background-image:url("../images/common/arrow-more.png");
	background-repeat:no-repeat;
	background-position:right 30px center;
	border-radius:30px
}

.section_intro .intro_itemButton:hover{
	background-position:right 20px center;
	opacity:.9
}

@media screen and (max-width: 960px){
	.section_intro .intro_list{
	display:block;
	width:100%;
	margin:auto;
	padding:30px 0 10px
}

.section_intro .intro_item{
	position:relative;
	width:auto;
	margin:0 10px 30px;
	padding:0 0 30px;
	text-align:center;
	border-bottom:dashed 1px #ccc
}

.section_intro .intro_item:last-child{
	margin:0 10px;
	border:none
}

.section_intro .intro_itemTitle{
	display:inline-block;
	font-size:18px;
	font-size:1.8rem;
	padding:84px 0 0;
	background-size:64px 64px
}

.section_intro .intro_itemText{
	margin:0 0 20px
}

.section_intro .intro_itemButton{
	transform:translate(0, 0);
	position:static;
	bottom:0;
	left:0;
	width:100%;
	max-width:260px
}


}

.br-sp {
  display:none;
}
 
@media screen and (max-width: 480px) {
  .br-sp {
    display:block;
  }
}