@charset "utf-8";
/*=====================
	共通
=====================*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fff;
	color: #818181;
	line-height: 1.4;
	font-size: 12px;
	word-wrap: break-word;/*改行*/
}
p{
	margin-top:8px;
}
img{
	width:100%;
	vertical-align:bottom;
}
ul{
	list-style: none;
}
/*リンク*/
a:link {
	color: #ed74b7;
}
a:visited {
	color: #ed74b7;
}
a:hover {
	color: #a3d6cc;
	border-bottom: #a3d6cc;
}
a:active {
	color: #a3d6cc;
	border-bottom: #a3d6cc;
}
/*=====================
	content
=====================*/
.wrapper{
	margin-top:60px;
}
h2{
	color:#d04f97;
	border-bottom:#d04f97 2px solid;
	font-size:18px;
	font-weight: normal;
	margin-bottom:10px;
}
h3{
	color:#d04f97;
	font-size:18px;
	font-weight: normal;
	margin:10px 0;
}
/*コンタクト*/
form{
	max-width:800px;
	margin:20px auto;
}
input[type="text"],input[type="email"],input[type="url"],textarea {
	width:100%;;
	max-width:400px;
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-radius: 3px;
	padding:4px;
}
textarea {
	width:100%;
	max-width:600px;
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-radius: 3px;
	padding:4px;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,textarea:focus {
	box-shadow: 0 0 4px #ffcee8;
	border: 1px solid #ffb7dd;
}
table.form{
	width:100%;
}
table.form tr{
	margin:6px 0
}
table.form tr th{
	width:150px;
	text-align:left;
	font-weight:normal;
}
table.form tr th span{
	color: #db0000;
}
@media screen and (min-width: 769px){
	.section_slider{
		margin: 60px auto 0 auto;
		max-width:1040px;
		width: 100%;
	}
	.section_slider img{
		width:100%;
	}
	.section_content{
		overflow:hidden;
		max-width:1040px;
		width: 100%;
		margin:10px auto;
	}
	.section_twitter{
		/* float:left; */
		float:right;
		width:300px;
		margin:0 auto;
	}
	.section_news{
		float:left;
		width:680px;
		margin:0 auto;
	}
	.section_box{
		float:right;
		overflow:hidden;
		width:680px;
	}
	.box{
		float:left;
		width: 32%;
		max-width:345px;
		min-width: 250px;
		max-height:300px;
		padding:10px;
		margin-left: 1%;
	}
	.section_left{
		float:left;
		width:300px;
		margin:0 10px 0 0;
	}
	.section_right{
		float:right;
		width:calc(100% - 310px);
	}
	.box_works_list{
		float:left;
		width:calc(100% - 244px);
		margin:0 10px 0 0;
	}
	.box_works_list ul li{
		padding:2px 0 0 10px;
	}
	.box_works_banner{
		float:right;
		width:234px;
		margin-top:10px;
	}
	.box_works_banner img{
		display:block;
		max-width: 234px;
		margin:0 auto 2px 0;
	}
	.news {
		position:relative;
		border:#aaa solid 1px;
		margin-bottom:10px;
		padding:10px;
	}
	.news h3 {
		color:#d04f97;
	}
	.news .news_date {
		position:absolute;
		top:0;
		right:10px;
	}
	.news_log {
		width:180px;
		border: 5px solid transparent;
		border-left: 5px solid #ed74b7;
		line-height: 0 !important;
		padding: 0 0 0 6px !important;
		float:right;
	}
}
@media screen and (max-width: 768px){
	.section_slider{
		margin: 80px auto 0 auto;
		width: 90%;
	}
	.section_slider img{
		width:100%;
	}
	.section_content{
		overflow:hidden;
		width:90%;
		margin:10px auto;
	}
	.section_box{
		overflow:hidden;
		width:90%;
		margin:10px auto;
	}
	.box{
		float:left;
		width:50%;
		padding:10px;
	}
	.section_left{
		float:left;
		width:300px;
		margin:0 10px 0 0;
	}
	.section_right{
		float:right;
		width:calc(100% - 310px);
	}
	.box_works_list{
		float:left;
		width:calc(100% - 244px);
		margin:0 10px 0 0;
	}
	.box_works_list ul li{
		padding:2px 0 0 10px;
	}
	.box_works_banner{
		float:right;
		width:234px;
		margin-top:10px;
	}
	.box_works_banner img{
		display:block;
		max-width: 234px;
		margin:0 auto 2px 0;
	}
	.news {
		position:relative;
		border:#aaa solid 1px;
		margin-bottom:10px;
		padding:10px;
	}
	.news h3 {
		color:#d04f97;
	}
	.news .news_date {
		position:absolute;
		top:0;
		right:10px;
	}
	.news_log {
		width:180px;
		border: 5px solid transparent;
		border-left: 5px solid #ed74b7;
		line-height: 0 !important;
		padding: 0 0 0 6px !important;
		float:right;
	}
}
@media screen and (max-width:480px){
	.section_slider{
		margin-top:40px;
		width:100%;
	}
	.section_slider img{
		width:100%;
	}
	.section_content{
		overflow:hidden;
		width:90%;
		margin:10px auto;
	}
	.section_box{
		overflow:hidden;
		width:90%;
		margin:10px auto;
	}
	.box{
		float:left;
		width:100%;
		margin:10px 0;
	}
	.box img{
		max-width:100%;
	}
	.section_left{
		/*float:left;*/
		width:100%;
	}
	.section_right{
		/*float:right;*/
		width:100%;
	}
	.box_works_list{
		/*float:left;*/
		width:100%;
	}
	.box_works_list ul li{
		padding:2px 0 0 10px;
	}
	.box_works_banner{
		/*float:right;*/
		width:100%;
		margin-top:20px;
	}
	.box_works_banner img{
		display:block;
		max-width: 234px;
		margin:0 auto 2px 0;
	}
	.news {
		position:relative;
		border:#aaa solid 1px;
		margin-bottom:10px;
		padding:10px 10px 30px 10px;
	}
	.news h3 {
		color:#d04f97;
	}
	.news .news_date {
		position:absolute;
		top:auto;
		bottom:4px;
		right:10px;
	}
	.news_log {
		width:148px;
		border: 5px solid transparent;
		border-left: 5px solid #ed74b7;
		line-height: 0 !important;
		padding: 0 0 0 6px !important;
		float:right;
	}
}
/*=====================
	header
=====================*/
header{
	background:rgba(255, 244, 250,0.8);
	width:100%;
	position:fixed;
	top:0;
	z-index:999;
	overflow:hidden;
}
@media screen and (min-width:970px){
	/* 画面サイズが769pxからここを読み込む */
	nav.global-navi{
		max-width:1040px;
		width: 100%;
		margin: 0 auto;
	}
	.menu_background {
		display: none;
	}
	.menu_checkbox {
		display: none;
	}
	nav h1 {
		display:inline-block;
		width: 200px;
		text-align: center;
		font-size: 14px;
		font-weight:normal;
		float:left;
		padding-top:6px;
	}
	nav.global-navi ul {
		width:750px;
		text-align: center;
		display: table;
		table-layout: fixed;
		float:right;
	}
	nav.global-navi ul li {
		display: table-cell;
	}
	/*リンク*/
	nav h1 a , nav h1 a:hover {
		color: #d04f97 !important;
		text-decoration: none;
		padding: 8px 0;
	}
	nav.global-navi ul li a {
		display: block;
		color: #d04f97;
		text-decoration: none;
		padding: 8px 0;
	}
	nav.global-navi ul li a:hover {
		color: #fff;
		background: #d04f97;
	}
}
@media screen and (max-width:969px) {
	/* 画面サイズが768pxまではここを読み込む */
	nav.global-navi{
		width: 100%;
		margin: 0 auto;
	}
	.menu_background {
		display: none;
	}
	.menu_checkbox {
		display: none;
	}
	nav h1 {
		border-bottom:rgba(255,255,255,0.8) solid 1px;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		font-weight: normal;
		padding: 8px 0;
	}
	nav.global-navi ul {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		display: table;
		table-layout: fixed;
	}
	nav.global-navi ul li {
		display: table-cell;
	}
	/*リンク*/
	nav h1 a , nav h1 a:hover {
		color: #d04f97 !important;
		text-decoration: none;
		padding: 8px 0;
	}
	nav.global-navi ul li a {
		display: block;
		color: #d04f97;
		text-decoration: none;
		padding: 8px 0;
	}
	nav.global-navi ul li a:hover {
		color: #fff;
		background: #d04f97;
	}
}
@media screen and (max-width:480px) {
	/* 画面サイズが480pxまではここを読み込む */
	header h1 {
		border-bottom: none;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		font-weight: normal;
		padding: 8px 0;
	}
	.global-navi {
		background:rgba(255,255,255,0.9); /*メニュー背景色*/
		display: block; /*通常時はメニューを非表示*/
		padding: 0 40px; /*メニュー内左右上下余白*/
		width: 95%; /*メニュー横幅*/
		margin: 0 auto;
		top: 0;
		/* position: fixed; */
		left: 0; /*メニュー横幅 width と合わせる*/
		transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
	}
	nav.global-navi ul li {
		display: none;
	}
	/*リンク*/
	.menu_background {
		background-color: #333; /*黒背景*/
		height: 100%;
		opacity: 0;
		/* position: fixed; */
		right: 0;
		top:36px;
		transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
		width: 100%;
	}
	.menu_icon {
		border-radius: 0 0 10px 0; /*右下角丸*/
		cursor: pointer;
		display: block;
		height: 26px; /*アイコン縦高さ*/
		margin:4px 0 0 4px;
		position: fixed;
		left: 0;
		top: 0;
		width: 30px; /*アイコン横幅*/
		z-index: 1001;
	}
	/*ハンバーガーメニューの真ん中の線をbox-shadowで描画*/
	.menu_icon::before {
		-webkit-box-shadow: #d04f97 0 12px 0;
		box-shadow: #d04f97 0 12px 0;
	}
	.menu_icon::after {
		bottom: 0;
	}
	/*ハンバーガーメニューの上下の線*/
	.menu_icon::before,
	.menu_icon::after {
		width: 26px; /*線の幅*/
		height: 2px; /*線の太さ*/
		background: #d04f97;
		display: block;
		content: '';
		position: absolute;
		-webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
		transition: box-shadow 0.2s linear, transform 0.2s 0.2s;
	}
	.menu_checkbox:checked ~ .global-navi ul li {
		display: block;
	}
	.menu_checkbox:checked ~ .menu_icon {
		position: fixed;
	}
	.menu_checkbox:checked ~ .menu_icon::before {
		-webkit-box-shadow: transparent 0 0 0;
		box-shadow: transparent 0 0 0;  /*メニュー展開時に真ん中の線を消す*/
		-webkit-transform: rotate(45deg) translate3d(6px, 11px, 0);
		transform: rotate(45deg) translate3d(6px, 11px, 0);
	}
	.menu_checkbox:checked ~ .menu_icon::after {
		-webkit-transform: rotate(-45deg) translate3d(6px, -11px, 0);
		transform: rotate(-45deg) translate3d(6px, -11px, 0);
	}
	.menu_checkbox:checked ~ .menu_background {
		opacity: 0.5;
		/*z-index: 999;*/
		display: block;
	}
	nav h1 a, nav h1 a:hover {
		color: #d04f97;
		text-decoration: none;
		padding: 8px 0;
	}
	nav.global-navi ul {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		display: block;
	}
	nav.global-navi ul li a {
		display: block;
		color: #d04f97;
		text-decoration: none;
		padding: 8px 0;
	}
	nav.global-navi ul li a:hover {
		color: #fff;
		background: #d04f97;
	}
}
/*=====================
	footer
=====================*/
footer .copyright{
	width:100%;
	background: #eee;
	font-size:12px;
	text-align:center;
	margin:10px auto 0 auto;
	padding:10px 0;
}
/* copyright yuki_inoue* */