@charset "utf-8";
/****************************************************
 タブレット向けのレイアウトの指定  720px
****************************************************/

@media screen and (min-width:720px) and (max-width: 1023px) {

#header .maintitle{padding:0;
margin:0 auto;
width:70%;
height:auto;}

#header .subbutton img{width:25%;
max-width:153px;
padding:0;
margin:6px auto;}

#main .button img{max-width:25%;}

#footer h3{padding:0;
margin:0;
text-align:center;
font-size:28px;
color:#c02f2f;}

#pagemain .leftside h2.fontsize{padding:0;
margin:0;
font-size:30px;
font-weight:500;}

#pagemain .rightside img{width:25%;
height:auto;
float:left;
overflow:hidden;
padding:0;
margin:0;}

.font{ font-size:20px;}

#main .medical img {width: 100%;
 max-width:100%;
 height: auto;}

#main .box {width: 100%;
 max-width:100%;
 height: auto;}

}

/****************************************************
 PC向けのレイアウトの指定  1024px
****************************************************/
@media print, screen and (min-width: 1024px) {

body{padding:0;
margin:0;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
border-top:3px solid #69c05b;
background:url(../images/headerback.jpg) repeat-x;}

#wrapper{width:100%;
max-width:1024px;
padding:0;
margin:0 auto;}

#header{width:100%;
max-width:1024px;
padding:0;
margin:0 auto;
overflow:hidden;
position:relative;}

#header p.maintitle{margin:10px 0;
width:322px;
height:77px;
position:relative;
left:0;
top:0;
border-bottom:none;}

#header p.catch{font-size:18px;
text-align:right;
position:relative;
right:0;
top:-80px;}

#header p.comment{position:absolute;
top:100px;
left:0;}

#header .subbutton{text-align:right;
position:absolute;
top:82px;
right:0;}

#header .subbutton img{width:100%;
max-width:153px;
padding:0;
margin:6px 0;}

#header p.subbutton{text-align:right;}
#main{width:100%;
max-width:1024px;
padding:0;
margin:0;
overflow:hidden;}

#main .slider{width:100%;
max-width:1024px;
padding:0;
margin:0;}

#main .slider img{max-width:100%;height:auto;}

#main .message{width:90%;
max-width:900px;
padding:0;
margin:0 auto;
border:2px solid #e97373;
border-radius:6px;}

#main .message ul{padding:10px 20px 10px 40px;
margin:0;
list-style-image: url("../images/hishi.jpg");}

#main .message li{padding:0;margin:0;}
#main .button{width:100%;
max-width:900px;
padding:10px 0;
margin:0 auto;}

#main .button p{
padding:0;
margin:0;
}
#main .button img{max-width:25%;}

#footer{width:100%;
max-width:1024px;
padding:20px 0;
margin:10px 0;
background:#f1f1f1;
overflow:hidden;}

#footer h3{padding:0;
margin:0;
text-align:center;
font-size:28px;
color:#c02f2f;}

#footer .adress{padding:0;
margin:0;
line-height:1.1;
text-align:center;}

#footer .copyright{padding:10px 0 0 0;
margin:0;
font-size:14px;
text-align:center;
color:#238f0f;}

.pagetop {display: none;
position: fixed;
bottom: 50px;
right: 55px;}

.pagetop a {display: block;
width: 50px;
height: 50px;
background-color: #333;
border-radius: 50px;
text-align: center;
color: #fff;
font-size: 24px;
text-decoration: none;
line-height: 50px;}

#main .medical {width:100%;
max-width: 900px;
text-align:center;
padding:20px 0;}

#main .medical img {width: 100%;
max-width:100%;
height: auto;
margin-left: 4em;}

#main .box {border: 1px solid #ff9933;
margin: 1em auto;
padding: 1em;
width: 70%;
max-width: 100%;
border-radius:8px;}

#main .box p {font-size: 120%;text-align: center;}

//*第二階層*//
#pagemain{width:100%;
max-width:1024px;
padding:0;
margin:0;
overflow:hidden;}

#pagemain .leftside{max-width:760px;
padding:0;
margin:0;
float:left;
overflow:hidden;}

#pagemain .leftside .pan{padding:6px 18px;
margin:0;
font-size:12px;
background:#ffd4d4;
border-radius:16px;}

#pagemain .leftside .title{width:100%;
max-width:760px;
height:140px;
padding:0 0 20px 0;
margin:0 auto;
background:url(../images/pagetitleback.jpg) no-repeat;}

#pagemain .leftside .title h2{padding:62px 80px;
margin:0;
font-size:34px;
font-weight:500;}

#pagemain .leftside .title h2.mdcl {font-size:20px;}
#pagemain .leftside .title h2.mdcl2 {font-size:24px;}

#pagemain .leftside h2.fontsize{font-size:30px;}
#pagemain .leftside h3{padding:10px 16px;
margin:0;
font-size:20px;
font-weight:600;
color:#649b63;}

#pagemain .leftside ul{padding:0 0 10px 40px;margin:0;}
#pagemain .leftside li{padding:0;margin:0;}
#pagemain .leftside table{padding:0;
margin:10px 0;
border:1px solid;
width:100%;}

#pagemain .leftside td{padding:4px;
margin:0;
border:1px dotted;
border-bottom:1px solid;
border-right:1px solid;}

#pagemain .leftside td ul{padding:0 0 0 40px;margin:0;}
#pagemain .line1{width:120px;}
#pagemain .line2{width:320px;}
#pagemain .line3{width:320px;}
#pagemain .center{text-align:center;}
#pagemain .green{background:#b8efb9;}
#pagemain .gray{background:#f1f1f1;}
#pagemain .rightside{max-width:200px;
padding:0 0 10px 0;
margin:0;
float:right;
overflow:hidden;}

#pagemain .rightside p{padding:0;margin:0;}
#pagemain .rightside img{width:100%;
height:auto;
float:left;
overflow:hidden;
padding:0;
margin:0;}

#pagemain .rightside h3{padding:6px 0 6px 0;
margin:10px 0 6px 0;
font-size:16px;
text-align:center;
color:#fd8181;
border-top:3px solid #fd8181;
border-bottom:3px dotted #fd8181;}
}

/****************************************************
 SP向けのレイアウトの指定  481px
****************************************************/

@media print, only screen and (max-width:481px) {
#pagemain .leftside h2 {font-size:20px;}
#pagemain .contents p {padding:5px;}
#pagemain .leftside .title h2.mdcl {font-size:12px;}
#pagemain .leftside .title h2.mdcl2 {font-size:16px;}
td > input[type="text"] ,input[type="email"] {box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
width: 100%;}

div.sp, span.sp {display:none;}

}