@charset "UTF-8";



/* PC用
------------------------------------------------------------*/
@media only screen and (min-width:1011px){



/* メッセージ
--------------------------------------------*/
#help {
	width:100%;
	margin: 0px auto 0 auto;
	text-align:left;
	padding-bottom: 60px;
}

#help_info {
	width:100%;
	margin: 0px auto 0 auto;
	text-align:left;
	margin-top:63px;
	padding-bottom: 60px;
}

#help_info .box{
	width:990px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}


#help_info p {
	font-size:14px;
	float:left;
	padding:0px 10px 0px;
}


#help h3{ 
    color: #26b7bc;
    font-size: 26px;
    padding-top: 30px;
    text-align: left;
}
#help .box{
	width:990px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}
#help .box .left{
	float: left;
	width:500px;
	text-align: right;
}
#help .box .right{
	float: right;
	width:440px;
	text-align: left;
}
#help .box .right .photo{
	width: 348px;
	height: 335px;
	background-image: url(../images/photo_bg.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#help .box .right .photo img{
	position: absolute;
	left: 22px;
	top: 18px;	
}
#help .box p{
	font-size: 18px;
	line-height: 26px;
	color: #666;
	text-align: left;
	padding-top: 30px;
}
#help .box .left .bt a{
	margin-right: 0px;
	margin-left: 0px;
	min-width:350px;
	height: auto;
	line-height: 120%;
	padding-top: 10px;
}


#help .txtbox .notice{
	color:#26B7BC;
	font-size:12px !important;
	line-height:20px !important;
}
#help .doctor{
}
#help .doctor img{
	float: left;
}
#help .doctor .txtbox{
    background-color: #fff;
	float: right;
	width: 514px;
	margin: 0px;
	padding: 15px;
}
#help .doctor .txtbox p{
	font-size: 18px;
	line-height: 26px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	text-align: left;
}
#help .doctor .txtbox li{
	margin-bottom: 25px;
}
#help .doctor .txtbox li span{
	font-weight:bold;
}
#help .info_box{
	background-color:#fff;
	padding:15px 35px 35px;
	margin-top:20px;
}
#help .info_box p{
	text-align:center;
	padding-top:20px;
}


}

/* タブレット*/
@media only screen and (max-width:1010px){



/* メッセージ
--------------------------------------------*/
#help {
	width:100%;
	margin: 0px auto 0 auto;
	text-align:left;
	padding-bottom: 60px;
}
#help_info {
	margin-top:52px;
}
#help h3{ 
    color: #26b7bc;
    font-size: 26px;
    padding-top: 30px;
    text-align: left;
}
#help .box{
	width:640px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}
#help .box .left{
	float: left;
	width:292px;
	text-align: right;
}
#help .box .right{
	float: right;
	width:348px;
	text-align: left;
}
#help .box .right .photo{
	width: 348px;
	height: 335px;
	background-image: url(../images/photo_bg.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#help .box .right .photo img{
	position: absolute;
	left: 22px;
	top: 18px;	
}
#help .box p{
	font-size: 18px;
	line-height: 26px;
	color: #666;
	text-align: left;
	padding-top: 20px;
}
#help .box .left .bt a{
	margin-right: 0px;
	margin-left: 0px;
	min-width:250px;
	height: auto;
	line-height: 120%;
	padding: 10px;
}


#help .txtbox .notice{
	color:#26B7BC;
	font-size:12px !important;
	line-height:20px !important;
}
#help .doctor{
	padding-top: 30px;	
}
#help .doctor img{
	float: left;
	width: 240px;
}
#help .doctor .txtbox{
    background-color: #fff;
	float: right;
	width: 360px;
	margin: 0px;
	padding: 10px;
}
#help .doctor .txtbox p{
	font-size: 18px;
	line-height: 26px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	text-align: left;
}
#help .doctor .txtbox li{
	margin-bottom: 25px;
}
#help .doctor .txtbox li span{
	font-weight:bold;
}
#help .info_box{
	background-color:#fff;
	padding:15px 35px 35px;
	margin-top:20px;
}
#help .info_box p{
	text-align:center;
	padding-top:20px;
}


}



/* スマートフォン２*/
@media only screen and (max-width:440px){



/* メッセージ
--------------------------------------------*/
#help {
	width:100%;
	margin: 0px auto 0 auto;
	text-align:left;
	padding-bottom: 60px;
}
#help h3{ 
    color: #26b7bc;
    font-size: 26px;
    padding-top: 30px;
    text-align: left;
}
#help .box{
	width:400px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}
#help .box .left{
	float: none;
	width:100%;
	text-align: right;
}
#help .box .right{
	float: none;
	width:100%;
	text-align: left;
}
#help .box .right .photo{
	width: 348px;
	height: 335px;
	background-image: url(../images/photo_bg.jpg);
	background-repeat: no-repeat;
	position: relative;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#help .box .right .photo img{
	position: absolute;
	left: 22px;
	top: 18px;	
}
#help .box p{
	font-size: 22px;
	line-height: 26px;
	color: #666;
	text-align: left;
	padding-top: 20px;
	height: auto;
	padding-bottom: 20px;
}
#help .box .bt a{
	margin-right: auto;
	margin-left: auto;
	min-width:320px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 120%;
	height: 30px;
	padding-top: 22px;
	padding-bottom: 14px;
	font-size: 20px;
}


#help .txtbox .notice{
	color:#26B7BC;
	font-size:20px !important;
	line-height:20px !important;
}
#help .doctor{
	width: 100%;
	padding: 0px;
	text-align: center;
}
#help .doctor img{
	float: none;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
    margin-top: 20px;
}
#help .doctor .txtbox{
    background-color: #fff;
	float: none;
	width: 95%;
	margin: 0px;
	padding: 10px;
}
#help .doctor .txtbox p{
	font-size: 22px;
	line-height: 26px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	text-align: left;
}
#help .doctor .txtbox li{
	margin-bottom: 25px;
	font-size:20px;
}
#help .doctor .txtbox li span{
	font-weight:bold;
}
#help .info_box{
	background-color:#fff;
	padding:15px 35px 35px;
	margin-top:20px;
}
#help .info_box p{
	text-align:center;
	padding-top:20px;
}


}





/* スマートフォン*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5), and (max-width:640px){



/* メッセージ
--------------------------------------------*/
#help {
	width:100%;
	margin: 0px auto 0 auto;
	text-align:left;
	padding-bottom: 60px;
}
#help h3{ 
    color: #26b7bc;
    font-size: 26px;
    padding-top: 30px;
    text-align: left;
}
#help .box{
	width:600px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}
#help .box .left{
	float: none;
	width:100%;
	text-align: right;
}
#help .box .right{
	float: none;
	width:100%;
	text-align: left;
}
#help .box .right .photo{
	width: 348px;
	height: 335px;
	background-image: url(../images/photo_bg.jpg);
	background-repeat: no-repeat;
	position: relative;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#help .box .right .photo img{
	position: absolute;
	left: 22px;
	top: 18px;	
}
#help .box p{
	font-size: 22px;
	line-height: 26px;
	color: #666;
	text-align: left;
	padding-top: 20px;
	height: auto;
	padding-bottom: 20px;
}
#help .box .left .bt a{
	margin-right: auto;
	margin-left: auto;
	min-width:420px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 120%;
	height: 38px;
	padding-top: 22px;
	padding-bottom: 14px;
	font-size: 24px;
}


#help .txtbox .notice{
	color:#26B7BC;
	font-size:20px !important;
	line-height:20px !important;
}
#help .doctor{
	padding: 0px;
	text-align: center;
}
#help .doctor img{
	float: none;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
    margin-top: 20px;
}
#help .doctor .txtbox{
    background-color: #fff;
	float: none;
	width: 95%;
	margin: 0px;
	padding: 10px;
}
#help .doctor .txtbox p{
	font-size: 22px;
	line-height: 26px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	text-align: left;
}
#help .doctor .txtbox li{
	margin-bottom: 25px;
	font-size:20px;
}
#help .doctor .txtbox li span{
	font-weight:bold;
}
#help .info_box{
	background-color:#fff;
	padding:15px 35px 35px;
	margin-top:20px;
}
#help .info_box p{
	text-align:center;
	padding-top:20px;
}



}