@charset "utf-8";
/* --------
common
-------- */

body{ font-family: 	YuGothic,'Yu Gothic', "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif; color: #010101; margin: 0;padding: 0; }
#wrapper a { color: #010101; text-decoration: none; -webkit-transition: 1s ease; transition: 1s ease;}
#wrapper p { line-height: 150%; letter-spacing: .8px; }
#wrapper h2,#wrapper h3, #wrapper h4{ letter-spacing:.8px;line-height: 150%;}
#contents { width: 100% !important; text-align: center; margin: 0 !important;padding: 0 !important;}
#wrapper{ background: #fff; width: 100%;}

@media (min-width: 737px) {

body{ min-width: 980px; font-size: 18px;}
.inner { width:980px; margin: 0 auto;}
#wrapper { margin: 45px auto 0; padding-bottom: 200px;}

/* FV */
#contentFV { background: url(../images/bg_main.jpg) no-repeat center 40%; background-size: cover; height: 600px; margin-bottom:  60px; width: 100%;}

#contentFV .title { display: -webkit-box; display: -webkit-flexbox; display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; padding: 100px 0 50px; position: relative; text-align: center;}
.title p { order: 1; width: 100%; margin-bottom: 20px;}
.title p br { display: none;}
.title h1 { order: 2; width: 100%;}
.icon-QR { background: #fff; border: 2px solid #bababa;margin: 0 50px 0 auto; padding: 40px 55px; width: 160px; height: auto; }
.icon-QR p { font-size: 16px; font-weight: bold; letter-spacing: 1px; line-height: 140%; margin-bottom:10px; }

/* background blue */
.box-blue { background: #a8d3ef; color: #006da7; padding: 0 0 35px 0;}

/* h2 */
.capt{
background: rgb(242,243,243);
background: -moz-linear-gradient(top, rgba(242,243,243,1) 1%, rgba(215,217,218,1) 100%);
background: -webkit-linear-gradient(top, rgba(242,243,243,1) 1%,rgba(215,217,218,1) 100%);
background: linear-gradient(to bottom, rgba(242,243,243,1) 1%,rgba(215,217,218,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f3', endColorstr='#d7d9da',GradientType=0 );
height: 45px; margin-bottom:  35px;
}
.capt h2 { font-size: 24px; margin: 0 auto; line-height: 45px; padding-left: 25px; text-align:  left; width:955px;}

/* h3 */
.txt h3 { font-size: 24px; margin-bottom: 15px; }

/* box */
.flex-box{ border-bottom: 1px solid #9d9d9d; display: -webkit-box; display: -webkit-flexbox; display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto 35px; padding-bottom: 50px; width: 980px;}
.flex-box .img{ order: 1; margin-right: 15px; width: 350px;}
.flex-box .img img{box-shadow: 0 0 0 1px #afafaf; line-height: 0; width: 100%; height: auto;}
.flex-box .txt{ order: 2; text-align: left; width: 615px;}

.box-blue .flex-box{ border-bottom: 1px solid #006da7;}

/* bt-more*/
.bt-more,.bt-more02 { /*height: 55px; line-height: 55px; */ margin: 50px 0 0 auto; width: 385px;}
#wrapper .bt-more a,#wrapper .bt-more02 a{ display: block; background: url(../images/icon_plus.png) no-repeat 95% center , #006da7; background-size: 14px auto; color: #fff; font-size: 18px;font-weight: bold; text-align: center;padding: 15px 40px 15px 20px; position: relative; -webkit-transition: 1s; transition: 1s;}
#wrapper .bt-more02 a { background: url(../images/icon_plus2.png) no-repeat 95% center , #fff; background-size: 14px auto; color: #006da7;}
#wrapper .bt-more a:hover{ background: url(../images/icon_plus.png) no-repeat 95% center , #000; background-size: 14px auto;}
#wrapper .bt-more02 a:hover { background: url(../images/icon_plus.png) no-repeat 95% center , #000; background-size: 14px auto; color: #fff;}

/*bt-top*/

#bt-top { position: fixed; right: 30px; bottom: 30px;}
#bt-top a{display: block;}
#bt-top img{-webkit-transition: 1s; transition: 1s;}
#bt-top a:hover img { opacity: .4;}
}




@media (max-width: 736px) {
body{width: 100%; font-size: 14px;}
.inner { width: 95%; margin: 0 auto;}
#wrapper { margin: 0 auto 0; padding-bottom: 0;}

/* FV */
#contentFV { background: url(../images/bg_main_sp.jpg) no-repeat center 40%; background-size: cover; max-height: 700px; min-height: 400px; height: 100%; margin-bottom: 30px; width: 100%;}

#contentFV .title { display: -webkit-box; display: -webkit-flexbox; display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; padding: 100px 0 50px; position: relative;}
.title p { order: 1; width: 100%; margin: 0 auto 20px; font-size: .9rem;}
.title h1 { order: 2; margin: 0 auto; width: 90%;}
.title h1 img { width: 100%; height: auto;}
.icon-QR { display: none; }

/* background blue */
.box-blue { background: #a8d3ef; color: #006da7; padding: 30px 0 0;}

/* h2 */
.capt{ margin-bottom:  10px;}
.capt h2 { margin: 0 auto; text-align: center; width: 100%; }

/* h3 */
.txt h3 { margin-bottom: 5px; text-align: center;}

/* box */
.flex-box{ border-bottom: 1px solid #9d9d9d; display: -webkit-box; display: -webkit-flexbox; display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto 30px; padding-bottom: 30px; width:  90%;}
.last .flex-box{ margin: 0 auto;}

.flex-box .img{ order: 1; margin-bottom: 10px; width: 100%;}
.flex-box .img img{ box-shadow: 0 0 0 1px #afafaf; display: block; line-height: 0; margin: 0 auto; width: 100%; height:  auto;}
.flex-box .txt{ order: 2; text-align: left; margin: 0 auto; width: 100%;}

.box-blue .flex-box{ border-bottom: 1px solid #006da7;}
.box-blue .last .flex-box{ border-bottom: 0;}

/* bt-more*/
#wrapper .bt-more,#wrapper .bt-more02 { height: auto; line-height: 140%; margin: 20px auto 0 auto; width: 100%;}
#wrapper .bt-more a,#wrapper .bt-more02 a{ display: block; background: url(../images/icon_plus.png) no-repeat 96% center , #006da7; background-size: 14px auto; color: #fff; font-weight: bold; text-align: center;letter-spacing: -.2px; margin: 0 auto; /*height: 50px; line-height: 50px; */ padding: 15px 11% 15px 5%; position: relative; width: 75%;}
#wrapper .bt-more02 a { background: url(../images/icon_plus2.png) no-repeat 95% center , #fff; background-size: 14px auto; color: #006da7;}

/*bt-top*/
#bt-top { position: fixed; right: 20px; bottom: 20px;}
}



/**-----
print
-----**/
@media print{

body{ font-family: 	YuGothic,'Yu Gothic', "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif; font-size: 18px; color: #010101; margin: 0;padding: 0;min-width: 980px;}
.inner { width:980px; margin: 0 auto;}
#wrapper { margin: 45px auto 0; padding-bottom: 200px;}

/* FV */
#contentFV { background: url(../images/bg_main.jpg) no-repeat center 40%; background-size: cover; height: 600px; margin-bottom:  60px; width: 100%;}
#contentFV .title { display: -webkit-box; display: -webkit-flexbox; display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; padding: 100px 0 50px; position: relative;}
.title p { order: 1; width: 100%; margin-bottom: 20px;}
.title p br { display: none;}
.title h1 { order: 2; width: 100%;}
.icon-QR { background: #fff; border: 2px solid #bababa;margin: 0 50px 0 auto; padding: 40px 55px; width: 160px; height: auto; }
.icon-QR p { font-size: 16px; font-weight: bold; letter-spacing: 1px; line-height: 140%; margin-bottom:10px; }

/* background blue */
.box-blue { background: #a8d3ef; color: #006da7; padding: 0 0 35px 0;}

/* h2 */
.capt{
background: rgb(242,243,243);
background: -moz-linear-gradient(top, rgba(242,243,243,1) 1%, rgba(215,217,218,1) 100%);
background: -webkit-linear-gradient(top, rgba(242,243,243,1) 1%,rgba(215,217,218,1) 100%);
background: linear-gradient(to bottom, rgba(242,243,243,1) 1%,rgba(215,217,218,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f3', endColorstr='#d7d9da',GradientType=0 );
height: 45px; margin-bottom:  35px;
}
.capt h2 { font-size: 24px; margin: 0 auto; line-height: 45px; padding-left: 25px; text-align:  left; width:955px;}

/* h3 */
.txt h3 { font-size: 24px; margin-bottom: 15px; }

/* box */
.flex-box{ border-bottom: 1px solid #9d9d9d; display: -webkit-box; display: -webkit-flexbox; display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto 35px; padding-bottom: 50px; width: 980px;}
.flex-box .img{ order: 1; margin-right: 15px; width: 350px;}
.flex-box .img img{box-shadow: 0 0 0 1px #afafaf; line-height: 0; width: 100%; height: auto;}
.flex-box .txt{ order: 2; text-align: left; width: 615px;}

.box-blue .flex-box{ border-bottom: 1px solid #006da7;}

/* bt-more*/
.bt-more { height: 55px; line-height: 55px; margin: 50px 0 0 auto; width: 385px;}
.bt-more a{ display: block; background: #006da7; color: #fff; font-size: 18px;font-weight: bold; text-align: center; position: relative;}
.bt-more a::before, .bt-more a::after{content:''; height: 4px; width: 18px; display: block; background: #fff; position: absolute; top: 25px; right: 15px;}
.bt-more a::after{height: 18px; width: 4px; top: 17.5px; right: 22px;}
#bt-top { display: none;}
	
}


/* bt-more02
.bt-more02 { height: 55px; line-height: 55px; margin: 50px 0 0 auto; width: 385px;}
.bt-more02 a{ display: block; background: #fff; color: #006da7; font-size: 18px;font-weight: bold; text-align: center; position: relative;}
.bt-more02 a::before, .bt-more02 a::after{content:''; height: 4px; width: 18px; display: block; background: #006da7; position: absolute; top: 25px; right: 15px;}
.bt-more02 a::after{height: 18px; width: 4px; top: 17.5px; right: 22px;}
.bt-more02 a:hover { background: #000;}*/