/* CSS Document */

h3.catch0{
    color: #2089c5;
    letter-spacing: 0.1em;
    line-height: 1.733em;
}


#main,#main >.content{
	overflow:hidden;
	clear:both;
}
.greeting .section{
	line-height:1.7;
}
.companymenu{
	overflow:hidden;
	clear:both;
}
.companymenu li{
	float:left;
}
.history_list .year{
	font-size:167%;
	color:#0c3d61;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.office{
	position:relative;
}
.office_list{
	overflow:hidden;
	clear:both;
}
.office_list li{
	float:left;
}
.office_list li.office3{
	float:none;
	width:auto;
	clear:both;
}
.office_list .ol_content,.office_list .address{
	overflow:hidden;
}
.office_list .attention{
	font-weight:bold;
	border:1px solid #ecd6b1;
	background:#f7e6ca;
	text-align:center;
}

.history_list{
	border-bottom:1px dotted #dddddd;
}
.history_list ul{
	overflow:hidden;
	clear:both;
	margin-top:-1px;
}
.history_list li{
/*	border-top:1px solid #dddddd;*/
	background:url(../image/border4.png) no-repeat left bottom;
	position:relative;
	padding-top:15px;
	padding-bottom:20px;
}
.history_list li:last-child{
	background:none;
}

.tle_h4{
	color:#0168b3;
	font-size:134%;
	font-weight:bold;
}
.company_about table{
	border-bottom:1px solid #e8e8e8;
	width:100%;
	background-color:#fff;
}
.company_about th{
	background:#faebcc;
	text-align:center;
	color:#062f4c;
	font-weight:bold;
	border-top:1px solid #fff;
	border-left:1px solid #e8e8e8;
}
.company_about td{
	border-top:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
}
.company_about td a:before{
	text-decoration:none;
	color:#0067b2;
}
.company_about .traffic{
	overflow:hidden;
}
.company_about .traffic li{
	border-left:1px dotted #cccccc;
	float:left;
}
.traffic_map .section{
	background:#f9dbdb;
	border:3px solid #eabdbd;
	text-align:center;
}
.traffic_map .section span{
	color:#cf0a0a;
	font-weight:bold;
	font-size:117%;
	text-align:center;
}
.traffic_map{
	overflow:hidden;
}
.traffic_map .t_map{
	border:1px solid #d9d9d9;
	text-align:center;
}
.map_wrap{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.map iframe{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.map p{
	font-size:92%;
}
.other_office dt{
	font-weight:bold;
	float:left;
	clear:both;
}

.other_office .ka dt{
	float:none;
}


.other_office dd{
	overflow:hidden;
}
.group,.group ul,.group li{
	overflow:hidden;
	clear:both;
}
.group .top_image{
	text-align:center;
}
.group li >.image{
	text-align:center;
	float:left;
	overflow:hidden;
}
.group .arrow{
	background:url(../image/arrow1.png) no-repeat 0 4px;
	padding-left:15px;
}
.font17{ font-size: 17px; }
.recruit .new span{
	color:#0168b3;
}
.recruit .new .image{
	text-align:center;
}
.recruit .new .image a{
	display:inline-block;
	margin:0 auto;
}
.recruit .no_rec{
	color:#a8a7a7;
	font-weight:bold;
}

.recruit .new a{
	color:#cf0a0a;
}

#recruit .listBanner{ display: flex;
width: 70%; margin-left: auto; margin-right: auto; }

.listBanner li { width: 45%;margin: 0 auto; text-align: center; }

#information .main:after{
    content:"";
    display:block;
    clear:both;
}

#information .traffic_map .section > p {
    color: #cf0a0a;
    font-weight: bold;
}

#corporate .intro h3{
	color:#2089c5;
}
#corporate .intro p{
	font-weight:500;
}
#corporate nav ul{
	display:flex;
	flex-wrap:wrap;
}
#corporate nav ul a{
	border:1px solid #dddddd;
	display:block;
}
#corporate nav ul a i{
	color:#79c0e8;
	display:block;
}

/*PC
----------------------------------------------------*/
@media screen and (min-width:1081px),print{
    .companymenu{
            margin-left:-23px;
    }
    .companymenu li{
            width:311px;
            margin-left:23px;
            margin-bottom:35px;
    }
    .companymenu li a{
            height:120px;
            transition:0.2s;
    }
    .companymenu li a:hover{
            opacity:0.7;
    }
    .companymenu .cm_1 a{
            background:url(../image/btn1.jpg) no-repeat;
    }
    .companymenu .cm_2 a{
            background:url(../image/btn2.jpg) no-repeat;
    }
    .companymenu .cm_3 a{
            background:url(../image/btn3.jpg) no-repeat;
    }
    .companymenu .cm_4 a{
            background:url(../image/btn4.jpg) no-repeat;
    }
    .companymenu .cm_5 a{
            background:url(../image/btn5.jpg) no-repeat;
    }
    .companymenu .cm_6 a{
            background:url(../image/btn6.jpg) no-repeat;
    }
    .main_content{
            width:700px;
            margin-right:30px;
    }
    .history_list li{
        padding-left: 15px;
        padding-right:15px;
		clear:both;
		width:100%;
		display:table;
    }
	.history_list li >div{
		display:table-cell;
		text-align:left;
	}
    /*
    .relation_list li{
            padding-left:8px;
    }
    */

    .history_list .year{
            width:78px;
            overflow:hidden;
    }
    .greeting{
            overflow:hidden;
            clear:both;
    }
    .group li>.image{
            overflow:hidden;
            float:left;
    }
    .greeting .image{
            float:right;
    }
    
    .greeting .section{
            width:430px;
            /*
            background:url(../../images/company/greeting/image02.png) no-repeat;
            padding:140px 0 0;
            */
            margin:0 25px 25px;
    }
    .company_about th{
            padding:15px;
            width:117px;
    }
    .company_about td{
            padding:15px;
    }
    .traffic{
            width:430px;
            margin-right:10px;
            margin-left:-3px;
            float:left;
    }
    .traffic li{
            width:140px;
            padding:0 1px;
    }
    .traffic li div{
            height:40px;
            margin-bottom:10px;
    }
    .traffic .traffic_1 div{
            background:url(../image/point1.png) no-repeat;
    }
    .traffic .traffic_2 div{
            background:url(../image/point2.png) no-repeat;
    }
    .traffic .traffic_3 div{
            background:url(../image/point3.png) no-repeat;
    }
    .traffic li p{
            padding:0 10px;
    }
    .traffic_map{
            width:260px;
            margin-bottom:20px;
    }
    .traffic_map .section{
            padding:15px;
            font-size: 94%;
    }
    /*
    .traffic_map .section span{
            background:url(/../../images/company/about/text1.png) no-repeat 0 center;
            height:20px;
            margin-bottom:5px;
    }
    */
    .office .top_image{
            background:url(../image/image_catch.png) no-repeat 10px 30px;
            position:relative;
            height:240px;
    }
    .office .top_image img{
            position:absolute;
            top:-50px;
            right:20px;
    }
    .office_list li{
            width:327px;
            overflow:hidden;
            margin-bottom:25px;
    }
    .office_list .office2{
            margin-left:45px;
    }
    .office_list li .image{
            float:right;
    }
    .office_list li a:before{
            color:#0067b2;
    }
    .office_list h4{
            height:25px;
            margin-bottom:10px;
    }
    .office .office1 h4{
            background:url(https://www.doggyman.com/images/company/office/h4_1.png) no-repeat;
    }
    .office .office2 h4{
            background:url(https://www.doggyman.com/images/company/office/h4_2.png) no-repeat;
    }
    .office .office3 h4{
            background:url(https://www.doggyman.com/images/company/office/h4_3.png) no-repeat;
    }
    .office .office4 h4{
            background:url(https://www.doggyman.com/images/company/office/h4_4.png) no-repeat;
    }
    .office_list .attention{
            width:168px;
            padding:10px 0;
            margin:10px 5px 0;
    }
    .office_list .image{
            margin-leftt:15px;
    }
    .other_office h4{
            height:25px;
    }
    .other_office .office_tle4{
            background:url(https://www.doggyman.com/images/company/office/h4_5.png) no-repeat;
    }
    .other_office .office_tle5{
            background:url(https://www.doggyman.com/images/company/office/h4_6.png) no-repeat;
    }

    .other_office .office_tle7{
            background:url(https://www.doggyman.com/images/company/office/h4_7.png) no-repeat;
    }


    .other_office dt,.other_office dd{
            margin-bottom:10px;
    }
    .other_office dt{
            width:157px;
            padding-left:15px;
            background:url(../image/arrow1.png) no-repeat 0 center;
    }

    .other_office .ka dt{
            width:auto;
    }

    .other_office  .ka dd {
        padding-left: 170px;
    }

    .group1 li{
            margin-bottom:80px;
    }
    .group1 li >.image{
            width:330px;
            margin-right:20px;
    }
    .group1 li .section{
            width:350px;
            overflow:hidden;
    }
    .group h4{
            height:25px;
            background:url(../image/h4_1.png) no-repeat;
    }
    .group2 li >.image{
            margin-right:20px;
            width:130px;
    }
    .group2 li .section{
            width:535px;
            overflow:hidden;
    }
    .recruit h4{
            height:25px;
    }
    .recruit .new h4{
            background:url(https://www.doggyman.com/images/company/recruit/h4_1.png) no-repeat;
    }
    .recruit .mid h4{
            background:url(https://www.doggyman.com/images/company/recruit/h4_2.png) no-repeat;
    }
    .recruit .contact h4{
            background:url(https://www.doggyman.com/images/company/recruit/h4_3.png) no-repeat;
    }
    .recruit .recurit_comment{
            overflow:hidden;
            clear:both;
    }
    .recruit .recurit_comment .image{
            float:right;
            margin-left:25px;
    }
    .recruit .recurit_comment .text{
            overflow:hidden;
    }

	#recruit .listBanner{ width: 70%; margin-top: 50px ; margin-bottom: 50px ; }


    .pageTitle {
        margin-bottom:60px;
    }
    
    #information .traffic_map .section > p {
        font-size: 95%;
    }
	#corporate .intro{
		margin-bottom:40px;
		padding-bottom:40px;
		padding-top:40px;
	background:url(../image/image01.png) no-repeat bottom right /auto 100%;
	}
	#corporate .intro h3{
		font-size:2.143em;
		margin-bottom:10px;
	}
	#corporate .intro p{
		font-size:1.143em;
	}
	#corporate nav li{
		width:311px;
		margin-right:23.5px;
		margin-bottom:35px;
		
	}
	#corporate nav li >p{
		font-size:0.857em;
	}
	#corporate nav li a{
		font-size:1.714em;
		line-height:1;
		padding:28px 20px;
		background-repeat:no-repeat;
		background-position:bottom right;
	}
	#corporate nav li a p{
		margin-bottom:13px;
	}
	#corporate nav li i{
		font-size:0.583em;
		margin-top:10px;
	}
	#corporate nav li:nth-child(3n){
		margin-right:0;
	}
	#corporate nav li.page1 a{
		background-image:url(../image/btn1.jpg);
	}
	#corporate nav li.page2 a{
		background-image:url(../image/btn2.jpg);
	}
	#corporate nav li.page3 a{
		background-image:url(../image/btn3.jpg);
	}
	#corporate nav li.page4 a{
		background-image:url(../image/btn4.jpg);
	}
	#corporate nav li.page5 a{
		background-image:url(../image/btn5.jpg);
	}
	#corporate nav li.page6 a{
		background-image:url(../image/btn6.jpg);
	}
        
        h3.catch0 {
            font-size: 2.143em;
        }        
        
        #corprate_top .catch0{
            margin-bottom:5%;
        }

}

@media screen and (min-width:751px) and (max-width:1080px),print{
	.main_content{
		width:70%;
		margin-right:5%;
		float:left;
	}
	#sidenavi{
		width:25%;
	}
	#sidenavi dt a{
		text-align:left;
		padding-left:calc(5% + 2em);
	}
	#sidenavi li a,#sidenavi li span{
		text-align:left;
		padding-left:calc(5% + 20px);
	}
	.greeting{
		overflow:hidden;
		clear:both;
	}
	.greeting .section{
		margin-left:2%;
	}
	.greeting .catch{
		margin-bottom:3%;
		font-size:200%;
	}
	.greeting .image{
		float:right;
		width:35%;
		margin-left:2%;
	}
	.side_content h3:before{
		padding:2%;
	}
	.companymenu{
		margin-left:-3%;
	}
	.companymenu li{
		width:30.3%;
		margin-left:3%;
		margin-bottom:3%;
	}
	.companymenu li a{
		padding:3%;
	}
	.companymenu .cm_1 a{
		background:url(https://www.doggyman.com/css/images/company/btn1_tab.jpg) no-repeat right 0 /contain;
	}
	.companymenu .cm_2 a{
		background:url(https://www.doggyman.com/css/images/company/btn2_tab.jpg) no-repeat right 0 /contain;
	}
	.companymenu .cm_3 a{
		background:url(https://www.doggyman.com/css/images/company/btn3_tab.jpg) no-repeat right 0 /contain;
	}
	.companymenu .cm_4 a{
		background:url(https://www.doggyman.com/css/images/company/btn4_tab.jpg) no-repeat right 0 /contain;
	}
	.companymenu .cm_5 a{
		background:url(https://www.doggyman.com/css/images/company/btn5_tab.jpg) no-repeat right 0 /contain;
	}
	.companymenu .cm_6 a{
		background:url(https://www.doggyman.com/css/images/company/btn6_tab.jpg) no-repeat right 0 /contain;
	}
	.companymenu li span{
		padding:1% 3%;
		width:15%;
		margin-top:2%;
		text-align:center;
	}
	.history_list li{
		clear:both;
		padding-left:3%;
		padding-right:3%;
	}
	.history_list .year{
		float:left;
		overflow:hidden;
		width:25%;
	}
	.history_list .caption{
		width:75%;
		overflow:hidden;
	}
	.company_about th{
		width:24%;
		padding:3%;
	}
	.company_about td{
		padding:3%;
	}
	.traffic{
		margin-bottom:5%;
	}
	.office h4{
		margin-bottom:3%;
	}
	.office_list li{
		margin-bottom:5%;
	}
	.office_list li .image{
		margin-bottom:2%;
	}
	.office_list .office3 .attention{
		margin-top:3%;
		padding:3%;
	}
	.other_office dt,.other_office dd{
		margin-bottom:3%;
	}
	.other_office dt{
		width:30%;
	}
	.other_office dd{
		width:70%;
	}

	.other_office .ka{
	    overflow:hidden;
	}

	.other_office .ka dt {
	    float: left;
	}

	.other_office .ka dd {
	    float: left;
	}

	.other_office .ka dt{
		width:27%;
		padding-right:3%;
	}

	.other_office .ka dd{
		width:70%;
	}


	.group li .section{
		overflow:hidden;
	}
	.group1 li{
		margin-bottom:7%;
	}
	.group1 li >.image{
		overflow:hidden;
		float:left;
		width:35%;
		margin-right:2%;
	}
	.group1 li .section{
		width:63%;
	}
	.group2 li{
		margin-bottom:5%;
	}
	.group2 li >.image{
		margin-right:2%;
		width:25%;
	}
	.group2 li .section{
		width:69%;
	}
	.recruit .recurit_comment{
		overflow:hidden;
		clear:both;
	}
	.recruit .recurit_comment .image{
		float:right;
		margin-left:3%;
		margin-bottom:3%;
	}    

	#corporate nav li{
		width:48%;
		margin-right:2%;
	}
	#corporate nav li:nth-child(2n){
		margin-right:0;
	}
	#corporate nav li a:before{
		content:"";
		display:block;
		width:100%;
		height:115px;
		background-repeat:no-repeat;
		background-position:right bottom;
		background-size:auto 100%;
	}
	#corporate nav li.page1 a:before{
		background-image:url(../image/btn1.jpg);
	}
	#corporate nav li.page2 a:before{
		background-image:url(../image/btn2.jpg);
	}
	#corporate nav li.page3 a:before{
		background-image:url(../image/btn3.jpg);
	}
	#corporate nav li.page4 a:before{
		background-image:url(../image/btn4.jpg);
	}
	#corporate nav li.page5 a:before{
		background-image:url(../image/btn5.jpg);
	}
	#corporate nav li.page6 a:before{
		background-image:url(../image/btn6.jpg);
	}
	#corporate nav li a{
		text-align:center;
		position:relative;
	}
	#corporate nav li a p{
		position:absolute;
		height:2em;
		top:0;
		bottom:0;
		margin:auto;
		font-size:1.231em;
		padding:3%;
	}
	#corporate nav li i{
		font-size:0.5em;
	}

}

/*Tablet und Phone
----------------------------------------------------*/
@media screen and (max-width:1080px),print{
    .companymenu li a{
            border:1px solid #d5d5d5;
            color:#0770bd;
            font-size:200%;
    }
    .companymenu span{
            display:block;
            background:#0770bd;
            color:#ffffff;
            font-size:30%
    }
    .greeting .section .catch{
            color:#0168b3;
    }
    .greeting .image{
            text-align:center;
            margin-bottom:3%;
    }
    .greeting .section{
            width:90%;
            margin:0 auto;
    }
    .greeting .catch{
            margin-bottom:3%;
            /*
            font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
            */
    }
    .traffic{
            clear:both;
            margin-left:-1px;
    }
    .traffic li{
            width:33.3%;
            box-sizing:border-box;
            padding:0 1px;
    }
    .traffic li div{
            padding:5%;
            margin-bottom:5%;
            min-height:3em;
            text-align:center;
            color:#ffffff;
    }
    .traffic .traffic_1 div{
            background:#00a0e9;
    }
    .traffic .traffic_2 div{
            background:#0068b7;
    }
    .traffic .traffic_3 div{
            background:#019cb3;
    }

    .traffic li p{
            padding:0 3%;
    }
    .office .top_image{
            text-align:center;
    }
    .office h4{
            border-bottom:2px solid #d0d9e0;
    }
    .office .top_image .catch{
        /*
            font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
        */
            font-size:200%;
            color:#0168b3;
    }
    .office_list li{
            width:47.5%;
    }
    .office_list .image{
            text-align:center;
    }
    .office_list .office2{
            margin-left:5%;
    }
    .group h4,.recruit h4{
            color:#0b6eb6;
            border-bottom:2px solid #d0d9e0;
            font-size:134%;
            font-weight:bold;
    }
    .group .top_image img{
            width:90%;
            margin:0 auto;
    }
    .recruit .new .image a{
            width:90%;
    }

	#recruit .listBanner{ width: 80%; margin-top: 5%; margin-bottom: 5%; }

    
    .pageTitle {
        margin:5% 0;
    }
	#corporate .intro:after{
		content:"";
		display:block;
		background:url(../image/image01.png) no-repeat center /auto 100%;
		width:100%;
		height:100px;
	}
	#corporate .intro{
		margin-bottom:4%;
	}
	#corporate .intro p{
		margin-bottom:2%;
	}
	#corporate .intro h3{
		font-size:1.231em;
		
	}
	#corporate li a{
		font-size:1.231em;
	}
	#corporate nav li i{
		font-size:0.5em;
	}
        
        h3.catch0 {
            font-size: 1.231em;
            margin-bottom:3%;
        }            

}



/*Phone
----------------------------------------------------*/
@media screen and (max-width:750px),print{
	h3{
		margin-bottom:3%;
	}
	.companymenu{
		margin-left:-3%;
	}
	.companymenu li{
		width:47%;
		margin-left:3%;
		margin-bottom:5%;
	}
	.companymenu a{
		margin-top:2%;
		text-align:center;
	}
	.companymenu li span{
		padding:2%;
		text-align:right;
	}
	.main_content{
		margin-bottom:5%;
	}
	.greeting .catch{
		font-size:180%;
	}
	.history_list li{
		padding-left:2%;
		padding-right:2%;
	}
	.company_about th{
		padding:3%;
		width:20%;
	}
	.company_about td{
		padding:3%;
	}
	.traffic{
		margin-bottom:5%;
	}
	.side_content{
		margin-bottom:7%;
	}
	.side_content h3 a{
		padding:4% 0;
		display:block;
	}
	.sidemenu{
		margin-bottom:3%;
	}
	.sidemenu li.active,.sidemenu a{
		padding:3%;
	}
	.side_banner{
		text-align:center;
	}
	.office{
		overflow:hidden;
		clear:both;
	}
	.office_list li{
		margin-bottom:5%;
	}
	.office_list li .image{
		margin-bottom:3%;
	}
	.office_list .attention{
		margin-top:3%;
		padding:3%;
	}
	.other_office dt{
		width:30%;
	}
	.other_office dd{
		width:70%;
	}

	.other_office .ka{
	    overflow:hidden;
	}

	.other_office .ka dt {
	    float: left;
	}

	.other_office .ka dd {
	    float: left;
	}

	.other_office .ka dt{
		width:27%;
		padding-right:3%;
	}

	.other_office .ka dd{
		width:70%;
	}


	.group1 li{
		margin-bottom:10%;
	}
	.group1 li >.image{
		margin-bottom:5%;	
	}
	.group1 li .section{
/*		width:95%;*/
		margin:0 auto;
	}
	.group2 li{
		margin-bottom:7%;
	}
	.group2 li >.image{
		margin-bottom:5%;
		text-align:center;
	}
	.recruit .recurit_comment .image{
		text-align:center;
		margin-bottom:2%;
	}
	.recruit .recurit_comment .text{
		padding:0 5%;
	}
  	#corporate li{
		width:100%;
		margin-bottom:5%;
	}
	#corporate li a{
		padding:3%;
		text-align:center;
		position:relative;
		background-repeat:no-repeat;
		background-position:left center;
		background-size:auto 100%;
	}
	#corporate li i{
		position:absolute;
		width:1em;
		height:1em;
		margin:auto;
		top:0;
		bottom:0;
		right:3%;
	}
	#corporate nav li.page1 a{
		background-image:url(../image/btn1.jpg);
	}
	#corporate nav li.page2 a{
		background-image:url(../image/btn2.jpg);
	}
	#corporate nav li.page3 a{
		background-image:url(../image/btn3.jpg);
	}
	#corporate nav li.page4 a{
		background-image:url(../image/btn4.jpg);
	}
	#corporate nav li.page5 a{
		background-image:url(../image/btn5.jpg);
	}
	#corporate nav li.page6 a{
		background-image:url(../image/btn6.jpg);
	}
 
	#sidenavi a, #sidenavi span {
	    text-align: left;
		padding-left: 40px;
	}        
        
}