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

/* -----------RESET----------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a,input,textarea,section
{margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{ display:block;}
nav ul{ list-style:none;}
ul{ list-style:none; }
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
pre,code,kbd,samp{ font-family:monospace,monospace; font-size:inherit;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
sup{ vertical-align:text-top; font-size:75%;}
sub{ vertical-align:text-bottom; font-size:75%;}
input,textarea,select{ z-index:auto; font-family:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle;}
a{ outline:none;}
audio:not([controls]){ display:none;}
time{ display:inline;}
[hidden]{ display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{ padding:0; border:0; outline:none;}
/* clear Fix */
.clr{clear:both;}
.hide{position:absolute !important; left:-9999px !important; top:-9999px !important;}
.clr{clear:both;}
section {clear:both; zoom:1;}
header:after,footer:after,nav:after,article:after,section:after,dl:after,ul:after,.inner:after,.clrFx:after{content:''; clear:both; display:block;}
img{-ms-interpolation-mode: bicubic;}
/* chrome bug fix*/
*{max-height:999999px;}
*,*::before,*::after {will-change:all;}
textarea,input[type="email"],input[type="password"],input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;}
textarea{resize:vertical;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,1) inset; outline:none;}
input,button{ outline:none;}

/* -----------BASE SET----------- */
html{overflow:visible;}
body {position:static; overflow:auto; width:auto; *overflow-y:hidden; color:#000; background:#fff; }
/* font family */
body{-webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; line-height:1.8;}
button{font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; cursor:pointer;}
/* link color */
a:link{ color:#000; text-decoration: underline;}
a:visited{ color:#000; text-decoration:none;}
a:hover{ color:#000; text-decoration:none;}
a:active{ color:#000; text-decoration:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/* leyoutblock */
header,footer,section,main,nav {font-size:0; line-height: 1;}
header img,footer img,section img,main img,nav img {width:100%; height:auto;}

.palt {font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt"; text-align: justify;}


/* -----------NAVIGATION SET----------- */

/* for PC */
@media screen and (min-width:769px){
	
	.spbr {display: none;}
	a,input {-webkit-transition: all 0.3s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all  0.5s ease;}
	
	header,footer,section,main {min-width: 1260px;}
	
	header {border-bottom: 1px solid #ccc;}
	header #title {height: 31px; border-bottom: 1px solid #ccc;}
	header #title p {font-size: 14px; padding: 8px 0 0 30px; float: left;}
	header #title .contact_btn a {background: url(../images/common/btn_contact.png) no-repeat; background-size: 231px 30px; width: 231px; height: 30px; display: block; float: right;}
	header #title .contact_btn a:hover {opacity: 0.5;}
	header nav {height:120px;}
	header nav ul {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start;}
	header nav ul li {flex-grow:1; flex-shrink:1; flex-basis: 250px; border-left: 1px solid #ccc; text-align: center;}
	header nav ul li a {width: 100%; height: 120px; display: block; border-bottom: 5px solid #fff;}
	header nav ul li:nth-child(1) {flex-grow: 2;}
	header nav ul li:nth-child(1) a img {width: 310px; margin: 20px 30px;}
	header nav ul li:nth-child(1) a:hover {opacity: 0.5;}
	header nav ul li:nth-child(2) a {background: url(../images/common/nav01.png) center center no-repeat; background-size: 41px 39.5px;}
	header nav ul li:nth-child(2) a:hover {background: url(../images/common/nav01_on.png) center center no-repeat; background-size: 41px 39.5px;}
	header nav ul li:nth-child(3) a {background: url(../images/common/nav02.png) center center no-repeat; background-size: 90px 39.5px;}
	header nav ul li:nth-child(3) a:hover {background: url(../images/common/nav02_on.png) center center no-repeat; background-size: 90px 39.5px;}
	header nav ul li:nth-child(4) a {background: url(../images/common/nav03.png) center center no-repeat; background-size: 125px 39.5px;}
	header nav ul li:nth-child(4) a:hover {background: url(../images/common/nav03_on.png) center center no-repeat; background-size: 125px 39.5px;}
	header nav ul li:nth-child(5) a {background: url(../images/common/nav04.png) center center no-repeat; background-size: 84px 39.5px;}
	header nav ul li:nth-child(5) a:hover {background: url(../images/common/nav04_on.png) center center no-repeat; background-size: 84px 39.5px;}
	header nav ul li:nth-child(6) a {background: url(../images/common/nav05.png) center center no-repeat; background-size: 118px 39.5px;}
	header nav ul li:nth-child(6) a:hover {background: url(../images/common/nav05_on.png) center center no-repeat; background-size: 118px 39.5px;}
	header nav ul li:nth-child(7) {display: none;}
	
	#top header nav ul li:nth-child(2) a {border-bottom: 5px solid #c0a963;}
	#profile header nav ul li:nth-child(3) a {border-bottom: 5px solid #c0a963;}
	#service header nav ul li:nth-child(4) a {border-bottom: 5px solid #c0a963;}
	#plan header nav ul li:nth-child(5) a {border-bottom: 5px solid #c0a963;}
	#media header nav ul li:nth-child(6) a {border-bottom: 5px solid #c0a963;}
	
	footer {border-top: 1px solid #ccc; margin-top: 100px;}
	footer #banner {text-align: center; padding: 40px 0;}
	footer #banner li {display: inline-block; margin: 0 10px;}
	footer #banner li:nth-child(1) a {background: url(../images/common/ban01.png) top center; background-size: 260px 80px; width: 260px; height: 84px; display: block; border:2px solid #cb1da2;}
	footer #banner li:nth-child(1) a:hover {background: url(../images/common/ban01_on.png) top center; background-size: 260px 80px; width: 260px; height: 84px; display: block;}
	footer #banner li:nth-child(2) a {background: url(../images/common/ban02.png) top center; background-size: 260px 80px; width: 260px; height: 84px; display: block; border:2px solid #3b579d;}
	footer #banner li:nth-child(2) a:hover {background: url(../images/common/ban02_on.png) top center; background-size: 260px 80px; width: 260px; height: 84px; display: block;}
	footer #banner li:nth-child(3) a {background: url(../images/common/ban03.png) top center; background-size: 260px 80px; width: 260px; height: 84px; display: block; border:2px solid #2d8c3c;}
	footer #banner li:nth-child(3) a:hover {background: url(../images/common/ban03_on.png) top center; background-size: 260px 80px; width: 260px; height: 84px; display: block;}
	footer #banner li:nth-child(4) a {background: url(../images/common/ban04.png) top center; background-size: 260px 80px; width: 260px; height: 84px; display: block; border:2px solid #000;}
	footer #banner li:nth-child(4) a:hover {background: url(../images/common/ban04_on.png) top center; background-size: 260px 80px; width: 260px; height: 84px; display: block;}
	footer .credit {font-size: 14px; text-align: center; letter-spacing: 0.1em; padding: 25px 0; border-top: 1px solid #ccc;}
	
	/* modal */
	.lock {overflow:hidden;}
	.modal-content {position:relative; display:none; width:400px; margin:30px;}
	.modal-content p .modal_img {margin:0; padding:0; border: 1px solid #c0a963;}
	.modal-overlay {z-index:1; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.9);}
	.modal-wrap {z-index:2; display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto;}
	.modal-open {color:#ab9d52; text-decoration:underline;}
	.modal-open:hover {color:#000; cursor:pointer; text-decoration:none;}
	.modal-close {width: 51px; display: block; margin: 20px auto;}
	.modal-close:hover {opacity: 0.7;}
}

/* for SP */
@media screen and (max-width:768px){
	
	.pcbr {display: none;}
	a {-webkit-tap-highlight-color:rgba(192,169,99,0.5);}
	
	header {height: 12.96875vw; width: 100vw; background: #fff; border-bottom: 0.78125vw solid #c0a963; position: fixed; z-index: 100;}
	header nav ul li:nth-child(1) a img {width: 37.03125vw; margin: 1.5625vw 3.125vw;}
	
	main {padding-top:  12.96875vw;}
	
	footer {border-top: 1px solid #ccc; margin-top: 15.625vw;}
	footer #banner {text-align: center; padding: 6.25vw 0;}
	footer #banner li {display: inline-block; margin: 0 10px;}
	footer #banner li:nth-child(1) a {background: url(../images/common/ban01.png) top center; background-size: 40.625vw 12.5vw; width: 40.625vw; height: 12.81255vw; display: block; border:0.15625vw solid #cb1da2;}
	footer #banner li:nth-child(2) a {background: url(../images/common/ban02.png) top center; background-size: 40.625vw 12.5vw; width: 40.625vw; height: 12.8125vw; display: block; border:0.15625vw solid #3b579d;}
	footer #banner li:nth-child(3) a {background: url(../images/common/ban03.png) top center; background-size: 40.625vw 12.5vw; width: 40.625vw; height: 12.8125vw; display: block; border:0.15625vw solid #2d8c3c;}
	footer #banner li:nth-child(4) a {background: url(../images/common/ban04.png) top center; background-size: 40.625vw 12.5vw; width: 40.625vw; height: 12.8125vw; display: block; border:0.15625vw solid #000;}
	footer #banner li:nth-child(3) {margin-top: 3.125vw;}
	footer #banner li:nth-child(4) {margin-top: 3.125vw;}
	footer .credit {font-size: 2.8125vw; text-align: center; letter-spacing: 0.1em; padding: 3.90625vw 0; border-top: 1px solid #ccc;}

	
	
	/* menu-icon */	
	.hamburger {display: block; width: 11.09375vw; height: 11.09375vw; background-color: #fff; position: fixed; top: 0; right: 0; z-index: 10000; padding: 5.46875vw 2.5vw; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation;}
	.hamburger__icon {position: relative;}
	.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after { display: block; width: 5.78125vw; height: 1px; background-color: #000;
	-moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, transform;
	-moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
	.hamburger__icon:before, .hamburger__icon:after { position: absolute; content: "";}
	.hamburger__icon:before {top: -6px;}
	.hamburger__icon:after {top: 6px;}
	.hamburger.active .hamburger__icon { background-color: transparent;}
	.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after { background-color: #000;}
	.hamburger.active .hamburger__icon:before { -moz-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg); -webkit-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg);}
	.hamburger.active .hamburger__icon:after { -moz-transform: translateY(-6px) rotate(-45deg); -ms-transform: translateY(-6px) rotate(-45deg); -webkit-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg);}
	
	/* menu-window */
	.fat-nav { top: 0; left: 0; z-index: 9999; position: fixed; display: none; width: 100%; height: 100%; background: #fff;
	-moz-transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform;
	-moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;
	overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
	
	.fat-nav__wrapper {width: 100%; height: 100%;table-layout: fixed;}
	.fat-nav.active {-moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
	.fat-nav ul {border-top: 1px solid #ccc; margin-top: 25vw;}
	.fat-nav ul li {width: 100vw; height: 18.75vw; margin: 0; padding: 0; border-bottom: 1px solid #ccc;}
	.fat-nav ul li a {width: 100vw; height: 18.75vw; display: block;}
	.fat-nav ul li:nth-child(1) a {background: url(../images/common/nav01.png) center center no-repeat; background-size: auto 7.8125vw;}
	.fat-nav ul li:nth-child(2) a {background: url(../images/common/nav02.png) center center no-repeat; background-size: auto 7.8125vw;}
	.fat-nav ul li:nth-child(3) a {background: url(../images/common/nav03.png) center center no-repeat; background-size: auto 7.8125vw;}
	.fat-nav ul li:nth-child(4) a {background: url(../images/common/nav04.png) center center no-repeat; background-size: auto 7.8125vw;}
	.fat-nav ul li:nth-child(5) a {background: url(../images/common/nav05.png) center center no-repeat; background-size: auto 7.8125vw;}
	.fat-nav ul li:nth-child(6) a {background: url(../images/common/nav06.png) center center no-repeat; background-size: auto 7.8125vw;}
	
	/* modal */
	.lock {overflow:hidden;}
	.modal-content {position:relative; display:none; width:93.75vw; margin:3.125vw;}
	.modal-content p .modal_img {margin:0; padding:0; border: 1px solid #c0a963;}
	.modal-overlay {z-index:10001; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.9);}
	.modal-wrap {z-index:10002; display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto;}
	.modal-open {color:#ab9d52; text-decoration:underline;}
	.modal-open:hover {cursor:pointer; color:#000; text-decoration: none;}
	.modal-close {width: 7.96875vw; display: block; margin: 3.125vw auto;}
	.modal-close:hover {opacity: 0.7;}	
}