.msg-text {
	font: 16px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a div .fa.fa-instagram {
    margin-top: 5px;
}

    .footer-email {
    color: #2CACCE;
    font: 20px Arial, Helvetica, sans-serif;
    margin-bottom: 30px;
}
.footer-email span {
    display: block;
    margin-top: 16px;

}

.footer-email a:hover  {
	color: #A3DCEB;
}
    #footer {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
    #logo > h1 {
	margin-bottom: 0px;
}.page-title {
	color: #FFFFFF!important;
}.read-h2 {
	font: normal 36px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	margin-bottom: 50px;
}
.midasi {
	margin-bottom: 80px;
}

.midasi-h2 {
	font: normal 30px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
	display: block;
	margin-bottom: 1em;
	text-align: center;
}
.midasi-h2 span {
	display: block;
	font-size: 45%;
	color: #999!important;
}

.midasi-h2:before {
content: '';
position: absolute;
bottom: -20px;
display: inline-block;
width: 50px;
height: 4px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #2CACCE;
border-radius: 20px;
}
p {
	font: 16px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}
.gaiyou {
	font: 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.gaiyou dt {
	margin-bottom: 15px;
	float: left;
	width: 20%;
	padding-bottom: 10px;
}
.gaiyou dd {
	line-height: 1.6em;
	width: 80%;
	float: left;
	clear: none;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.prof-name {
	text-align: center;
	font: 26px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.prof-name span {
	font-size: 50%;
	display: block;
}
.label-cr {
	background-color: #D8BA6E;
	font-size: 12px;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 10px;
	margin-bottom: 10px;
	display: inline-block;
	padding-top: 4px;
}
.label-sa {
	background-color: #709B43;
	font-size: 12px;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 10px;
	margin-bottom: 10px;
	display: inline-block;
	padding-top: 4px;
}
.label-o {
	background-color: #9A84D0;
	font-size: 12px;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 10px;
	margin-bottom: 10px;
	display: inline-block;
	padding-top: 4px;
}
.label-hb {
	background-color: #DB81A0;
	font-size: 12px;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 10px;
	margin-bottom: 10px;
	display: inline-block;
	padding-top: 4px;
}
.woeks-name   {
	font-size: 38px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 35px;
}
.woeks-name span {
	font: 15px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: inline-block;
	float: right;
	margin-top: 26px;
	color: #909090;
}
.contact-jp-add {
	font: 16px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 22px;
	color: #000000;
	text-align: left;
}
.contact-en-add {
	font-size: 13px;
	color: #848484;
}
table.tbl02 {
	border-collapse: collapse;
	width: 100%;
	font-size: 16px;
	color: #222222;
}
table.tbl02 th,
table.tbl02 td {
	padding: 10px;
	border-bottom: 1px solid #EEEEEE;
}
table.tbl02 th {
	text-align: left;
	width: 30%;
	background-color: #FFFFFF;
	padding-left: 10px;
	font-weight: normal;
}
#form{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}
#form input.inputtxt01  {
	width: 100%;
	line-height: 2em;
	border-radius: 5px;
	border: 1px solid #CCCCCC;

}
#form .tbl02 select   {
	width: 100%;
	line-height: 2em;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#form textarea {
	width: 100%;
	height: 180px;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
}
#form .submitbtn {
	margin-top: 30px;
	width: 30%;
	font-size: 18px;
	background-color: #2CACCE;
	border-style: none;
	color: #FFFFFF;
	border-radius: 5px;
	display: block;
	line-height: 2em;
	float: left;
	margin-right: 25px;
}
#form .submitbtn:hover  {
	background-color: #87D1E5;
	border-style: none;
	color: #FFFFFF;
	border-radius: 6px;
	display: block;
}
#form .resetbtn {
	margin-top: 30px;
	width: 30%;
	font-size: 18px;
	background-color: #E0E0E0;
	border-style: none;
	color: #474747;
	border-radius: 5px;
	display: block;
	line-height: 2em;
	float: left;
}
#form .resetbtn:hover  {
	background-color: #CCC;
	border-style: none;
	color: #333333;
	border-radius: 6px;
	display: block;
}
#form label {
	font-weight: normal;
}
#form .tbl02 tr th span {
	font-size: 10px;
	color: #C00001;
	padding-left: 13px;
}
.well.flow {
	width: auto;


}

.well.flow h3 img {
	margin-right: 15px;
	display: inline-block;
}
.well.flow p {
	text-align: left;
	margin-bottom: 0px;
}
.flow-arrow {
    width: 100%;
    background-image: url(img/flow-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 80px;
    margin-top: -15px;
    margin-bottom: 6px;
}
.container.clearfix.workscontainer {
    width: 90%;
}


@media (min-width: 992px){
	.flow-arrow {
    width: 100%;
    background-image: url(img/flow-arrow.png);
    background-repeat: no-repeat;
    background-position: 38% center;
    height: 80px;
    margin-top: -15px;
    margin-bottom: 6px;
}
#flow01  , #flow02, #flow03, #flow04, #flow05, #flow06{
    width: 75%;
}
#flow07       {
    width: 48%;
}
#flow01 > img {
    width: 28%;
    position: absolute;
    margin-top: -29%;
    margin-left: 73%;
}
#flow02 > img {
    width: 26%;
    position: absolute;
    margin-top: -24%;
    margin-left: 73%;
}
#flow03 > img {
    width: 28%;
    position: absolute;
    margin-top: -25%;
    margin-left: 69%;
}
	#flow04 > img {
    width: 26%;
    position: absolute;
    margin-top: -18%;
    margin-left: 71%;
}
#flow05 > img {
    width: 26%;
    position: absolute;
    margin-top: -24%;
    margin-left: 71%;
}
	#flow06 > img {
    width: 22%;
    position: absolute;
    margin-top: -22%;
    margin-left: 46%;
}
	#flow07 > img {
    width: 46%;
    position: absolute;
    margin-top: -22%;
    margin-left: 47%;
}
.pliimg01 {
    width: 20%;
    position: static;
    margin-top: -103px;
    margin-left: 160px;
    margin-bottom: 56px;
}
.pliimg02 {
    width: 26%;
    position: absolute;
    margin-top: -100px;
    margin-left: 41px;
}
.pliimg03 {
    width: 30%;
    position: static;
    margin-left: 28%;
}
.pliimg04 {
    width: 20%;
    position: absolute;
    margin-left: 20%;
    margin-top: -271px;
}





}
@media (min-width: 1200px){
#flow01 > img {
    width: 24%;
    position: absolute;
    margin-top: -24%;
    margin-left: 74%;
}
#flow02 > img {
    width: 22%;
    position: absolute;
    margin-top: -20%;
    margin-left: 73%;
}
#flow03 > img {
    width: 24%;
    position: absolute;
    margin-top: -21%;
    margin-left: 69%;
}
	#flow04 > img {
    width: 22%;
    position: absolute;
    margin-top: -15%;
    margin-left: 72%;
}
#flow05 > img {
    width: 22%;
    position: absolute;
    margin-top: -18%;
    margin-left: 72%;
}
	#flow06 > img {
    width: 18%;
    position: absolute;
    margin-top: -18%;
    margin-left: 68%;
}
	#flow07 > img {
    width: 40%;
    position: absolute;
    margin-top: -17%;
    margin-left: 53%;
}
.pliimg01 {
    width: 20%;
    position: static;
    margin-top: -103px;
    margin-left: 225px;
    margin-bottom: 56px;
}
.pliimg02 {
    width: 23%;
    position: absolute;
    margin-top: -100px;
    margin-left: 111px;
}
.pliimg03 {
    width: 26%;
    position: static;
    margin-left: 28%;
    margin-top: 44px;
}
.pliimg04 {
    width: 17%;
    position: absolute;
    margin-left: 20%;
    margin-top: -271px;
}





}

@media (max-width: 479px){
.pliimg01 {
    width: 50%;
    position: static;
    margin-top: -103px;
    margin-left: -13px;
    margin-bottom: 30px;
}
.pliimg04 {
    width: 17%;
    position: absolute;
    margin-left: 20%;
    margin-top: -271px;
    display: none;
}
.pliimg03 {
    width: 90%;
    position: static;
    margin-left: 10%;
    margin-top: 0px;
}
.pliimg02 {
    width: 23%;
    position: absolute;
    margin-top: -100px;
    margin-left: 111px;
    display: none;
}




}

@media (max-width: 991px){
.pliimg04 {
    width: 17%;
    position: absolute;
    margin-left: 20%;
    margin-top: -271px;
    display: none;
}
.pliimg02 {
    width: 23%;
    position: absolute;
    margin-top: -100px;
    margin-left: 111px;
    display: none;
}
.pliimg01 {
    width: 30%;
    position: static;
    margin-top: -103px;
    margin-left: 65px;
    margin-bottom: 30px;
}
.pliimg03 {
    width: 50%;
    position: static;
    margin-left: 30%;
    margin-top: 0px;
}




}