@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css'); 
/* =================================================
body
================================================== */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
    font-size:16px;
	line-height:1.8;
	letter-spacing:1.2px;
    text-size-adjust:100%;
    color:#000;
    font-family:'Avenir Next','Helvetica Neue','Helvetica','Arial','Avenir','Hiragino Sans','Noto Sans Japanese','Yu Gothic', YuGothic,'メイリオ', Meiryo,'ＭＳ Ｐゴシック', sans-serif;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
a {
  color:#000;
  outline: none;
  text-decoration: underline;
}
a:hover,
a:focus {
  color: #333333;
  outline: none;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
/* =================================================
img
================================================== */
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
    vertical-align: bottom;
}
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-rounded {
    border-radius: 6px;
}
.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.img-circle {
    border-radius: 50%;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin:0;
}
hr {
    margin-top:20px;
    margin-bottom: 20px;
    border:none;
    border-top: solid 1px #e1e1e1;
    height:1px;
    clear:both;
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
ol,
ul{
	padding:0;
	margin:0;
}
li{
	padding:0;
	margin:0;
	list-style: none;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="confirm"],
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 {
  padding: 0;
  border: 0;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
/* =================================================
h
================================================== */
h1 {font-size:320%;}
h2 {font-size:260%;}
h3 {font-size:240%;}
h4 {font-size:160%;}
h5 {font-size:110%;}
h6 {font-size:110%;font-weight:normal;}
@media screen and (max-width:1080px) {
h1 {font-size:2000%;}
h2 {font-size:220%;}
h3 {font-size:180%;}
}
/* =================================================
txt-size
================================================== */
xxsmall,.xxsmall {font-size: 20%;line-height:0.8;font-weight:normal;}
xsmall,.xsmall {font-size: 60%;line-height:1.0;}
small,.small {font-size: 80%;}
middle,.middle {font-size: 100%;line-height:2;}
big,.big {font-size: 120%;}
bigest,.bigest {font-size: 130%; font-weight: bold;}
biger,.biger {font-size: 200%;}
nomber,.nomber {font-size: 620%;line-height:0.1;}
oversized,.oversized {font-size: 250%; font-weight:700;line-height:1;}
@media screen and (max-width:1080px) {
big,.big {font-size: 100%;}
bigest,.bigest {font-size: 110%;}
middle,.middle {font-size: 100%;line-height:1.8;}
nomber,.nomber {font-size: 400%;line-height:0.1;}
}
/* =================================================
txt-align
================================================== */
.cp_l {text-align: left;}
.cp_r {text-align: right;}
.cp_c {text-align: center;}
.cp_c_m {text-align: center;}
@media screen and (max-width:1080px) {
.cp_c {text-align: left;}
}
/* =================================================
txt-color
================================================== */
.gr { color:#00a056;}
.rd { color:#F00;}
.gy { color:#757575;}
.wh { color:#fff;}
.pi { color:#f72c65;}
.pi_bk {background: linear-gradient(transparent 70%, #ffe7ee 70%);}
.bl_bk {background: linear-gradient(transparent 60%, #7beeff 60%);}
/* =================================================
margin/paddubg
================================================== */
/* margin */
.margin00 {	margin:0; }
.margin01 {	margin-bottom: 5%; }
/* paddubg */
.paddubg00 {	margin:0; }
/* =================================================
pc/sp
================================================== */
.pc {display:block;}
.sp {display:none;}
@media screen and (max-width:1080px) {
.pc {display:none;}
.sp {display:block;}
}
/* =================================================
text
================================================== */
.text01 { color:#FFFFFF; background-color:#64b899; padding:4%;}
.text02 { margin:2% 0 3% 0; padding:2%; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.text03 { padding:2% 8% 2% 8%;}
.text04 { padding:0.5% 2% 0.5% 2%; border:2px dotted #CCC;}
.text05 { font-size:130%;font-family: "Times New Roman", Times, serif;font-style: italic;text-decoration:underline;margin:0;}
/* =================================================
button
================================================== */
.button01{
	text-decoration: none;
	text-align:center;
	position: relative;
	display: inline-block;
	margin:2% 0 0 0;
	padding: 8px 14px 8px 14px;
	color:#FFFFFF;
	border: 2px solid #f72c65;
	background: #f72c65;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
}
.button01:hover {
	text-decoration: none;
	color: #f72c65;
	border: 2px solid #f72c65;
	background-color: #fff;
}
.button02{
	font-size:90%;
	text-align: right;
}
.button02 a{
	color:#f72c65;
	margin:2% 0 0 0;
	padding:5px;
}
#breadcrumb{
	width:100%;
    font-size:100%;
	color:#FFFFFF;
	margin:5% auto 5%;
	background-color: #000;
	padding:2.5% 15% 1.5% 15%;
}
#breadcrumb a{
	color:#FFFFFF;
}
@media screen and (max-width:1080px) {

.button01{
	padding:12px 20px 12px 20px;
}

}
/********************
pagenavi
********************/
.wp-pagenavi {
	margin:auto;
	padding: 10px 0 20px 0;
	text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
	font-size:110%;
	margin:0 2px 0 2px;
	padding: 15px 15px;
	border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */
	background-color:#f8f8f8;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #BFBFBF;
	background-color:#e5e5e5;
}
@media screen and (max-width:1080px) {
.wp-pagenavi {
	float:left;
	width:90%;
}
.wp-pagenavi a, .wp-pagenavi span {
	font-size:90%;
}
}
/********************
next
********************/
.nav-below {
	width:100%;
	font-size:90%;
	display:inline-table;
	margin:0px 0px 20px 0px;
}
.nav-previous {
	display:inline-table;
	width:49%;
	padding: 1% 0 1% 1%;
}
.nav-next {
	display:inline-table;
	text-align:right;
	width:49%;
	padding: 1% 1% 1% 0;
}
/********************
scroll
********************/
.scroll-icon {
	position: absolute;
	bottom:0;
	left:38%;
	display: inline-block;
	padding-bottom: 70px;
	font-size: 14px;
	transition: all .3s;
}
.scroll-icon span {
	/*display: inline-block;*/
 	transform: rotate(-90deg);
}
.scroll-icon::after {
	content: '';
	display: block;
	position: absolute;
	left: 20px;
	width: 1px;
	background-color: #000000;
	animation-name: lineMove;
	animation-duration: 2s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}
@keyframes lineMove {
	0% {
		bottom: 65px;
		height: 0;
	}
	20% {
		bottom: 0;
		height: 65px;
	}
	40% {
		bottom: 0;
		height: 0;
	}
	100% {
		bottom: 0;
		height: 0;
	}
}
@keyframes boxMove {
	0% {
		top: 0;
	}
	40% {
		top: 33px;
	}
	60% {
		top: 33px;
	}
	80% {
		top: 0;
	}
	100% {
		top: 0;
	}
}
@media screen and (max-width:1080px) {
.scroll-icon {
	display:none;
}
}
/********************
container
********************/
#container {
	width:100%;
	margin:auto;
}

/* =================================================================== 
ヘッダー
=================================================================== */
.cont-header{
	max-width: 1400px;
	margin: 0 auto;
}
#header-global {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    line-height: 1;
    background-color: #fff;
	z-index: 100;
}
#header-global:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin: 30px auto 0;
}
/* transition */
#header-global,
#header-global:after,
#header-global .logo,
#header-global h1,
#global-nav ul li,
#global-nav ul li a {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
/* Fixed */
#header-global.fixed-header {background: rgba(255,255,255,.7);}
#header-global.fixed-header:after {
    width: 100%;
    margin-top: 20px;
}
#header-global .logo{
	width: 160px;
	height: 180px;
	position: absolute;
	top: 0;
	z-index: 10;
}
#header-global h1{
	position: absolute;
	top: 27px;
	margin-left: 150px;
	z-index: 10;
	font-weight: normal;
	font-size: 14px;

}
#header-global.fixed-header .logo {width: 70px;height: 70px;}
#header-global.fixed-header h1 {margin-left: 80px; font-size:70%;}
#header-global.fixed-header .hed-menu { display:none;}
#header-global.fixed-header .menu-container {margin:0 0 0 0;}
@media (min-width: 769px) {/*PC*/
	.cont-header{
		min-width: 1160px;
	}
}
@media (max-width: 768px) {/*SP*/
#header-global .logo{
	top: -15px;
}
	#header-global{
		margin-top: 0px;
	}
	#header-global .logo{
		width: 70px;
	}
	#header-global h1{
		display: none;
	}
}
/* ================メインメニュー================== */
#header-global .menu-container{float: right;margin: 20px 0 0 0;}
#header-global .menu-container nav ul{float: left;}
#header-global .menu-container nav ul:after{content: "";clear: both;}
#header-global .menu-container nav ul li{float: left;}
#header-global .menu-container nav .nav-main{}
#header-global .menu-container nav .nav-main li a{
	display: block;
	padding: 26px 0;
	color: #000;
	font-size: 16px;
	height: 60px;
	text-decoration:none;
}

#header-global .menu-container nav .nav-main li a:after{ color:#d8d8d8;content: "｜";padding:0 6px 0 6px;}
#header-global .menu-container nav .nav-main li a:hover{
	border-bottom: solid 2px #000;
}
@media (max-width: 768px) {/*SP*/
#header-global .menu-container{float: right;margin:0 0 0 0;}
	#header-global .menu-container nav .nav-main{
		display: none;
	}
}
/* ================サブメニュー ================== */
.hed-menu{float:right;width: 55%; margin:0 30px 0 0;}
.hed-menu li{font-size:80%; display:inline-block; margin: 0 1% 0 1%;}
.hed-menu li a{ text-decoration:none;}
.hed-menu li:last-child{ font-size:150%;background: #ff729a;border-radius: 40px;-webkit-border-radius: 40px;-moz-border-radius: 40px;padding: 2% 5% 2% 5%;}
.hed-menu li:last-child a{ color:#FFFFFF;}

#header-global .menu-container .nav-sub li.like span{
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -22px;
	margin-right: -22px;
	width: 20px;
	height: 20px;
	background-color: #cb3b4a;
	color: #fff;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
}
#header-global .menu-container .nav-sub a{
	display: block;
	width: 70px;
	height: 70px;
	position: relative;
	color: #666;
}
#header-global .menu-container .nav-sub a i{
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
	display: block;	
}
.icon-menu{
	height: 18px;
	width: 26px;
}
.btn-submenu:hover{background-color: #f5f5f5;}
.icon-menu span{
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
    width: 26px;
    height: 2px;
    background: #f72c65;
}
.icon-menu span:nth-child(1){transform:translateY(0px);}
.icon-menu span:nth-child(2){transform:translateY(8px);}
.icon-menu span:nth-child(3){transform:translateY(16px);}
@media (min-width: 1080px) {/*PC*/
	#header-global .menu-container .nav-sub li.tel{
		display: none;
	}
}
@media (max-width: 1080px) {/*SP*/
	#header-global .menu-container .nav-sub li.like{
/*		display: none;*/
	}
	#header-global .menu-container .nav-sub a{
		width: 50px;
		height: 50px;
	}
	.hed-menu{ display:none;}
}
/* ===================================================================
maga-menu
=================================================================== */
.nav-main .mega-menu{
	display: none;
    position: absolute;

    left: 0;
    padding: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.8);
}
.nav-main .mega-menu p{
	color: #fff;
	text-align: center;
	padding: 0 0 20px;
	font-size: 18px;
}
.nav-main .mega-menu .inner{
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
}
.nav-main .mega-menu .inner ul li{
	float: left;
	width: 15%;
	margin-right: 2%;
}
.nav-main .mega-menu .inner ul li:last-child{
	margin-right: 0;
}
.nav-main .mega-menu .inner ul li span{
	display: block;
	padding-top: 10px;
	text-align: center;
	color: #fff;
}
#header-global .menu-container nav .nav-main li ul li a::after{
	content: "";
}
.nav-main .mega-menu .inner ul li a{
	padding: inherit !important;
	height: inherit !important;
	border-bottom: none !important;
}
/* ================モーダル================== */ 
.nav-modal a{color: #fff;display: block;}
.nav-modal .cont-modal{max-width: 500px;margin: 0 auto;}
.cont-modal-inner{padding: 15%  5%;}
.nav-modal .close{
	position: absolute;
	right: 0;
	top: 0;
	background-color: #000;
	color: #fff;
	padding: 1em;
	font-size: 16px;
}
.nav-modal .close i{
	display: inline-block;
	margin-left: 1em;
}
/*電話番号・お問い合わせ*/
.nav-modal-info{
	margin-bottom: 20px
}
.nav-modal-info li{
	margin-bottom: 20px
}
.nav-modal-info li ul{
	overflow: hidden;
}
.nav-modal-info li ul li{
	width: 48%;
	float: left;
	margin-right: 4%;
}
.nav-modal-info li ul li:last-child{
	margin-right: 0;
}

.nav-modal-info li a{
	width: 100%;
    text-align: center;
}
.nav-modal-info li span{
	display: block;
	border: solid 1px #fff;
	padding: 1em;
	text-align: center;
	color: #fff;
	font-size: 20px;
}
/*メインナビ*/
.nav-modal-main{margin-bottom: 20px;}
.nav-modal-main li{border-top: solid 1px rgba(255,255,255,.3);}
.nav-modal-main li a{display: block;font-size: 16px;}
.nav-modal-main li a span{
	padding: 5%;
	display: block;
	position: relative;
}
/*アコーディオン*/
.nav-modal-main .menu span.open:before{display: none;}
.nav-modal-main .menu span:before,
.nav-modal-main .menu span:after{
	display: inline-block;
	content: '';
	background-color: #fff;
	position: absolute;
	width: 20px;
	height: 2px;
	top: 50%;
	right: 10px;
	margin-top: -2px;
}
.nav-modal-main .menu span:before{
	width: 2px;
	height: 20px;
	top: 50%;
	right: 19px;
	margin-top: -11px;
}
/*メインナビ下層*/
.nav-modal-main li ul {display: none;margin-left: 40px;}
.nav-modal-main li ul li:last-child{border-bottom: none;}
.nav-modal-main li ul li a{padding: 1em;}

/*サブナビ 横並び*/
.nav-modal-sub{
	overflow: hidden;
}
.nav-modal-sub ul{
	width: 50%;
	float: left;
}
.nav-modal-sub ul li a{
	display: block;
	padding: .4em;
	position: relative;
	padding-left: 15px;
}
.nav-modal-sub ul li a:before{
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 10px;
	border-top: solid 1px rgba(255,255,255,.5);
}
/* ===================================================================
content
=================================================================== */
article {}
section {}
main {}
.content {
	width:100%;
	margin: 0 auto;
	padding:50px 0 0 0;
}
@media screen and (max-width:1080px) {
.content {
	width:100%;
	margin: 0 auto;
	padding:40px 0 0 0;
}
}
/* ===================================================================
title
=================================================================== */
.main_title {
	width:100%;
	color:#000;
	line-height:1.6;
	margin:0 0 4% 0;
}
.under_title {
	width:100%;
	color:#000;
	margin:0 0 5% 0;
	padding:2% 0 2% 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.main_subtitle {
	line-height:1.4;
}
.under_subtitle {
	margin:2% 0 4% 0;
}
.topics_title {
	font-size:80%;
	margin:0 0 4% 0;
	padding:0.5% 2% 0.5% 2%;
	background-color:#ffe5ec;
	border-bottom:5px solid #f72c65;
	text-align:center;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
}
.inner_title {
	color:#f6376d;
}
.inner_title a{
	color:#f6376d;
	text-decoration:none;
}
@media screen and (max-width:1080px) {

}
/* ===================================================================
about
=================================================================== */
.about_inner {
	width:100%;
	margin:0 0 8% 0;
}
.about_top {
	width:90%;
	margin:0 5% 0 5%;
	position:relative;
}
.about_illust {
    position: absolute;
	top:-30%;
	left:35%;
}
.about_wrap {
	width:1170px;
	margin:auto;
}
.about_left {
	width:37.6%;
	display:inline-block;
	vertical-align:top;
	margin:8% 12% 0 0;
}
.about_right {
	width:37.6%;
	display:inline-block;
	vertical-align:top;
	margin:3% 0 0 12%;
}
.about_table{
	width:100%;
	text-align:center;
	margin:5% 0 5% 0;
}
.about_table table {
	font-size:110%;
	border-spacing: 0;
}

.about_table table tr th {
	font-weight:normal;
	padding:3% 0 3% 0;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
.about_table table tr td {
	border-right:1px solid #dddddd;
}
@media screen and (max-width:1080px) {
.about_wrap {
	width:100%;
}	
.about_left {
	width:100%;
	display: block;
	margin:0 0 5% 0;
}
.about_right {
	width:100%;
	display: block;
	margin:0 0 5% 0;
}
.about_illust {
	width:30%;
    position: absolute;
	top:-10%;
	left: auto;
	right:0;
}
}
/* ===================================================================
news
=================================================================== */
.news_inner {
	width:100%;
	margin:0 0 6% 0;
}
.news_bk {
	padding:6% 0 6% 0;
	background-image: url("/img/itasha_bk.jpg");
	background-repeat:repeat;
	position:relative;
}
.news_top {
	width:90%;
	margin:0 5% 0 5%;
}
.news_illust {
    position: absolute;
	top:-10%;
	right:5%;
}
.news_wrap {
	width:1170px;
	margin:auto;
}
.news_list {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin: 2% -1% 0 -1%;
}
.news_list a{
	text-decoration:none;
}
.news_list dl {
	width:23%;
    margin: 2% 1% 1% 1%;
    padding: 2%;
	background-color:#FFFFFF;
	position:relative;
	border: 5px solid #fff;
}
.news_list dl a::before,
.news_list dl a::after {
	position: absolute;
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
	z-index: 2;
	content: '';
	transition: all .3s;
}
.news_list dl a::before {
	border-top: 5px solid #f2157f;
	border-bottom: 5px solid #f2157f;
	transform: scale(0, 1);
}
.news_list dl a::after {
	border-right: 5px solid #f2157f;
	border-left: 5px solid #f2157f;
	transform: scale(1, 0);
}
.news_list dl a:hover {
	color: #3be5ae;
}
.news_list dl a:hover::after,
.news_list dl a:hover::before {
	transform: scale(1);
}
.news_list dl dt {
    width: 100%;
}
.news_list dl dt img{
	margin:0 0 2% 0;
}
.news_list dl dd {
    width: 100%;
}
.news_time {
	color:#FFF;
	position: absolute;
	top:-10%;
	left:-5%;
	padding:2%;
	z-index: 3;
	background-color:#fa0f80;
}
.news_ct {
	margin:0 0 1% 0;
    display: block;
}
.news_pic_list {
	font-size:90%;
	color:#FFFFFF;
	padding:2% 2% 2% 2%;
	background-color:#2bb3d1;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.news_main {
	width:870px;
	display: inline-table;
	vertical-align:top;
}
.news_details_list {
    margin: 2% -3% 0 -3%;
}
.news_details_list a{
	text-decoration:none;
}
.news_details_list dl {
	width:43.5%;
    margin: 2% 3% 5% 3%;
	display:inline-block;
	position:relative;
	border: 5px solid #fff;
	vertical-align:top;
}
.news_details_list dl a::before,
.news_details_list dl a::after {
	position: absolute;
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
	z-index: 2;
	content: '';
	transition: all .3s;
}
.news_details_list dl a::before {
	border-top: 5px solid #f2157f;
	border-bottom: 5px solid #f2157f;
	transform: scale(0, 1);
}
.news_details_list dl a::after {
	border-right: 5px solid #f2157f;
	border-left: 5px solid #f2157f;
	transform: scale(1, 0);
}
.news_details_list dl a:hover {
	color: #3be5ae;
}
.news_details_list dl a:hover::after,
.news_details_list dl a:hover::before {
	transform: scale(1);
}
.news_details_list dl dt {
    width: 100%;
}
.news_details_list dl dt img{
	width:100%;
	height:auto;
	margin:0 0 5% 0;
}
.news_details_list dl dd {
    width: 100%;
}
.news_details_list dl dd h5{
	padding:3% 0 0 0;
}
.news_side {
	width:290px;
	display: inline-table;
	vertical-align:top;
	padding:0 0 0 30px;
}
.news_side_list{}
.news_side_list ul{}
.news_side_list ul li{
	margin:0 0 10% 0;
	background-color:#f8f8f8;
	border:1px solid #dfdfdf;
}
.news_side_list ul li a{
	font-size:90%;
	display:block;
	padding:5%;
	text-decoration:none;
}
.news_side_time {
	font-size:90%;
	color:#aaaaaa;
	margin:0 0 2% 0;
}
.news_body {
	margin:0 0 2% 0;
	padding:4%;
	background-color:#ededed;
}
@media screen and (max-width:1080px) {
.news_illust {
	width:40%;
    position: absolute;
	top:0;
	right:0;
}
.news_wrap {
	width:96%;
	margin:0 2% 0 2%;
}
.news_list {
    display: block;
    margin: 2% 0 0 0;
}
.news_list a{
	text-decoration:none;
}
.news_list dl {
	width:98%;
    margin: 2% 1% 2% 1%;
    padding: 2%;
}
.news_main {
	width:100%;
	display: block;
}
.news_details_list {
    margin: 2% 0 0 0;
}
.news_details_list a{
	text-decoration:none;
}
.news_details_list dl {
	width:100%;
    margin: 2% 0 10% 0;
	display: block;
}
.news_side {
	width:100%;
	display: block;
	padding:0;
}
}
/* ===================================================================
service
=================================================================== */
.service_inner {
	width:100%;
	margin:0 0 6% 0;
}
.service_top {
	width:90%;
	margin:0 5% 0 5%;
}
.service_illust01 {
    position: absolute;
	top:-70%;
	right:40%;
}
.service_illust02 {
    position: absolute;
	top:-15%;
	left:-5%;
}
.service_illust03 {
    position: absolute;
	right:-5%;
	bottom:-5%;
}
.service_box {
	margin:0 0 4% 0;
	padding:3% 4% 4% 4%;
	background-color:#1e1e1e;
	position:relative;
}
.service_left {
	width:10%;
	color:#ffa8c0;
	display:inline-block;
	vertical-align: middle;
	margin:0 5% 0 0;
}
.service_center {
	width:35%;
	display:inline-block;
	vertical-align: middle;
	border-right:1px solid #CCC;
	margin:0 5% 0 0;
	padding:0 5% 0 0;
}
.service_right {
	width:44%;
	display:inline-block;
	vertical-align: middle;
	position:relative;
}
.service_list {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin: 2% -1% 0 -1%;
}
.service_list a{
	text-decoration:none;
}
.service_list a .button02{
	color:#f72c65;
}
.service_list a .button02:hover {
	color: #fd9ab6;
}
.service_list dl {
	width:31%;
    margin: 2% 1% 2% 1%;
    padding: 2%;
	background-color:#FFFFFF;
	position:relative;
	border: 5px solid #fff;
}
.service_list dl a::before,
.service_list dl a::after {
	position: absolute;
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
	z-index: 2;
	content: '';
	transition: all .3s;
}
.service_list dl a::before {
	border-top: 5px solid #f2157f;
	border-bottom: 5px solid #f2157f;
	transform: scale(0, 1);
}
.service_list dl a::after {
	border-right: 5px solid #f2157f;
	border-left: 5px solid #f2157f;
	transform: scale(1, 0);
}
.service_list dl a:hover::after,
.service_list dl a:hover::before {
	transform: scale(1);
}
.service_list dl dt {
    width: 100%;
}
.service_list dl dt img{
	margin:0 0 2% 0;
}
.service_list dl dd {
    width: 100%;
}
/* 詳細 */
.service_wrap {
	width:1170px;
	margin:auto;
}
.servicelist {
	padding:2% 0 10% 0;
    background-image: url("/img/commitmen01.jpg");
    background-repeat: no-repeat;
	background-position: right top;
	background-size: 75% auto;
}
.servicelist_info {
	width:55%;
	padding:0 3% 3% 3%;
	background-color: #fff;
	box-shadow: 0 0 8px #e1e1e1;
}
.service_details_left {
	width:55%;
	display:inline-block;
	vertical-align: middle;
	margin:0 0 5% 0;
}
.service_details_right {
	width:43.5%;
	display:inline-block;
	vertical-align: middle;
	margin:0 0 5% 0;
	padding:0 0 0 5%;
}
.service_flow {
	margin:2% 0 4% 10%;
	padding:3% 0 3% 5%;
	border-left:1px solid #CCC;
}
.service_flow dl{
	display: flex;
	margin:0 0 1% 0;
	background-color:#f1f1f1;
}
.service_flow dl dt{
	width:15%;
	display:inline-block;
	padding:2%;
	background-color:#e2e2e2;
}
.service_flow dl dd{
	width:84%;
	padding:2%;
	display:inline-block;
}
.service_flow_sale {
	margin:2% 0 4% 10%;
	padding:3% 0 3% 5%;
	border-left:1px solid #CCC;
	position:relative;
}
.service_flow_sale dl{
	margin:0 0 1% 0;
}
.service_flow_sale dl dt{
	width:100%;
	padding:2%;
	background-color:#ff8ca7;
}
.service_flow_sale dl dd{
	width:100%;
	padding:2%;
	background-color:#ffeef2;
}
.service_flow_illust01 {
    position: absolute;
	top:30%;
	left:-18%;
}
.service_price {
	margin:2% 0 4% 10%;
}
.service_price table {
	width:100%;
	border-spacing: 0;
	border-top:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
}
.service_price table tr th {
	text-align:left;
	padding:1% 2% 1% 2%;
	background-color:#f6f6f6;
	border-left:1px solid #eaeaea;
	border-bottom:4px solid #eaeaea;
}
.service_price table tr td {
	padding:1% 2% 1% 2%;
	border-left:1px solid #eaeaea;
	border-bottom:4px solid #eaeaea;
}
.service_colabo_left {
	width:50%;
	display:inline-block;
	vertical-align: middle;
	margin:0 0 5% 0;
}
.service_colabo_right {
	width:48.5%;
	display:inline-block;
	vertical-align: middle;
	margin:0 0 5% 0;
	padding:0 0 0 5%;
}
.colabo_box {
	margin:2% 0 0 0;
	padding:5%;
	background-color:#efefef;
}
@media screen and (max-width:1080px) {
.service_illust01 {
	width:30%;
    position: absolute;
	top:-5%;
	right:0;
}
.service_illust02 {
	width:30%;
    position: absolute;
	top:0;
	left:0;
}
.service_illust03 {
	width:30%;
    position: absolute;
	right:0;
	bottom:20%;
}
.service_left {
	width:30%;
	color:#ffa8c0;
	display:inline-block;
	vertical-align: middle;
	margin:0 2% 0 0;
}
.service_center {
	width:66%;
	display:inline-block;
	vertical-align: middle;
	border-right: none;
	margin:0;
	padding:0;
}
.service_right {
	width:100%;
	display: block;
}
.service_box {
	margin:0 0 5% 0;
}
.service_list {
    margin: 2% 0 0 0;
}
.service_list dl {
	width:98%;
    margin: 2% 1% 2% 1%;
    padding: 2%;
	background-color:#FFFFFF;
	position:relative;
	border: 5px solid #fff;
}
/* 詳細 */
.service_wrap {
	width:96%;
	margin:0 2% 5% 2%;
}
.servicelist_info {
	width:100%;
}
.service_details_left {
	width:100%;
	display: block;
	margin:0 0 5% 0;
}
.service_details_right {
	width:100%;
	display: block;
	margin:0 0 5% 0;
	padding:0;
}
.service_flow {
	margin:2% 0 4% 6%;
}
.service_flow dl{
	margin:0 0 3% 0;
}
.service_flow dl dt{
	width:100%;
	display: block;
}
.service_flow dl dd{
	width:100%;
	display: block;
}
.service_flow_illust01 {
    position: absolute;
	top:30%;
	left:-24%;
	width:30%;
}
}
/* ===================================================================
commitment
=================================================================== */
.commitment_inner {
	width:100%;
	margin:0 0 6% 0;
}
.commitment_bk {
	background: linear-gradient(#ffffff 50%, #ff95b3 50%);
}
.commitment_top {
	width:90%;
	margin:0 5% 0 5%;
}
.commitment_wrap {
	width:1170px;
	margin:auto;
}
.commitment_box {
	padding:10% 0 10% 0;
    background-image: url("/img/commitmen01.jpg");
    background-repeat: no-repeat;
	background-position: right top;
	background-size: 80% auto;
}
.commitment_info {
	width:45%;
	padding:3%;
	background-color: #fff;
}
.commitment_info ul{
	margin:5% 0 0 0;
}
.commitment_info ul li{
	width:22.1%;
	display:inline-block;
	margin:0 1% 0 1%;
}
.commitment_info ul li img{
	width:100%;
	height:auto;
}
.commitment_list{
	margin:0 0 5% 0;
}
.commitment_list ul{}
.commitment_list ul li{
	position:relative;
	margin:0 0 5% 0;
}
.commitment_list ul li img{
    width: 100%;
	height: auto;
}
.commitment_list ul li h3{
	color:#FFFFFF;
	text-align:center;
	position: absolute;
	top:30%;
	left:0;
	right:0;
}
.commitment_list ul li  p{
	font-size:110%;
	color:#FFFFFF;
	text-align:center;
	position: absolute;
	top:50%;
	left:0;
	right:0;
}
.commitment_illust01 {
    position: absolute;
    top: 20%;
    left: -5%;
}
.commitment_illust02 {
    position: absolute;
    top: 40%;
    right: -5%;
}
.commitment_charact_image{
	position:relative;
}
.commitment_charact_image img{
	width:80%;
	height:auto;
}
.charact_illust01 {
    position: absolute;
	top:5%;
	right:0;
}
.commitment_charact_text {
	margin:5% 0 5% 15%;
	padding:3% 0 3% 5%;
	border-left:1px solid #CCC;
}
.commitment_charactlist {
}
.commitment_charactlist dl{
	margin:0 0 4% 0;

}
.commitment_charactlist dl dt{
	width:400px;
	display:inline-block;
	vertical-align: middle;
}
.commitment_charactlist dl dd{
	width:760px;
	display:inline-block;
	vertical-align: middle;
	padding:0 0 0 5%;
}
.commitment_sekou {}
.commitment_sekou_left {
	width:400px;
    display: inline-table;
	vertical-align: middle;
	margin:0 0 5% 0;
}
.commitment_sekou_left img{
	width:100%;
	height:auto;
}
.commitment_sekou_right {
	width:719px;
    display: inline-table;
	vertical-align: middle;
	margin:0 0 5% 40px;
	padding:5%;
	background-color:#f3f3f3;
	border-left:5px solid #ff6baa;
}
.commitment_photo {}
.commitment_photo ul{
    margin: 0;
    padding: 0;
    display: inline-table;
	margin:0 -10px 0 -10px;
}
.commitment_photo ul li{
    width: 213px;
	margin:10px;
    display: inline-block;
}
@media screen and (max-width:1080px) {
.commitment_wrap {
	width:96%;
	margin:0 2% 0 2%
}
.commitment_info {
	width:100%;
}
.commitment_info ul{
	margin:15% 0 0 0;
}
.commitment_info ul li{
	width:47.1%;
	display:inline-block;
	margin:0 1% 1% 1%;
}
.commitment_charact_image img{
	width:100%;
}
.commitment_list ul li h3{
	top:15%;
}
.commitment_list ul li  p{
	font-size:90%;
}
.commitment_illust01{
    position: absolute;
    top: -5%;
    left: -5%;
	width:15%;
}
.commitment_illust02 {
    position: absolute;
    top: 5%;
    right: 0;
	width:15%;
}
.charact_illust01 {
	width:30%;
    position: absolute;
	top:10%;
}
.commitment_charact_text {
	margin:5% 0 5% 10%;
}
.commitment_charactlist dl dt{
	width:100%;
	display: block;
}
.commitment_charactlist dl dt img{
	width:50%;
	height:auto;
}
.commitment_charactlist dl dd{
	width:100%;
	display: block;
	padding:0;
}
.commitment_sekou_left {
	width:100%;
	display: block;
	margin:0 0 5% 0;
}
.commitment_sekou_right {
	width:100%;
	display: block;
	margin:0 0 5% 0;
	padding:5%;
}
.commitment_photo ul{
    display: block;
	margin:0 0 0 0;
}
.commitment_photo ul li{
    width: 100%;
	margin:0 0 2% 0;
    display: block;
}
.commitment_photo ul li img{
    width: 100%;
	height:auto;
}
}
/* ===================================================================
gallery
=================================================================== */
.gallery_inner {
	width:100%;
	margin:0 0 8% 0;
}
.gallery_top {
	width:90%;
	margin:0 5% 0 5%;
	position:relative;
}
.gallery_wrap {
	width:1170px;
	margin:auto;
}
.gallery_left {
	width:47.6%;
	display:inline-block;
	vertical-align:top;
	margin:0 2% 0 0;
}
.gallery_right {
	width:47.6%;
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 2%;
}
.gallery_left ul,
.gallery_right ul{
	margin:5% 0 0 0;
}
.gallery_left ul li,
.gallery_right ul li{
	width:22.1%;
	display:inline-block;
	vertical-align:top;
	margin:0 1% 2% 1%;
}
.gallery_left ul li img,
.gallery_right ul li img{
	width:100%;
	height:auto;
}
/* 一覧 */
.gallery_category{
    display:flex;
    align-items: stretch;
	margin:0 0 5% 0;
}
.gallery_box{
    flex-basis: auto;
    width:277.5px;
	margin:0 20px 0 0;
	padding:2%;
	background-color:#f5f5f5;
}
div.gallery_category div.gallery_box:nth-child(4) {
    width:277.5px;
	margin:0;
}
.gallery_box ul{}
.gallery_box ul li{
	padding:2% 0 2% 10%;
}
.gallery_box ul ul.children li:last-child{
	border-bottom:none;
}
.gallery_box ul li::before{
	content: "\f0da";
	color:#ff8dad;
	font-family: FontAwesome;
	padding:0 3% 0 0;
}
.gallery_box ul li a{
	text-decoration:none;
}
.gallery_box ul li a:hover{
	text-decoration: underline;
}
.gallery_list {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin: 2% -1% 0 -1%;
}
.gallery_list a{
	text-decoration:none;
}
.gallery_list dl {
	width:23%;
    margin: 2% 1% 2% 1%;
    padding: 1%;
	position:relative;
	border: 5px solid #fff;
	box-shadow: 0px 0px 12px 2px rgba(185, 185, 185, .2);
}
.gallery_list dl a::before,
.gallery_list dl a::after {
	position: absolute;
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
	z-index: 2;
	content: '';
	transition: all .3s;
}
.gallery_list dl a::before {
	border-top: 5px solid #f2157f;
	border-bottom: 5px solid #f2157f;
	transform: scale(0, 1);
}
.gallery_list dl a::after {
	border-right: 5px solid #f2157f;
	border-left: 5px solid #f2157f;
	transform: scale(1, 0);
}
.gallery_list dl a:hover {
	color: #3be5ae;
}
.gallery_list dl a:hover::after,
.gallery_list dl a:hover::before {
	transform: scale(1);
}
.gallery_list dl dt {
    width: 100%;
}
.gallery_list dl dt p{
	position:absolute;
	color:#FFFFFF;
	font-size:80%;
	top:-5%;
	left:1%;
	background-color:#000;
	padding:1%;
}
.gallery_list dl dt img{
	margin:0 0 4% 0;
}
.gallery_list dl dd {
    width: 100%;
}
.gallery_body {}
.gallery_body_left {
	width:57.6%;
	display:inline-block;
	vertical-align: middle;
	margin:0 2% 0 0;
}
.gallery_body_right {
	width:37.6%;
	display:inline-block;
	vertical-align: middle;
	margin:0 0 0 2%;
}
.gallery_body_right dl{
	margin:2% 0 2% 0;
	padding:2% 0 2% 0;
	border-bottom:1px solid #eeeeee;
}
.gallery_body_right dl dt{
	width:22.6%;
	display:inline-block;
	vertical-align:top;
	margin:0 2% 0 0;
}
.gallery_body_right dl dd{
	width:72.6%;
	display:inline-block;
	vertical-align:top;
}
.gallery_make{}
.gallery_make ul{
    margin: 1% -2% 1% -2%;
}
.gallery_make ul li{
	width:45.6%;
	display:inline-block;
    margin:1% 2% 1% 2%;
	padding:1%;
	border-bottom:4px solid #2bb3d1;
}
.gallery_details {
    width: 100%;
	margin:4% 0 0 0;
	padding:5%;
	background-color:#f4f4f4;
}
@media screen and (max-width:1080px) {
.gallery_wrap {
	width:96%;
	margin:0 2% 0 2%;
}
.gallery_left {
	width:100%;
	display: block;
	margin:0;
}
.gallery_right {
	width:100%;
	display: block;
	margin:0;
}
.gallery_left ul li,
.gallery_right ul li{
	width:21.9%;
	display:inline-block;
	vertical-align:top;
	margin:0 1% 2% 1%;
}
/* 一覧 */
.gallery_category{
    display: block;
}
.gallery_box{
    display: block;
    width:100%;
	margin:0 0 2% 0;
	padding:2%;
	background-color:#f5f5f5;
}
div.gallery_category div.gallery_box:nth-child(4) {
    width:100%;
	margin:0;
}
.gallery_box ul{}
.gallery_box ul li{
	padding:0 0 0 0;
}
.gallery_list {
    display: block;
    margin: 2% 0 0 0;
}
.gallery_list a{
	text-decoration:none;
}
.gallery_list dl {
	width:100%;
    margin: 2% 0 2% 0;
}
.gallery_body_left {
	width:100%;
	display: block;
	margin:0;
}
.gallery_body_right {
	width:100%;
	display: block;
	margin:0;
}
}
/* ===================================================================
illustration
=================================================================== */
.illustration_inner {
	width:100%;
	margin:0 0 8% 0;
}
.illustration_wrap {
	width:1170px;
	margin:auto;
}
/* 一覧 */
.illustration_category{
	margin:0 0 4% 0;
}
.illustration_category ul{}
.illustration_category ul li{
	width:22.5%;
	display:inline-block;
	margin:0 1% 1% 1%;
	background-color:#ffe3eb;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
}
.illustration_category ul li:last-child{

}
.illustration_category ul li a{
	font-size:90%;
	display:block;
	text-align:center;
	padding:2% 0 2% 0;
	text-decoration:none;
}
.illustration_category ul li a:hover{}
.illustration_list {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin: 2% -1% 0 -1%;
}
.illustration_list a{
	text-decoration:none;
}
.illustration_list dl {
	width:23%;
    margin: 2% 1% 2% 1%;
    padding: 1%;
	position:relative;
	border: 5px solid #fff;
	box-shadow: 0px 0px 12px 2px rgba(185, 185, 185, .2);
}
.illustration_list dl a::before,
.illustration_list dl a::after {
	position: absolute;
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
	z-index: 2;
	content: '';
	transition: all .3s;
}
.illustration_list dl a::before {
	border-top: 5px solid #f2157f;
	border-bottom: 5px solid #f2157f;
	transform: scale(0, 1);
}
.illustration_list dl a::after {
	border-right: 5px solid #f2157f;
	border-left: 5px solid #f2157f;
	transform: scale(1, 0);
}
.illustration_list dl a:hover {
	color: #3be5ae;
}
.illustration_list dl a:hover::after,
.illustration_list dl a:hover::before {
	transform: scale(1);
}
.illustration_list dl dt {
    width: 100%;
}
.illustration_list dl dt p{
	position:absolute;
	color:#FFFFFF;
	font-size:80%;
	top:-5%;
	left:1%;
	background-color:#000;
	padding:1%;
}
.illustration_list dl dt img{
	margin:0 0 4% 0;
}
.illustration_list dl dd {
    width: 100%;
}
.illustration_body {}
.illustration_body_left {
	width:57.6%;
	display:inline-block;
	vertical-align: middle;
	margin:0 2% 0 0;
}
.illustration_body_right {
	width:37.6%;
	display:inline-block;
	vertical-align: middle;
	margin:0 0 0 2%;
}
.illustration_body_right dl{
	margin:2% 0 2% 0;
	padding:2% 0 2% 0;
	border-bottom:1px solid #eeeeee;
}
.illustration_body_right dl dt{
	width:26.6%;
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 0;
}
.illustration_body_right dl dd{
	width:70.6%;
	display:inline-block;
	vertical-align:top;
}
.illustration_details {
    width: 100%;
	margin:4% 0 0 0;
}
.illustration_details_left {
	width:55.6%;
	display:inline-block;
	vertical-align: top;
	margin:0 2% 0 0;
	padding:5%;
	background-color:#f4f4f4;
}
.illustration_performance {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin: 2% -2% 0 -2%;
}
.illustration_performance div{
	width:46%;
	font-size:80%;
	margin:0 2% 2% 2%;
}
.illustration_details_right {
	width:39.6%;
	display:inline-block;
	vertical-align: top;
	margin:0 0 0 2%;
}
.illustration_details_img {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin: 2% -2% 0 -2%;
}
.illustration_details_img div{
	width:46%;
	font-size:80%;
	margin:0 2% 2% 2%;
}
@media screen and (max-width:1080px) {
.illustration_wrap {
	width:96%;
	margin:0 2% 0 2%;
}
.illustration_category ul li{
	width:100%;
	display: block;
	background-color:#ffe3eb;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
}
.illustration_list {
    display: block;
    margin: 2% 0 0 0;
}
.illustration_list dl {
	width:100%;
    margin: 2% 0 4% 0;
}
.illustration_body_left {
	width:100%;
	display: block;
	margin:0 0 2% 0;
}
.illustration_body_right {
	width:100%;
	display: block;
	margin:0;
}
.illustration_body_right dl{
	margin:2% 0 2% 0;
	padding:2% 0 2% 0;
	border-bottom:1px solid #eeeeee;
}
.illustration_body_right dl dt{
	width:100%;
	display: block;
	margin:0;
}
.illustration_body_right dl dd{
	width:100%;
	display: block;
	margin:0;
}
.illustration_details_left {
	width:100%;
	display: block;
	margin:0 0 2% 0;
}
.illustration_details_right {
	width:100%;
	display: block;
	margin:0;
}
}
/* ===================================================================
qa
=================================================================== */
.qa_inner {
	width:100%;
	margin:0 0 8% 0;
}
.qa_wrap {
	width:1170px;
	margin:auto;
}
.qa_main {
	width:870px;
	display: inline-table;
	vertical-align:top;
}
.qa_side {
	width:290px;
	display: inline-table;
	vertical-align:top;
	padding:0 0 0 30px;
}
.qa_side_list{}
.qa_side_list ul{}
.qa_side_list ul li{
	margin:0 0 2% 0;
	background-color:#f8f8f8;
	border:1px solid #dfdfdf;
}
.qa_side_list ul li a{
	font-size:90%;
	display:block;
	padding:5%;
	text-decoration:none;
}
.qa_list {}
.qa_list dl{
	width:100%;
	margin:0 0 4% 0;
}
.qa_list dl dt{
	margin:0 0 1% 0;
}
.qa_list dl dd{
	padding:4%;
	background-color:#fff4f7;
}
.qa_cate {
	font-size:90%;
	color:#FFFFFF;
	padding:2% 2% 2% 2%;
	background-color:#ff9db9;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
@media screen and (max-width:1080px) {
.qa_wrap {
	width:96%;
	margin:0 2% 0 2%;
}
.qa_main {
	width:100%;
	display: block;
}
.qa_side {
	width:100%;
	display: block;
	padding:0;
}

}
/* ===================================================================
inq
=================================================================== */
.inq_inner {
	width:100%;
}
.inq_bk {
	margin:0 0 0 0;
	background:url("/img/inq.jpg") repeat;
	background-size: cover;
}
.inq_top {
	width:90%;
	color:#FFF;
	margin:0 5% 0 5%;
	position:relative;
}
.inq_comment {
	width:60%;
	font-size:110%;
	color:#FFFFFF;
	line-height:2;
	margin:auto;
	padding:10% 0 10% 0;
}
@media screen and (max-width:1080px) {
.inq_comment {
	width:100%;
	font-size:90%;
}
}
/* ===================================================================
company
=================================================================== */
.company_inner {
	width:100%;
	margin:0 0 8% 0;
}
.company_bk {
	margin:0 0 5% 0;
	padding:5% 0 5% 0;
	background-color:#ffe2eb;
	/*background:url("/img/inq.jpg") repeat;
	background-size: cover;*/
}
.company_wrap {
	width:1170px;
	margin:auto;
}
.company_photo{
	width:100%;
	margin:0 0 5% 0;
}
.company_photo ul{
	margin:0 -2% 0 -2%;
}
.company_photo ul li{
	width:29%;
	display:inline-block;
	vertical-align:top;
	margin:0 2% 0 2%;
}
.company_photo ul li img{
	width:100%;
	height:auto;
}
.company_pro_image {
	width:27.6%;
	display:inline-block;
	vertical-align:top;
	margin:0 2% 0 0;
}
.company_pro_comment {
	width:65.6%;
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 4%;
	background-color:#FFFFFF;
	padding:2% 4% 2% 4%;
}
.company_left {
	width:40.6%;
	display:inline-block;
	vertical-align:top;
	margin:0 2% 0 0;
}
.company_right {
	width:54.6%;
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 2%;
}
.company_list{
	width:94%;
	margin:0 3% 0 3%;
}
.company_list table {
	border-spacing: 0;
	margin:0 0 40px 0;
}
.company_list table tr th {
	width:20%;
	font-weight: normal;
	text-align: left;
	vertical-align:top;
	padding:4% 2% 2% 2%;
	border-bottom:4px solid #000;
}
.company_list table th:first-child {}
.company_list table th:last-child {}
.company_list table tr td {
	width:80%;
	padding:4% 2% 2% 2%;
	vertical-align:top;
	border-bottom:4px solid #eaeaea;
}
@media screen and (max-width:1080px) {
.company_wrap {
	width:96%;
	margin:0 2% 0 2%
}
.company_photo ul{
	margin:0 0 0 0;
}
.company_photo ul li{
	width:100%;
	display:inline-block;
	margin:0;
}
.company_bk {
	margin:0 0 5% 0;
	padding:5% 0 5% 0;
	background:none;
	background-size:none;
}
.company_pro_image {
	width:100%;
	display: block;
	margin:0;
}
.company_pro_comment {
	width:100%;
	display: block;
	margin:0;
	padding:2% 0 0 0;
}
.company_left {
	width:100%;
	display: block;
	margin:0;
}
.company_right {
	width:100%;
	display: block;
	margin:0;
}
}

/* ===================================================================
results
=================================================================== */
.results_inner{
	width:100%;
	margin:0 0 3% 0;
}
.results_inner ul{

}
.results_inner ul li{
	width:96%;
	margin:0 2% 1% 2%;
}
/* ===================================================================
contact
=================================================================== */
.contact_inner {
    width: 100%;
	margin:0 0 8% 0;
}
.contact_wrap {
	width:1170px;
	margin:auto;
}
/* 任意マーク */
.must {
	font-weight:normal;
	color: #FFF;
	border-radius: 3px;
	font-size:80%;
	margin:0 0 10px 10px;
	padding: 5px 10px;
	letter-spacing: 0.2em;
	background: #FF1A00;
}
.contact_box {
	width:94%;
	margin:4% 3% 0 3%;
}
.contact_box table {
	border-spacing: 0;
}
.contact_box table tr th {
	width:35%;
	font-weight:normal;
	text-align:left;
	padding:2% 2% 2% 2%;
	background-color:#f6f6f6;
	border-bottom:4px solid #eaeaea;
	vertical-align:top;
}
.contact_box table th:first-child {}
.contact_box table th:last-child {}
.contact_box table tr td {
	width:65%;
	padding:2% 2% 2% 2%;
	border-bottom:4px solid #eaeaea;
}
.contact_box table tr td:first-child {
}
.f_l {width:120px;}
.f_s_b {width:360px;}
.wpcf7-list-item{
	display:block;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea{
	background-color:#ffe7f2;
	border:2px solid #ffaac2;
	padding:5px;
}
.wpcf7-not-valid-tip{
	margin:0;
	padding:0;
}
.wpcf7-textarea {
	width:90%;
}
.contact_inner .wpcf7c-conf {
	border: none;
	background-color:#fff;
}
/* 完了後非表示 */
.sent .kan {
        display:none;
}
@media screen and (max-width:1080px) {
.contact_wrap {
	width:96%;
	margin:0 2% 0 2%
}
.contact_box {
	width:100%;
	margin:4% 0 0 0;
}
.contact_box table {
	border-spacing: 0;
}

.contact_box table tr th {
	width:100%;
	float: left;
	padding:2% 2% 2% 2%;
	background-color:#f6f6f6;
	border-bottom:1px solid #eaeaea;
}
.contact_box table tr td {
	width:100%;
	float: left;
	padding:2% 2% 2% 2%;
	border-bottom:1px solid #eaeaea;
}
.f_l {width:80%;}
.f_s_b {width:100%;}
.wpcf7-textarea {width:100%;}
}
/* ===================================================================
sitemap
=================================================================== */
.sitemap_inner {
    width: 100%;
	margin:0 0 8% 0;
}
.sitemap_wrap {
	width:1170px;
	margin:auto;
}
.sitemap_list ul{
	margin:0 0 2% 0;
}
.sitemap_list ul li{

}
.sitemap_list ul li.sitemap_one{
	display:block;
	margin:0 0 2% 0;
	padding:1% 2% 1% 2%;
	background-color:#ffc3d4;
	clear:both;
}
.sitemap_list ul li.sitemap_two{
	padding:0px 0px 1% 4%;
}
.sitemap_list ul li.sitemap_three{
	padding:0px 0px 1% 8%;
}
.sitemap_list ul li.sitemap_one a,
.sitemap_list ul li.sitemap_two a,
.sitemap_list ul li.sitemap_three a{
	text-decoration:none;
}
.sitemap_list ul li.sitemap_one a:hover,
.sitemap_list ul li.sitemap_two a:hover,
.sitemap_list ul li.sitemap_three a:hover{
	text-decoration: underline;
}
@media screen and (max-width:1080px) {

}
/********************
page-top
********************/
.page_top {
    position: fixed;
	right:0;
	bottom:0;
}
.page_top a {
    position: relative;
    color: #252525;
    padding: 1% 2%;
    text-decoration: none;
}
/********************
footer
********************/
footer {
	width:100%;
	overflow:auto;
	border-left:60px solid #e8e8e8;
}
.footer_inner {
	margin:8% 5% 8% 5%;
}
.footer_left{
	width:65%;
	display:inline-block;
	padding:0 5% 0 0;
}
.footer_left ul{
	margin:4% 0 0 0;
}
.footer_left ul li{
	width:32%;
	padding:0 0 0 0;
	display:inline-block;
}
.footer_right{
	width:34%;
	display:inline-block;
}
.footer_right ul li{
	display:inline-block;
}
/* copyright */
.copyright {
    position: fixed;
    left: 1%;
    bottom: 2%;
    writing-mode: vertical-rl;
    text-align: center;
    font-size:90%;
    font-weight: 600;
    letter-spacing: 0.1em;
    z-index: 200;
}
@media screen and (max-width:1080px) {
footer {
	border-left:none;
}
.footer_inner {
	margin:8% 0 8% 0;
}
.footer_left{
	width:100%;
	display: block;
	padding:0 2% 1% 2%;
}
.footer_left h4,
.footer_left h5{
	font-size:100%;
	text-align:center;
}
.footer_left ul li{
	width:43%;
	display: inline-block;
	padding:0 3% 0.5% 3%;
}
.footer_right{
	width:100%;
	line-height:1.4;
	display: block;
	margin:2% 0 2% 0;
	padding:1% 2% 1% 2%;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.copyright {
    position: static;
    writing-mode:horizontal-tb;
	padding:0 2% 0 2%;
}
}
/* IE用 =========================== */
:-ms-input-placeholder {
	color: #adadad;
}