@charset "UTF-8";

/*--------------------------------------------------------
解像度769px以上1000px以下
--------------------------------------------------------*/
@media only screen and (max-width : 1000px) {
/*------------------------------
	共通
------------------------------*/
img{
	max-width:100%;
	height:auto;
}
header .header-in,
section .section-in,
#top section{
	width:auto;
	max-width:auto;
}
#top section, footer, .header-in, .section-in,
section.privacy .section-in,
section.company .section-in{
	padding: 0 5%;
	width: auto !important;
}
section.property h2,
section.about h2,
section.order h2,
section.exsample h2,
section.info h2{
	font-size: 2.1em;
	padding:0 0 30px;
}
section h1{
	font-size: 2em;
	padding: 30px 0;
}
#top section{
	margin: 75px auto;
}
#top section h2{
	margin: 0 0 30px;
}
#top section ul li a{
	width:100%;
	margin:10px 0 0;
}

/*------------------------------
	ヘッダー
------------------------------*/
header .header-in .logo{
	width: 50%;
}
header .header-in ul {
	max-width: 65%;
}
header .header-in ul li{
	margin: 9px 0 0 0;
}
#top header{
	height: auto;
	padding: 75px 15px;
}
#top header .logo{
	padding: 0 0 25px 0;
}
/*------------------------------
	メインイメージ
------------------------------*/
.main-img{
	height: auto;
	padding: 75px 5%;
}
.main-img .main-img-in{
	width:auto;
}
.main-img h1{
	font-size:3.5em;
	padding: 0 0 20px;
	text-align: center;
}
.main-img h1 + p{
	font-size:1em;
	text-align:center;
}
/*------------------------------
	スタート部分
------------------------------*/
.start-tit{
	padding: 50px 5%;
}
/*------------------------------
	3つの特徴
------------------------------*/
section.property .section-in{
	padding: 75px 5%;
}

/*------------------------------
	日中韓の連携
------------------------------*/
section.connect{
	height: auto;
}
section.connect .section-in{
	padding: 75px 5%;
	text-align: center;
}
section.connect .section-in h2{
	font-size: 2.1em;
	float:none;
	width: 100%;
	padding: 0 0 20px;
	text-align:center;
}
section.connect .section-in h2 + p{
	width: 100%;
	float: none;
	text-align: left;
}
/*------------------------------
	ATURAUについて
------------------------------*/
section.about .section-in h2{
	padding:0 0 20px;
}
section.about .section-in h2 + p{
	text-align:left;
}
section.about .section-in{
	padding: 75px 5%;
}
section.about .section-in .about-contents h3{
	width: 100%;
	margin: -50px auto 0;
}
section.about .section-in .about-contents ul li{
	margin: 0 0 15px 10px;
	display: inline-block;
}
section.about .section-in .about-contents ul li:last-child{
	margin-bottom:0;
}
/*------------------------------
	オーダー
------------------------------*/
section.order .section-in{
	padding: 75px 5%;
	text-align:center;
}
section.order .section-in ul{
	overflow:hidden;
}
section.order .section-in ul li:last-child{
	width: 89%;
	height: auto;
	border: #fff solid 1px;
	margin: 5% 0 0 0 !important;
	padding: 20px 5%;
}
/*------------------------------
	3つの特徴
------------------------------*/
section.property .section-in ul li span{
	padding: 0 20px 20px;
	font-size: 1.2em;
}
/*------------------------------
	事例
------------------------------*/
section.exsample .section-in{
	padding: 75px 5%;
	text-align:center;
}
section.exsample .exsample-contents .right{
}
section.exsample .exsample-contents .left{
	width:200px;
}
section.exsample .exsample-contents .left img,
section.exsample .exsample-contents .right img{
	width: 200px;
	height: auto;
}
/*------------------------------
	会社概要
------------------------------*/
section.info .section-in{
	padding: 75px 5%;
}
section.info .section-in table{
	width:100%;
	float:none;
	margin: 50px 0 40px;
}
section.info .section-in table + p{
	float:none;
}
/*------------------------------
	お問い合わせ
------------------------------*/
section.contact{
	padding:50px 0;
}
/*------------------------------
	プライバシーポリシー & 特定商取引法
------------------------------*/
section.privacy .section-in h2,
section.company .section-in h2{
	margin: 40px 0 20px;
	font-size: 1.6em !important;
}
/*------------------------------
	フッター
------------------------------*/
footer{
	padding: 0 15px 25px;
}
footer ul li{
	padding: 15px 0 15px 1.5em;
}
footer ul li:first-child{
	padding-left:0;
}
/*------------------------------
	その他
------------------------------*/
.m100-b{
	margin-bottom:60px !important;
}
}/*解像度1000px以下*/

/*--------------------------------------------------------
解像度768px以下
--------------------------------------------------------*/
@media only screen and (max-width: 768px) {
/*------------------------------
	共通
------------------------------*/

/*------------------------------
	ヘッダー
------------------------------*/

/*------------------------------
	メインエリア
------------------------------*

/*------------------------------
	3つの特徴
------------------------------*/
section.property .section-in ul li{
	width: 47.5%;
	margin: 0 0 0 5% !;
	text-align: center;
}
section.property .section-in ul li:nth-child(1),
section.property .section-in ul li:nth-child(3){
	margin-left:0;
}
section.property .section-in ul li:first-child{
	margin:0;
}
section.property .section-in ul li span{
	padding: 5px 30px 30px;
	font-size: 1.3em;
}
section.property .section-in ul li:last-child span{
	padding-bottom:0;
}
/*------------------------------
	ATURAUについて
------------------------------*/
section.about .section-in .right{
	margin:0 auto;
	width:100%;
}
section.about .section-in .right img{
	width:100%;
	max-width: 562px;
	display: block;
	margin: 0 auto;
}
/*------------------------------
	オーダー
------------------------------*/
section.order .section-in ul li{
	width:47.5%;
	margin: 0 0 4% 5% !important;
}
section.order .section-in ul li:nth-child(1),
section.order .section-in ul li:nth-child(3),
section.order .section-in ul li:nth-child(5),
section.order .section-in ul li:nth-child(7){
	margin-left: 0 !important;
}
section.order .section-in ul li span{
	position:absolute;
	top: 20%;
	font-size: 1.2em;
	width: 85%;
	margin: 0 5% 0 15%;
	text-align:center;
}
/*------------------------------
	スタート部分
------------------------------*/
.start-tit{
	font-size:1.8em;
	line-height:1.5;
}
/*------------------------------
	メインイメージ
------------------------------*/
.main-img h1{
	font-size: 3em;
}
section .section-in h2{
	font-size: 2em !important;
}
/*------------------------------
	利用事例
------------------------------*/
section.exsample .exsample-contents .left{
	margin: 0 12.5% 20px;
	float: none;
	width: 75%;
}
section.exsample .exsample-contents .right{
    float: none;
    text-align:center;
    margin: 20px 12.5%;
    width: 75%;
}
section.exsample .exsample-contents .left img,
section.exsample .exsample-contents .right img,
section.exsample .exsample-contents .left .exsample-info{
	margin:0 auto;
	width: 100%;
	max-width: 500px;
	display: block;
	float: none;
}
section.exsample .exsample-contents .left .exsample-info{
	width:90%;
	padding:10px 5%;
}
/*------------------------------
	会社概要
------------------------------*/
section.info .section-in table{
	font-size:1em !important;
}
section.info .section-in iframe{
	width: 100%;
}
section.info .section-in dl dt{
	display: block;
	width: 20%;
	padding: 0 5% 0 0;
}
section.info .section-in dl dd{
	width: 69%;
	padding: 0 0 0 5%;
}
/*------------------------------
	その他
------------------------------*/
.pc{
	display:none;
}
.sp{
	display:block;
}
}/*解像度768px以下*/

/*--------------------------------------------------------
解像度480px以下
--------------------------------------------------------*/
@media only screen and (max-width : 480px) {
/*------------------------------
	3つの特徴
------------------------------*/
section.property .section-in ul li{
	width:100%;
	float:none;
	margin: 30px 0 0;
	text-align: center;
}
section.property .section-in ul li:first-child{
	margin:0;
}
section.property .section-in ul li span{
	padding-bottom:5px;
}
/*------------------------------
	オーダー
------------------------------*/
section.order .section-in ul li{
	width:100%;
	float: none;
	margin: 30px 0 0 !important;
}
section.order .section-in ul li:last-child{
	width: 75%;
	margin: 30px auto 0 !important;
	padding: 50px 30px;
}
section.order .section-in ul li span{
	margin: 0 10%;
}
/*------------------------------
	利用事例
------------------------------*/
section.exsample .exsample-contents h3{
	font-size: 1.3em;
	line-height: 1.5;
}
section.exsample .exsample-contents .left,
section.exsample .exsample-contents .right{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
section.exsample .exsample-contents .left img,
section.exsample .exsample-contents .right img{
	margin:0 auto;
	width: 100%;
}
section.exsample .exsample-contents .left .exsample-info{
	width: 90%;
	padding: 10px 5%;
}
/*------------------------------
	会社概要
------------------------------*/
section.info .section-in dl dt{
	display: block;
	width: 25%;
}
section.info .section-in dl dd{
	width: 64%;
	padding: 0 0 0 5%;
}
section.info .section-in dl{
	background:#fff;
	padding: 20px 5%;
	margin: 0 0 15px;
	width: 90%;
	overflow: hidden;
}
section.info .section-in dl dt,
section.info .section-in dl dd{
	width: 100%;
	padding: 5px 0;
	margin: 0;
	float: none;
	border-right: none;
}
/*------------------------------
	プライバシーポリシー
------------------------------*/
section.privacy .section-in ol,
section.company .section-in ol{
	margin: 20px 30px;
}
section.privacy .section-in, section.company .section-in{
	padding-bottom: 70px !important;
}
section.privacy h1,
section.company h1{
	padding: 30px 5%;
	width: 90%;
}
/*------------------------------
	メインイメージ
------------------------------*/
.main-img{
	padding:75px 0;
	background-position: -200px 0;
}
.main-img h1{
	font-size: 2.15em;
}
.main-img h1 + p{
	padding:0 15px;
}
footer{
	padding: 0 10px 25px;
}
footer ul li{
	padding: 15px 0 15px 1em;
	font-size: 0.85em;
}

}/*解像度480px以下*/