@charset "UTF-8";
/* CSS Document */

/* css clear ========================================= */
body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table,tr, th, td, embed, object {margin:0;padding:0;vertical-align:baseline;}
ul li {list-style: none;}
li img, dt img, dd img {vertical-align: bottom;}
a {overflow: hidden;color:#dd001a;outline: none;text-decoration: none;}
a:visited {text-decoration:none;}
a:active {text-decoration:underline;}
a:hover {text-decoration: underline;}
a img {border-style: none;}

/* clearfix ========================================= */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac */  
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* hide from IE-mac end */ 

/* youtube */
.movie {position:relative;padding-bottom:52.25%;padding-top:30px;margin:0 20px;height:0;overflow:hidden;} 
.movie iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/* interview */
.interview-area {background:#dd001a;background-image:url(../images/town_bg.gif); background-position:top center; background-repeat:no-repeat; background-size:100% auto;padding-bottom:5px;margin-bottom:30px;}
.interview-area .interview-p { padding:50px 0 0 20px;}
.interview-area .it-box {margin:0 20px 20px 20px;background:#FFF;padding:10px;}
.interview-area .it-box .it-box-in {border:2px solid #dd001a;padding:10px;}
.interview-area dl {letter-spacing: -.4em;}
.interview-area dl dt,.interview-area dl dd {display:inline-block;vertical-align:top;width:48%;margin:1%;letter-spacing: normal;}
.interview-area dl dt img,.interview-area dl dd img { width:100%; height:auto;}
.interview-area dl dt {position:relative;}
.interview-area dl dt span {position:absolute;display:block;left:0;bottom:0;color:#fff;margin:0;padding:8px 0 8px 3%;width: 97%;background:#000;filter:Alpha(opacity=70);opacity:0.7;}
.interview-area dl dd .int-p {font-size:20px;font-weight:bold;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #dd001a;}
.interview-area dl dd a {display:block; text-align:right;}
.interview-area dl dd .link_btn { max-width:150px;margin-top:10px;}
section#s10 .interview-area .it-box .it-box-in dl dt div {border:1px solid #000;padding:10px;margin-bottom:10px;}
section#s10 .interview-area .it-box .it-box-in dl dt strong {display:block;margin-bottom:15px;color:#dd001a;font-size:16px;font-weight:bold;border-bottom:1px solid #dd001a;}
section#s10 .interview-area .it-box .it-box-in dl dd strong {display:block;margin:15px 0;color:#dd001a;font-size:16px;font-weight:bold;border-bottom:1px solid #dd001a;}
section#s10 .interview-area .it-box .it-box-in dl dt p,section#s10 .interview-area .it-box .it-box-in dl dd p {margin-bottom:15px;}

/* base */
body {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:14px;}
.base-w {max-width:1024px;width:100%;margin:0 auto;}
section#s5 h2,section#s6 h2,section#s7 h2,section#s8 h2,section#s9 h2,section#s10 h2 {border-bottom:8px solid #dd001a;padding-bottom:15px;}
section#s5 h3,section#s6 h3,section#s7 h3,section#s8 h3,section#s9 h3 {padding:0 0 5px 30px;margin:0 20px 20px 20px; background-image:url(../images/apple_icon.svg);font-size:18px; background-position:left -2px; background-repeat:no-repeat; background-size:30px auto;border-bottom:2px solid #dd001a;}
.p-tit {margin:0 20px 20px 20px;line-height:1.8em;}
.p-tit .span-h {margin-left:-10px;font-weight:bold;}
.ul-list {margin:0 20px 30px 40px;line-height:1.8em;}
.ul-list li {list-style:disc;}
.ph-area {margin:0 20px 20px 20px;}
.ph-area ul {letter-spacing: -.4em;}
.ph-area ul li {position:relative;display:inline-block;letter-spacing: normal; width:31%;margin-right:3.5%;margin-bottom:3.5%;}
.ph-area ul li:nth-child(3),.ph-area ul li:nth-child(6) {margin-right:0%;}
.ph-area ul li img {width:100%; height:auto;}
.ph-area ul li span {position:absolute;display:block;left:0;bottom:0;color:#fff;margin:0;padding:8px 0 8px 3%;width: 97%;background:#000;filter:Alpha(opacity=70);opacity:0.7;}

/* header */
section {}
header {/*position: absolute;*/width: 100%;background-color:#FFF; padding:10px 0;line-height:1;z-index:9999;}
header .hd-width {max-width:1024px; width:96%;margin:0 auto;}
header h1 {margin-bottom:30px;padding:5px; text-align:center;}
header ul {letter-spacing: -.4em; width:100%;}
header ul li {display:inline-block;width:9.09%;}
header ul li a {display:inline-block;width:100%;padding:5px 0; text-align:center;letter-spacing: normal;box-sizing:border-box;border-left:1px dashed #dd001a;}
header ul li:last-child a {border-right:dashed 1px #dd001a;box-sizing:border-box;}
header ul li a:hover { background-color:#FFE8E7;}
.main-img {margin-top:/*185px*/;}
.main-img img { width:100%; height:auto;}

/* section2 */
section#s2 .base-w { position:relative;}
section#s2 h2 {text-align:center;margin:30px 0;}
section#s2 h3 {padding:20px 0 20px 30px;margin-left:20px; background-image:url(../images/apple_icon.svg);font-size:18px; background-position:left 50%; background-repeat:no-repeat; background-size:30px auto;}
.news-btn {position:absolute;top:0;right:20px;}
.news-area .base-w {background-color:#fbe0e3;padding:0 0 30px 0;}
.news-box { background-color:#FFF;border:2px solid #e6e6e6;padding:0 15px 10px 15px;margin:0 20px 0 20px;max-height:330px;overflow-y: scroll;}
.news-box dl {border-bottom:1px dotted #CCC; padding:20px 0;}
.news-box dl dt {margin-right:15px;font-weight:bold;}
.news-box dl dd {margin:-21px 0 0 120px}
.news-box dl dt,.news-box dl dd {line-height:1.5em;}

/* section3 */
section#s3 {margin-bottom:50px;}
section#s3 h2 {text-align:center;margin:50px 0;}
section#s3 h2 img {max-width:524px; width:80%;}
section#s3 dl dt,section#s3 dl dd {display:inline-block;vertical-align:top;text-align:center;}
section#s3 dl dt img,section#s3 dl dd img {width:96%;height:auto; text-align:center;}
section#s3 dl dt {width:55%;margin-bottom:20px;}
section#s3 dl dt img {max-width:520px;}
section#s3 dl dd {width:43%;}
section#s3 dl dd img {max-width:410px;}
section#s3 h3 {text-align:center;margin:50px 0 20px 0;}
section#s3 h3 img {max-width:420px; width:80%;}
.yt-link { text-align:center; font-size:18px; font-weight:bold;margin-top:30px;}

/* section5 */
section#s5 .seikatu-tit {text-align:center;margin:30px 0;}
section#s5 .seikatu-tit img {max-width:590px; width:90%;}
section#s5 h3 {padding:0 0 5px 30px;margin:0 20px 20px 20px; background-image:url(../images/apple_icon.svg);font-size:18px; background-position:left -2px; background-repeat:no-repeat; background-size:30px auto;border-bottom:2px solid #dd001a;}
.dl-bl {margin:0 20px 20px 20px;line-height:1.8em;letter-spacing: -.4em;}
.dl-bl dt,.dl-bl dd {display:inline-block;letter-spacing: normal;}
.dl-bl dt {width:30%;margin-right:3%;}
.dl-bl dt img {width:100%;height:auto;}
.dl-bl dd {width:67%;vertical-align:top;}
.table-style {width:90%;margin:0 auto 10px auto;border-top:2px solid #dd001a;border-left:2px solid #dd001a;}
.table-style th {color:#FFF;}
.table-style th br {display:none;} 
.table-style th.th-b {padding:10px;border-right:2px solid #FFF;border-bottom:2px solid #dd001a;}
.table-style td {padding:10px;border-right:2px solid #dd001a;border-bottom:2px solid #dd001a;}
.table-style th {background:#dd001a;}
.table-style td img { width:100%; height:auto;}
.table-style tr .td-red {color:#dd001a;font-weight:bold;font-size:18px;}
.table-style tr .td-red span {display:block;font-size:14px !important;font-weight:normal;color:#000;}
.table-p {margin:0 5% 20px 5%;}

/* section6 */
section#s6 h2 {margin-bottom:30px;}
section#s6 .img-w { text-align:center;margin-bottom:30px;}
section#s6 .img-w img {width:90%;height:auto; max-width:920px;}

/* section7 */
section#s7 h2 {margin-bottom:30px;}
section#s7 .ul-lr {letter-spacing: -.4em;margin:0 20px 30px 20px;}
section#s7 .ul-lr li {display:inline-block; width:49%;margin-right:2%;letter-spacing: normal; vertical-align:top;}
section#s7 .ul-lr li:first-child img { float:right; max-width:200px; height:auto; width:100%;}
section#s7 .ul-lr li:last-child {margin-right:0;}
section#s7 .ul-lr li:last-child img {max-width:100%; height:auto;}

/* section8 */
section#s8 .work-tit {text-align:center;margin:30px 0;}

/* section9 */
section#s9 h2 {margin-bottom:30px;}
.event-area {background-color:#f7c5ab;margin:0 20px 30px 20px;}
.event-area dl {letter-spacing: -.4em;}
.event-area dl dt,.event-area dl dd {display:inline-block;width:50%;letter-spacing: normal; vertical-align:top;}
.event-area dl dt img { width:100%; height:auto;}
.event-area dl dd .ev-l ,.event-area dl dd .ev-r {display:inline-block;width:40%;margin:20px 0 0 5%;vertical-align:top;}
.event-area dl dd .ev-l span ,.event-area dl dd .ev-r span {display:block;font-weight:bold;width:90%;padding:5px 5%;background-color:#FFF;}
.event-area dl dd .ev-l p ,.event-area dl dd .ev-r p {display:block;font-weight:bold;width:90%;margin-bottom:10px;padding:5px 5%;background-color:#dd001a;color:#FFF;}

/* section10 */
section#s10 h2 {margin-bottom:30px;}

/* section11 */
section#s11 h3 {text-align:center;margin-bottom:30px;}
section#s11 h3 img {max-width:590px; width:90%;}
.contact-btn {text-align:center;margin:50px 0 30px 0;}
.contact-btn img {max-width:474px;width:80%;height:auto;}
.add-area {width:350px;margin:0 auto 30px auto;}
.page-top {position: fixed;bottom:20px;right:20px;}
.page-top img { width:80px; height:80px;}

/* copyright */
.copyright {background-color:#333;padding:5px 0;font-size:11px;text-align:center;color:#FFF;}

/* news */
section#news h2 {text-align:center;margin:30px 0;}
.news-area2 .base-w {padding:0 0 50px 0;}
.news-box2 { background-color:#FFF;padding:0 0 10px 0;margin:0 20px 0 20px;}
.news-box2 dl {border-bottom:1px dotted #CCC; padding:20px 0;}
.news-box2 dl dt {margin-right:15px;font-weight:bold;}
.news-box2 dl dd {margin:-21px 0 0 120px}
.news-box2 dl dt,.news-box dl dd {line-height:1.5em;}
.news-p { line-height:1.8em; margin:15px 0;}
.news-box2 .news-img {text-align:center;margin-bottom:15px;}
.news-box2 .news-img img {max-width:600px; width:80%; height:auto;}

/*toiawase */
section#toiawase h2 {text-align:center;margin:30px 0;}
section#toiawase table { width: 100%;border-collapse: collapse;border-spacing: 0;}
section#toiawase table th,section#toiawase table td  { padding: 10px; border: 1px solid #ddd; box-sizing:border-box;}
section#toiawase table th  { background: #f4f4f4;width: 30%;min-width:150px; text-align: left; }
section#toiawase table td input[type="text"],section#toiawase table td textarea[type="text"] { width:96%;padding:2%;margin:0; box-sizing:border-box;}
section#toiawase table td textarea[type="text"] {min-height:200px;}
section#toiawase .submit-btn {text-align:center;}
section#toiawase input[type="submit"] {font-size:18px; width:100px;padding:10px 0;margin:30px 10px; background-color:#dd001a;color:#FFF;font-weight:bold;border:none; border-radius:5px;cursor:pointer;}
section#toiawase input[type="submit"].syusei { background-color:#999;}
.toiawase-p {margin-bottom:15px;}
.toiawase-p strong {color:#dd001a;}
.toiawase-p-end {padding:0 0 50px 0;text-align:center;font-weight:bold;font-size:18px;color:#333;}
 	
@media (max-width: 1024px) {
.interview-area dl dt span {font-size:12px;}
#global-nav {box-shadow:0px 0px 20px 1px;}
header h1 { text-align:left;padding:0 5px}
header ul {max-width:1000px; width:96%;margin:10px auto;}
header ul li { width:15%;vertical-align:top;border-left:dashed 1px #FFF;}
header ul li img { width:60%;vertical-align:top;}
header ul li a { width:100%;padding:0;box-sizing:border-box;border-left:dashed 1px #dd001a;}
header ul li:nth-child(6) a {border-right:dashed 1px #dd001a;}
.main-img {margin-top:56px;}

section {margin-top:-56px;padding-top:56px;}

/* section2 */
section#s2 h2 {text-align:left;margin:30px 0 30px 20px;}
.news-box {margin:0 10px 0 10px;max-height:200px;overflow-y: scroll;}

/* section3 */
section#s3 {margin-bottom:30px;}

/* section9 */
.event-area dl dd .ev-l ,.event-area dl dd .ev-r {display:inline-block;width:46%;margin:20px 0 0 2%;vertical-align:top;}

/* news */
section#news h2 {margin:86px 0 30px 0;}

/* toiawase */
section#toiawase h2 {margin:86px 0 30px 0;}
.toiawase-area {margin:15px;}

}

@media (max-width: 840px) {
section#s7 .ul-lr li:first-child {display:block;width:80%;margin:0 auto 20px auto;}
section#s7 .ul-lr li:last-child {text-align:center;width:100%;margin-right:0%;}
.event-area dl dt,.event-area dl dd {width:100%;}
.event-area dl dd .ev-l ,.event-area dl dd .ev-r {margin-bottom:20px;}
}

@media (max-width: 640px) {
header ul {max-width:600px;margin:10px auto;}
header ul li { width:30%;vertical-align:top;}
header ul li img { width:60%;vertical-align:top;}
header ul li a { width:100%;padding:0;box-sizing:border-box;border-bottom:dashed 1px #dd001a;}
header ul li:nth-child(1) a,header ul li:nth-child(4) a,header ul li:nth-child(7) a,header ul li:nth-child(10) a {border-left:dashed 1px #FFF;}
header ul li:nth-child(10) a,header ul li:last-child a {border-right:none;border-bottom:none;}
header ul li:nth-child(6) a {border-right:none;}
	
.interview-area dl dt,.interview-area dl dd {width:98%;margin:1%;}
.table-style tr td {font-size:80%;}
.table-style tr .td-red {font-size:120%;}
.table-style tr .td-red br {display:none;}
.table-style tr .td-red span {font-size:10px !important;}
.table-style th br {display:block;}
.ph-area ul li {width:47%;}
.ph-area ul li:nth-child(3),.ph-area ul li:nth-child(6) {margin-right:3.5%;}
.ph-area ul li:nth-child(2),.ph-area ul li:nth-child(4),.ph-area ul li:nth-child(6) {margin-right:0;}
.ph-area ul li span {font-size:11px;}
section#s3 dl dt {width:100%;}
section#s3 dl dd {width:100%;}
section#s5 h2 img,section#s6 h2 img,section#s7 h2 img,section#s8 h2 img,section#s9 h2 img,section#s10 h2 img { height:36px; width:auto;}
section#s11 {padding-bottom:20px;}
.page-top {bottom:10px;right:10px;}
.page-top img { width:60px; height:60px;}

/* toiawase */
.toiawase-p-end br {display:none;}

}

@media (max-width: 480px) {
section#s7 .ul-lr li:first-child img {float:none; display:block;margin-bottom:20px;}
section#s7 .ul-lr li:first-child {width:100%;margin:0 auto 20px auto;}
.add-area { width:inherit;font-size:80%; text-align:center;}

/* toiawase */
section#toiawase table {margin: 0;}
section#toiawase table th,section#toiawase table td {width:100%;display:block;border-top: none;padding:2%;margin:0;}
section#toiawase table tr:first-child th {border-top: 1px solid #ddd;}

}


/* 移住 */
/*.base-w h2 {border-bottom:8px solid #dd001a;padding-bottom:15px;}*/
.base-w h3 {padding:0 0 5px 30px;margin:0 0px 20px 0px; background-image:url(../images/apple_icon.svg);font-size:18px; background-position:left -2px; background-repeat:no-repeat; background-size:30px auto;border-bottom:2px solid #dd001a;}
.base-w h4 {
	font-size: 15px;
	padding: 0 0 5px 0;
	margin: 0;
}