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


/* ////////////////////////////////////////

	max-width: 1159px

//////////////////////////////////////// */


@media screen and (max-width: 1159px){
	#headerCopy {
	  width: 400px;
    left: 53%;
	}

	.headerRibbon {
	  display: none;
	}

	ul.bxslider01 {
		max-height: 500px;
		height: auto;
	}

	ul.bxslider01 li {
		max-height: 500px;
		height: auto;
	}

	ul.bxslider01 li img.bxsliderImage {
		max-height: 500px;
		margin-top: 0;
		height: auto;
	}

	.mainImage {
		background-attachment: inherit;
	}
}


/* ////////////////////////////////////////

	max-width: 1100px

//////////////////////////////////////// */
@media screen and (max-width: 1100px){

	#headerCopy {
		margin-left: -170px;
	}
	#headerCopy > img {
		width: 320px;
		height: 38px;
	}

}


/* ////////////////////////////////////////

	min-width: 1000px

//////////////////////////////////////// */


@media screen and (min-width: 1000px){
	.onlyPc {
		display: block;
	}

	.onlyMobile {
		display: none;
	}

	.onlySp {
		display: none;
	}

	span.pcbr {
		display: block;
		float: left;
		width: 100%;
	}

	.bx-wrapper:nth-of-type(1) {
    display: block;
	}

	.bx-wrapper:nth-of-type(2) {
		display: none;
	}

	.contactTelIcon, .contactFormIcon {
		display: none;
	}

	#spPageTop {
    display: none;
		position: absolute;
	}
}


/* ////////////////////////////////////////

	max-width: 1199px

//////////////////////////////////////// */


/*@media screen and (max-width: 1199px){
	body {
	  min-width: inherit;
  }

	#header {
		display: none;
	}

	.bx-wrapper {
    padding-top: 0 !important;
	}

	.bx-wrapper:nth-of-type(1) {
    display: block;
	}

	.bx-wrapper:nth-of-type(2) {
		display: none;
	}

	ul.bxslider01 {
		max-height: 500px;
		height: auto;
	}

	ul.bxslider01 li {
		max-height: 500px;
		height: auto;
	}

	ul.bxslider01 li img.bxsliderImage {
		max-height: 500px;
    margin-top: 0;
		height: auto;
	}

	ul.bxslider02 {
		max-height: 500px;
		min-height: 300px;
	}

	ul.bxslider02 li {
		max-height: 500px;
		min-height: 300px;
	}

	ul.bxslider02 li img.bxsliderImage {
		max-height: 500px;
		min-height: 300px;
    margin-top: 0;
	}

	.titleBox {
		width: 350px !important;
		height: 550px !important;
		left: 5%;
	}

	.titleBox h2 img {
			height: 80px !important;
	}

	.mainImage {
    margin-top: 0;
		height: 450px;
	}

	.pageDescription {
    width: 70%;
	}

	.sectionInner {
    width: 90%;
		margin: 0 auto;
    min-width: inherit;
	}

	.serviceBox {
		width: 100%;
	  max-width: 640px;
	}

	.grid {
		min-width: 300px;
		margin: 0 10px;
	}

	.informationBox {
		width: 100%;
    max-width: 640px;
	}

	.informationBox dl {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.informationBox dl dt {
    width: 100%;
		display: block;
		float: none;
	}

	.informationBox dl dd {
		width: 100%;
		display: block;
		padding-left: 0;
	}

	.contactBox {
		width: 100%;
		max-width: 640px;
	}

	.contactBox div.contactTel {
		min-width: 300px;
		margin: 0 10px;
    padding: 20px 0 10px;
		box-sizing: border-box;
	}

	.contactBox div.contactMail {
		min-width: 300px;
		margin: 0 10px;
    padding: 0;
		box-sizing: border-box;
	}

	#sitemap ul {
    width: 80%;
    height: auto;
		margin: 0 10% 80px;
    border-bottom: 0px none;
	}

	#sitemap ul li {
    width: 100%;
    height: 60px;
    display: block;
    float: none;
		border-bottom: 1px solid #DDDDDD;
	}

	.pageTop {
    right: 5%;
	}

	.since1961 {
    right: 5%;
	}

	.footerInner {
    padding: 40px 10%;
		box-sizing: border-box;
	}

	.footerBottom {
    height: 130px;
		padding: 30px 10%;
	}

	.privacyMarkLink {
	  top: 30px;
	  left: 50%;
		margin-left: -100px;
	}

	.privacyPolicyLink {
	  top: 60px;
	  left: 50%;
	}

	.copyRight {
		width: 80%;
    top: 130px;
		box-sizing: border-box;
	}

	.messageBox {
		width: 90%;
		max-width: 640px;
	}

	.messageText {
		width: 90%;
		margin: 0 auto;
	}

	.messageTitle span {
	  border-bottom: 0px none;
	}

	.messageText:nth-last-of-type(1) {
    width: 90%;
	}

	.casestudyCategoryLeft {
    width: 100%;
    padding: 20px 30px 0px;
    display: block;
    float: none;
    box-sizing: border-box;
	}

	.casestudyCategoryRight {
		width: 100%;
		padding: 0px 30px 20px;
		display: block;
		float: none;
		box-sizing: border-box;
	}

	.casestudyOtherBox {
		width: 100%;
	  max-width: 640px;
	}

	.profileBox {
    width: 90%;
    padding: 50px 5%;
	}

	.accessBox {
		width: 90%;
		padding: 50px 5%;
	}

	.historyBox {
    width: 90%;
    padding: 50px 5%;
	}

	.privacypolicyBox {
	  width: 90%;
	  padding: 50px 5%;
	}

	.contactLeft {
		width: 100%;
		float: none;
		display: block;
		text-align: center;
	}

	.contactRight {
		width: 100%;
		display: block;
		text-align: center;
	}

	.contactTelIcon, .contactFormIcon {
		display: none;
	}

	body#single .informationBox {
    width: 90%;
    padding: 50px 5%;
	}

	#section02.page .grid {
		width: 29%;
		margin: 0 2%;
		min-width: inherit;
	}

	#section03.page .serviceSection {
    width: 90%;
	}

	.serviceDescription {
    text-align: left;
	}

	input[type="text"], input[type="email"], input[type="textarea"], textarea, select {
    min-width: inherit;
	}

	#spPageTop {
    display: none;
		position: absolute;
	}

	.casestudyDolphin, .casestudySolution, .casestudyContact {
    background-position: right 50px top;
	}

	.casestudyDolphin h4, .casestudySolution h4 {
		width: inherit;
	}

	.casestudyDolphinImage, .casestudySolutionImage {
    display: none;
	}

	body#single .casestudyContact .contactBox {
    width: 100%;
	}

	body#single .casestudyContact .contactBox div.contactTel {
	  min-width: inherit;
		margin: 0 4% 0 6%;
	}

	body#single .casestudyContact .contactBox div.contactMail {
	  min-width: inherit;
		margin: 0 6% 0 4%;
	}
}*/


/* ////////////////////////////////////////

	max-width: 999px

//////////////////////////////////////// */



@media screen and (max-width: 999px){
	body {
	  min-width: inherit;
  }

	#header {
		display: none;
	}

	.bx-wrapper {
		padding-top: 0 !important;
	}

	.bx-wrapper:nth-of-type(1) {
		display: block;
	}

	.bx-wrapper:nth-of-type(2) {
		display: none;
	}

	ul.bxslider01 {
		max-height: 500px;
		height: auto;
	}

	ul.bxslider01 li {
		max-height: 500px;
		height: auto;
	}

	ul.bxslider01 li img.bxsliderImage {
		max-height: 500px;
		margin-top: 0;
		height: auto;
	}

	ul.bxslider02 {
		max-height: 500px;
		min-height: 300px;
	}

	ul.bxslider02 li {
		max-height: 500px;
		min-height: 300px;
	}

	ul.bxslider02 li img.bxsliderImage {
		max-height: 500px;
		min-height: 300px;
		margin-top: 0;
	}

	.titleBox {
		width: 350px !important;
		height: 550px !important;
		left: 5%;
	}

	.titleBox h2 img {
			height: 80px !important;
	}

	.mainImage {
		margin-top: 0;
		height: 450px;
		background-attachment: inherit;
	}

	.pageDescription {
		width: 70%;
	}

	.sectionInner {
		width: 95%;
		margin: 0 auto;
		min-width: inherit;
	}

	.serviceBox {
		width: 100%;
		max-width: 640px;
	}

	.grid {
		min-width: 300px;
		margin: 0 10px;
	}

	.informationBox {
		width: 100%;
		max-width: 640px;
	}

	.informationBox dl {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.informationBox dl dt {
		width: 100%;
		display: block;
		float: none;
	}

	.informationBox dl dd {
		width: 100%;
		display: block;
		padding-left: 0;
	}

	.contactBox {
		width: 100%;
		max-width: 640px;
	}

	.contactBox div.contactTel {
		min-width: 300px;
		margin: 0 10px;
		padding: 20px 0 10px;
		box-sizing: border-box;
	}

	.contactBox div.contactMail {
		min-width: 300px;
		margin: 0 10px;
		padding: 0;
		box-sizing: border-box;
	}

	#sitemap ul {
		width: 80%;
		height: auto;
		margin: 0 10% 80px;
		border-bottom: 0px none;
	}

	#sitemap ul li {
		width: 100%;
		height: 60px;
		display: block;
		float: none;
		border-bottom: 1px solid #DDDDDD;
	}

	.pageTop {
		right: 5%;
	}

	.since1961 {
		right: 5%;
	}

	.footerInner {
		padding: 40px 10%;
		box-sizing: border-box;
	}

	.footerBottom {
		height: 130px;
		padding: 30px 10%;
	}

	.privacyMarkLink {
		top: 30px;
		left: 50%;
		margin-left: -100px;
	}

	.privacyPolicyLink {
		top: 60px;
		left: 50%;
	}

	.copyRight {
		width: 80%;
		top: 130px;
		box-sizing: border-box;
	}

	.messageBox {
		width: 90%;
		max-width: 640px;
	}

	.messageText {
		width: 90%;
		margin: 0 auto;
	}

	.messageTitle span {
		border-bottom: 0px none;
	}

	.messageText:nth-last-of-type(1) {
		width: 90%;
	}

	.casestudyCategoryLeft {
		width: 100%;
		padding: 20px 30px 0px;
		display: block;
		float: none;
		box-sizing: border-box;
	}

	.casestudyCategoryRight {
		width: 100%;
		padding: 0px 30px 20px;
		display: block;
		float: none;
		box-sizing: border-box;
	}

	.casestudyOtherBox {
		width: 100%;
		max-width: 640px;
	}

	.profileBox {
		width: 90%;
		padding: 50px 5%;
	}

	.accessBox {
		width: 90%;
		padding: 50px 5%;
	}

	.historyBox {
		width: 90%;
		padding: 50px 5%;
	}

	.privacypolicyBox {
		width: 90%;
		padding: 50px 5%;
	}

	.contactLeft {
		width: 100%;
		float: none;
		display: block;
		text-align: center;
	}

	.contactRight {
		width: 100%;
		display: block;
		text-align: center;
	}

	.contactTelIcon, .contactFormIcon {
		display: none;
	}

	body#single .informationBox {
		width: 90%;
		padding: 50px 5%;
	}

	#section02.page .grid {
		width: 29%;
		margin: 0 2%;
		min-width: inherit;
	}

	#section03.page .serviceSection {
		width: 90%;
	}

	.serviceDescription {
		text-align: left;
	}

	input[type="text"], input[type="email"], input[type="textarea"], textarea, select {
		min-width: inherit;
	}

	#spPageTop {
		display: none;
		position: absolute;
	}

	.casestudyDolphin, .casestudySolution, .casestudyContact {
		background-position: right 50px top;
	}

	.casestudyDolphin h4, .casestudySolution h4 {
		width: inherit;
	}

	.casestudyDolphinImage, .casestudySolutionImage {
		display: none;
	}

	body#single .casestudyContact .contactBox {
		width: 100%;
	}

	body#single .casestudyContact .contactBox div.contactTel {
		min-width: inherit;
		margin: 0 4% 0 6%;
	}

	body#single .casestudyContact .contactBox div.contactMail {
		min-width: inherit;
		margin: 0 6% 0 4%;
	}
}


/* ////////////////////////////////////////

	max-width: 799px

//////////////////////////////////////// */


@media screen and (max-width: 799px){
	.onlyPc {
		display: none;
	}

	.onlyMobile {
		display: block;
	}

	.onlySp {
		display: none;
	}

	span.pcbr {
		display: inherit;
		float: none;
		width: inherit;
	}

	.bx-wrapper:nth-of-type(1) {
    display: none;
	}

	.bx-wrapper:nth-of-type(2) {
		display: block;
	}

	.titleBox {
		width: 350px !important;
		height: 550px !important;
		left: 5%;
	}

	.titleBox h2 img {
			height: 80px !important;
	}

	.pageTop {
    display: none;
	}

	.since1961 {
    display: none;
	}

	#spPageTop {
    position: fixed;
    bottom: 5px;
    right: 10px;
    font-size: 70%;
	}

	#spPageTop a {
    background: url("/wp-content/themes/dolphin-koto/images/spPageTop.jpg") no-repeat;
    width: 40px;
    height: 40px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	}
}


/* ////////////////////////////////////////

	max-width: 699px

//////////////////////////////////////// */


@media screen and (max-width: 699px){
	.onlyPc {
		display: none;
	}

	.onlyMobile {
		display: block;
	}

	.onlySp {
		display: block;
	}

	.titleBox {
    width: 280px !important;
		height: 500px !important;
		left: 0;
		padding: 30px;
	}

	.titleBox h2 img {
		height: 70px !important;
	}

	.mainImage {
	  /*background-size: auto 300px !important;*/
	  background-attachment: inherit;
	  /*background-position: inherit;*/
	  background-repeat: no-repeat no-repeat;
		height: auto;
		min-height: 300px;
	}

	.sectionInner {
		width: 90%;
	}

	.sectionMainTitle {
    font-size: 24px;
	}

	.pageDescription {
    width: 90%;
	}

	.serviceBox {
    max-width: 320px;
		margin: 0 auto;
    min-width: inherit;
	}

	.grid {
		width: 90%;
		min-width: inherit;
		margin: 0 auto;
		display: block;
		float: none;
	}

	.informationBox {
		width: 90%;
    max-width: 320px;
		margin: 0 auto;
    min-width: inherit;
	}

	#contact {
		background-color: #B1B1B1;
    background-image: none;
	}

	.contactBox {
		max-width: 320px;
		margin: 0 auto;
		min-width: inherit;
	}

	.contactBox div {
    float: none;
		display: block;
	}

	.contactBox div.contactTel {
		width: 90%;
		min-width: inherit;
		margin: 0 auto 30px;
	}

	.contactBox div.contactMail {
		width: 90%;
		min-width: inherit;
		margin: 0 auto;
	}

	.serviceSection {
		text-align: center;
	}

	.serviceLeft {
		width: 100%;
		float: none;
		display: block;
		margin-right: 0;
	}

	.serviceImage {
		max-width: 350px;
		margin: 0 auto;
	}

	.serviceRight {
		width: 100%;
		float: none;
		display: block;
	}

	.serviceEnTitle {
		display: none;
	}

	.serviceJpTitle {
		display: none;
	}

	a.serviceLink {
		float: none;
	}

	.casestudyCategoryLeft dt {
		width: 100%;
		float: none;
		padding-bottom: 0;
		box-sizing: border-box;
	}

	.casestudyCategoryLeft dd {
		width: 100%;
		padding-top: 0;
		padding-left: 40px;
		box-sizing: border-box;
	}

	.casestudyCategoryRight dt {
		width: 100%;
		float: none;
		padding-bottom: 0;
		box-sizing: border-box;
	}

	.casestudyCategoryRight dd {
		width: 100%;
		padding-top: 0;
		padding-left: 40px;
		box-sizing: border-box;
	}

	.casestudyOtherBox {
		max-width: 320px;
		margin: 0 auto;
		min-width: inherit;
	}

	.profileBox {
    padding: 20px 5%;
	}

	.profileBox dl {
    width: 100%;
    margin: 0 auto 30px;
}

	.profileBox dl dt {
    width: 100%;
		padding: 10px 0 0;
    text-align: left;
		display: block;
    float: none;
	}

	.profileBox dl dd {
		width: 100%;
		padding: 0 0 10px;
    display: block;
	}

	.accessBox {
    padding: 20px 5%;
    text-align: left;
	}

	.historyBox {
    padding: 20px 5%;
	}

	.historyBox dl {
		width: 100%;
		margin: 0 auto 20px;
    display: block;
		box-sizing: border-box;
	}

	.historyBox dl dt {
    width: 100%;
    padding: 10px;
    text-align: left;
    display: block;
		box-sizing: border-box;
	}

	.historyBox dl dd {
		width: 100%;
    padding: 10px;
    text-align: left;
    display: block;
		box-sizing: border-box;
	}

	.privacypolicyBox {
		width: 90%;
		padding: 20px 5%;
	}

	body#single .informationBox {
    width: 90%;
    padding: 20px 5%;
	}

	#section02.page .grid {
		width: 80%;
		margin: 0 10% 20px;
		min-width: inherit;
	}

	.messageText {
    font-size: 18px;
	}

	.messageTitle {
    font-size: 30px;
		margin: 40px 0;
	}

	#section03.page .serviceLeft {
    width: 100%;
    float: none;
    display: block;
    box-sizing: border-box;
    margin: 0 0 20px;
	}

	#section03.page .serviceRight {
    width: 100%;
    float: none;
    display: block;
    box-sizing: border-box;
	}

	#section03.page .serviceLeft img {
		width: 30%;
	}

	#section03.page .serviceRight .serviceSubTitle {
		display: none;
	}

	.serviceImage01 {
		margin-bottom: 0;
	}

	.serviceImage02 {
		margin-bottom: 0;
	}

	dl.contact dt {
    padding: 5px 0;
    width: 100%;
    display: block;
    float: none;
    text-align: left;
	}

	dl.contact dd {
		padding: 5px 0;
    width: 100%;
    display: block;
    float: none;
		margin: 0;
	}

	.contactTelTitle span.contactIcon {
    padding-left: 0;
    background: none;
	}

	.contactFormTitle span.contactIcon {
		padding-left: 0;
    background: none;
    text-align: left;
	}

	.contactTelIcon, .contactFormIcon {
		display: inline;
	}

	.telBox {
    font-size: 16px;
	}

	input[type="text"], input[type="email"], input[type="textarea"], textarea, select {
		width: 100%;
		margin-right: 0;
		min-width: inherit;
		box-sizing: border-box;
	}

	#submit-btn {
    padding: 14px 40px 13px;
	}

	.casestudySubject {
    background-image: none;
	}

	body#single .casestudySubject {
    background-image: none;
	}

	.casestudyConcrete, .casestudyService, .casestudyResult, .casestudyFuture {
    width: 100%;
    padding: 30px 10px;
	}

	.casestudyDolphin {
	  background: #FFFFFF url("/wp-content/themes/dolphin-koto/images/bgCasestudyDolphinMobile.png") no-repeat scroll right 30px top;
	}

	.casestudySolution {
    background: #92ABBC url("/wp-content/themes/dolphin-koto/images/bgCasestudySolutionMobile.png") no-repeat scroll right 30px top;
	}

	.casestudyContact {
		background: #DCDCDC url("/wp-content/themes/dolphin-koto/images/bgCasestudyContactMobile.png") no-repeat scroll right 30px top;
	}

	body#single .casestudyContact .contactBox {
	  max-width: 320px;
	  margin: 0 auto;
	  min-width: inherit;
	}

	body#single .casestudyContact .contactBox div.contactTel {
    width: 100%;
    min-width: inherit;
    margin: 0 auto 30px;
    display: block;
    float: none;
	}

	body#single .casestudyContact .contactBox div.contactTel .textL {
    font-size: 150%;
	}

	body#single .casestudyContact .contactBox div.contactMail {
		width: 100%;
		min-width: inherit;
		margin: 0 auto;
		display: block;
		float: none;
	}

	body#single .casestudyContact .contactBox div.contactMail .textL {
    font-size: 150%;
	}

	body#single #contact .contactBox {
		width: 100%;
	  max-width: 320px;
	  margin: 0 auto;
	  min-width: inherit;
	}

	.casestudyOtherHeadline h2 {
    font-size: 22px;
	}

	.casestudyCategoryLeft dl {
		background: transparent url("/wp-content/themes/dolphin-koto/images/iconCasestudyCategory.png") no-repeat scroll left center;
	}

	.casestudyCategoryLeft dt {
		background: none;
    font-size: 16px;
	}

	.casestudyCategoryRight dl {
		background: transparent url("/wp-content/themes/dolphin-koto/images/iconCasestudyScene.png") no-repeat scroll left center;
	}

	.casestudyCategoryRight dt {
		background: none;
		font-size: 16px;
	}

	.casestudyCategory h3 {
		font-size: 16px;
	}

}


/* ////////////////////////////////////////

	max-width: 449px

//////////////////////////////////////// */


@media screen and (max-width: 449px){
	#section01 {
		padding: 30px 0;
	}

	.titleBox {
    width: 150px !important;
		height: 350px !important;
		padding: 30px 15px;
	}

	.titleBox h2 img {
			height: 50px !important;
	}

	.contactTelTitle, .contactFormTitle {
    font-size: 20px;
	}

	.contactTelText, .contactFormText {
    font-size: 12px;
	}

	div.action p {
		font-size: 12px;
	}

	.consent {
    font-size: 12px;
	}

	.telBox {
    font-size: 12px;
	}

	.copyRight {
		line-height: 1.2;
		top: 140px;
	}

}