*{
margin: 0;
padding: 0;
}
html, body {
}
body {
font-size : 92%;
color :#3d3938;
font-family :'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
background :#FFF;
border-top :5px solid #ee7835;
-webkit-text-size-adjust: 100%;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix { display: inline-table; }
h1, h2, h3, h4 {
font-weight : normal;
}
.skip{
display :none;
}
.scrollBox01{
max-height :300px;
}
@media screen and (min-width: 1080px) {
#main_block{
padding-top :80px;
padding-bottom:200px;
}
.content{
width :1080px;
text-align : left;
margin : 0px auto 0px auto;
padding : 0px 0px;
clear : both;
}
.content_gallery{
width :1120px;
text-align : left;
margin : 0px auto 0px auto;
padding : 0px 0px;
clear : both;
}
.center_block{
text-align :left;
margin-left :auto;
margin-right :auto;
}
.events_none a{
pointer-events: none;
}
.table {display:table;border-collapse:collapse;}
.table_row {display: table-row;}
.table-cell{
display:table-cell;
vertical-align:top;
}
img{
max-width:100%;
}
}
@media (max-width: 1079px) {
#main_block{
padding-top :80px;
padding-bottom:200px;
}
.content,
.content_gallery{
width : 96%;
text-align : left;
margin : 0px auto 0px auto;
padding : 0px 0px;
clear : both;
}
.center_block{
text-align :left;
margin-left :auto;
margin-right :auto;
}
.events_none a{
pointer-events: none;
}
.table {}
.table_row {}
.table-cell{
}
img{
max-width:100%;
}
}
/***********************************
* INC *
***********************************/
.fade {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.fade:hover {
opacity : 0.6;
filter : alpha(opacity=90);
}
::-moz-selection { color: #fff; background:#7CB4CD; }
::selection { color: #fff; background:#7CB4CD; }
a {
text-decoration: underline;
color :#3d3938;
}
a:hover {
text-decoration: underline;
}
.color00904F a {
text-decoration:underline;
color :#00904F;
}
.color00904F a:hover {
text-decoration:underline;
color :#00904F;
}
/***********************************
* TOP *
***********************************/
#page{
position: relative;
}
p.gotop{
position: fixed;
right:30px;
bottom: 0;
z-index:999;
padding:0px;
text-align:center;
}
p.gotop a{
display: block;
color:#fff;
text-decoration: none;
border:none;
padding:0px;
margin-top:10px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
p.gotop a:hover {
opacity: 0.8;
filter: alpha(opacity=100);
}
p.gotop img{
width:60px;
}
/***********************************
* PARTS *
***********************************/
@media screen and (min-width: 1080px) {
.wi140 {width:140px;}
.wi860 {width:860px;}
.wi900 {width:900px;}
.wi940 {width:940px;}
.wi980 {width:980px;}
img {vertical-align: middle; }
ul { margin: 0; padding: 0 }
li { margin: 0; padding: 0; list-style: none; }
p{
padding:0px 0px 10px 0px;
font-size:110%;
line-height:1.8;
}
.red {color:#E53D3C;}
.blue {color:#214B90;}
.color33A1DB {color:#33A1DB;}
.color71BFBE {color:#71BFBE;}
.color00904F {color:#00904F;}
.colorfff {color:#ffffff;}
.bold {font-weight:bold;}
.center {text-align:center;}
.pc_center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.orange {color:#F05A28;}
.green {color:#b6d350;}
.green02 {color:#71b12c;}
.green03 {color:#75B442;}
.under_green {border-bottom:solid 1px #71B12C;}
.font40 {font-size: 40%;}
.font50 {font-size: 50%;}
.font60 {font-size: 60%;}
.font70 {font-size: 70%;}
.font80 {font-size: 80%;}
.font90 {font-size: 90%;}
.font110 {font-size:110%;}
.font120 {font-size:120%;}
.font130 {font-size:130%;}
.font140 {font-size:140%;}
.font150 {font-size:150%;}
.mrt10 {margin-top : 10px;}
.mrt15 {margin-top : 15px;}
.mrt20 {margin-top : 20px;}
.mrt25 {margin-top : 25px;}
.mrt30 {margin-top : 30px;}
.mrt40 {margin-top : 40px;}
.mrt45 {margin-top : 45px;}
.mrt50 {margin-top : 50px;}
.mrt55 {margin-top : 55px;}
.mrt60 {margin-top : 60px;}
.mrt70 {margin-top : 70px;}
.mrt80 {margin-top : 80px;}
.mrt90 {margin-top : 90px;}
.mrt100 {margin-top :100px;}
.mrt110 {margin-top :110px;}
.mrt120 {margin-top :120px;}
.mrt130 {margin-top :130px;}
.mrt140 {margin-top :140px;}
.mrt150 {margin-top :150px;}
.mrt160 {margin-top :160px;}
.mrt170 {margin-top :170px;}
.mrt180 {margin-top :180px;}
.mrt200 {margin-top :200px;}
.mrt210 {margin-top :210px;}
.mrt220 {margin-top :220px;}
.mrt230 {margin-top :230px;}
.mrt240 {margin-top :240px;}
.mrt250 {margin-top :250px;}
.mrt300 {margin-top :300px;}
.mrb05 {margin-bottom: 5px;}
.mrb10 {margin-bottom: 10px;}
.mrb15 {margin-bottom: 15px;}
.mrb20 {margin-bottom: 20px;}
.mrb25 {margin-bottom: 25px;}
.mrb30 {margin-bottom: 30px;}
.mrb35 {margin-bottom: 35px;}
.mrb40 {margin-bottom: 40px;}
.mrb45 {margin-bottom: 45px;}
.mrb50 {margin-bottom: 50px;}
.mrb55 {margin-bottom: 55px;}
.mrb60 {margin-bottom: 60px;}
.mrb70 {margin-bottom: 70px;}
.mrb80 {margin-bottom: 80px;}
.mrb90 {margin-bottom: 90px;}
.mrb100 {margin-bottom:100px;}
.mrb110 {margin-bottom:110px;}
.mrb120 {margin-bottom:120px;}
.mrb130 {margin-bottom:130px;}
.mrb140 {margin-bottom:140px;}
.mrb150 {margin-bottom:150px;}
.mrb157 {margin-bottom:157px;}
.mrb160 {margin-bottom:160px;}
.mrb170 {margin-bottom:170px;}
.mrb180 {margin-bottom:180px;}
.mrb190 {margin-bottom:190px;}
.mrb200 {margin-bottom:200px;}
.mrb220 {margin-bottom:220px;}
.mrb240 {margin-bottom:240px;}
.mrb300 {margin-bottom:300px;}
.mrl05 {margin-left : 5px;}
.mrl06 {margin-left : 6px;}
.mrl07 {margin-left : 7px;}
.mrl10 {margin-left : 10px;}
.mrl20 {margin-left : 20px;}
.mrl25 {margin-left : 25px;}
.mrl30 {margin-left : 30px;}
.mrl35 {margin-left : 35px;}
.mrl40 {margin-left : 40px;}
.mrl50 {margin-left : 50px;}
.mrl60 {margin-left : 60px;}
.mrl70 {margin-left : 70px;}
.mrl80 {margin-left : 80px;}
.mrl85 {margin-left : 85px;}
.mrl90 {margin-left : 90px;}
.mrl100 {margin-left :100px;}
.mrl130 {margin-left :130px;}
.mrr10 {margin-right : 10px;}
.mrr20 {margin-right : 20px;}
.mrr30 {margin-right : 30px;}
.mrt-50 {margin-top:-50px;}
.pd10 {padding : 10px;}
.pdt10 {padding-top: 10px;}
.pdt20 {padding-top: 20px;}
.pdt30 {padding-top: 30px;}
.pdt40 {padding-top: 40px;}
.pdt50 {padding-top: 50px;}
.pdt60 {padding-top: 60px;}
.pdt70 {padding-top: 70px;}
.pdt80 {padding-top: 80px;}
.pdt90 {padding-top: 90px;}
.pdt100 {padding-top:100px;}
.pdt110 {padding-top:110px;}
.pdt130 {padding-top:130px;}
.pdt150 {padding-top:150px;}
.pdt190 {padding-top:190px;}
.pdt750 {padding-top:750px;}
.pdb10 {padding-bottom: 10px;}
.pdb20 {padding-bottom: 20px;}
.pdb30 {padding-bottom: 30px;}
.pdb40 {padding-bottom: 40px;}
.pdb50 {padding-bottom: 50px;}
.pdb60 {padding-bottom: 60px;}
.pdb70 {padding-bottom: 70px;}
.pdb80 {padding-bottom: 80px;}
.pdb90 {padding-bottom: 90px;}
.pdb100 {padding-bottom:100px;}
.pdb110 {padding-bottom:110px;}
.pdb120 {padding-bottom:120px;}
.pdb130 {padding-bottom:130px;}
.pdb140 {padding-bottom:140px;}
.pdb150 {padding-bottom:150px;}
.pdb200 {padding-bottom:200px;}
.pdb230 {padding-bottom:230px;}
.pdb250 {padding-bottom:250px;}
.pdb300 {padding-bottom:300px;}
.pdt30 {padding-top : 30px;}
.pdr60 {padding-right : 60px;}
.pdr70 {padding-right : 70px;}
.pdr80 {padding-right : 80px;}
.pdr90 {padding-right : 90px;}
.pdr100 {padding-right :100px;}
.pdr110 {padding-right :110px;}
.pdr115 {padding-right :115px;}
.pdr120 {padding-right :120px;}
.pdr130 {padding-right :130px;}
.pdr140 {padding-right :140px;}
.pdr145 {padding-right :145px;}
.pdr150 {padding-right :150px;}
.pdr160 {padding-right :160px;}
.lh150 {line-height:1.5;}
.lh180 {line-height:1.8;}
.lh250 {line-height:2.5;}
.lh300 {line-height:3;}
.clear {clear:both;}
.float_left {float:left;}
.float_right {float:right;}
.relative {position: relative;}
.absolute {position: absolute;}
.bgFCFCEE {background:#FCFCEE;}
.bgF0F0F0 {background:#F0F0F0;}
.bgred {background:#FFCCCC;}
.nonborder {border:none;outline:none;}
.bdr000 {border:2px solid #000;}
.bdr00001 {border:1px solid #000;}
.color0091DB {color:#0091DB;}
hr {border:none;}
.border_dashed01{
border-bottom:1px dashed #C0C1C2;
}
.nav_txt{
margin:20px 0px 15px 15px;
font-size:70%;
}
.relative{
position: relative;
}
.f_left{
float:left;
}
.f_right{
float:right;
}
.sp_none{
}
.pc_none{
display:none;
marign:0px 0px 10px 0px;
}
}
@media (max-width: 1079px) {
.wi140 {width:90%;}
.wi860 {width:90%;}
.wi900 {width:90%;}
.wi940 {width:90%;}
.wi980 {width:90%;}
img {vertical-align: middle; }
ul { margin: 0; padding: 0 }
li { margin: 0; padding: 0; list-style: none; }
p{
padding:0px 0px 10px 0px;
font-size:110%;
line-height:1.8;
}
.red {color:#E53D3C;}
.blue {color:#214B90;}
.color33A1DB {color:#33A1DB;}
.color71BFBE {color:#71BFBE;}
.color00904F {color:#00904F;}
.colorfff {color:#ffffff;}
.bold {font-weight:bold;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.orange {color:#F05A28;}
.green {color:#b6d350;}
.green02 {color:#71b12c;}
.green03 {color:#75B442;}
.under_green {border-bottom:solid 1px #71B12C;}
.font40 {font-size: 40%;}
.font50 {font-size: 50%;}
.font60 {font-size: 60%;}
.font70 {font-size: 70%;}
.font80 {font-size: 80%;}
.font90 {font-size: 90%;}
.font110 {font-size:110%;}
.font120 {font-size:120%;}
.font130 {font-size:130%;}
.font140 {font-size:140%;}
.font150 {font-size:150%;}
.mrt10 {margin-top : 10px;}
.mrt15 {margin-top : 15px;}
.mrt20 {margin-top : 20px;}
.mrt25 {margin-top : 25px;}
.mrt30 {margin-top : 30px;}
.mrt40 {margin-top : 40px;}
.mrt45 {margin-top : 45px;}
.mrt50 {margin-top : 50px;}
.mrt55 {margin-top : 55px;}
.mrt60 {margin-top : 60px;}
.mrt70 {margin-top : 70px;}
.mrt80 {margin-top : 80px;}
.mrt90 {margin-top : 90px;}
.mrt100 {margin-top :100px;}
.mrt110 {margin-top :110px;}
.mrt120 {margin-top :120px;}
.mrt130 {margin-top :130px;}
.mrt140 {margin-top :140px;}
.mrt150 {margin-top :150px;}
.mrt160 {margin-top :160px;}
.mrt170 {margin-top :170px;}
.mrt180 {margin-top :180px;}
.mrt200 {margin-top :200px;}
.mrt210 {margin-top :210px;}
.mrt220 {margin-top :220px;}
.mrt230 {margin-top :230px;}
.mrt240 {margin-top :240px;}
.mrt250 {margin-top :250px;}
.mrt300 {margin-top :300px;}
.mrb05 {margin-bottom: 5px;}
.mrb10 {margin-bottom: 10px;}
.mrb15 {margin-bottom: 15px;}
.mrb20 {margin-bottom: 20px;}
.mrb25 {margin-bottom: 25px;}
.mrb30 {margin-bottom: 30px;}
.mrb35 {margin-bottom: 35px;}
.mrb40 {margin-bottom: 40px;}
.mrb45 {margin-bottom: 45px;}
.mrb50 {margin-bottom: 50px;}
.mrb55 {margin-bottom: 55px;}
.mrb60 {margin-bottom: 60px;}
.mrb70 {margin-bottom: 70px;}
.mrb80 {margin-bottom: 80px;}
.mrb90 {margin-bottom: 90px;}
.mrb100 {margin-bottom:100px;}
.mrb110 {margin-bottom:110px;}
.mrb120 {margin-bottom:120px;}
.mrb130 {margin-bottom:130px;}
.mrb140 {margin-bottom:140px;}
.mrb150 {margin-bottom:150px;}
.mrb157 {margin-bottom:157px;}
.mrb160 {margin-bottom:160px;}
.mrb170 {margin-bottom:170px;}
.mrb180 {margin-bottom:180px;}
.mrb190 {margin-bottom:190px;}
.mrb200 {margin-bottom:200px;}
.mrb220 {margin-bottom:220px;}
.mrb240 {margin-bottom:240px;}
.mrb300 {margin-bottom:300px;}
.mrl05 {margin-left : 5px;}
.mrl06 {margin-left : 6px;}
.mrl07 {margin-left : 7px;}
.mrl10 {margin-left : 10px;}
.mrl20 {margin-left : 20px;}
.mrl25 {margin-left : 25px;}
.mrl30 {margin-left : 30px;}
.mrl35 {margin-left : 35px;}
.mrl40 {margin-left : 40px;}
.mrl50 {margin-left : 50px;}
.mrl60 {margin-left : 60px;}
.mrl70 {margin-left : 70px;}
.mrl80 {margin-left : 80px;}
.mrl85 {margin-left : 85px;}
.mrl90 {margin-left : 90px;}
.mrl100 {margin-left :100px;}
.mrl130 {margin-left :130px;}
.mrr10 {margin-right : 10px;}
.mrr20 {margin-right : 20px;}
.mrr30 {margin-right : 30px;}
.mrt-50 {margin-top:-50px;}
.pd10 {padding : 10px;}
.pdt10 {padding-top: 10px;}
.pdt20 {padding-top: 20px;}
.pdt30 {padding-top: 30px;}
.pdt40 {padding-top: 40px;}
.pdt50 {padding-top: 50px;}
.pdt60 {padding-top: 60px;}
.pdt70 {padding-top: 70px;}
.pdt80 {padding-top: 80px;}
.pdt90 {padding-top: 90px;}
.pdt100 {padding-top:100px;}
.pdt110 {padding-top:110px;}
.pdt130 {padding-top:130px;}
.pdt150 {padding-top:150px;}
.pdt190 {padding-top:190px;}
.pdt750 {padding-top:750px;}
.pdb10 {padding-bottom: 10px;}
.pdb20 {padding-bottom: 20px;}
.pdb30 {padding-bottom: 30px;}
.pdb40 {padding-bottom: 40px;}
.pdb50 {padding-bottom: 50px;}
.pdb60 {padding-bottom: 60px;}
.pdb70 {padding-bottom: 70px;}
.pdb80 {padding-bottom: 80px;}
.pdb90 {padding-bottom: 90px;}
.pdb100 {padding-bottom:100px;}
.pdb110 {padding-bottom:110px;}
.pdb120 {padding-bottom:120px;}
.pdb130 {padding-bottom:130px;}
.pdb140 {padding-bottom:140px;}
.pdb150 {padding-bottom:150px;}
.pdb200 {padding-bottom:200px;}
.pdb230 {padding-bottom:230px;}
.pdb250 {padding-bottom:250px;}
.pdb300 {padding-bottom:300px;}
.pdt30 {padding-top : 30px;}
.pdr60 {padding-right : 60px;}
.pdr70 {padding-right : 70px;}
.pdr80 {padding-right : 80px;}
.pdr90 {padding-right : 90px;}
.pdr100 {padding-right :100px;}
.pdr110 {padding-right :110px;}
.pdr115 {padding-right :115px;}
.pdr120 {padding-right :120px;}
.pdr130 {padding-right :130px;}
.pdr140 {padding-right :140px;}
.pdr145 {padding-right :145px;}
.pdr150 {padding-right :150px;}
.pdr160 {padding-right :160px;}
.lh150 {line-height:1.5;}
.lh180 {line-height:1.8;}
.lh250 {line-height:2.5;}
.lh300 {line-height:3;}
.clear {clear:both;}
.float_left {float:left;}
.float_right {float:right;}
.relative {position: relative;}
.absolute {position: absolute;}
.bgFCFCEE {background:#FCFCEE;}
.bgred {background:#FFCCCC;}
.nonborder {border:none;outline:none;}
.bdr000 {border:2px solid #000;}
.bdr00001 {border:1px solid #000;}
.color0091DB {color:#0091DB;}
hr {border:none;}
.border_dashed01{
border-bottom:1px dashed #C0C1C2;
}
.nav_txt{
margin:20px 0px 15px 15px;
font-size:70%;
}
.relative{
position: relative;
}
.f_left{
float:left;
}
.f_right{
float:right;
}
.sp_none{
display:none;
marign:0px 0px 10px 0px;
}
.pc_none{
}
}
/***********************************
* HEADER *
***********************************/
@media screen and (min-width: 1080px) {
#header{
width :1080px;
text-align :left;
margin :0px auto;
}
.header_left{
float :left;
padding-top :15px;
}
.header_left img{
width :414px;
}
.header_right{
float :right;
}
.header_right01 div{
float :right;
padding :10px 10px 0px 0px;
}
.header_right01 img{
height :36px;
}
.header_right01:last-child img{
height :32px;
}
.header_right02{
clear :both;
}
.header_right02 div{
float :right;
padding :5px 0px 0px 0px;
margin :0px;
width :380px;
}
.header_right02 #simplyScroll02{
padding :0px;
margin :0px;
}
.header_right02 #simplyScroll02 img{
border :1px solid #595757;
padding :0px 0px 0px 0px;
}
#navigation{
clear :both;
background :#009150;
height :50px;
}
#navigation ul{
width :1080px;
text-align :left;
margin :0px auto;
}
#navigation li{
display :table-cell;
vertical-align :middle;
height :50px;
font-size :110%;
padding :0px 20px;
}
#navigation ul a{
font-weight :bold;
color :#fff;
text-decoration:none;
}
#global-nav_sp{
display :none;
}
header #nav-btn {
display :none;
}
#hdr_sp{
display :none;
}
}
@media (max-width: 1079px) {
#header{
}
.header_left{
float :left;
width :60%;
padding-left :20px;
padding-top :15px;
padding-bottom :15px;
text-align :left;
margin :0px auto;
}
.header_left img{
width :70%;
}
.header_right{
float :right;
}
.header_right01 div{
float :right;
padding :10px 10px 0px 0px;
}
.header_right01 img{
height :36px;
}
.header_right01 div:nth-child(5),
.header_right01 div:nth-child(3),
.header_right01 div:nth-child(4),
.header_right01 div:last-child{
display :none;
}
.header_right02{
display :none;
}
#navigation{
display :none;
}
#global-nav_sp{
padding-top : 0px;
padding-right: 0px;
}
#hdr_sp #nav-btn.show a {
background-position: 0 -48px;
}
#hdr_sp #global-nav_sp ul{
position: absolute;
z-index: 999;
width: 100%;
display: none;
float: none;
overflow: hidden;
margin-right: 0;
}
#hdr_sp #global-nav_sp ul li {
width: 100%;
text-align: center;
color: #376934;
background: rgba(255,255,255,0.9);
border-bottom: 1px solid #009150;
}
#hdr_sp #global-nav_sp ul a {
display:block;
width: 100%;
padding: 15px 0;
}
#hdr_sp #global-nav_sp ul li a:hover {
background-color:#009150;
color:#fff;
}
#hdr_sp .table{
display :table;
border-collapse:collapse;
width :100%;
}
#hdr_sp .table_row {
display :table-row;
}
#hdr_sp .table-cell{
display :table-cell;
vertical-align :top;
background :#009150;
text-align :center;
}
#hdr_sp .table-cell a{
display :block;
width :100%;
}
#hdr_sp .table-cell img{
max-height :60px;
}
}
/***********************************
* FOOTER *
***********************************/
@media screen and (min-width: 1080px) {
footer{
margin-top :80px;
clear :both;
}
#footer01{
background :#009150;
padding :40px 0px 40px 0px;
}
#footer01 .footer_tit_sns{
margin :0px auto;
text-align :left;
width :640px;
}
#footer01 .footer_tit_sns img{
width :640px;
}
.footer01_ul{
margin :0px auto;
text-align :left;
width :568px;
}
#footer01 li{
margin :0px 20px;
float :left;
}
#footer01 li img{
height :102px;
}
#footer02{
padding :70px 0px 0px 0px;
height :125px;
clear :both;
margin :0px auto;
text-align :left;
width :1020px;
}
#footer02 ul{
}
#footer02 li{
margin :0px 10px;
float :left;
}
#footer02 img{
width :179x;
border :1px solid #595757;
}
#footer03{
background :#595758;
padding :50px 0px 40px 0px;
clear :both;
}
#footer03 .logo{
text-align :center;
color :#fff;
margin-bottom :30px;
}
#footer03 .logo img{
height :68px;
}
#footer03 .copy{
text-align :center;
color :#fff;
font-size :90%;
}
}
@media (max-width: 1079px) {
footer{
margin-top :80px;
clear :both;
}
#footer01{
background :#009150;
padding :20px 0px 20px 0px;
}
#footer01 .footer_tit_sns{
margin :0px auto 20px auto;
text-align :left;
width :70%;
}
#footer01 .footer_tit_sns img{
width :100%;
}
.footer01_ul{
margin :0px auto;
text-align :left;
width :80%;
}
#footer01 li{
margin :0px 10px;
float :left;
width :calc(25% - 20px);
}
#footer01 li img{
width :100%;
}
#footer02{
padding :30px 0px 30px 0px;
margin :0px auto;
text-align :left;
width :96%;
}
#footer02 ul{
}
#footer02 li{
margin :0px 10px;
float :left;
}
#footer02 img{
width :150px;
border :1px solid #595757;
}
#footer03{
background :#595758;
padding :50px 0px 40px 0px;
clear :both;
}
#footer03 .logo{
text-align :center;
color :#fff;
margin-bottom :10px;
}
#footer03 .logo img{
width :70%;
}
#footer03 .copy{
text-align :center;
color :#fff;
font-size :80%;
line-height :1.8;
}
}
/***********************************
* TITLE *
***********************************/
@media screen and (min-width: 1080px) {
.tit_icon01{
text-align :center;
margin :0px 0px 15px 0px;
}
.tit_icon01 img{
width :76px;
}
.tit01{
text-align :center;
margin :20px 0px 30px 0px;
color :#00904f;
font-size :140%;
font-weight :bold;
}
.tit_page01{
text-align :left;
text-align :center;
margin :90px auto 75px auto;
padding :0px 0px 10px 0px;
border-bottom :2px solid #00904F;
}
.tit_page01 img{
height :30px;
}
}
@media (max-width: 1079px) {
.tit_icon01{
text-align :center;
margin :0px 0px 15px 0px;
}
.tit_icon01 img{
width :76px;
}
.tit01{
text-align :center;
margin :20px 0px 30px 0px;
color :#00904f;
font-size :140%;
font-weight :bold;
}
.tit_page01{
text-align :left;
text-align :center;
margin :90px auto 75px auto;
padding :0px 0px 10px 0px;
border-bottom :2px solid #00904F;
}
.tit_page01 img{
height :30px;
}
}
/***********************************
* HOME *
***********************************/
@media screen and (min-width: 1080px) {
#contents{
background :#F0F0F0;
}
.contents_list{
}
.contents_list_sp{
display :none;
}
.contents_list ul{
width :1050px;
}
.contents_list li{
width :calc(350px - 10px);
float :left;
padding :5px;
margin :10px 0px 0px 0px;
}
.contents_list img{
width :340px;
height :340px;
}
#sns{
}
.sns_list{
}
.sns_list ul{
width :1120px;
}
.sns_list li{
width :calc(560px - 40px);
float :left;
padding :20px;
margin :0px 0px 0px 0px;
}
.sns_tit_img{
margin :0px 0px 20px 0px;
}
.sns_tit_img img{
height :40px;
}
.sns_tit_lang,
.sns_tit_lang2{
width :100%;
font-weight :bold;
margin-bottom :10px;
color :#00712C;
text-align :center;
font-size :150%;
}
.sns_tit_lang2{
margin-top :60px;
}
.fb-container {
width:380px;
height:445px;
}
.sns_list li iframe{
margin :0px 0px 10px 0px;
}
#gallery{
background :#F0F0F0;
}
.gallery_list{
}
.gallery_list_sp{
display :none;
}
.gallery_list ul{
}
.gallery_list li{
width :calc(280px - 10px);
float :left;
padding :5px;
margin :10px 0px 0px 0px;
}
.gallery_list img{
width :270px;
height :270px;
}
.gallery_list figure {
position : relative;
overflow : hidden;
width : 270px;
}
.gallery_list figcaption {
position : absolute;
bottom : -60px;
left : 100;
z-index : 2;
width : 100%;
height : 60px;
background : rgba(0,0,0,.6);
-webkit-transition: .3s;
transition : .3s;
}
.gallery_list figure:hover figcaption {
bottom : 0;
color :#fff;
}
.gallery_tit{
margin :5px 10px 0px 10px;
line-height :1.6;
}
.sp-thumbnails .sp-thumbnail{
width :100%;
height :80px;
-moz-box-sizing:border-box;
box-sizing :border-box;
}
.sp-thumbnail1{
background :#009150;
}
.sp-thumbnail2{
background :#F47943;
}
.sp-thumbnail3{
background :#7DC32D;
}
.sp-thumbnail4{
background :#94A1A0;
}
.sp-thumbnail5{
background :#BF0078;
}
.sp-thumbnail-title {
margin :10px;
text-transform :uppercase;
color :#fff;
line-height :1.6;
}
.home_text_bnr01{
width :720px;
margin :10px auto 10px auto;
text-align :left;
padding :10px;
border : 5px #E62117 solid;
font-size :110%;
line-height:190%;
text-align :center;
}
.home_text_bnr02{
width :720px;
margin :10px auto 10px auto;
text-align :left;
padding :10px;
border : 5px #1C8B4D solid;
font-size :110%;
line-height:190%;
text-align :center;
}
.youtube_link a{
color:#1C8B4D;
}
.youtube{
margin:50px auto 50px auto;
width:750px;
text-align: left;
}
.youtube iframe{
width: 100%;
}
.logo_30th{
width:250px;
text-align:left;
margin:50px auto 30px auto;
}
}
@media (max-width: 1079px) {
#contents{
background :#F0F0F0;
}
.contents_list{
display :none;
}
.contents_list_sp{
}
.contents_list_sp ul{
width :100%;
}
.contents_list_sp li{
width :calc(50% - 10px);
height :auto;
float :left;
padding :5px;
margin :10px 0px 0px 0px;
overflow:hidden;
position:relative;
}
.contents_list_sp li img{
width :100%;
}
#sns{
}
.sns_list{
width :100%;
text-align :left;
margin :0px auto;
}
.sns_list ul{
}
.sns_list li{
width :100%;
float :left;
padding :20px 0px;
margin :0px 0px 0px 0px;
}
.sns_tit_img{
margin :0px 0px 20px 0px;
}
.sns_tit_img img{
height :40px;
}
.sns_tit_lang,
.sns_tit_lang2{
width :100%;
font-weight :bold;
margin-bottom :10px;
color :#00712C;
text-align :center;
font-size :150%;
}
.sns_tit_lang2{
margin-top :60px;
}
.fb-container,
.twitter-timeline,
.sns_list li iframe,
.g-ytsubscribe{
width :100%;
max-width :380px;
margin :0px auto 10px auto;
text-align :left;
height :auto;
}
#gallery{
background :#F0F0F0;
}
.gallery_list{
}
.gallery_list_sp{
display :none;
}
.gallery_list ul{
}
.gallery_list li{
width :calc(50% - 10px);
float :left;
padding :5px;
margin :10px 0px 0px 0px;
}
.gallery_list img{
height :auto;
}
.gallery_list figure {
position : relative;
overflow : hidden;
}
.gallery_list figcaption {
position : absolute;
bottom : -60px;
left : 100;
z-index : 2;
width : 100%;
height : 60px;
background : rgba(0,0,0,.6);
-webkit-transition: .3s;
transition : .3s;
}
.gallery_list figure:hover figcaption {
bottom : 0;
color :#fff;
}
.gallery_tit{
margin :5px 10px 0px 10px;
line-height :1.6;
}
.sp-thumbnails .sp-thumbnail{
width :100%;
height :80px;
-moz-box-sizing:border-box;
box-sizing :border-box;
}
.sp-thumbnail1{
background :#009150;
}
.sp-thumbnail2{
background :#F47943;
}
.sp-thumbnail3{
background :#7DC32D;
}
.sp-thumbnail4{
background :#94A1A0;
}
.sp-thumbnail5{
background :#BF0078;
}
.sp-thumbnail-title {
margin :5px;
text-transform :uppercase;
color :#fff;
line-height :1.6;
font-size :80%;
}
.home_text_bnr01{
width :calc(100% - 80px);;
margin :10px auto 10px auto;
text-align :left;
padding :10px;
border : 5px #E62117 solid;
font-size :110%;
line-height:190%;
text-align :center;
}
.home_text_bnr02{
width :calc(100% - 80px);;
margin :10px auto 10px auto;
text-align :left;
padding :10px;
border : 5px #1C8B4D solid;
font-size :110%;
line-height:190%;
text-align :center;
}
#home_bnr_sp{
padding :10px 0px 30px 0px;
margin :0px auto;
text-align :left;
width :96%;
}
#home_bnr_sp ul{
}
#home_bnr_sp li{
margin :0px 10px;
float :left;
}
#home_bnr_sp img{
width :150px;
border :1px solid #595757;
}
.youtube_link a{
color:#1C8B4D;
line-height:180%;
}
.youtube{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.logo_30th{
width:200px;
text-align:left;
margin:30px auto 20px auto;
}
}
/***********************************
* NEWS_LIST *
***********************************/
@media screen and (min-width: 1080px) {
.news_list{
}
.news_list ul{
}
.news_list li{
width :240px;
height :300px;
float :left;
margin :0px 40px 0px 0px;
position : relative;
}
.news_list li:nth-child(4n){
margin :0px 0px 0px 0px;
}
.news_list_cate{
margin :10px 0px 10px 0px;
float :left;
}
.news_list_cate img{
width :58px;
}
.news_list_date{
font-size :80%;
color :#595757;
float :right;
text-align :right;
padding-top :15px;
}
.news_list_title{
margin :0px 0px 0px 0px;
line-height :1.5;
clear :both;
}
.news_list_title a{
color :#595757;
}
.news_list img{
max-width :260px;
}
.nailthumb-container {
float : left;
overflow : hidden;
height : 170px;
}
.nailthumb-container img{
width : 260px;
height : 170px;
}
.thumb p{
display :none;
}
}
@media (max-width: 1079px) {
.news_list{
width :260px;
text-align :left;
margin :0px auto 20px auto;
}
.news_list ul{
width :260px;
text-align :left;
margin :0px auto 0px auto;
}
.news_list li{
margin :0px 0px 30px 0px;
}
.news_list_cate{
margin :0px 0px 5px 0px;
float :left;
width :58px;
}
.news_list_cate img{
}
.news_list_date{
font-size :80%;
color :#595757;
float :right;
text-align :right;
padding-top :7px;
}
.news_list_title{
margin :0px 0px 0px 0px;
line-height :1.5;
clear :both;
}
.news_list_title a{
color :#595757;
}
.news_list img{
width :100%;
}
.nailthumb-container {
float : left;
overflow : hidden;
margin-bottom : 10px;
}
.nailthumb-container img{
width : 260px;
height : 170px;
}
.thumb p{
display :none;
}
}
/***********************************
* SLIDER *
***********************************/
.sp-next-arrow:before {
font-family: FontAwesome !important;
content: '\f105' !important;
}
.sp-previous-arrow:before {
font-family: FontAwesome !important;
content: '\f104' !important;
}
/***********************************
* NEWS *
***********************************/
@media screen and (min-width: 1080px) {
.entry-content{
padding-bottom:200px;
width :728px;
margin :0px auto;
text-align :left;
}
.news_single_title{
margin :0px 0px 10px 0px;
font-size :200%;
font-weight :bold;
line-height :1.5;
}
.news_single_data{
margin :0px 0px 20px 0px;
font-size :80%;
text-align :right;
}
/**
* 5.4 Galleries
* ----------------------------------------------------------------------------
*/
.gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery:after {
content: "";
display: block;
clear: both;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
display:none;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
}
@media (max-width: 1079px) {
.entry-content{
padding-bottom:200px;
width :96%;
margin :0px auto;
text-align :left;
}
.news_single_title{
margin :0px 0px 10px 0px;
font-size :200%;
font-weight :bold;
line-height :1.5;
}
.news_single_data{
margin :0px 0px 20px 0px;
font-size :80%;
text-align :right;
}
/**
* 5.4 Galleries
* ----------------------------------------------------------------------------
*/
.gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery:after {
content: "";
display: block;
clear: both;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
display:none;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
}
/***********************************
* ABOUT *
***********************************/
@media screen and (min-width: 1080px) {
.content_about02{
background-image :url(https://inj.or.jp/img/about/bg02.jpg);
background-repeat :no-repeat;
background-position:center top;
padding :110px 0px 0px 0px;
}
.content_about02_en{
background-image :url(https://inj.or.jp/img/about/bg02.jpg);
background-repeat :no-repeat;
background-position:center top;
padding :50px 0px 0px 0px;
}
.about_btn_contact img{
height :48px;
}
.about_sign{
text-align :right;
width :700px;
margin :0px auto 70px auto;
}
.about_sign_en{
text-align :right;
width :700px;
margin :0px auto 30px auto;
}
.about_sign img,
.about_sign_en img{
height :28px;
}
.about02_pickup{
text-align :left;
width :846px;
margin :0px auto 200px auto;
}
.about02_pickup .table-cell{
background-repeat :no-repeat;
background-position:25px 0px;
padding :0px 25px;
width :232px;
height :302px;
color :#00904f;
}
.about02_pickup .table-cell:first-child{
background-image :url(https://inj.or.jp/img/about/pickup01.png);
}
.about02_pickup .table-cell:nth-of-type(2){
background-image :url(https://inj.or.jp/img/about/pickup02.png);
}
.about02_pickup .table-cell:last-child{
background-image :url(https://inj.or.jp/img/about/pickup03.png);
}
.about02_pickup .table-cell div{
text-align :left;
width :200px;
margin :110px auto 20px auto;
text-align :center;
font-size :130%;
font-weight :bold;
}
.about02_pickup .table-cell p{
text-align :left;
width :200px;
margin :0px auto;
font-size :90%;
}
}
@media (max-width: 1079px) {
.content_about02{
background-image :url(https://inj.or.jp/img/about/bg02_sp.jpg);
background-repeat :no-repeat;
background-position:center top;
padding :50px 0px 0px 0px;
background-size :800px auto;
}
.content_about02_en{
background-image :url(https://inj.or.jp/img/about/bg02_sp.jpg);
background-repeat :no-repeat;
background-position:center top;
padding :50px 0px 0px 0px;
background-size :1300px auto;
}
.about_btn_contact img{
width :80%;
}
.about_sign{
text-align :right;
width :80%;
margin :0px auto 40px auto;
}
.about_sign_en{
text-align :right;
width :80%;
margin :0px auto 40px auto;
}
.about_sign img,
.about_sign_en img{
height :28px;
}
.about02_pickup{
text-align :left;
width :232px;
margin :0px auto 200px auto;
}
.about02_pickup .table-cell{
text-align :left;
margin :0px auto ;
background-repeat :no-repeat;
background-position:25px 0px;
padding :70px 25px 0px 25px;
width :232px;
height :302px;
color :#00904f;
}
.about02_pickup .table-cell:first-child{
background-image :url(https://inj.or.jp/img/about/pickup01.png);
}
.about02_pickup .table-cell:nth-of-type(2){
background-image :url(https://inj.or.jp/img/about/pickup02.png);
}
.about02_pickup .table-cell:last-child{
background-image :url(https://inj.or.jp/img/about/pickup03.png);
}
.about02_pickup .table-cell div{
text-align :left;
width :200px;
margin :30px auto 20px auto;
text-align :center;
font-size :130%;
font-weight :bold;
}
.about02_pickup .table-cell p{
text-align :left;
width :200px;
margin :0px auto;
font-size :90%;
}
}
/***********************************
* CONTACT *
***********************************/
@media screen and (min-width: 1080px) {
.content_contact{
background-image :url(https://inj.or.jp/img/contact/bg.jpg);
background-repeat :no-repeat;
background-position:center top;
padding :0px 0px 0px 0px;
}
.tit_contact01{
padding-top :90px;
width :150px;
text-align :left;
margin :0px auto 120px auto;
}
.tit_contact01 img{
width :150px;
}
.tit_contact02{
width :401px;
text-align :left;
margin :0px auto 50px auto;
}
.tit_contact02 img{
width :401px;
}
.table_contact{
width :900px;
text-align :left;
margin-left :auto;
margin-right :auto;
margin-bottom :50px;
border-top :1px solid #b5b5b6;
line-height :1.8;
}
.table_contact .th{
width :220px;
padding :10px 20px 10px 20px;
border-bottom :1px solid #ffffff;
background :#7FC8A7;
vertical-align:top;
color :#fff;
}
.table_contact .td{
padding :10px 20px 10px 20px;
border-bottom :1px solid #b5b5b6;
vertical-align:middle;
}
.page_btn{
text-align :center;
margin-top :80px;
}
.wi_full {width:480px;}
.wi_half {width:230px;}
.required,
.required_en{
position: relative;
}
.required:after {
content :"必須";
float :right;
color :#fff100;
background :#00904F;
padding-left :5px;
padding-right :5px;
}
.required_en:after {
content :"Required";
float :right;
color :#fff100;
background :#00904F;
padding-left :5px;
padding-right :5px;
}
.table_contact input[type="text"] {
padding :6px;
font-size :110%;
border :solid 1px #DBDBDB;
background : #FFF;
margin-top : 5px;
margin-bottom : 5px;
}
.table_contact textarea {
padding :6px;
font-size :140%;
border :solid 1px #DBDBDB;
background : #FFF;
margin-top : 5px;
margin-bottom : 5px;
line-height :1.5;
}
.table_contact select{
padding : 6px;
font-size : 100%;
border : solid 1px #DBDBDB;
background : #FFF;
margin-top : 5px;
margin-bottom : 5px;
}
.btn_next{
color : #FFF;
font-size : 100%;
letter-spacing: 0.1em;
width : 360px;
height : 50px;
background : #00904f;
border : none;
cursor : pointer;
padding-left : 90px;
text-align : center;
margin-bottom : 30px;
}
.btn_next:after {
content : url(https://inj.or.jp/img/contact/btn_next.png);
display : inline-block;
position : relative;
top : -1px;
width : 25px;
height : 16px;
vertical-align: middle;
margin-left : 60px;
}
.btn_prev{
color : #FFF;
font-size : 100%;
letter-spacing: 0.1em;
width : 360px;
height : 50px;
background : #ADBEC8;
border : none;
cursor : pointer;
padding-right : 140px;
text-align : center;
margin-bottom : 30px;
margin-right : 50px;
}
.btn_prev:before {
content : url(https://inj.or.jp/img/contact/btn_prev.png);
display : inline-block;
position : relative;
top : -1px;
width : 25px;
height : 16px;
vertical-align: middle;
margin-right : 100px;
}
.btn_next:focus,
.btn_prev:focus{
outline : none;
}
.btn_next:hover,
.btn_prev:hover{
opacity : 0.8;
}
.contact_chk_btn{
text-align :left;
text-align :center;
width :900px;
margin :30px auto 90px auto;
}
}
@media (max-width: 1079px) {
.content_contact{
background-image :url(https://inj.or.jp/img/contact/bg.jpg);
background-repeat :no-repeat;
background-position:center top;
padding :0px 0px 0px 0px;
}
.content_contact p{
width :96%;
}
.tit_contact01{
padding-top :60px;
width :40%;
text-align :left;
margin :0px auto 120px auto;
}
.tit_contact01 img{
width :100%;
}
.tit_contact02{
width :80%;
text-align :left;
margin :0px auto 50px auto;
}
.tit_contact02 img{
width :100%;
}
.table_contact{
width :96%;
text-align :left;
margin-left :auto;
margin-right :auto;
margin-bottom :50px;
border-top :1px solid #b5b5b6;
line-height :1.8;
}
.table_contact .th{
padding :10px 20px 10px 20px;
border-bottom :1px solid #ffffff;
background :#7FC8A7;
vertical-align:top;
color :#fff;
}
.table_contact .td{
padding :10px 20px 10px 20px;
border-bottom :1px solid #b5b5b6;
vertical-align:middle;
}
.page_btn{
text-align :center;
margin-top :80px;
}
.wi_full {width:100%;}
.wi_half {width:100%;}
.required,
.required_en{
position: relative;
}
.required:after {
content :"必須";
float :right;
color :#fff100;
background :#00904F;
padding-left :5px;
padding-right :5px;
}
.required_en:after {
content :"Required";
float :right;
color :#fff100;
background :#00904F;
padding-left :5px;
padding-right :5px;
}
.table_contact input[type="text"] {
padding :6px;
font-size :110%;
border :solid 1px #DBDBDB;
background : #FFF;
margin-top : 5px;
margin-bottom : 5px;
}
.table_contact textarea {
padding :6px;
font-size :140%;
border :solid 1px #DBDBDB;
background : #FFF;
margin-top : 5px;
margin-bottom : 5px;
line-height :1.5;
}
.table_contact select{
padding : 6px;
font-size : 100%;
border : solid 1px #DBDBDB;
background : #FFF;
margin-top : 5px;
margin-bottom : 5px;
}
.btn_next{
color : #FFF;
font-size : 100%;
letter-spacing: 0.1em;
width : 360px;
height : 50px;
background : #00904f;
border : none;
cursor : pointer;
padding-left : 90px;
text-align : center;
margin-bottom : 30px;
}
.btn_next:after {
content : url(https://inj.or.jp/img/contact/btn_next.png);
display : inline-block;
position : relative;
top : -1px;
width : 25px;
height : 16px;
vertical-align: middle;
margin-left : 60px;
}
.btn_prev{
color : #FFF;
font-size : 100%;
letter-spacing: 0.1em;
width : 360px;
height : 50px;
background : #ADBEC8;
border : none;
cursor : pointer;
padding-right : 140px;
text-align : center;
margin-bottom : 30px;
margin-right : 50px;
}
.btn_prev:before {
content : url(https://inj.or.jp/img/contact/btn_prev.png);
display : inline-block;
position : relative;
top : -1px;
width : 25px;
height : 16px;
vertical-align: middle;
margin-right : 100px;
}
.btn_next:focus,
.btn_prev:focus{
outline : none;
}
.btn_next:hover,
.btn_prev:hover{
opacity : 0.8;
}
.contact_chk_btn{
text-align :left;
text-align :center;
width :100%;
margin :30px auto 90px auto;
}
}
/***********************************
* NEWS *
***********************************/
@media screen and (min-width: 1080px) {
.content_news{
background-image :url(https://inj.or.jp/img/news/bg.jpg);
background-repeat :no-repeat;
background-position:center top;
padding :0px 0px 0px 0px;
}
.content_news article{
text-align :left;
width :980px;
margin :100px auto 100px auto;
}
.tit_news01{
padding-top :90px;
width :150px;
text-align :left;
margin :0px auto 120px auto;
}
.tit_news01 img{
width :150px;
}
.single_single_day{
width :980px;
border-bottom :1px solid #00904f;
font-size :110%;
padding :0px 0px 15px 30px;
margin :0px 0px 25px 0px;
}
.single_single_day img{
width :58px;
margin :0px 0px 0px 20px;
}
.tit_single{
font-size :140%;
color :#595757;
font-weight :bold;
line-height :150%;
padding :0px 0px 25px 30px;
border-bottom :1px solid #595757;
margin :0px 0px 20px 0px;
}
.single-content{
margin :0px 0px 100px 30px;
}
.single-content p{
width :930px;
color :#595757;
margin :0px 0px 0px 0px;
}
.single-content img{
max-width :580px;
height :auto;
margin :10px 0px 10px 0px;
}
.single-meta{
margin :100px 0px 0px 0px;
line-height :1.6;
}
.screen-reader-text{
display:none;
}
.nav-links{
width :900px;
text-align :center;
margin :0px 0px 0px 0px;
padding :50px 0px 0px 0px;
clear :both;
}
.nav-previous{
display :inline;
padding-right :50px;
}
.nav-next{
display :inline;
padding-lef :50px;
}
.btn_more,
.btn_back{
margin :50px 0px 0px 0px;
text-align :center;
clear :both;
}
.btn_more img,
.btn_back img{
width :231px;
}
.btn_share{
margin :0px 0px 60px 30px;
}
.btn_share img{
height :26px;
margin :0px 10px 0px 0px;
}
}
@media (max-width: 1079px) {
.content_news{
background-image :url(https://inj.or.jp/img/news/bg.jpg);
background-repeat :no-repeat;
background-position:center top;
padding :0px 0px 0px 0px;
}
.content_news article{
text-align :left;
width :100%;
margin :100px auto 100px auto;
}
.tit_news01{
padding-top :90px;
width :150px;
text-align :left;
margin :0px auto 120px auto;
}
.tit_news01 img{
width :150px;
}
.single_single_day{
width :calc(100% - 60px);
border-bottom :1px solid #00904f;
font-size :110%;
padding :0px 30px 15px 30px;
margin :0px 0px 25px 0px;
}
.single_single_day img{
width :58px;
margin :0px 0px 0px 20px;
}
.tit_single{
font-size :140%;
color :#595757;
font-weight :bold;
line-height :150%;
padding :0px 30px 25px 30px;
border-bottom :1px solid #595757;
margin :0px 0px 20px 0px;
}
.single-content{
margin :0px auto 100px auto;
width :96%;
}
.single-content p{
width :100%;
color :#595757;
margin :0px 0px 0px 0px;
}
.single-content img{
max-width :100%;
height :auto;
margin :10px 0px 10px 0px;
}
.single-meta{
margin :100px 0px 0px 0px;
line-height :1.6;
}
.screen-reader-text{
display :none;
}
.nav-links{
width :100%;
text-align :center;
margin :0px 0px 0px 0px;
padding :50px 0px 0px 0px;
clear :both;
}
.nav-previous{
display :inline;
padding-right :50px;
}
.nav-next{
display :inline;
padding-lef :50px;
}
.btn_more,
.btn_back{
margin :50px 0px 0px 0px;
text-align :center;
clear :both;
}
.btn_more img,
.btn_back img{
width :50%;
}
.btn_share{
margin :0px 0px 60px 30px;
}
.btn_share img{
height :26px;
margin :0px 10px 10px 0px;
}
}
/***********************************
* NEWS LIST *
***********************************/
@media screen and (min-width: 1080px) {
.newslist_cat{
text-align :left;
width :1080px;
margin :20px auto 55px auto;
text-align :center;
border-bottom :3px solid #00904f;
}
.newslist_cat li{
float :left;
padding :10px 20px;
margin :0px 20px;
font-size :120%;
coror :#00904f;
}
.newslist_cat a {
text-decoration: none;
color :#00904f;
font-weight :bold;
}
.newslist_year{
text-align :left;
width :900px;
margin :0px auto 0px auto;
text-align :center;
}
.newslist_year li{
float :left;
padding :5px 20px;
font-size :110%;
border-left :1px solid #00904f;
coror :#00904f;
}
.newslist_year a {
text-decoration: none;
color :#00904f;
font-weight :bold;
}
.newslist_cat_checked,
.newslist_year_checked{
background :#00904f;
}
.newslist_cat_checked a,
.newslist_year_checked a{
color :#fff;
}
.newslist_year li:first-child{
border-left :none;
}
.newslist_single_tit{
padding :85px 0px 0px 0px;
text-align :center;
color :#00904f;
font-weight :bold;
font-size :150%;
clear :both;
}
.newslist_single{
text-align :left;
width :900px;
margin :20px auto 100px auto;
border-top :1px solid #b5b5b6;
}
.newslist_single li{
width :calc(900px - 40px);
border-bottom :1px solid #b5b5b6;
padding :10px 20px 15px 20px;
}
.newslist_single_date{
font-size :80%;
color :#595757;
}
.newslist_single_date img{
width :58px;
padding-left :30px;
}
.newslist_single_title{
margin :0px 0px 0px 0px;
line-height :1.8;
padding-top :10px;
}
}
@media (max-width: 1079px) {
.newslist_cat{
text-align :left;
width :96%;
margin :20px auto 55px auto;
text-align :center;
border-bottom :3px solid #00904f;
}
.newslist_cat li{
float :left;
padding :10px 10px;
margin :0px 0px;
font-size :100%;
coror :#00904f;
}
.newslist_cat a {
text-decoration:none;
color :#00904f;
font-weight :bold;
}
.newslist_year{
text-align :left;
width :96%;
margin :0px auto 0px auto;
text-align :center;
}
.newslist_year li{
float :left;
padding :5px 10px;
margin-bottom :10px;
font-size :90%;
border-left :1px solid #00904f;
coror :#00904f;
}
.newslist_year a {
text-decoration: none;
color :#00904f;
font-weight :bold;
}
.newslist_cat_checked,
.newslist_year_checked{
background :#00904f;
}
.newslist_cat_checked a,
.newslist_year_checked a{
color :#fff;
}
.newslist_year li:first-child{
border-left :none;
}
.newslist_single_tit{
padding :40px 0px 0px 0px;
text-align :center;
color :#00904f;
font-weight :bold;
font-size :150%;
clear :both;
}
.newslist_single{
text-align :left;
width :96%;
margin :20px auto 100px auto;
border-top :1px solid #b5b5b6;
}
.newslist_single li{
border-bottom :1px solid #b5b5b6;
padding :10px 20px 15px 20px;
}
.newslist_single_date{
font-size :80%;
color :#595757;
}
.newslist_single_date img{
width :58px;
padding-left :30px;
}
.newslist_single_title{
margin :0px 0px 0px 0px;
line-height :1.8;
padding-top :10px;
}
}
/***********************************
* EVENT *
***********************************/
@media screen and (min-width: 1080px) {
.btn_event_switch{
width :380px;
margin :40px auto 40px auto;
text-align :left;
}
.btn_event_switch li{
padding :0px 15px;
float :left;
}
.btn_event_switch li img{
width :160px;
}
.content_event{
background-image :url(https://inj.or.jp/img/event/bg.jpg);
background-repeat :no-repeat;
background-position:center top;
padding :0px 0px 200px 0px;
}
.event_list_side{
width :1080px;
margin :40px auto 0px auto;
text-align :left;
}
.event_list_side ul{
}
.event_list_side li{
width :260px;
height :380px;
float :left;
margin :0px 10px 40px 0px;
background :#fff;
filter :drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
}
.event_list_side li:nth-child(4n){
margin :0px 0px 40px 0px;
}
.thumb_event p{
display :none;
}
.thumb_event{
position :relative;
}
.event_list_data{
font-size :100%;
color :#595757;
padding :15px;
clear :both;
}
.event_list_side_cate{
position : absolute;
left : 10px;
top : 130px;
z-index : 2;
}
.event_list_side_cate img{
width : 60px;
}
.event_list_title{
margin :10px 0px 10px 0px;
line-height :1.5;
border-bottom :1px solid #b5b5b6;
height :55px;
}
.event_list_title a{
color :#595757;
}
.event_list_date{
font-size :80%;
}
.event_list_txt{
font-size :80%;
margin-top :3px;
line-height :1.6;
}
.event_list_organizer{
font-size :80%;
margin-top :10px;
}
.event_list_organizer img{
height :21px;
margin-right :10px;
}
}
@media (max-width: 1079px) {
.btn_event_switch{
width :360px;
margin :40px auto 40px auto;
text-align :left;
}
.btn_event_switch li{
padding :0px 10px;
float :left;
}
.btn_event_switch li img{
max-width :160px;
}
.content_event{
background-image :url(https://inj.or.jp/img/event/bg.jpg);
background-repeat :no-repeat;
background-position:center top;
padding :0px 0px 200px 0px;
}
.event_list_side{
width :260px;
margin :40px auto 0px auto;
text-align :left;
}
.event_list_side ul{
}
.event_list_side li{
width :260px;
float :left;
margin :0px 10px 20px 0px;
background :#fff;
filter :drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
}
.thumb_event p{
display :none;
}
.thumb_event{
position :relative;
}
.event_list_data{
font-size :100%;
color :#595757;
padding :15px;
clear :both;
}
.event_list_side_cate{
position : absolute;
left : 10px;
top : 130px;
z-index : 2;
}
.event_list_side_cate img{
width : 60px;
}
.event_list_title{
margin :10px 0px 10px 0px;
line-height :1.5;
border-bottom :1px solid #b5b5b6;
}
.event_list_title a{
color :#595757;
}
.event_list_date{
font-size :80%;
}
.event_list_txt{
font-size :80%;
margin-top :3px;
line-height :1.6;
}
.event_list_organizer{
font-size :80%;
margin-top :10px;
}
.event_list_organizer img{
height :21px;
margin-right :10px;
}
}
/***********************************
* EVENT CALENDAR *
***********************************/
@media screen and (min-width: 1080px) {
.event_calendar_month01{
width :150px;
text-align :left;
margin :50px auto 0px auto;
padding :10px 0px 10px 0px;
text-align :center;
font-size :300%;
color :#00904f;
border-bottom :1px solid #00904f;
font-weight :1.1;
}
.event_calendar_month01 span{
font-size :120%;
}
.event_calendar_month02{
width :150px;
text-align :left;
margin :0px auto;
padding :10px 0px 50px 0px;
text-align :center;
font-size :200%;
color :#00904f;
font-weight :1.5;
}
.event_list_calendar{
width :950px;
margin :0px auto 0px auto;
text-align :left;
}
.event_list_calendar ul{
}
.event_list_calendar li{
width :950px;
height :170px;
margin :0px 10px 60px 0px;
display :table;
}
.event_list_calendar_left{
height :170px;
width :120px;
vertical-align :middle;
display :table-cell;
}
.event_list_calendar_circle{
width :104px;
height :104px;
border :solid 3px #ee7835;
border-radius :50%;
}
.event_list_calendar_circle_day{
width :80px;
text-align :left;
margin : 0px auto;
padding :15px 0px 5px 0px;
text-align :center;
font-size :250%;
color :#00904f;
border-bottom :1px solid #ee7835;
font-weight :1.1;
}
.event_list_calendar_circle_week{
width :80px;
text-align :left;
margin : 0px auto;
padding :10px 0px 0px 0px;
text-align :center;
font-size :150%;
color :#00904f;
font-weight :1.5;
}
.event_list_calendar_right{
background :#fff;
filter :drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
width :750px;
display :table-cell;
}
.thumb_event_list_calendar p{
display :none;
}
.thumb_event_list_calendar{
position :relative;
float :left;
}
.event_list_calendar_data{
float :left;
font-size :100%;
color :#595757;
padding :15px;
}
.event_list_calendar_cate{
position : absolute;
left : 185px;
top : 15px;
z-index : 2;
}
.event_list_calendar_cate img{
width : 60px;
}
.event_list_calendar_title{
margin :10px 0px 10px 0px;
line-height :1.5;
border-bottom :1px solid #b5b5b6;
width :525px;
}
.event_list_calendar_title a{
color :#595757;
}
.event_list_calendar_date{
font-size :80%;
}
.event_list_calendar_txt{
font-size :80%;
margin-top :10px;
}
.event_list_calendar_organizer{
font-size :80%;
margin-top :10px;
}
.event_list_calendar_organizer img{
height :21px;
margin-right :10px;
}
}
@media (max-width: 1079px) {
.event_calendar_month01{
width :150px;
text-align :left;
margin :50px auto 0px auto;
padding :10px 0px 10px 0px;
text-align :center;
font-size :300%;
color :#00904f;
border-bottom :1px solid #00904f;
font-weight :1.1;
}
.event_calendar_month01 span{
font-size :120%;
}
.event_calendar_month02{
width :150px;
text-align :left;
margin :0px auto;
padding :10px 0px 50px 0px;
text-align :center;
font-size :200%;
color :#00904f;
font-weight :1.5;
}
.event_list_calendar{
width :260px;
margin :0px auto 0px auto;
text-align :left;
}
.event_list_calendar ul{
}
.event_list_calendar li{
width :260px;
margin :0px 0px 30px 0px;
}
.event_list_calendar_left{
width :260px;
padding-bottom :20px;
}
.event_list_calendar_circle{
width :104px;
height :104px;
border :solid 3px #ee7835;
border-radius :50%;
text-align :left;
margin :0px auto;
}
.event_list_calendar_circle_day{
width :80px;
text-align :left;
margin : 0px auto;
padding :15px 0px 5px 0px;
text-align :center;
font-size :250%;
color :#00904f;
border-bottom :1px solid #ee7835;
font-weight :1.1;
}
.event_list_calendar_circle_week{
width :80px;
text-align :left;
margin : 0px auto;
padding :10px 0px 0px 0px;
text-align :center;
font-size :150%;
color :#00904f;
font-weight :1.5;
}
.event_list_calendar_right{
background :#fff;
filter :drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
width :260px;
}
.thumb_event_list_calendar p{
display :none;
}
.thumb_event_list_calendar{
position :relative;
}
.event_list_calendar_data{
font-size :100%;
color :#595757;
padding :15px;
}
.event_list_calendar_cate{
position : absolute;
left : 185px;
top : 15px;
z-index : 2;
}
.event_list_calendar_cate img{
width : 60px;
}
.event_list_calendar_title{
margin :10px 0px 10px 0px;
line-height :1.5;
border-bottom :1px solid #b5b5b6;
width :100%;
}
.event_list_calendar_title a{
color :#595757;
}
.event_list_calendar_date{
font-size :80%;
}
.event_list_calendar_txt{
font-size :80%;
margin-top :10px;
}
.event_list_calendar_organizer{
font-size :80%;
margin-top :10px;
}
.event_list_calendar_organizer img{
height :21px;
margin-right :10px;
}
}
/***********************************
* EVENT SINGLE *
***********************************/
@media screen and (min-width: 1000px) {
.title_event{
margin:30px 0px 20px 0px;
font-size:120%;
font-weight:bold;
}
.table_data{
margin-top : 50px;
}
.table_data .table{
border-top : 1px solid #C7C7C8;
line-height : 2.5;
margin-top : 10px;
}
.table_data .th{
background : #F7F5F0;
padding : 10px 20px;
width : 200px;
border-right : 1px solid #C7C7C8;
border-bottom: 1px solid #C7C7C8;
}
.table_data .td{
padding : 10px 20px;
width : 500px;
border-bottom: 1px solid #C7C7C8;
}
.table_data iframe{
margin-top : 30px;
border : 1px solid #C7C7C8;
}
}
@media (max-width:999px) {
.title_event{
margin:30px 0px 20px 0px;
font-size:120%;
font-weight:bold;
}
.table_data{
margin-top : 50px;
width : 100%;
}
.table_data .table{
border-bottom: 1px solid #C7C7C8;
line-height : 1.8;
margin-top : 10px;
}
.table_data .th{
background : #F7F5F0;
padding : 10px 10px;
border-bottom: 1px solid #C7C7C8;
}
.table_data .td{
padding : 10px 10px;
}
.table_data iframe{
margin-top : 30px;
border : 1px solid #C7C7C8;
}
}
/***********************************
* GROUP_DETAILS *
***********************************/
@media screen and (min-width: 1080px) {
.content_group{
background-image :url(https://inj.or.jp/img/group/bg.jpg);
background-repeat :no-repeat;
background-position:center top;
padding :0px 0px 200px 0px;
}
.tit_group_details{
text-align :left;
margin :90px auto 50px auto;
width :400px;
text-align :center;
padding :15px 0px 15px 0px;
color :#00904F;
font-size :160%;
border :1px solid #00904F;
border-radius :5px;
}
.group_details_table{
text-align :left;
margin :0px auto 80px auto;
width :980px;
}
.group_details_left{
width :310px;
padding-right :60px;
}
.group_details_left img{
max-width :310px;
height :auto;
}
.ai_url{
width :39px;
}
.group_details_right .table{
border-top : 1px solid #B5B5B6;
width :560px;
}
.group_details_right .td{
border-left : 1px solid #B5B5B6;
border-right : 1px solid #B5B5B6;
border-bottom : 1px solid #B5B5B6;
color : #595757;
padding :10px 30px;
line-height :1.6;
}
.tit02_group_details{
text-align :left;
width :980px;
text-align :center;
margin :170px auto 30px auto;
padding :0px 0px 20px 0px;
border-bottom :2px solid #00904F;
font-size :160%;
color :#00904F;
}
.group_details_news_list{
text-align :left;
width :980px;
margin :0px auto 0px auto;
}
.group_details_news_list ul{
}
.group_details_news_list li{
width :260px;
height :300px;
float :left;
padding :0px 40px 0px 40px;
position :relative;
}
.group_details_news_list_cate{
margin :10px 0px 10px 0px;
float :left;
}
.group_details_news_list_cate img{
width :58px;
}
.group_details_news_list_date{
font-size :80%;
color :#595757;
float :right;
text-align :right;
padding-top :15px;
}
.group_details_news_list_title{
margin :0px 0px 0px 0px;
line-height :1.5;
clear :both;
}
.group_details_news_list_title a{
color :#595757;
}
.group_details_news_list img{
max-width :260px;
}
}
@media (max-width: 1079px) {
.content_group{
background-image :url(https://inj.or.jp/img/group/bg.jpg);
background-repeat :no-repeat;
background-position:center top;
padding :0px 0px 200px 0px;
}
.tit_group_details{
text-align :left;
margin :90px auto 50px auto;
width :90%;
max-width :400px;
text-align :center;
padding :15px 0px 15px 0px;
color :#00904F;
font-size :160%;
border :1px solid #00904F;
border-radius :5px;
}
.group_details_table{
text-align :left;
margin :0px auto 80px auto;
width :96%;
}
.group_details_left{
text-align :left;
margin :0px auto 20px auto;
width :96%;
max-width :310px;
}
.group_details_left img{
max-width :310px;
height :auto;
}
.ai_url{
width :39px;
}
.group_details_right .table{
border-top : 1px solid #B5B5B6;
}
.group_details_right .td{
border-left : 1px solid #B5B5B6;
border-right : 1px solid #B5B5B6;
border-bottom : 1px solid #B5B5B6;
color : #595757;
padding :10px 30px;
line-height :1.6;
}
.tit02_group_details{
text-align :left;
width :96%;
text-align :center;
margin :170px auto 30px auto;
padding :0px 0px 20px 0px;
border-bottom :2px solid #00904F;
font-size :160%;
color :#00904F;
}
.group_details_news_list{
text-align :left;
width :96%;
max-width :240px;
margin :0px auto 0px auto;
}
.group_details_news_list ul{
}
.group_details_news_list li{
width :96%;
max-width :240px;
height :300px;
float :left;
padding :0px 0px 20px 0px;
position :relative;
}
.group_details_news_list_cate{
margin :10px 0px 10px 0px;
float :left;
}
.group_details_news_list_cate img{
width :58px;
}
.group_details_news_list_date{
font-size :80%;
color :#595757;
float :right;
text-align :right;
padding-top :15px;
}
.group_details_news_list_title{
margin :0px 0px 0px 0px;
line-height :1.5;
clear :both;
}
.group_details_news_list_title a{
color :#595757;
}
.group_details_news_list img{
max-width :260px;
}
}
/***********************************
* GROUP *
***********************************/
@media screen and (min-width: 1080px) {
.group_list{
text-align :left;
width :1080px;
margin :0px auto 0px auto;
}
.group_list ul{
}
.group_list li{
width :260px;
height :370px;
float :left;
padding :0px 5px 0px 5px;
}
.group_list_tit{
margin :0px 0px 10px 0px;
line-height :1.5;
color :#00904F;
font-size :130%;
height :35px;
padding :0px 0px 6px 60px;
border-bottom :1px solid #00904F;
position :relative;
}
.group_list_tit:before{
content :"";
position :absolute;
left :0;
display :inline-block;
width :52px;
height :34px;
background :url(https://inj.or.jp/img/group/list_tit_ai.jpg) no-repeat;
background-size:contain;
}
.group_list_tit a{
color :#00904F;
text-decoration:none;
}
.group_details_news_list img{
max-width :260px;
}
.group_list_txt{
max-width :220px;
padding :5px 20px 5px 20px;
line-height :1.7;
color :#595757;
font-size :90%;
}
.group_list_btn{
text-align :left;
width :136px;
margin :10px auto 0px auto;
}
.group_list_btn img{
width :136px;
}
}
@media (max-width: 1079px) {
.group_list{
text-align :left;
width :96%;
max-width :260px;
margin :0px auto 0px auto;
}
.group_list ul{
}
.group_list li{
width :96%;
max-width :260px;
padding :0px 5px 0px 5px;
}
.group_list_tit{
margin :0px 0px 10px 0px;
line-height :1.5;
color :#00904F;
font-size :130%;
height :35px;
padding :0px 0px 6px 60px;
border-bottom :1px solid #00904F;
position :relative;
}
.group_list_tit:before{
content :"";
position :absolute;
left :0;
display :inline-block;
width :52px;
height :34px;
background :url(https://inj.or.jp/img/group/list_tit_ai.jpg) no-repeat;
background-size:contain;
}
.group_list_tit a{
color :#00904F;
text-decoration:none;
}
.group_details_news_list img{
max-width :260px;
}
.group_list_txt{
width :96%;
max-width :220px;
padding :5px 20px 5px 20px;
line-height :1.7;
color :#595757;
font-size :90%;
}
.group_list_btn{
text-align :left;
width :136px;
margin :10px auto 30px auto;
}
.group_list_btn img{
width :96%;
max-width :136px;
}
}
/***********************************
* LINK *
***********************************/
@media screen and (min-width: 1080px) {
.content_link{
background-image :url(https://inj.or.jp/img/link/bg.jpg);
background-repeat :no-repeat;
background-position:center top;
padding :0px 0px 200px 0px;
}
.tit_link01{
padding-top :90px;
width :172px;
text-align :left;
margin :0px auto 56px auto;
}
.tit_link01 img{
width :172px;
}
.link_index{
text-align :left;
width :1104px;
margin :0px auto 0px auto;
}
.link_index ul{
margin-top :100px;
}
.link_index li{
width :226px;
float :left;
padding :0px 15px 50px 15px;
}
.link_index_tit{
line-height :1.5;
font-size :110%;
height :32px;
padding :0px 0px 0px 15px;
border-left :3px solid #7cc22c;
display :table-cell;
vertical-align :middle;
}
.link_index_tit a{
color :#595757;
text-decoration:none;
}
.link_index_img{
max-width :244px;
margin :0px 0px 10px 0px;
}
.link_index_img img{
width :244px;
border :1px solid #595757;
}
}
@media (max-width: 1079px) {
.content_link{
background-image :url(https://inj.or.jp/img/link/bg.jpg);
background-repeat :no-repeat;
background-position:center top;
padding :0px 0px 0px 0px;
}
.tit_link01{
padding-top :90px;
width :150px;
text-align :left;
margin :0px auto 120px auto;
}
.tit_link01 img{
width :150px;
}
.link_index{
text-align :left;
margin :0px auto 0px auto;
}
.link_index ul{
margin-top :50px;
}
.link_index li{
width :calc(50% - 30px);
float :left;
padding :0px 15px 50px 15px;
}
.link_index_tit{
line-height :1.5;
font-size :110%;
height :32px;
padding :0px 0px 0px 15px;
border-left :3px solid #7cc22c;
display :table-cell;
vertical-align :middle;
}
.link_index_tit a{
color :#595757;
text-decoration:none;
}
.link_index_img{
width :100%;
margin :0px 0px 10px 0px;
}
.link_index_img img{
width :100%;
border :1px solid #595757;
}
}
/***********************************
* LINK LIST *
***********************************/
@media screen and (min-width: 1080px) {
.tit_link_list{
text-align :left;
margin :90px auto 50px auto;
width :550px;
text-align :center;
padding :15px 0px 15px 0px;
color :#00904F;
font-size :130%;
border :1px solid #00904F;
border-radius :5px;
line-height:1.4;
}
.navi_link_list{
border-bottom :1px solid #6fba2c;
}
.navi_link_list ul{
text-align :left;
width :1080px;
margin :0px auto 0px auto;
display :block;
}
.navi_link_list li{
text-align :center;
width :178px;
height :50px;
float :left;
border-left :1px solid #6fba2c;
font-size :90%;
}
.navi_link_list li:nth-child(-n+6){
border-bottom :1px solid #6fba2c;
}
.navi_link_list li:nth-child(6),
.navi_link_list li:nth-child(12){
border-right :1px solid #6fba2c;
}
.navi_link_list li a{
text-align :center;
width :178px;
height :50px;
display :table-cell;
vertical-align :middle;
line-height :1.6;
color :#6fba2c;
text-decoration:none;
}
.navi_link_list li a:hover {
color :#fff;
text-decoration:none;
background :#6fba2c;
}
.navi_link_list .navi_link_list_check a{
background :#6fba2c;
color :#fff;
}
.tit_link_list_aria01{
border-bottom :2px solid #00904f;
line-height :1.6;
color :#00904f;
font-size :120%;
text-align :left;
width :calc(900px - 20px);
margin :0px auto 0px auto;
padding :0px 0px 5px 20px;
}
.tit_link_list_aria02{
line-height :1.6;
color :#00904f;
font-size :120%;
text-align :left;
width :calc(900px - 20px);
margin :0px auto 10px auto;
padding :10px 0px 0px 20px;
}
.link_list{
text-align :left;
width :900px;
margin :0px auto 30px auto;
border-top :1px solid #b5b5b6;
}
.link_list .table{
width :900px;
}
.link_list_left{
font-size :100%;
line-height :1.6;
padding :15px 10px 10px 10px;
border-right :1px solid #b5b5b6;
border-bottom :1px solid #b5b5b6;
width :340px;
font-family :'Gautami';
}
.link_list_left a{
color :#00904f;
text-decoration:none;
}
.link_list_left a:hover {
color :#00904f;
text-decoration:underline;
}
.link_recommend,
.link_recommend a{
font-size :110%;
font-weight :bold;
}
.link_list_right{
font-size :90%;
line-height :1.6;
color :#595757;
padding :15px 20px 10px 20px;
border-bottom :1px solid #b5b5b6;
}
}
@media (max-width: 1079px) {
.tit_link_list{
text-align :left;
margin :90px auto 50px auto;
width :90%;
max-width :400px;
text-align :center;
padding :15px 0px 15px 0px;
color :#00904F;
font-size :130%;
border :1px solid #00904F;
border-radius :5px;
line-height :1.8;
}
.navi_link_list{
display :none;
}
.navi_link_list ul{
text-align :left;
width :96%;
margin :0px auto 0px auto;
display :block;
}
.navi_link_list li{
text-align :center;
width :50%;
height :50px;
float :left;
border-left :1px solid #6fba2c;
font-size :90%;
}
.navi_link_list li:nth-child(-n+6){
border-bottom :1px solid #6fba2c;
}
.navi_link_list li:nth-child(6),
.navi_link_list li:nth-child(12){
border-right :1px solid #6fba2c;
}
.navi_link_list li a{
text-align :center;
width :178px;
height :50px;
display :table-cell;
vertical-align :middle;
line-height :1.6;
color :#6fba2c;
text-decoration:none;
}
.navi_link_list li a:hover {
color :#fff;
text-decoration:none;
background :#6fba2c;
}
.navi_link_list .navi_link_list_check a{
background :#6fba2c;
color :#fff;
}
.tit_link_list_aria01{
border-bottom :2px solid #00904f;
line-height :1.6;
color :#00904f;
font-size :120%;
text-align :left;
width :calc(96% - 20px);
margin :0px auto 0px auto;
padding :0px 0px 5px 20px;
}
.tit_link_list_aria02{
line-height :1.6;
color :#00904f;
font-size :120%;
text-align :left;
width :calc(96% - 20px);
margin :0px auto 10px auto;
padding :10px 0px 0px 20px;
}
.link_list{
text-align :left;
width :96%;
margin :0px auto 30px auto;
border-top :1px solid #b5b5b6;
}
.link_list .table{
}
.link_list_left{
font-size :100%;
line-height :1.6;
padding :10px 20px 10px 20px;
border-bottom :1px solid #b5b5b6;
font-family :'Gautami';
}
.link_list_left a{
color :#00904f;
text-decoration:none;
}
.link_list_left a:hover {
color :#00904f;
text-decoration:underline;
}
.link_recommend,
.link_recommend a{
font-size :110%;
font-weight :bold;
}
.link_list_right{
font-size :90%;
line-height :1.6;
color :#595757;
padding :10px 20px 20px 20px;
}
}
/***********************************
* LINK Details *
***********************************/
@media screen and (min-width: 1080px) {
.link_details_table{
text-align :left;
margin :0px auto 80px auto;
width :980px;
}
.link_details_right .table{
border-top : 1px solid #B5B5B6;
width :980px;
}
.link_details_right .th{
border-left : 1px solid #B5B5B6;
border-bottom : 1px solid #B5B5B6;
color : #595757;
padding : 10px 30px;
line-height : 1.6;
width : 80px;
}
.link_details_right .td{
border-right : 1px solid #B5B5B6;
border-bottom : 1px solid #B5B5B6;
color : #595757;
padding : 10px 30px;
line-height : 1.6;
}
.link_details_name a{
color :#00904f;
text-decoration:none;
}
.link_details_name a:hover {
color :#00904f;
text-decoration:underline;
}
.link_recommend,
.link_recommend a{
font-size :110%;
font-weight :bold;
}
.link_tel{
pointer-events : none;
}
.link_tel a{
text-decoration:none;
}
}
@media (max-width: 1079px) {
.link_details_table{
text-align :left;
margin :0px auto 80px auto;
width :96%;
}
.link_details_right .table{
border-top : 1px solid #B5B5B6;
}
.link_details_right .th{
color : #595757;
padding : 10px 30px 0px 30px;
line-height : 1.6;
font-weight : bold;
}
.link_details_right .td{
border-bottom : 1px solid #B5B5B6;
color : #595757;
padding : 0px 30px 10px 30px;
line-height : 1.6;
}
.link_details_name a{
color :#00904f;
text-decoration:none;
}
.link_details_name a:hover {
color :#00904f;
text-decoration:underline;
}
.link_recommend,
.link_recommend a{
font-size :110%;
font-weight :bold;
}
.link_tel{
pointer-events : none;
}
.link_tel a{
text-decoration:none;
}
}
@media screen and (min-width: 1080px) {
}
@media (max-width: 1079px) {
}