@charset "utf-8";
/*
	Theme Name: たけだ整骨院用2018
	Theme URI: http://takeda-group.jp/
	Description:
	Version: 1.0
	Author: SAITO takashi (SUDA)
	Author URI:
	Tags:

*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/


/* html element 62.5% font-size for REM use */
html { font-size:62.5%; }

body {}

#page-top { position:fixed; bottom:0px; right:0px; /*font-size: 77%;*/ z-index:100; }
#page-top span { display:none; }
#page-top a { text-decoration:none; color:#fff;padding:0; text-align:center; display:block; border-radius:12px; }
#page-top a img { display:block; width:70px; height:70px; margin:0 0 20px 0; }

section { width:100%; display:block; }
footer { display:block; width:100%; background:#f5f5f5; padding:30px 0; color:#666; text-align:center; border-top:double 3px #fff; }


@media only screen and (max-width:767px)/*SP*/ {

.inner { width:100%; display:block; margin:0 auto; }

a.btn { width:90%; display:block; margin:20px auto; padding:15px 0; font-size:1.1rem; font-weight:bold; color:#fff; text-align:center; text-decoration:none; border:solid 1px #007C00; border-radius:10px; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #52BB24), color-stop(0.73, #6BE59E), color-stop(0.00, #52BB24)); background: -webkit-linear-gradient(top, #52BB24 0%, #6BE59E 73%, #52BB24 100%); background: -moz-linear-gradient(top, #52BB24 0%, #6BE59E 73%, #52BB24 100%); background: -o-linear-gradient(top, #52BB24 0%, #6BE59E 73%, #52BB24 100%); background: -ms-linear-gradient(top, #52BB24 0%, #6BE59E 73%, #52BB24 100%); background: linear-gradient(to bottom, #52BB24 0%, #6BE59E 73%, #52BB24 100%); }
a.btn:hover { border:solid 1px #DB1C24; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #df690c), color-stop(0.73, #e5a66b), color-stop(0.00, #df690c)); background: -webkit-linear-gradient(top, #df690c 0%, #e5a66b 73%, #df690c 100%); background: -moz-linear-gradient(top, #df690c 0%, #e5a66b 73%, #df690c 100%); background: -o-linear-gradient(top, #df690c 0%, #e5a66b 73%, #df690c 100%); background: -ms-linear-gradient(top, #df690c 0%, #e5a66b 73%, #df690c 100%); background: linear-gradient(to bottom, #df690c 0%, #e5a66b 73%, #df690c 100%); }
a.btn img { height:14px; width:auto; }

br {display:none;}

img { width: 80%; margin: 0 auto;}
header { display:block; width:100%; }
header .header_rabel{background-color: #cf121b;}
header .header_rabel .inner{display: flex; justify-content: space-between; padding: 5px 10px;}
header .header_rabel .inner p{display: none;}
header .header_rabel .inner img{width: 90%;}
header .header_rabel .inner .header_icon{padding: 5px 10px; text-align: right;}

header #header .inner { bottom:0; left:0; position:absolute; right:0; top:0; }
header #header img { width: calc(100%/3);  }
*::-ms-backdrop, header #header img { width: 33.3%;  }
header #top  { background:url(img16/top-bg.png) no-repeat center top; background-size:contain; position:relative; }
header #top:before { content:""; display: block; padding-top: 50%;} /* 高さを幅の50%に固定 */
/*header #top h1 { padding-top: 95px; text-align: center; padding-bottom: 20px; }
header #top h1 img { height: 77px; }*/
header #top h2 { width: 30%; position:absolute; top:-40px; left: 35%; text-align: center;}
header>p { font-size:1.6rem; color:#fff; font-weight:bold; text-align:left; line-height:1.6; margin:0 auto 20px; background-color: #cf121b;padding: 15px;}


main #best100 .inner { position:relative; height:auto; }
main #best100 h2 { display:block; font-size:2.0rem; font-weight:bold; color:#DB1C24; padding:8% 0 0 10px; text-align:left; }
main #best100 img { width:40%; height:auto; display:block; position:absolute; bottom:0; right:10px; }

main #place { padding:0px 0; }
main #place h3 { display:block; }
main #place h3 img { display:block; margin:0 auto 30px; width: 40%; }
main #place p br { display:none; }
main #place .inner { display:flex; flex-wrap:wrap; }
main #place .inner div { width:calc(92%/2); margin:2%; background:rgba(255,255,255,0.7); }
main #place .inner div img { width:100%; height:auto; display:block; margin:0 auto 10px; }
main #place .inner div h3 { display:block; text-align:center; padding:0px 0px 10px; font-size:0.9rem; line-height: 1; }
main #place .inner div h3 span { display:block; font-size:0.8em; padding-top:5px; }
main #place .marumoto { display: block; position: relative;}
main #place .marumoto .maru { position: absolute; top: 0; background: #3651B1; width: 100%;   padding: 10px;text-align: center; margin: 0;}
main #place .marumoto .maru p { color: #fff; font-size: 1.0rem; line-height: 1.3;}


main #winning{ background:url(img16/winning-bg.jpg) no-repeat; background-size: cover; display:block; width:100%; height:auto; position:relative; margin:10px 0 40px; padding: 10px;}
main #winning h4 { text-align: center; font-size: 15px; font-weight: bold; padding: 5px 0 0 0; color: #fff; line-height: 1.5;}
main #winning p{ text-align: left; padding-top: 5px; font-size: 13px; font-weight: bold; line-height: 1.5;}
main #winning p span { text-align: center; font-size: 1.6rem; font-weight: bold; }
main #winning dl {  display: block; padding-top: 5px; }
main #winning dl dt { font-size: 1.6rem; text-align: center; margin: 0 auto; color: #FFFF00; background-color:#FF0000; width: 80%; padding: 12px; font-weight: bold; border-radius: 10px; }
main #winning dl dt img{ width:10%;}
main #winning dl dd{ font-size: 1.6rem; line-height: 1.4; padding-top: 10px; text-align: left; width: 90%; margin: 0 auto;}
main #winning dl dd br{ display: none;}
main #winning .red{ width: 90%; background: rgba(207,18,27,0.9); border-radius: 10px; margin: 5px auto 15px; padding: 10px 0;}
main #winning .red p{ color: #fff; text-align: center;}
main #winning .red p span{ color: #FFFF00;}


main .cont { width: 100%; }
main .cont .inner img { width: 100%; }
main .cont p { width: 90%; font-size:1.6rem; margin:10px auto;; line-height: 1.5; text-align: left; }
main .cont p br{ display: none; }
main .cont p span { font-size:2.2rem; margin:10px auto; display: block; line-height: 1.2; font-weight: bold; text-align: left; }
main #cont01 span { color:#db1e79;}
main #cont02 span { color:#db1c24;}
main .cont .recommend { margin: 20px auto 0;}
main .cont .recommend .left{ float: none; width: 100%;  }
main .cont .recommend .left img{ display: block; width: 80%; margin:0 auto; }
main .cont .recommend .right{ float: none; width: 100%;  }
main .cont .recommend .right dl { width: 90%; margin: 20px auto 0px;}
main .cont .recommend .right dl dt{ }
main .cont .recommend .right dl dd.first{ font-size: 2.5rem!important; text-align: left!important; line-height: 1.8!important; }
main .cont .recommend .right dl dd.word_p{ line-height: 1.3!important; margin: 15px auto;}
main .cont .recommend .right dl dd{ line-height: 1.5; font-size: 1.6rem;}
main #cont02 .recommend .right dl{margin: 20px auto 10px;}
main #cont02 .recommend .right dl dd{ line-height: 1.5; font-size: 1.8rem;}

main #lank { background:url(img16/lank-bg.jpg) no-repeat center top; background-size:cover; padding:30px 0; }
main #lank h4 { display:block; font-size:2.0rem; font-weight:bold; color:#DB1C24; padding:0 0 0 10px; text-align:center; }
main #lank h4 br{display: inline;}
main #lank h4 a { text-decoration:none; }
main #lank h4 a:hover { color:#df690c; }
main #lank .inner { display:flex; flex-wrap:wrap; }
main #lank .inner div { width:calc(92%/2); margin:4% 2%; }
main #lank .inner div h5 { display:block; text-align:center; color:#DB1C24; font-size:2.0rem; font-weight:bold; }
main #lank .inner div img { display:block; margin:10px auto; width:90%; }
main #lank .inner div p { text-align:center; font-size:1.1rem; line-height:1.4;  }

main #poroco{ margin: 40px 0; }
main #poroco .inner{ text-align: center; }
main #poroco h4{ text-align: center; font-size: 2.0rem; width: 90%; margin: 0 auto;}
main #poroco p{  font-size: 1.8rem; line-height: 1.4; color: #333;  }

main #seminar { background:url(img16/seminar.jpg) no-repeat; background-size:cover; }
main #seminar .inner{ padding: 20px 0;}
main #seminar h4 { text-align: center;}
main #seminar p { font-size:1.6rem; line-height: 1.5; width: 90%; margin: 0 auto 20px;}
main #seminar p .sp-br{ display: block;}
main #seminar .seminar_area{ background:none; background-position: right; }
main #seminar .seminar_area .seminar_logo{ text-align: center; padding-right: 10px;}

/*main #cats { padding:30px 0 60px; }
main #cats .inner { display:flex; flex-wrap:wrap; justify-content:flex-center; }
main #cats .inner div { width:calc(94%/2); margin:4% 1% 0 1%; }
main #cats .inner div img { display:block; margin:0 auto; width:80%; }
main #cats h4 { display:block; font-size:2.4rem; text-align:center; margin:20px auto; font-weight:bold; }
main #cats p { text-align:left; font-size:1.6rem; line-height:1.4; display:block; margin:40px auto; padding:0 15px; }*/

main #staff { background:url(img16/staff-bg.jpg) no-repeat center top; background-size:cover; background: #D4F4FF;  padding:0 0 30px 0; margin-top: 60px; }
main #staff p { text-align:center; font-size:1.6rem; font-weight:bold; line-height:1.4; padding-top:10px; }
main #staff p span { display:block; font-size:0.8em; }
main #staff .title-area { display:block; height:36px; position:relative; background:rgba(0,113,170,0.7); margin:0 auto 30px; }
main #staff .title-area h4 { width:90%; height:90px; margin:auto; display:block; background:url(img16/staff-ti.svg) no-repeat; text-indent:-9999px; position: absolute; top:-30px; left:0; right:0; background-size:contain; padding-top: 60px; }
main #staff .inner { display:flex; flex-wrap:wrap; justify-content:flex-center; }
main #staff .inner .clearfix { width:90%; margin:5%; padding:15px; background:rgba(255,255,255,0.5); position:relative; box-shadow:3px 3px 6px 3px rgba(0,0,0,0.3); }
main #staff .inner div img { display:block; float:none; margin-right:0px; width:100%; }
main #staff .inner div p { display:block; font-size:1.4rem; font-weight:normal; line-height:1.8; }
main #staff .inner div h5 { padding: 5px 20px; background: #00978B; color: #fff; font-weight: bold;
    line-height: 1.4; font-size: 2.6rem; width: 100%; text-align: center; }
main #staff .inner div p { display:block; font-size:1.68rem; text-align:left; line-height: 1.5;}
main #staff .inner div h6 { /*padding: 5px 20px;*/ color: #333; font-weight: bold; line-height: 1.4; font-size: 1.8rem; text-align: center; display: flex; align-items: center;}
main #staff .inner div h6 span { font-size:0.8em; /*display:block;*/ }
main #staff .inner div h6 .green { width: 100px; background: #00978B; color: #fff; font-weight: bold; line-height: 1.4; padding: 5px 5px!important; text-align: center; margin-right: auto;}
main #staff dl.img_area{ position: relative; display: inline-block; width: 100%;}
main #staff p.last{ font-weight: bold; padding-top: 20px; font-size: 1.8rem;}


main #staff  dl dd{ bottom: 0; right: 0px;}

main #last-content { display:block; padding:30px 0; }
main #last-content .inner p { display:block; padding:20px; font-size:1.6rem; text-align:left; line-height:1.4; font-weight:normal; background:url(img16/last-p-bg.svg) no-repeat center center; background-size:cover; }
main #last-content .inner p br { display:none; }
main #last-content .inner img { display:block; margin:20px auto; width:80%; }
main #last-content .inner h5 { display:block; text-align:left; font-size:1.8rem; line-height:1.6; color:#DB1C24; font-weight:bold; padding:10px 15px; }
main #last-content .inner h5 br { display:none; }



}@media only screen and (min-width:768px) /*PC*/{
.inner { width:100%; display:block; margin:0 auto; }

a.btn { width:90%; display:block; margin:20px auto; padding:25px 0; font-size:2.2rem; font-weight:bold; color:#fff; text-align:center; text-decoration:none; border:solid 1px #007C00; border-radius:10px; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #52BB24), color-stop(0.73, #6BE59E), color-stop(0.00, #52BB24)); background: -webkit-linear-gradient(top, #52BB24 0%, #6BE59E 73%, #52BB24 100%); background: -moz-linear-gradient(top, #52BB24 0%, #6BE59E 73%, #52BB24 100%); background: -o-linear-gradient(top, #52BB24 0%, #6BE59E 73%, #52BB24 100%); background: -ms-linear-gradient(top, #52BB24 0%, #6BE59E 73%, #52BB24 100%); background: linear-gradient(to bottom, #52BB24 0%, #6BE59E 73%, #52BB24 100%); }
a.btn:hover { border:solid 1px #DB1C24; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #df690c), color-stop(0.73, #e5a66b), color-stop(0.00, #df690c)); background: -webkit-linear-gradient(top, #df690c 0%, #e5a66b 73%, #df690c 100%); background: -moz-linear-gradient(top, #df690c 0%, #e5a66b 73%, #df690c 100%); background: -o-linear-gradient(top, #df690c 0%, #e5a66b 73%, #df690c 100%); background: -ms-linear-gradient(top, #df690c 0%, #e5a66b 73%, #df690c 100%); background: linear-gradient(to bottom, #df690c 0%, #e5a66b 73%, #df690c 100%); }
a.btn img { height:auto; width:auto; }

header { display:block; width:100%; height:auto; }
header .header_rabel{background-color: #cf121b;}
header .header_rabel .inner{display: flex; justify-content: space-between; padding: 5px 10px;}
header .header_rabel .inner p{font-size: 17px; font-weight: bold; color: #ffffff; padding: 10px; letter-spacing: 0.2rem; line-height: 1.2;}

header::before { /*content:''; display:block; padding-top:30%;*/}
header #header  { max-height: 300px; overflow: hidden;}
header #header img { width: calc(100%/3);  }
*::-ms-backdrop, header #header img { width: 33.3%;  }
header #top  { background:url(img16/top-bg.png) no-repeat center top; background-size:cover; position:relative; }
header #top:before { content:""; display: block; padding-top: 50%;} /* 高さを幅の50%に固定 */
/*header #top h1 { padding-top: 300px; text-align: center; padding-bottom: 20px; }
header #top h1 img { height: 77px; }*/
header #top h2 { position:absolute; top:-70px; left: 42%; }
header>p { font-size:2.4rem; color:#fff; font-weight:bold; text-align:center; line-height:1.6; margin:0 auto 20px; background-color: #cf121b;padding: 15px;}

main #best100 .inner { position:relative; height:auto; }
main #best100 h2 { display:block; font-size:2.6rem; font-weight:bold; color:#DB1C24; padding:25px 0 20px 10px; text-align:left; }
main #best100 h2 br { display:none; }
main #best100 img { width:38%; height:auto; display:block; position:absolute; bottom:0; right:10px; }

main #place { padding:30px 0; }
main #place h3 { display:block; }
main #place h3 img { display:block; margin:0 auto 30px; }
main #place .inner { display:flex; flex-wrap:wrap; }
main #place .inner div { width:calc(92%/4); margin:2% 1%; background:rgba(255,255,255,0.7); }
main #place .inner div img { width:100%; height:auto; display:block; margin:0 auto; }
main #place .inner div h3 { display:block; text-align:center; padding:10px; font-size:1.6rem; }
main #place .inner div h3 span { display:block; font-size:0.9em; padding-top:5px; }
main #place .marumoto { display: block; position: relative;}
main #place .marumoto .maru { position: absolute; top:0; background: #3651B1; width: 100%; padding:10px; text-align: center;}
main #place .marumoto .maru p { color: #fff; font-size: 1.4rem; line-height: 1.3; font-weight: bold;}

main #winning{ width:100%; height:auto; background-size:contain; position:relative; margin:20px 0; }
main #winning .inner { padding: 30px 0; background: rgba(255,255,255,0.8); }
main #winning .curtain{ position:absolute; top: 0; z-index: -1; }
main #winning .l_curtain{ left: 0; }
main #winning .r_curtain{ right: 0; }
main #winning h4 { text-align: center; font-size: 4.1rem; font-weight: bold; padding: 5px 0 0 0; }
main #winning p{ text-align: center; padding-top: 5px;}
main #winning p span { text-align: center; font-size: 3.3rem; font-weight: bold; }
main #winning dl { text-align: center; display: block; padding-top: 5px; }
main #winning dl dt { font-size: 52px; margin: 0 auto; color: #FFFF00; background-color:#FF0000; width: 97%; padding: 12px; font-weight: bold; border-radius: 10px; }
main #winning dl dd{ font-size: 2.6rem; line-height: 1.4; padding-top: 10px;}
main #winning dl dd br{ display: none;}

main .cont { padding-top: 60px; }
main .cont p { font-size:2.5rem; margin:10px; line-height: 1.5; text-align: center; }
main .cont p span { font-size:3.5rem; margin:10px; line-height: 1.5; font-weight: bold; text-align: center; }
main #cont01 span { color:#db1e79;}
main #cont02 span { color:#db1c24;}
main .cont .recommend { margin: 20px auto 0px;}
main .cont .recommend .left{ float: left; width: 40%;  }
main .cont .recommend .right{ float: right; width: 60%;  }
main .cont .recommend .right dl { width: 90%; margin: 0 auto;}
main .cont .recommend .right dl dt img{ width: 100%;}main .cont .recommend .right dl dd.first{ font-size: 4.6rem!important; text-align: left; line-height: 2.0; }
main .cont .recommend .right dl dd.word_p{ line-height: 1.3; margin: 15px auto;}
main .cont .recommend .right dl dd{ line-height: 1.5; font-size: 2.3rem; padding: 10px 0;}
main #cont02 .recommend .right dl dd{ line-height: 1.5; font-size: 1.8rem;}

main #lank { background:url(img16/lank-bg.jpg) no-repeat center top; background-size:cover; padding:30px 0; margin-top: 40px; }
main #lank h4 { display:block; font-size:2.6rem; font-weight:bold; color:#DB1C24; padding:0 0 0 10px; text-align:center; }
main #lank h4 br{display: none;}
main #lank h4 a { text-decoration:none; }
main #lank h4 a:hover { color:#df690c; }
main #lank .inner { display:flex; flex-wrap:wrap; }
main #lank .inner div { width:calc(92%/2); margin:4% 2%; }
main #lank .inner div h5 { display:block; text-align:center; color:#DB1C24; font-size:2.4rem; font-weight:bold; }
main #lank .inner div img { display:block; margin:10px auto; width:80%; }
main #lank .inner div p { text-align:center; font-size:1.4rem; line-height:1.4;  }


main #poroco{ margin: 40px 0; }
main #poroco .inner{ position: relative; text-align: center; }

main #poroco h4{ text-align: center; font-size: 3.6rem;}
main #poroco h4 br{ display: none;}
main #poroco div img{ width: 100%;}
main #poroco p{ position: absolute;  color: #fff; font-size: 1.8rem; line-height: 1.4; bottom: 30px; left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);  }

main #seminar { background:url(img16/seminar.jpg) no-repeat; background-size:cover; }
main #seminar .inner{ padding: 20px 0;}
main #seminar p { font-size:2.6rem; line-height: 1.5; width: 68%; }
main #seminar .seminar_area{ background:url(img16/seminar_ph.png) no-repeat; background-position: right; }
main #seminar .seminar_area img.sp{ display: none; }
main #seminar img{ width: 100%; }


/*main #cats { padding:30px 0 60px; }
main #cats .inner { display:flex; flex-wrap:wrap; justify-content:flex-center; }
main #cats .inner div { width:calc(94%/2); margin:4% 1% 0 1%; }
main #cats .inner div img { display:block; margin:0 auto; width:80%; }
main #cats h4 { display:block; font-size:3.2rem; text-align:center; margin:20px auto; font-weight:bold; }
main #cats p { text-align:center; font-size:2.0rem; line-height:1.4; display:block; margin:40px auto; padding:0 15px; }*/

main #staff { background:url(img16/staff-bg.jpg) no-repeat center top; background-size:cover; padding:0 0 30px 0; }
main #staff p { text-align:center; font-size:2.3rem;  line-height:1.4;  }
main #staff p span { display:block; font-size:0.8em; }
main #staff .title-area { display:block; height:36px; position:relative; background:rgba(0,113,170,0.5); margin:60px auto 30px; }
main #staff .title-area h4 { width:90%; height:90px; margin:auto; display:block; background:url(img16/staff-ti.svg) no-repeat center center; text-indent:-9999px; position: absolute; top:-30px; left:0; right:0; background-size:contain; }
main #staff .inner { display:flex; flex-wrap:wrap; justify-content:flex-center; }
/*main #staff .inner div { width:90%; margin:5%; padding:15px; background:rgba(255,255,255,0.5); position:relative; box-shadow:3px 3px 6px 3px rgba(0,0,0,0.3); }*/
main #staff .inner div img { display:block; float:left; margin-right:20px; }
main #staff .inner div h5 { padding: 5px 20px; background: #00978B; color: #fff; font-weight: bold; line-height: 1.4; font-size: 2.6rem; }
main #staff .inner div p { display:block; font-size:2.5rem; line-height:1.2; text-align:left; }
main #staff .inner div h6 { color: #333; font-weight: bold; line-height: 1.4; font-size: 2.6rem; }
main #staff .inner div h6 span { font-size:0.8em; display:block; }
main #staff dl.img_area{ position: relative; display: inline-block; float: left;}
main #staff p.last{ font-weight: bold; padding-top: 20px; font-size: 3.2rem;}

main #staff .staff01{ position: relative;}
main #staff .staff02{ position: relative;}
main #staff .staff02 dl dd{ bottom: 0; left: 0px;}
main #staff .staff03{ position: relative;}
main #staff .staff03 dl dd{ bottom: 0; left: 0px;}
main #staff .staff04{ position: relative;}
main #staff .staff04 dl dd{ bottom: 0; right: 10px;}

main #last-content { display:block; padding:30px 0; text-align: center; }
main #last-content .inner p { display:block; padding:20px; font-size:2.3rem; text-align:center; line-height:1.4; font-weight:normal; background:url(img16/last-p-bg.svg) no-repeat center center; background-size:cover; }
main #last-content .inner h5 { display:block; text-align:center; font-size:2.6rem; line-height:1.6; color:#DB1C24; font-weight:bold; padding:10px 15px; }


 }@media only screen and (min-width:769px)/*BIGPC*/ {

section{ min-width: 1000px;}
.inner { width:1000px; display:block; margin:0 auto; }

a.btn { width:610px; display:block; margin:60px auto; padding:25px 0; font-size:2.0rem; font-weight:bold; color:#fff; text-align:center; text-decoration:none; border:solid 1px #007C00; border-radius:10px; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #52BB24), color-stop(0.73, #6BE59E), color-stop(0.00, #52BB24)); background: -webkit-linear-gradient(top, #52BB24 0%, #6BE59E 73%, #52BB24 100%); background: -moz-linear-gradient(top, #52BB24 0%, #6BE59E 73%, #52BB24 100%); background: -o-linear-gradient(top, #52BB24 0%, #6BE59E 73%, #52BB24 100%); background: -ms-linear-gradient(top, #52BB24 0%, #6BE59E 73%, #52BB24 100%); background: linear-gradient(to bottom, #52BB24 0%, #6BE59E 73%, #52BB24 100%); }
a.btn:hover { border:solid 1px #DB1C24; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #df690c), color-stop(0.73, #e5a66b), color-stop(0.00, #df690c)); background: -webkit-linear-gradient(top, #df690c 0%, #e5a66b 73%, #df690c 100%); background: -moz-linear-gradient(top, #df690c 0%, #e5a66b 73%, #df690c 100%); background: -o-linear-gradient(top, #df690c 0%, #e5a66b 73%, #df690c 100%); background: -ms-linear-gradient(top, #df690c 0%, #e5a66b 73%, #df690c 100%); background: linear-gradient(to bottom, #df690c 0%, #e5a66b 73%, #df690c 100%); }

a.btn img { height:auto; width:auto; }

header { display:block; width:100%; min-width: 1000px; height:auto;  }
header .header_rabel{background-color: #cf121b;}
header .header_rabel .inner{display: flex; justify-content: space-between; padding: 5px 10px;}
header .header_rabel .inner p{font-size: 17px; font-weight: bold; color: #ffffff; padding: 10px; letter-spacing: 0.2rem; line-height: 1.2;}

header::before { /*content:''; display:block; padding-top:30%;*/}
header #header  { max-height: 300px; overflow: hidden;}
header #header img { width: calc(100%/3); vertical-align: top;}
*::-ms-backdrop, header #header img { width: 33.3%;  }
header #top  { background:url(img16/top-bg.png) no-repeat center top; background-size:contain; position:relative; width: 100%}
/*header #top h1 { padding-top: 500px; text-align: center; padding-bottom: 20px; }
header #top h1 img { height: 77px; }*/
header #top:before { content:""; display: block; padding-top: 50%;} /* 高さを幅の50%に固定 */
header #top h2 { position:absolute; top:-70px; left: 42%; }
header>p { font-size:2.4rem; color:#fff; font-weight:bold; text-align:center; line-height:1.6; margin:0 auto 20px; background-color: #cf121b;padding: 15px;}

main #best100 .inner { position:relative; height:90px; }
main #best100 h2 { display:block; font-size:3.6rem; font-weight:bold; color:#DB1C24; padding:35px 0 0 10px; }
main #best100 img { display:block; position:absolute; bottom:0;right:0; }

main #place { padding:30px 0; }
main #place h3 { display:block; }
main #place h3 img { display:block; margin:0 auto 30px; }
main #place .inner { display:flex; flex-wrap:wrap; }
main #place .inner div { width:calc(92%/3); margin:2% 1%; background:rgba(255,255,255,0.7); }
main #place .inner div img { width:100%; height:auto; display:block; /*margin:0 auto 10px; */}
main #place .inner div h3 { display:block; text-align:center; padding:10px; font-size:1.6rem; }
main #place .inner div h3 span { display:block; font-size:0.8em; padding-top:5px; }
main #place .marumoto { display: block; position: relative;}
main #place .marumoto .maru { position: absolute; top:0; background: #3651B1; width: 100%; padding:10px; text-align: center; margin: 0;}
main #place .marumoto .maru p { color: #fff; font-size: 1.6rem; line-height: 1.3;}
main #place .marumoto .maru p span { font-size: 1.8rem; font-weight: bold;}

main #winning{ background:url(img16/winning-bg.jpg) no-repeat; display:block; width:100%; min-width: 1000px; height:auto; background-size:100%;  position:relative;  }
main #winning .inner{padding: 20px 0 40px; background: none; }
main #winning .curtain{ position:absolute; top: 0; z-index: -1; }
main #winning .l_curtain{ left: 0; }
main #winning .r_curtain{ right: 0; }
main #winning h4 { text-align: center; font-size: 5.0rem; font-weight: bold; padding: 5px 0 0 0; color: #fff; line-height: 1.5; }
main #winning p{ text-align: center; padding-top: 5px; font-size: 28px; line-height: 1.5; font-weight: bold;}
main #winning p span { text-align: center; font-size: 3.3rem; font-weight: bold; }
main #winning dl { text-align: center; display: block; padding-top: 5px; }
main #winning dl dt { font-size: 52px; margin: 0 auto; color: #FFFF00; background-color:#FF0000; width: 80%; padding: 12px; font-weight: bold; border-radius: 10px; }
main #winning dl dd{ font-size: 2.6rem; line-height: 1.4; padding-top: 10px;}
main #winning dl dd br{display: block;}
main #winning .red{ background: rgba(207,18,27,0.9); border-radius: 10px; margin: 20px 0;}
main #winning .red p{ color: #fff; font-size: 40px;}
main #winning .red p span{ color: #FFFF00; font-size: 50px;}

main .cont { padding-top: 60px; }
main .cont p { font-size:2.5rem; margin:10px; line-height: 1.5; text-align: center; }
main .cont p span { font-size:3.5rem; margin:10px; line-height: 1.5; font-weight: bold; text-align: center; }
main #cont01 span { color:#db1e79;}
main #cont02 span { color:#db1c24;}
main .cont .recommend { margin: 20px auto 0px;}
main .cont .recommend .left{ float: left; width: 50%; margin-top: 10px;  }
main .cont .recommend .right{ float: right; width: 50%;  }
main .cont .recommend .right dl { width: 90%; margin: 0 auto;}
main .cont .recommend .right dl dt img{ width: 100%;}
main .cont .recommend .right dl dd.first{ font-size: 4.6rem!important; text-align: left; line-height: 2.0; }
main .cont .recommend .right dl dd.word_p{ line-height: 1.3; margin: 15px auto;}
main .cont .recommend .right dl dd{ line-height: 1.5; font-size: 2rem; padding: 10px 0;}
main #cont02 .recommend .right dl dd{ line-height: 1.5; font-size: 1.8rem;}

main #lank { background:url(img16/lank-bg.jpg) no-repeat center top; background-size:cover; padding:30px 0; margin-top: 60px; }
main #lank h4 { display:block; font-size:3.0rem; font-weight:bold; color:#DB1C24; padding:0 0 0 10px; text-align:center; }
main #lank h4 br{display: none;}
main #lank h4 a { text-decoration:none; }
main #lank h4 a:hover { color:#df690c; }
main #lank h4 br { display:none; }
main #lank .inner { display:flex; }
main #lank .inner div { width:calc(92%/4); margin:4% 1% 0 1%; }
main #lank .inner div h5 { display:block; text-align:center; color:#DB1C24; font-size:2.0rem; font-weight:bold; }
main #lank .inner div img { display:block; margin:10px auto; }
main #lank .inner div p { text-align:center; font-size:1.3rem; line-height:1.4;  }

main #poroco{ margin: 40px 0; }
main #poroco ,inner{ position: relative; text-align: center; }
main #poroco h4{ text-align: center; font-size: 3.6rem;}
main #poroco h4 br{ display: none;}
main #poroco p{ position: absolute;  color: #fff; font-size: 1.8rem; line-height: 1.4; bottom: 30px; left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);  }


main #seminar { background:url(img16/seminar.jpg) no-repeat; background-size:cover; }
main #seminar .inner{ padding: 20px 0;}
main #seminar p { font-size:2.3rem; line-height: 1.5; width: 68%; }
main #seminar .seminar_area{ background:url(img16/seminar_ph.png) no-repeat; background-position: right; }
main #seminar .seminar_area img.sp{ display: none; }

/*main #cats { padding:30px 0 60px; }
main #cats .inner { display:flex; flex-wrap:wrap; justify-content:flex-center; }
main #cats .inner div { width:calc(94%/3); margin:4% 1% 0 1%; }
main #cats .inner div img { display:block; margin:0 auto; width:80%; }
main #cats h4 { display:block; font-size:4.0rem; text-align:center; margin:20px auto; }
main #cats p { text-align:center; font-size:2.3rem; line-height:1.4; display:block; margin:40px auto; }*/


main #staff { /*background:url(img16/staff-bg.jpg) no-repeat center top; background-size:cover;*/ background: #D4F4FF; padding:0 0 30px 0; }
main #staff p { text-align:center; font-size:3.0rem; line-height:1.4;}
main #staff p span { display:block; font-size:0.8em; }
main #staff .title-area { display:block; height:36px; position:relative; background:rgba(0,113,170,0.7); margin:60px auto 30px; }
main #staff .title-area h4 { width:360px; height:90px; margin:auto; display:block; background:url(img16/staff-ti.svg) no-repeat; text-indent:-9999px; position: absolute; top:-30px; left:0; right:0; }
main #staff .inner { display: block;/*display:flex; flex-wrap:wrap; justify-content:flex-center;*/ }
main #staff .inner .clearfix { width: 75%; margin: 4% auto 0 ; padding: 12px; background: rgba(255,255,255,0.5); position: relative; box-shadow: 3px 1px 6px 1px rgba(0,0,0,0.3);}
main #staff .inner div img { display:block; float:none; margin-right:10px; }
main #staff .inner div h5 { padding: 5px 15px; background: #00978B; color: #fff; font-weight: bold; line-height: 1.4; font-size: 2.6rem; text-align: center; }
main #staff .inner div h5{ padding: 5px 5px!important;　font-size: 1.8rem; width: 210px; text-align: center;}
main #staff .inner div p { display:block; font-size:2.4rem; line-height:1.4; text-align:left;  float: right; width: 51%; }
main #staff .inner div h6 { color: #333; font-weight: bold; line-height: 1.4; font-size: 2.4rem; /*text-align: center;*/ display: flex; align-items: center}
main #staff .inner div h6 span { font-size:0.8em; display:inline-block; }
main #staff .inner div h6 .green { width: 110px; background: #00978B; color: #fff; font-weight: bold; line-height: 1.4; padding: 5px 5px!important;　font-size: 1.8rem; text-align: center; margin-right: auto;}
main #staff .img_area{ /*position: relative; display: inline-block;*/ float: left; width: 325px;}
main #staff p.last{ font-weight: bold; padding: 40px 0 10px; font-size: 3.2rem;}

main #staff .staff01{ position: relative;}
main #staff .staff01 dl dd{ bottom: 0; right: 10px;}
main #staff .staff02{ position: relative;}
main #staff .staff02 dl dd{ bottom: 0; left: 0px;}
main #staff .staff03{ position: relative;}
main #staff .staff03 dl dd{ bottom: 0; left: 0px;}
main #staff .staff04{ position: relative;}
main #staff .staff04 dl dd{ bottom: 0; right: 10px;}

main #last-content { display:block; padding:30px 0; }
main #last-content .inner p { display:block; padding:40px 0; font-size:3.0rem; text-align:center; line-height:1.4; font-weight:normal; background:url(img16/last-p-bg.svg) no-repeat center center; }
main #last-content .inner img { display:block; margin:20px auto; }
main #last-content .inner h5 { display:block; text-align:center; font-size:3.0rem; line-height:1.6; color:#DB1C24; font-weight:bold;  }

}