@charset "utf-8";

/*イメージング画像*/
/*PC版*/
@media screen and (min-width:1025px){

.headline-image01{
background:url(images/contents01.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:150px;
height:20px;
padding:130px 0 0 0;
margin:50px auto 80px auto;
border-radius: 75px / 75px;
}
.headline-image02{
background:url(images/contents02.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:150px;
height:20px;
padding:130px 0 0 0;
margin:50px auto 80px auto;
border-radius: 75px / 75px;
}
.headline-image03{
background:url(images/contents03.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:150px;
height:20px;
padding:130px 0 0 0;
margin:50px auto 80px auto;
border-radius: 75px / 75px;
}
.headline-image04{
background:url(images/contents04.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:150px;
height:20px;
padding:130px 0 0 0;
margin:50px auto 80px auto;
border-radius: 75px / 75px;
}
.headline-image05{
background:url(images/contents05.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:150px;
height:20px;
padding:130px 0 0 0;
margin:50px auto 80px auto;
border-radius: 75px / 75px;
}
.headline-image06{
background:url(images/contents06.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:150px;
height:20px;
padding:130px 0 0 0;
margin:50px auto 80px auto;
border-radius: 75px / 75px;
}
.headline-image01 p,
.headline-image02 p,
.headline-image03 p,
.headline-image04 p,
.headline-image05 p,
.headline-image06 p{
width:250%;
margin:30px -75%;
text-align:center;
font-size:125%;
line-height:145%;
font-weight:bold;
}

#introduction {
background:url(../common/svgicon/bk_information.svg)center top no-repeat;
background-size:80px 80px;
padding:90px 0 0 0;
margin:50px 0;
}
#introduction p{
text-align:center;
font-weight:bold;
}

article h3{
margin:30px 0 20px 30px;
padding:0 0 0 10px;
border-left:8px solid rgba(12,59,75,1);
}
article h4{
margin:0 45px;
color:rgba(12,59,75,1);
line-height:1.8em;
}
article p{
margin:0 45px 20px 45px;
line-height:1.8em;
}
article p a{
color:rgba(12,59,75,1);
}
#contents-link{
padding:0 0 20px 0;
}
#contents-link li {
display:inline-block;
vertical-align:top;
width:32.5%;
font-size:75%;
line-height:160%;
text-align:center;
}
#contents-link li.contents01 a{
background:url(images/contents01.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:150px;
height:0px;
padding:150px 0 0 0;
margin:30px auto;
border-radius: 75px / 75px;
color:rgba(12,59,75,1);
}
#contents-link li.contents02 a{
background:url(images/contents02.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:150px;
height:0px;
padding:150px 0 0 0;
margin:30px auto;
border-radius: 75px / 75px;
color:rgba(12,59,75,1);
}
#contents-link li.contents03 a{
background:url(images/contents03.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:150px;
height:0px;
padding:150px 0 0 0;
margin:30px auto;
border-radius: 75px / 75px;
color:rgba(12,59,75,1);
}
#contents-link li.contents04 a{
background:url(images/contents04.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:150px;
height:0px;
padding:150px 0 0 0;
margin:30px auto;
border-radius: 75px / 75px;
color:rgba(12,59,75,1);
}
#contents-link li.contents05 a{
background:url(images/contents05.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:150px;
height:0px;
padding:150px 0 0 0;
margin:30px auto;
border-radius: 75px / 75px;
color:rgba(12,59,75,1);
}
#contents-link li.contents06 a{
background:url(images/contents06.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:150px;
height:0px;
padding:150px 0 0 0;
margin:30px auto;
border-radius: 75px / 75px;
color:rgba(12,59,75,1);
}
#contents-link li p{
font-size:90%;
line-height:135%;
text-align:center;
}

}
/*TB版よこ*/
@media screen and (min-width:781px) and ( max-width:1024px){

.headline-image01{
background:url(images/contents01.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:120px;
height:10px;
padding:110px 0 0 0;
margin:50px auto 60px auto;
border-radius: 60px / 60px;
}
.headline-image02{
background:url(images/contents02.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:120px;
height:10px;
padding:110px 0 0 0;
margin:50px auto 60px auto;
border-radius: 60px / 60px;
}
.headline-image03{
background:url(images/contents03.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:120px;
height:10px;
padding:110px 0 0 0;
margin:50px auto 60px auto;
border-radius: 60px / 60px;
}
.headline-image04{
background:url(images/contents04.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:120px;
height:10px;
padding:110px 0 0 0;
margin:50px auto 60px auto;
border-radius: 60px / 60px;
}
.headline-image05{
background:url(images/contents05.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:120px;
height:10px;
padding:110px 0 0 0;
margin:50px auto 60px auto;
border-radius: 60px / 60px;
}
.headline-image06{
background:url(images/contents06.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:120px;
height:10px;
padding:110px 0 0 0;
margin:50px auto 60px auto;
border-radius: 60px / 60px;
}
.headline-image01 p,
.headline-image02 p,
.headline-image03 p,
.headline-image04 p,
.headline-image05 p,
.headline-image06 p{
width:250%;
margin:15px -75%;
text-align:center;
font-size:125%;
line-height:145%;
font-weight:bold;
}

#introduction {
background:url(../common/svgicon/bk_information.svg)center top no-repeat;
background-size:80px 80px;
padding:90px 0 0 0;
margin:50px 0;
}
#introduction p{
text-align:center;
font-weight:bold;
}

article h3{
margin:30px 0 20px 30px;
padding:0 0 0 8px;
border-left:8px solid rgba(12,59,75,1);
}
article h4{
margin:0 45px;
color:rgba(12,59,75,1);
line-height:1.8em;
}
article p{
margin:0 45px 15px 45px;
line-height:1.8em;
}
article p a{
color:rgba(12,59,75,1);
}
#contents-link{
padding:0 0 20px 0;
}
#contents-link li {
display:inline-block;
vertical-align:top;
width:49%;
font-size:100%;
line-height:160%;
text-align:center;
}
#contents-link li.contents01 a{
background:url(images/contents01.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:150px;
height:0px;
padding:150px 0 0 0;
margin:30px auto;
border-radius: 75px / 75px;
color:rgba(12,59,75,1);
}
#contents-link li.contents02 a{
background:url(images/contents02.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:150px;
height:0px;
padding:150px 0 0 0;
margin:30px auto;
border-radius: 75px / 75px;
color:rgba(12,59,75,1);
}
#contents-link li.contents03 a{
background:url(images/contents03.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:150px;
height:0px;
padding:150px 0 0 0;
margin:30px auto;
border-radius: 75px / 75px;
color:rgba(12,59,75,1);
}
#contents-link li.contents04 a{
background:url(images/contents04.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:150px;
height:0px;
padding:150px 0 0 0;
margin:30px auto;
border-radius: 75px / 75px;
color:rgba(12,59,75,1);
}
#contents-link li.contents05 a{
background:url(images/contents05.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:150px;
height:0px;
padding:150px 0 0 0;
margin:30px auto;
border-radius: 75px / 75px;
color:rgba(12,59,75,1);
}
#contents-link li.contents06 a{
background:url(images/contents06.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:150px;
height:0px;
padding:150px 0 0 0;
margin:30px auto;
border-radius: 75px / 75px;
color:rgba(12,59,75,1);
}
#contents-link li p{
font-size:90%;
line-height:135%;
text-align:center;
}

}
/*TB版たて*/
@media screen and (min-width:481px) and ( max-width:780px){

.headline-image01{
background:url(images/contents01.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:120px;
height:10px;
padding:110px 0 0 0;
margin:50px auto 60px auto;
border-radius: 60px / 60px;
}
.headline-image02{
background:url(images/contents02.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:120px;
height:10px;
padding:110px 0 0 0;
margin:50px auto 60px auto;
border-radius: 60px / 60px;
}
.headline-image03{
background:url(images/contents03.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:120px;
height:10px;
padding:110px 0 0 0;
margin:50px auto 60px auto;
border-radius: 60px / 60px;
}
.headline-image04{
background:url(images/contents04.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:120px;
height:10px;
padding:110px 0 0 0;
margin:50px auto 60px auto;
border-radius: 60px / 60px;
}
.headline-image05{
background:url(images/contents05.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:120px;
height:10px;
padding:110px 0 0 0;
margin:50px auto 60px auto;
border-radius: 60px / 60px;
}
.headline-image06{
background:url(images/contents06.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:120px;
height:10px;
padding:110px 0 0 0;
margin:50px auto 60px auto;
border-radius: 60px / 60px;
}
.headline-image01 p,
.headline-image02 p,
.headline-image03 p,
.headline-image04 p,
.headline-image05 p,
.headline-image06 p{
width:250%;
margin:15px -75%;
text-align:center;
font-size:125%;
line-height:145%;
font-weight:bold;
}

#introduction {
background:url(../common/svgicon/bk_information.svg)center top no-repeat;
background-size:80px 80px;
padding:90px 0 0 0;
margin:50px 0;
}
#introduction p{
text-align:center;
font-weight:bold;
}

article h3{
margin:25px 0 15px 30px;
padding:0 0 0 8px;
border-left:6px solid rgba(12,59,75,1);
}
article h4{
margin:0 45px;
color:rgba(12,59,75,1);
line-height:1.8em;
}
article p{
margin:0 45px 10px 45px;
line-height:1.8em;
}
article p a{
color:rgba(12,59,75,1);
}
#contents-link{
padding:0 0 20px 0;
}
#contents-link li {
display:inline-block;
vertical-align:top;
width:49%;
font-size:90%;
line-height:160%;
text-align:center;
}
#contents-link li.contents01 a{
background:url(images/contents01.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:130px;
height:0px;
padding:130px 0 0 0;
margin:30px auto;
border-radius: 65px / 65px;
color:rgba(12,59,75,1);
}
#contents-link li.contents02 a{
background:url(images/contents02.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:130px;
height:0px;
padding:130px 0 0 0;
margin:30px auto;
border-radius: 65px / 65px;
color:rgba(12,59,75,1);
}
#contents-link li.contents03 a{
background:url(images/contents03.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:130px;
height:0px;
padding:130px 0 0 0;
margin:30px auto;
border-radius: 65px / 65px;
color:rgba(12,59,75,1);
}
#contents-link li.contents04 a{
background:url(images/contents04.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:130px;
height:0px;
padding:130px 0 0 0;
margin:30px auto;
border-radius: 65px / 65px;
color:rgba(12,59,75,1);
}
#contents-link li.contents05 a{
background:url(images/contents05.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:130px;
height:0px;
padding:130px 0 0 0;
margin:30px auto;
border-radius: 65px / 65px;
color:rgba(12,59,75,1);
}
#contents-link li.contents06 a{
background:url(images/contents06.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:130px;
height:0px;
padding:130px 0 0 0;
margin:30px auto;
border-radius: 65px / 65px;
color:rgba(12,59,75,1);
}
#contents-link li p{
font-size:90%;
line-height:135%;
text-align:center;
}

}
/*スマホ版レイアウト*/
@media screen and (max-width:480px){

.headline-image01{
background:url(images/contents01.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:90px;
height:10px;
padding:80px 0 0 0;
margin:40px auto 60px auto;
border-radius: 50px / 50px;
}
.headline-image02{
background:url(images/contents02.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:90px;
height:10px;
padding:80px 0 0 0;
margin:40px auto 60px auto;
border-radius: 50px / 50px;
}
.headline-image03{
background:url(images/contents03.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:90px;
height:10px;
padding:80px 0 0 0;
margin:40px auto 60px auto;
border-radius: 50px / 50px;
}
.headline-image04{
background:url(images/contents04.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:90px;
height:10px;
padding:80px 0 0 0;
margin:40px auto 60px auto;
border-radius: 50px / 50px;
}
.headline-image05{
background:url(images/contents05.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:90px;
height:10px;
padding:80px 0 0 0;
margin:40px auto 60px auto;
border-radius: 50px / 50px;
}
.headline-image06{
background:url(images/contents06.jpg)left top no-repeat #111;
background-size:100%;
display:block;
width:90px;
height:10px;
padding:80px 0 0 0;
margin:40px auto 60px auto;
border-radius: 50px / 50px;
}
.headline-image01 p,
.headline-image02 p,
.headline-image03 p,
.headline-image04 p,
.headline-image05 p,
.headline-image06 p{
width:250%;
margin:15px -75%;
text-align:center;
font-size:125%;
line-height:145%;
font-weight:bold;
}

#introduction {
background:url(../common/svgicon/bk_information.svg)center top no-repeat;
background-size:60px 60px;
padding:70px 0 0 0;
margin:40px 0;
}
#introduction p{
text-align:center;
font-weight:bold;
}

article h3{
margin:25px 0 10px 15px;
padding:0 0 0 7px;
border-left:5px solid rgba(12,59,75,1);
}
article h4{
margin:0 27px;
color:rgba(12,59,75,1);
line-height:1.8em;
}
article p{
margin:0 27px 10px 27px;
line-height:1.8em;
}
article p a{
color:rgba(12,59,75,1);
}
#contents-link{
padding:0 0 30px 0;
}
#contents-link li {
display:inline-block;
vertical-align:top;
width:49%;
font-size:90%;
line-height:160%;
text-align:center;
}
#contents-link li.contents01 a{
background:url(images/contents01.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:120px;
height:0px;
padding:120px 0 0 0;
margin:23px auto;
border-radius: 60px / 60px;
color:rgba(12,59,75,1);
}
#contents-link li.contents02 a{
background:url(images/contents02.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:120px;
height:0px;
padding:120px 0 0 0;
margin:23px auto;
border-radius: 60px / 60px;
color:rgba(12,59,75,1);
}
#contents-link li.contents03 a{
background:url(images/contents03.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:120px;
height:0px;
padding:120px 0 0 0;
margin:23px auto;
border-radius: 60px / 60px;
color:rgba(12,59,75,1);
}
#contents-link li.contents04 a{
background:url(images/contents04.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:120px;
height:0px;
padding:120px 0 0 0;
margin:23px auto;
border-radius: 60px / 60px;
color:rgba(12,59,75,1);
}
#contents-link li.contents05 a{
background:url(images/contents05.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:120px;
height:0px;
padding:120px 0 0 0;
margin:23px auto;
border-radius: 60px / 60px;
color:rgba(12,59,75,1);
}
#contents-link li.contents06 a{
background:url(images/contents06.jpg)left top no-repeat #DDD;
background-size:100% 100%;
display:block;
width:120px;
height:0px;
padding:120px 0 0 0;
margin:23px auto;
border-radius: 60px / 60px;
color:rgba(12,59,75,1);
}
#contents-link li p{
font-size:90%;
line-height:135%;
text-align:center;
margin:0 10px -10px;
}

}

/*共通*/
ul.linkzone{
margin:0 0 30px 30px;
}

li.sitelink {
display:inline-block;
vertical-align:top;
width:28%;
font-size:100%;
line-height:140%;
margin:0 3% 10px 0;
}
li.sitelink a {
display:block;
padding:10%;
background:#E0DAC5;
border-radius:5px / 5px;
color:#246647;
font-weight:bold;
}




.formtitle{
margin:30px 0 20px 30px;
}
form{
margin:0 30px;
}
dt,dd{
margin:0;
}

@media screen and (min-width:1025px){
ul.error_list{font-size:100%; font-weight:bold; color:#FF4444; border:2px solid #FF4444; border-radius:5px/5px; padding:10px!important; background:#FFF;}
dt{font-size:115%; margin:15px 0 10px 0;}
dt span{font-size:90%; color:#FF4444; margin:0 0 0 10px;}
dd input{font-size:120%; width:98%; padding:7px; margin:0 0 5px 0;}
dd select{font-size:120%; width:100%; padding:7px; margin:0 0 5px 0;}
dd textarea{font-size:120%; width:98%; height:80px; padding:7px; margin:0 0 5px 0;}
.error_blank{font-size:90%; color:#FF4444; font-weight:bold;}
#form_submit{margin:30px 0;}
#form_submit input.once{width:100%; font-size:140%; font-weight:bold; height:64px; background:rgba(12,59,75,1); border-radius:10px / 10px; color:#FFF; cursor:pointer;}
#form_submit input.twe{width:26%; font-size:140%; font-weight:bold; height:64px; background:rgba(12,59,75,1); border-radius:10px / 10px; color:#FFF; display:inline-block; cursor:pointer;}
}

@media screen and (min-width:781px) and ( max-width:1024px){
ul.error_list{font-size:100%; font-weight:bold; color:#FF4444; border:2px solid #FF4444; border-radius:5px/5px; padding:10px!important; background:#FFF;}
dt{font-size:115%; margin:15px 0 10px 0;}
dt span{font-size:90%; color:#FF4444; margin:0 0 0 10px;}
dd input{font-size:120%; width:98%; padding:7px; margin:0 0 5px 0;}
dd select{font-size:120%; width:100%; padding:7px; margin:0 0 5px 0;}
dd textarea{font-size:120%; width:98%; height:80px; padding:7px; margin:0 0 5px 0;}
.error_blank{font-size:90%; color:#FF4444; font-weight:bold;}
#form_submit{margin:30px 0;}
#form_submit input.once{width:100%; font-size:140%; font-weight:bold; height:64px; background:rgba(12,59,75,1); border-radius:10px / 10px; color:#FFF; cursor:pointer;}
#form_submit input.twe{width:32%; font-size:140%; font-weight:bold; height:64px; background:rgba(12,59,75,1); border-radius:10px / 10px; color:#FFF; display:inline-block; cursor:pointer;}
}

@media screen and (min-width:481px) and ( max-width:780px){
ul.error_list{font-size:100%; font-weight:bold; color:#FF4444; border:2px solid #FF4444; border-radius:5px/5px; padding:10px!important; background:#FFF;}
dt{font-size:115%; margin:15px 0 10px 0;}
dt span{font-size:90%; color:#FF4444; margin:0 0 0 10px;}
dd input{font-size:120%; width:98%; padding:7px; margin:0 0 5px 0;}
dd select{font-size:120%; width:100%; padding:7px; margin:0 0 5px 0;}
dd textarea{font-size:120%; width:98%; height:80px; padding:7px; margin:0 0 5px 0;}
.error_blank{font-size:90%; color:#FF4444; font-weight:bold;}
#form_submit{margin:30px 0;}
#form_submit input.once{width:100%; font-size:140%; font-weight:bold; height:60px; background:rgba(12,59,75,1); border-radius:10px / 10px; color:#FFF; cursor:pointer;}
#form_submit input.twe{width:40%; font-size:140%; font-weight:bold; height:60px; background:rgba(12,59,75,1); border-radius:10px / 10px; color:#FFF; display:inline-block; cursor:pointer;}
}

@media screen and (max-width:480px){
ul.error_list{font-size:100%; font-weight:bold; color:#FF4444; border:2px solid #FF4444; border-radius:5px/5px; padding:10px!important; background:#FFF;}
dt{font-size:115%; margin:15px 0 10px 0;}
dt span{font-size:90%; color:#FF4444; margin:0 0 0 10px;}
dd input{font-size:120%; width:98%; padding:5px; margin:0 0 5px 0;}
dd select{font-size:120%; width:100%; padding:5px; margin:0 0 5px 0;}
dd textarea{font-size:120%; width:98%; padding:5px; height:60px; margin:0 0 5px 0;}
.error_blank{font-size:90%; color:#FF4444; font-weight:bold;}
#form_submit{margin:30px 0;}
#form_submit input.once{width:100%; font-size:140%; font-weight:bold; height:45px; background:rgba(12,59,75,1); border-radius:10px / 10px; color:#FFF; cursor:pointer;}
#form_submit input.twe{width:48%; font-size:140%; font-weight:bold; height:45px; background:rgba(12,59,75,1); border-radius:10px / 10px; color:#FFF; display:inline-block; cursor:pointer;}
}

dt.check{
font-size:120%;
font-weight:bold;
padding:10px 0 5px 0;
color:rgba(12,59,75,1);
border-bottom:1px dotted #111;
}

dd.check{
font-size:100%;
}

article h3 a{color:rgba(12,59,75,1);}