@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900');

* {
    margin: 0;
    padding: 0;
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
strong {
font-weight: bold;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *:before, *:after {
	box-sizing: border-box;
}

.clearfix:before, .clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/*base*/
html {
	/*font-size: 62.5%;*/
	font-size: 10px;
	position: relative;
}
body {
	background: #ffffff;
	text-align: center;
	color: #4a4a4a;
	font-size: 1.5rem;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Roboto, Arial,"Droid Sans", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	line-height: 180%;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	min-width: 1240px;
	font-weight: normal;
	word-break: break-all;
}

a {
	color: #4a4a4a;
	text-decoration: none !important;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
img {
	box-shadow: #000 0 0 0;
	vertical-align:middle;
}
a:hover {
	color: #01b3de;
}
a img{
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;}
a img:hover{opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;}

.left{
	float: left;
}
.right{
	float: right;
}
div,div p{
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}

.vsp {
	display: none;
}

.container{
	width: 1200px;
	margin: 0 auto;
	padding:0;
	text-align: left;
	position:relative;
}
#header{ padding:0 50px; position:absolute; width:100%; z-index:15;}
#header h1{ float:left; padding-top:25px;}
#header h1 a{ display:block; width:262px; height:45px; background-image: url(/user_data/topimg/top_logo.png); background-repeat:no-repeat; text-indent:-9999px;}
#header ul{ float:right; padding-top:45px; font-size:1.3rem;}
#header li{ float:left;}
.head_link{ padding-right:40px;}
.head_link img{ vertical-align:text-bottom;}
.head_sns{ padding-left:20px;}


#snsbtn{ margin:20px 0;}
#snsbtn li{ float:right; margin-left:5px;}

#index_mainimage{ 
background-image:url(mainimage.jpg); 
background-repeat:no-repeat;
 background-position:50%; 
 background-size:cover;}
#index_mainimage h2{
	text-align:center;
	color:#fff;
	font-size:3.6rem;
	font-weight:700;
	padding:220px 0 55px 0;
	line-height:1.7;
}
#index_mainimage .txt{
	text-align:center;
	color:#fff;
	font-size:2rem;
	font-weight:700;
	padding-bottom:35px;
	line-height:2;
}
#index_mainimage .txt span{ font-size:2.8rem; font-weight:900;}
.mainbox{
padding-bottom:100px;
}

dl.kikan{ 
background-color:rgba(255,255,255,0.5);
 border:1px solid #000; 
 margin:0 auto; 
 padding:20px 0 15px 35px;
  width:620px;}
.kikan dt{ background-color:#000; color:#fff; text-align:center; font-size:1.8rem; font-weight:bold; float:left; padding:5px 20px; margin-right:15px;}
.kikan dd{ color:#000; font-weight:bold; font-size:2.8rem; padding-top:3px;}
.kikan dd .fs18{ font-size:1.8rem;}
.kikan dd .lt_s{ letter-spacing:-0.4em;}


.syou{
color:#b19110;
font-weight:700;
}
.name{
color:#000;
font-size:16px;
}
.text{
font-size:16px;
}

#no1{
padding:95px 0;
}
#no1 h3{
padding-bottom:53px;
}
#no1 h3 .syou{
font-size:30px;
line-height:1.2;
}
#no1 h4{
font-size:20px;
font-weight:700;
padding:43px 0 23px 0;
}
#no1 .text span{
color:#cb8515;
}

#no2{
padding-bottom: 40px;
}
#no2 .right{
width: 385px;
padding-top: 280px;
}
#no2 h3{
padding-bottom:20px;
}
#no2 h3 .syou{
font-size:26px;
line-height:1.2;
}

.no3{
padding-top:90px;}
.no3 h3,#no4 h3{
border-bottom:1px solid #a0a0a0;
font-size:20px;
font-weight:normal;
color:#59493f;
margin-bottom:60px;
padding-bottom:10px;
}
.no3 h3 span,#no4 h3 span{
font-size:30px;
color:#171509;
font-weight:700;
}
.no3 ul{
text-align:center;
letter-spacing:-.4em;
}
.no3 li{
display:inline-block;
letter-spacing:normal;
vertical-align:top;
width:365px;
}
.no3 li:nth-child(2) {
margin:0 50px;
}
.no3 h4,#no4 h4 {
padding:35px 0 22px 0;
}
.no3 h4 .syou{
font-size:26px;
line-height:1.4;
}


#no4{
padding:90px 0;
}
#no4 h4 .syou{
color:#01b3de;
font-size:20px;
line-height:1.4;
}

.list{ margin:0 -25px;}
.list .item{ width:365px; padding-bottom:80px; line-height:1.6; margin:0 25px;}

#tickless{
padding:85px 0;
background-image:url(tickless_back.jpg);
background-repeat:no-repeat;
background-position:50%;
background-size:cover;
}
#tickless h2{
text-align:center;
color:#562700;
font-size:26px;
line-height:1.4;
}
#tickless h2 p{
text-align:center;
font-weight:bold;
font-size:32px;
}
#tickless .txt{
text-align:center;
font-size:18px;
padding:35px 0;
}
.tick_box{
position:relative;
text-align:center;
}
.tick_box .left{
margin-left:-46px;
}
.tick_box .tick{
position:absolute;
width:188px;
margin:0 auto;
left:0;
right:0;
bottom:-73px;
}
.tick_box ul{
text-align:right;
}
.tick_box li{
display:inline-block;
margin:0 0 30px 10px;
}
#tickless .name{
font-size:18px;
font-weight:700;
text-align:right;
padding-top:38px;
}



#pagetop{ background-color:#4a4a4a; color:#fff; text-align:center; font-size:1.4rem; padding:18px 0;}
#pagetop span{ font-size:0.8rem; vertical-align:top;}

#footer{ font-size:1.2rem; line-height:1.8; padding-bottom:100px;}
#footer h5{letter-spacing:2px; padding:50px 0 26px 0;}
#footer .title{ font-weight:bold; padding-bottom:8px;}
.footbox1 { float:left; width:255px;}
.footbox2 { float:left; width:260px; margin-right:100px;}
.footbox3 { float:left; width:260px;}
.footbox4 { float:right; width:260px;}
#footer .fs_w{ font-weight:bold;}

.footbox1 li a:before{ content:"- ";}
#copyright{ background-color:#f2f2f2; text-align:center; font-size:1.2rem; padding:26px 0 130px 0; letter-spacing:1px;}


#foot_comm{ color:#494949; background-color:#fff; padding:100px 10px 35px 10px;}
#foot_comm h3{ font-size:2.2rem; line-height:130%; margin-bottom:10px; text-align:center; font-weight:bold;}
#foot_comm p{ text-align:center; padding:10px 0 90px 0; font-size:1.5rem; line-height:170%;}
#foot_comm p span{ font-weight:bold; font-size:1.8rem;}

@media screen and (max-width:1200px){
.container{
	margin:0 20px;
}
}

@media screen and (max-width:760px){

.nsp{ display:none;}
.vsp{ display:inherit;}

body {
	font-size: 1.4rem;
	line-height: 180%;
	min-width: 100%;
}
#header{ padding:0 20px; position:inherit; background-color:#efefef;}
#header h1{ float:none; padding-top:15px;}
#header h1 a{ width:180px; height:31px; background-size:100% auto;background-image: url(/user_data/packages/boot/common/logo.png);}
#header ul{ float:right; padding-top:15px; font-size:1.3rem;}
#header li{ float:left;}
.head_link{ padding-right:0;}
.head_link img{ vertical-align:text-bottom;}
.head_sns{ padding-left:10px;}

.container{
	width: 100%;
	padding:0 20px;
margin:0;
}
img{ max-width:100%;}
.nsp{ display:none;}

#snsbtn{ margin:10px 0 40px 0;}

#header{ padding-bottom:20px;}
#index_mainimage{ margin-top:0; padding: 0 0;}
#index_mainimage h2{ font-size:1.8rem; padding:30px 0; line-height:1.4;}
#index_mainimage h2 img{ margin-top:10px;}
#index_mainimage .txt{ font-size:1.5rem; padding-bottom:30px; line-height:1.8; text-align:justify;}

dl.kikan{ padding:10px; width:100%;}
.kikan dt{  font-size:1.6rem; float:none; padding:5px 20px; margin-right:0;}
.kikan dd{  font-size:2rem; padding-top:15px; text-align:center;}
.kikan dd .fs18{ font-size:1.6rem;}

.container {
    padding: 0 15px;
}
#index_mainimage .txt span {
font-size: 2.3rem;
text-align:center;
display:block;
}
.mainbox{
padding-bottom:50px;
}


h3 .name{
font-size:15px;
}
.text{
font-size:15px;
}

#no1{
padding:60px 0;
}
#no1 h3{
padding-bottom:20px;
}
#no1 h3 .syou{
font-size:22px;
line-height:1.2;
}
#no1 h4{
font-size:18px;
padding:30px 0 15px 0;
}

#no2{
padding-bottom: 40px;
}
#no2 .right{
width:100%;
padding-top:20px;
float:none;
}
#no2 h3 .syou{
font-size:20px;
line-height:1.2;
}


.no3{
padding-top:60px;}
.no3 h3,#no4 h3{
font-size:16px;
margin-bottom:30px;
padding-bottom:10px;
}
.no3 h3 span,#no4 h3 span{
display:inline-block;
font-size:22px;
}
.no3 ul{
text-align:center;
}
.no3 li{
display:block;
width:100%;
}
.no3 li:nth-child(2){
margin:40px 0;
}
.no3 h4{
padding:0px 0 20px 0;
}
.no3 h4 .syou{
font-size:20px;
line-height:1.4;
}
.no3 .text,#no4 .text{
padding-top:15px;
}

#no4{}#no4 h4 {
padding:0px 0 10px 0;
}
#no4 h4 .syou{
font-size:16px;
line-height:1.4;
}
#no4 h4 .name{
font-size:14px;
}
#no4 .text{
font-size:14px;
line-height:1.5;
}
.list{ margin:0 0;}
.list .item{ width:100%; padding:0 0 40px 0; margin:0; text-align:center;}
.list .item img{
max-height:250px;
max-width:290px;
}


#tickless{
padding:65px 0;
}
#tickless h2{
text-align:center;
font-size:20px;
line-height:1.4;
}
#tickless h2 p{
text-align:center;
font-size:22px;
}
#tickless .txt{
font-size:15px;
}
.tick_box{
position:relative;
text-align:center;
}
.tick_box .left{
margin-left:0;
padding:0 30px 30px 30px;
}
.tick_box .tick{
position:absolute;
width:30%;
top:-15px;
left:auto;
right:-15px;
bottom:auto;
}
.tick_box ul{
text-align:center;
letter-spacing:-.4em;
margin:0 -10px;
}
.tick_box li{
text-align:center;
letter-spacing:normal;
width:50%;
margin:0;
padding:0 10px 15px 10px;
}
#tickless .name{
font-size:15px;
text-align:center;
padding-top:20px;
}


#foot_comm{ padding:45px 20px 35px 20px;}
#foot_comm h3{ font-size:2rem; line-height:130%;}
#foot_comm p{ padding:10px 0 30px 0; font-size:1.4rem; line-height:170%;word-break:normal;}

#foot_comm ul{ padding-top:45px; font-size:1.3rem; text-align:center;}
#foot_comm li{ display:inline-block}

#copyright{ padding:10px 20px; letter-spacing:0;}

}