@charset "utf-8";
/* CSS Document */

/*===================================================================
    top  
===================================================================*/
.top_main_out{
	background: #fff;
}
.top_main{
	min-width: 1366px;
	margin-left: auto;
	margin-right: auto;
}
.top_main ul li img{
	width: 100%;
}

.top_01{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
}
.top_01 .p1{
	margin-bottom: 30px;
}
.top_01_box{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	height: 135px;
	overflow: auto;
}
.top_01_box dl{
	padding-top: 10px;
	padding-bottom: 10px;
}
.top_01_box dt{
	width: 100px;
	float: left;
}
.top_01_box dd{
	width: 570px;
	float: right;
}

.top_02{
	text-align: center;
	margin-bottom: 100px;
}
.top_02_box{
	width: 282px;
	display: inline-block;
	vertical-align: top;
	margin: 0px 20px;
}
.top_02_box .p1{
	margin-top: 20px;
	text-align: left;
}
.top_02_box2{
	width: 17px;
	display: inline-block;
	vertical-align: top;
}
.top_02_box2 p{
	margin-top: 100px;
}

.top_03{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/*===================================================================
    about
===================================================================*/
.about_01{
	text-align: center;
	margin-bottom: 70px;
}
.about_01 .p1{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}
.about_01 .p2{
	margin-bottom: 70px;
}

.about_02{
	text-align: center;
	margin-bottom: 100px;
}
.about_02 .p1{
	margin-bottom: 80px;
}
.about_02 li{
	display: inline-block;
	margin: 0px 5px;
}

/*===================================================================
    company
===================================================================*/
.company_01{
	text-align: center;
}
.company_01 .p1{
	margin-bottom: 70px;
}
.company_01 .p2{
	margin-bottom: 40px;
}
.company_01 .p3{
	margin-bottom: 40px;
}

.company_02{
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
.company_02 table{
	width: 100%;
}
.company_02 th{
	width: 110px;
	font-weight: normal;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
}
.company_02 td{
	padding-left: 50px;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}

.company_03{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.company_03 .p1 a{
	text-decoration: underline;
}

.company_04{
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
.company_04 table{
	width: 100%;
}
.company_04 th{
    width: 50%;
    font-weight: normal;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
}
.company_04 td{
	width: 50%;
	padding-left: 50px;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*===================================================================
    flow
===================================================================*/
.flow_out{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/flow/flow_02.png) no-repeat top center;
	height: 1912px;
	padding-bottom: 290px;
}
.flow_01{
	margin-left: 75px;
	margin-bottom: 120px;
}
.flow_01_left{
	width: 355px;
	float: left;
	margin-right: 150px;
}
.flow_01_right{
	float: left;
	margin-top: 80px;
}
.flow_01_right .p1{
	margin-left: 25px;
	margin-bottom: 20px;
}

.flow_02{
	margin-left: 100px;
	margin-right: 75px;
	margin-bottom: 70px;
}
.flow_02_left{
	float: left;
	margin-top: 30px;
}
.flow_02_right{
	float: right;
}
.flow_02_left .p1{
	margin-bottom: 20px;
	margin-left: 45px;
}

.flow_03{
	margin-left: 75px;
	margin-bottom: 80px;
}
.flow_03_left{
	width: 355px;
	float: left;
	margin-right: 120px;
}
.flow_03_right{
	float: left;
	margin-top: 50px;
}
.flow_03_right .p1{
	margin-left: 25px;
	margin-bottom: 20px;
}

.flow_04{
	margin-left: 100px;
	margin-right: 75px;
	margin-bottom: 70px;
}
.flow_04_left{
	float: left;
	margin-top: 70px;
}
.flow_04_right{
	float: right;
}
.flow_04_left .p1{
	margin-bottom: 20px;
	margin-left: 80px;
}

.flow_05{
	margin-left: 75px;
	margin-bottom: 80px;
}
.flow_05_left{
	width: 355px;
	float: left;
	margin-right: 120px;
}
.flow_05_right{
	float: left;
	margin-top: 80px;
}
.flow_05_right .p1{
	margin-left: 70px;
	margin-bottom: 20px;
}

/*===================================================================
    contact
===================================================================*/
.contact_01{
	text-align: center;
	margin-bottom: 90px;
}
.contact_01 .p1{
	margin-bottom: 30px;
}
/*.contact_01 .p2{
	font-size: 27px;
	font-weight: bold;
}*/
.contact_01 .p2{
	margin-bottom: 10px;
}
.contact_01 .p3{
	font-size: 17px;
}

.contact_02{
	width: 790px;
	margin-left: auto;
	margin-right: auto;
}
.contact_02 .p1{
	text-align: center;
	margin-bottom: 50px;
}
.contact_02 table{
	width: 100%;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
}
.contact_02 th{
	width: 200px;
	font-weight: normal;
	vertical-align: middle;
	border-right: solid 1px #000000;
	padding-top: 20px;
	padding-bottom: 20px;
}
.contact_02 th span{
	margin-left: 20px;
}
.hisu{
	background: url(../images/contact/contact_04.png) no-repeat right center;
	padding-right: 40px;
}
.contact_02 td{
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: middle;
}
.contact_02 td .text{
	width: 490px;
	padding: 5px;
	border: solid 1px #000000;
	font-size: 16px;
}
.contact_02 td textarea{
	width: 490px;
	padding: 5px;
	border: solid 1px #000000;
	font-size: 16px;
}

.contact_btn{
	text-align: center;
	margin-top: 40px;
}
input#sousin {
    background:url(../images/contact/sousin.png) left top no-repeat;
	width:113px;
	height:28px;
	border: 0px;
}
input#kakunin {
    background:url(../images/contact/kakunin.png) left top no-repeat;
	width:113px;
	height:28px;
	border: 0px;
	text-indent: -9999px;
}
input#modoru {
    background:url(../images/contact/modoru.png) left top no-repeat;
	width:113px;
	height:28px;
	border: 0px;
}
input#sousin:hover{
    cursor: pointer;
    opacity:0.5;
}
input#kakunin:hover{
    cursor: pointer;
    opacity:0.5;
}
input#modoru:hover{
    cursor: pointer;
    opacity:0.5;
}

.contact_03{
	width: 785px;
	margin-left: auto;
	margin-right: auto;
}
.contact_03 .p1{
	margin-bottom: 30px;
}
.contact_03 dl{
	margin-bottom: 30px;
}
.contact_03 dt{
	font-weight: bold;
}
/*===================================================================
    works
===================================================================*/
.works_01{
	text-align: center;
	margin-bottom: 50px;
}
.works_01 li{
	display: inline-block;
	vertical-align: top;
	margin: 0px 20px;
}

.works_list{
	width: 960px;
    margin-left: auto;
    margin-right: auto;
	font-size:0;
}

.works_box{
	width: 240px;
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-bottom: 50px;
}
.works_box .p2{
	border-bottom: dashed 1px #545252;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	padding-left: 10px;
}
.works_box_icon{
	position: absolute;
	left: 0px;
	top: 0px;
}

.works_box_data{
	padding: 25px 50px;
	width: 1060px;
}
.works_box_data_link{
	text-align: center;
	margin-bottom: 20px;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}
.works_box_data_link li{
	display: inline-block;
	vertical-align: top;
}
.works_box_data .p1{
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.works_box_data .p2{
	width: 650px;
	float: left;
	/*margin-left: auto;
	margin-right: auto;
	text-align: center;*/
}
.works_box_data .p2_sub{
	width: 390px;
	/*width: 650px;*/
	float: right;
	/*margin-left: auto;
	margin-right: auto;
	margin-top: 20px;*/
}
.works_box_data .p2_sub li{
	display: inline-block;
	vertical-align: top;
	margin: 0px 5px 5px 5px;
}

.theta_data_title{
	width: 390px;
	float: right;
	text-align: center;
	border-bottom: solid 1px #ccc;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.theta_data{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
}

.works_junbi{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}





.face_Insta{
	width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.face_Insta iframe{
	width: 300px;
	height: 450px;
}
.insuta{
	width: 600px;
	float: right;
}