@charset "utf-8";

/********************************************************************************
	00. COMMON Layout
	＊ z-index: 10番まで
********************************************************************************/
body { position:relative; margin:0; width:100%; min-width:1000px; overflow-x:hidden; position:relative; z-index:0; -webkit-overflow-scrolling:touch; -webkit-text-size-adjust:none; }

/***** webフォント *****/
.webFont1 {font-family: 'Roboto Condensed',sans-serif;}
.webFont2 {font-family: 'Roboto',sans-serif;}
.webFont3,
.header .corpLogo .leadTel .num,
h1,
h2,
h3,
h4,
h5,
.navContent .navLinks dl dd,
.mainContent .tabLinks li,
.graphPict .graph dl,
.arrowContent .arrowText,
.contactContact .contactBtn a,
.contactContact .telBtn a,
.contactContact .contactLead,
.contactContact .telBtn .num,
.pageTop,
.footContact { font-family:'Roboto Condensed','Noto Sans Japanese',sans-serif; }




/********************************************************************************
	01. PC Layout
********************************************************************************/
.header { position:relative; width:100%; padding:15px 0; z-index:10; box-shadow:0px 2px 6px rgba(30, 30, 30, 0.1); }
.header .corpLogo { width:1070px; margin:0 auto; }
.header .corpLogo .logo { float:left; width:390px; margin:6px 0 0; }
.header .corpLogo .leadTel { float:right; margin:8px 0 0 10px; }
.header .corpLogo .leadTelInner { float:left; padding:0 20px; line-height:1; font-size:12px; font-weight:700; text-align:center; }
.header .corpLogo .leadTelInner:last-child { padding:0 0 0 20px; }
.header .corpLogo .leadTelInner .num { font-size:31px; font-weight:700; }
.header .corpLogo .leadTelInner .time { font-size:11px; font-weight:normal; line-height:1.4; }



/*===========================================
	mainPict
=============================================*/
.mainPict { background:#d4f2fe; }
.mainPict .mainPictBG { z-index:1; }
.mainPict .mainPictInner { z-index:2; }
.mainPict .mainPictInner { position:absolute; width:1040px; height:570px; margin-left:-520px; left:50%; }
.mainPict .mainPictInner h1.mainLead { position:absolute; left:0; top:90px; background:#fff; font-weight:900; color:#0659b7; border:3px solid #0659b7; padding:82px 23px; text-align:center; font-size:55px; line-height:1; box-sizing:border-box; width:490px; }
.mainPict .mainPictInner h1.mainLead span { display:block; }
.mainPict .mainPictInner h1.mainLead .lead-1 { font-size:27px; margin-bottom:15px; }
.mainPict .mainPictInner h1.mainLead .lead-2 { font-size:41px; margin:15px 0 0 24px; }
.mainPict .mainPictInner h1.mainLead .lead-br { display:inline-block; }

.mainPictInner .mainLead .balloonT,
.mainPictInner .mainLead .balloonB { position:absolute; width:410px; }
.mainPictInner .mainLead .balloonT { left:38px; top:38px; }
.mainPictInner .mainLead .balloonB { left:38px; bottom:38px; }

.mainPict .mainPictBG { position:relative; overflow:hidden; height:560px; text-align:center; }
.mainPict .mainPictBG img { position:absolute; top:-50px; left:50%; margin-left:-840px; width:1680px; }



/*===========================================
	.navContent
=============================================*/
.navContent { padding:3px 0; background:#e9eff2; }
.navContent .navLinks { position:relative; top:-55px; width:1040px; margin:0 auto; z-index:2; box-shadow:0px 0px 8px rgba(30, 30, 30, 0.15); }
.navContent .navLinks dl,
.navContent .navLinks dl a { position:relative; width:260px; height:110px; box-sizing:border-box; display:block; float:left; text-align:center; background:#fff; overflow:hidden; cursor:pointer; }
.navContent .navLinks dl a { border-right:1px solid #dde2e4; }
.navContent .navLinks dl {}
.navContent .navLinks dl.nav1 { border-top:8px solid #189875; }
.navContent .navLinks dl.nav1 a { color:#189875;}
.navContent .navLinks dl.nav2 { border-top:8px solid #605db4; }
.navContent .navLinks dl.nav2 a { color:#605db4;}
.navContent .navLinks dl.nav3 { border-top:8px solid #71ae06; }
.navContent .navLinks dl.nav3 a { color:#71ae06;}
.navContent .navLinks dl.nav4 { border-top:8px solid #218ccf; }
.navContent .navLinks dl.nav4 a { color:#218ccf; border-right:none; }
.navContent .navLinks dl.nav4 dd { margin:38px 0 0; }
.navContent .navLinks dl dd { margin:25px 0 0; font-weight:700; font-size:18px; line-height:1.4; }
.navContent .navLinks dl dd span { display:block; }
.navContent .navLinks dl dd .arrowIcon { width:20px; display:block; margin:13px auto 0; }


/*===========================================
	.serviceContent
=============================================*/
.serviceContent { padding-bottom:50px; position:relative; background:#e9eff2; }
.serviceContent .balloonIcon { position:absolute; bottom:-30px; left:50%; width:60px; margin-left:-30px; }
#service-1 .serviceContentBg { background:#189875; }
#service-2 .serviceContentBg { background:#605db4; }
#service-3 .serviceContentBg { background:#69a204; }
#service-4 .serviceContentBg { background:#218ccf; }

.serviceContent .serviceContentInner { width:990px; padding:40px 0 120px; margin:0 auto; }
.serviceContent .serviceContentInner .serviceText { width:520px; }
#service-2 .serviceContentInner .serviceText { width:580px; }
.serviceContent .serviceContentInner .servicePict { float:right; width:360px; position:relative; }
.serviceContent .serviceContentInner .servicePict .serviceLead { display:none; }

.serviceContent .serviceContentInner .serviceLead { color:#fff; font-weight:700; line-height:1.3; font-size:40px; padding:25px 0 30px; }
.serviceContent .serviceContentInner .serviceLead strong { font-weight:700; color:#ffd925; }
.serviceContent .serviceContentInner .serviceText p { color:#fff; font-size:14px; }
.serviceContent .serviceContentInner .servicePict dl { width:366px; position:absolute; overflow:hidden; color:#385e97; }
.serviceContent .serviceContentInner .servicePict dl.service-1 { left:0; top:0; }
.serviceContent .serviceContentInner .servicePict dl.service-2 { right:0; top:0; }
.serviceContent .serviceContentInner .servicePict dl.service-3 { left:0; bottom:0; }
.serviceContent .serviceContentInner .servicePict dl.service-4 { right:0; bottom:0; }
.serviceContent .serviceContentInner .servicePict dl dt { padding:35px 0 7px; }
.serviceContent#service-2 .serviceContentInner .servicePict dl dt { padding:55px 0 7px; }
.serviceContent#service-3 .serviceContentInner .servicePict dl dt { padding:55px 0 7px; }
.serviceContent#service-4 .serviceContentInner .servicePict dl dt { padding:55px 0 7px; }
.serviceContent .serviceContentInner .servicePict dl .icon { width:366px; display:block; margin:0 auto; }
.serviceContent .serviceContentInner .servicePict dl dd { font-weight:bold; font-size: 15px; }
.serviceContent .serviceContentInner .servicePict dl dd br { display:none; }

.serviceContent .section { width:990px; margin:0 auto; }
.serviceContent .section.top { margin:-60px auto 30px; }
.serviceContent#service-1 .section .innerLead { font-size:15px; margin:0 0 10px; padding:5px 0 10px; border-bottom:2px solid #189875; line-height:1; text-align:center; }
.serviceContent#service-4 .section .innerLead { font-size:15px; margin:0 0 20px; padding:5px 0 10px; border-bottom:2px solid #218ccf; line-height:1; text-align:center; }
.serviceContent .section .innerLead2 { font-size:15px; margin:0; padding:5px 0 10px; border-bottom:2px solid #189875; line-height:1; text-align:center; }
.serviceContent#service-4  .section .innerLead2 { font-size:15px; margin:0; padding:5px 0 10px; border-bottom:2px solid #218ccf; line-height:1; text-align:center; }
.serviceContent .section .innerLead2 span { display:block; padding:5px 0 0; font-size:13px; }
.serviceContent#service-4 .section .innerLead span,
.serviceContent#service-4 .section .innerLead2 span { display:inline-block; padding:5px 0 0; font-size:13px; }
.serviceContent .section .innerLead span br { display:none; }

.serviceContent .section .size1 { position:relative; padding:22px 37px 18px; margin:0 auto 20px; background:#fff; text-align:center; }
.serviceContent .section .size2 { float:left; height:180px; width:200px; padding:20px; margin:0 10px 10px 0; background:#fff; text-align:center; }
.serviceContent .section .size2:nth-child(4n+4) { margin-right:0; }
.serviceContent .section .size3 { float:left; height:210px; width:263px; padding:15px 30px; margin:0 10px 10px 0; background:#fff; text-align:center; }
.serviceContent .section .size3:nth-child(3n+3) { margin-right:0; }
.serviceContent .section .size4 { position:relative; padding:25px 37px 25px; margin:0 auto 40px; background:#fff; font-size:14px; }
.serviceContent .section .size5 { position:relative; padding:22px 37px 18px; margin:0 auto 50px; background:#fff; text-align:center; }

.serviceContent .section .size1 .notes { padding:0 20px 20px; text-align:right; font-size:11px; letter-spacing:0; }
.serviceContent .section .size1 .lead { padding:0 20px 30px; text-align:left; font-size:14px; }

.serviceContent .section .storeList2 { text-align:center; }
.serviceContent .section .storeList2 { display:inline-block; margin-top:15px; }
.serviceContent .section .storeList2 img { height:116px; }

.serviceContent .section .flowPict-1 { display:block; padding:25px 0; }
.serviceContent .section .flowPict-1 img { height:400px; }
.serviceContent .section .flowPict-1-sp { display:none; }

.serviceContent .section .flowPict-2 { padding:25px 0 25px; }
.serviceContent .section .flowPict-2 img { height:452px; }
.serviceContent .section .flowPict-2-sp { display:none; }

.serviceContent .section .sectionLead { text-align:center; }
.serviceContent .section .sectionLead h4 { padding:11px 15px; width:960px; color:#fff; display:inline-block; background:#ccc; font-size:20px; line-height:1.3; text-align:left; }
.serviceContent#service-1 .section .sectionLead h4 { background:#189875; }
.serviceContent#service-1 .section .sectionLead h4.package { font-size:14px; line-height:1.5; }
.serviceContent#service-2 .section .sectionLead h4 { background:#605db4; }
.serviceContent#service-3 .section .sectionLead h4 { background:#69a204; }
.serviceContent#service-4 .section .sectionLead h4 { background:#218ccf; }

.serviceContent .section .packageList1 { text-align:center; }
.serviceContent .section .packageList1 li { display:inline-block; margin:0 5px 15px; }
.serviceContent .section .packageList1 li img { height:52px; }

.serviceContent .section .securityText { margin:0 0 20px; font-size:14px; text-align:left; }
.serviceContent .section .securityList1 { margin:0 1em 30px; font-size:14px; font-weight:bold; text-indent:-1em; text-align:left; }
.serviceContent .section .securityList1 li:before { content:"・" }
.serviceContent .section .securityList2 { position: absolute; right:80px; top:25px; width:216px; text-align:center; }
.serviceContent .section .securityList2 li { display:inline-block; margin:0 5px 15px; }
.serviceContent .section .securityList2 li img { height:67px; }
.serviceContent .section .storeList2 li { display:inline-block; margin-top:15px; }
.serviceContent .section .storeList2 li img { height:70px; }




/*===========================================
	フローの図 -共通
=============================================*/
.serviceContent .section .flowTitle { color:#fff; background:#218ccf; text-align:center; font-size:17px; font-weight:400; width:180px; padding:1px 0; position:relative; z-index:3; }
.serviceContent .section .flowContent { line-height:1.6; font-size:14px; }
.serviceContent .section .single { width:160px; height:140px; text-align:center; padding:10px 0; }
.serviceContent .section .double { width:240px; height:140px; text-align:center; padding:10px 0; }
.serviceContent .section .double .posIcon { display:inline-block; vertical-align:top; }
.serviceContent .section .flowContent-1 .innerLead,
.serviceContent .section .flowContent-2 .innerLead { font-size:25px; }
.serviceContent .section .flowContent-1 .innerLead span,
.serviceContent .section .flowContent-2 .innerLead span { padding:0 40px; }

.serviceContent .section .sectionInner .sectionText { text-align:center; margin-bottom:20px; }
.serviceContent .section .sectionInner .sectionText p strong { color:#f65489; font-weight:bold; }



/**アイコン**/
.serviceContent .section .posIcon { line-height:1.4; font-size:13px; font-weight:bold; margin-bottom:15px; }
.serviceContent .section .posIcon .icon { width:90px; display:block; margin:0 auto -3px; }

.serviceContent .section .iconCash { color:#f55489; }
.serviceContent .section .iconCrient { color:#8ccc40; }
.serviceContent .section .iconDevice { color:#1bbdf2; }
.serviceContent .section .iconSony {}
.serviceContent .section .iconStore { color:#f55489; }
.serviceContent .section .iconPost { color:#ff772f; }
.serviceContent .section .iconTicket { color:#f55489; }
.serviceContent .section .iconUser { color:#1bbdf2; }
.serviceContent .section .iconCompany { color:#f55489; }

/** 矢印 **/
.serviceContent .section .arrowContent { position:absolute; text-align:center; }
.serviceContent .section .arrowContent .arrowText { position:relative; display:inline-block; background:#fff; border:2px solid #006789; padding:4px 20px 4px 50px; font-size:14px; font-weight:500; z-index:3; border-radius:4px; }
.serviceContent .section .arrowContent .arrowText br {display:none;}
.serviceContent .section .arrowContent .verTxt {}
.serviceContent .section .arrowContent .arrowText .num { position:absolute; top:50%; left:15px; display:block; margin-top:-11px; background:#006789; width:22px; height:22px; line-height:22px; border-radius:50px; text-align:center;color:#fff; font-weight:500; }
.serviceContent .section .arrowContent .arrowL,
.serviceContent .section .arrowContent .arrowR,
.serviceContent .section .arrowContent .arrowT,
.serviceContent .section .arrowContent .arrowB { position:absolute; background:#006789; z-index:2; }
.serviceContent .section .arrowContent .arrowL,
.serviceContent .section .arrowContent .arrowR { top:50%; height:14px; width:100%; margin-top:-7px; }

.serviceContent .section .arrowContent .arrowT,
.serviceContent .section .arrowContent .arrowB { top:-50%; left:50%; width:14px; height:100%; margin-left:-5px; }
.serviceContent .section .arrowContent .arrowT { margin-top:29px; }
.serviceContent .section .arrowContent .arrowB { margin-top:17px; }

.serviceContent .section .arrowContent .arrowL img,
.serviceContent .section .arrowContent .arrowR img { position:absolute; top:50%; width:15px; margin-top:-15px; }
.serviceContent .section .arrowContent .arrowL img { right:-14px; }
.serviceContent .section .arrowContent .arrowR img { left:-14px; }
.serviceContent .section .arrowContent .arrowT img,
.serviceContent .section .arrowContent .arrowB img { left:50%; width:30px; margin-left:-15px; position:absolute; }
.serviceContent .section .arrowContent .arrowT img { top:-14px; }
.serviceContent .section .arrowContent .arrowB img { bottom:-14px; }

/*==========
	フロー図 -1
==========*/
.serviceContent .section .step-1,
.serviceContent .section .step-2,
.serviceContent .section .step-3,
.serviceContent .section .step-4 { position:relative; float:left; margin-left:65px; }
.serviceContent .section .step-1:first-child { margin-left:0; }
.serviceContent .section .step-1,
.serviceContent .section .step-2,
.serviceContent .section .step-3,
.serviceContent .section .step-4 { width:180px; }
.serviceContent .section .step-1 .flowContent,
.serviceContent .section .step-2 .flowContent,
.serviceContent .section .step-3 .flowContent,
.serviceContent .section .step-4 .flowContent { height:180px; width:178px; padding:0; border:1px solid #c6d1d6; }

.serviceContent .section .step-1 .arrow,
.serviceContent .section .step-2 .arrow,
.serviceContent .section .step-3 .arrow,
.serviceContent .section .step-4 .arrow1,
.serviceContent .section .step-4 .arrow2 { position:absolute; right:-40px; height:16px; background:#218ccf; width:30px; }
.serviceContent .section .step-1 .arrow img,
.serviceContent .section .step-2 .arrow img,
.serviceContent .section .step-3 .arrow img,
.serviceContent .section .step-4 .arrow1 img,
.serviceContent .section .step-4 .arrow2 img { position:absolute; top:50%; right:-15px; width:15px; margin-top:-18px; }
.serviceContent .section .step-1 .arrow,
.serviceContent .section .step-2 .arrow,
.serviceContent .section .step-3 .arrow { top:50%; }
.serviceContent .section .step-4 .arrow1 { top:134px; }
.serviceContent .section .step-4 .arrow2 { bottom:134px; }

.serviceContent .section .step-1 .posIcon,
.serviceContent .section .step-2 .posIcon,
.serviceContent .section .step-3 .posIcon,
.serviceContent .section .step-4 .posIcon { margin-top:30px; }




/*===========================================
	お問い合わせ
=============================================*/
.contactContact { position:relative; width:100%; height:300px; overflow:hidden; text-align:center; }
.contactContact .contactLead,
.contactContact .contactBtn { z-index:3; }
.contactContact .mainPictBG { z-index:2; }
.contactContact .contactLead { position:relative; font-size:26px; font-weight:700; color:#0659b7; width:400px; margin:50px auto 30px; }
.contactContact .contactLead .balloonL,
.contactContact .contactLead .balloonR { position:absolute; width:26px; }
.contactContact .contactLead .balloonL { left:-40px; }
.contactContact .contactLead .balloonR { right:-40px; }
.contactContact .contactBtn { position:relative; display:block; width:780px; margin:0 auto 25px; background:#ed2f69; border-bottom:5px solid #ab204b; border-radius:7px; }
.contactContact .contactBtn .contactIcon { position:absolute; top:50%; left:200px; width:38px; margin:-13px 0 0; }
.contactContact .contactBtn a { position:relative; color:#ffffff; font-size:22px; font-weight:700; padding:30px 0 30px 50px; display:block; }
.contactContact .contactBtn .icon { position:absolute; top:-20px; left:25px; width:110px; }
.contactContact .mainPictBG { position:absolute; left:0; top:0; }
.contactContact .telBtn { position:relative; display:block; width:780px; margin:0 auto; border:1px solid #ed2f69; border-radius:7px; }
.contactContact .telBtn .contactIcon { position:absolute; top:50%; width:38px; margin:-15px 0 0 -50px; }
.contactContact .telBtn a { color:#ed2f69; font-size:18px; font-weight:700; line-height:1.3; padding:20px 0; display:block; }
.contactContact .telBtn a[href^="tel:"] { pointer-events:none; }
.contactContact .telBtn .text { vertical-align:middle; }
.contactContact .telBtn .num { font-size:36px; font-weight:700; vertical-align:middle; padding:0 0 0 .3em; }
.contactContact .telBtn .time { font-size:13px; }




/*===========================================
	footer
=============================================*/
footer { position:relative; width:100%; z-index:1; }
footer .inner { padding:40px 0; background-color:#3a5f95; text-align:center; }
footer .nav {margin:0 auto 30px; }
footer .nav li { display:inline-block; padding:0 1.5em; border-right:1px solid #fff; font-size:12px; line-height:1.1; }
footer .nav li:first-child { border-left:1px solid #fff; }
footer .nav li a { color:#fff; text-decoration:none; }
footer .nav li a:hover { color:#ffcc02; }
footer p { font-size:13px; color:#fff; text-align:center; }
footer address { font-size:12px; font-style:normal; font-weight:normal; color:#fff; text-decoration:none; }
footer .copy { background:#2b538d; padding:20px 0; line-height:1; }
footer .copy small { display:block; font-size:11px; color:#fff; text-align:center; }



/*===========================================
	固定ヘッダナビ
=============================================*/
.headNav { position:fixed; top:-200px; z-index:9; width:100%; background:#fff; text-align:center; }
.headNav .header { position:relative; z-index:10; width:100%; padding:0; box-shadow:0 2px 6px rgba(30, 30, 30, 0.1); }
.headNav .header .corpLogo .logo { width:280px; margin:10px 0; float:left; }
.headNav .navContent { float:right; padding:0; background:none; }
.headNav .navContent .navLinks { position:inherit; width:680px; margin:0 auto; box-shadow:none; border-left:1px solid #dde2e4; }

.headNav .navContent .navLinks dl,
.headNav .navContent .navLinks dl a { box-sizing:border-box; display:block; position:relative; float:left; width:170px; height:70px; text-align:center; background:#fff; overflow:hidden; cursor:pointer; }
.headNav .navContent .navLinks dl a { border-right:1px solid #dde2e4; }
.headNav .navContent .navLinks dl {}

.headNav .navContent .navLinks dl.nav1 { border-top:none; }
.headNav .navContent .navLinks dl.nav2 { border-top:none; }
.headNav .navContent .navLinks dl.nav3 { border-top:none; }
.headNav .navContent .navLinks dl.nav4 { border-top:none; }
.headNav .navContent .navLinks dl.nav4 dd { margin:27px 0 0; }
.headNav .navContent .navLinks dl dd { margin:16px 0 0; font-weight:700; font-size:14px; line-height:1.4; }
.headNav .navContent .navLinks dl dd span { display:block; }
.headNav .navContent .navLinks dl dd .arrowIcon { display:block; width:20px; margin:13px auto 0; }




/*===========================================
	固定フッタボタン
=============================================*/
.footContact { position:fixed; bottom:-200px; z-index:9; width:100%; background:#fff; text-align:center; box-shadow:0 -2px 6px rgba(30, 30, 30, 0.1); }

/* contactBtn_L */
.footContact .contactBtn_L { position:relative; display:inline-block; width:440px; margin:14px 15px; background:#ed2f69; border-bottom:2px solid #ab204b; border-radius:7px; }
.footContact .contactBtn_L .contactIcon_L { position:absolute; top:45%; left:85px; width:26px; margin:-10px 0 0;}
/* 使っていない？ */
.footContact .contactBtn_L span { display:block; }
.footContact .contactBtn_L .icon { position:absolute; left:25px; top:-20px; width:110px; }

.footContact .contactBtn_L a { display:block; padding:17px 0 13px 50px; color:#fff; font-size:18px; font-weight:700; }
.footContact .contactBtn_L a,
.footContact .contactBtn_L a:hover { color:#ffffff; }


/* contactBtn_R */
.footContact .contactBtn_R { position:relative; display:inline-block; width:440px; margin:0 15px 14px; background:#0071bc; border-bottom:2px solid #00426e; border-radius:7px; }
.footContact .contactBtn_R .contactIcon_R { position:absolute; top:50%; left:135px; width:32px; margin:-10px 0 0;}
/* 使っていない？ */
.footContact .contactBtn_R span { display:block; }
.footContact .contactBtn_R .icon { position:absolute; left:25px; top:-20px; width:110px; }

.footContact .contactBtn_R a { display:block; padding:17px 0 13px 50px; color:#fff; font-size:18px; font-weight:700; }
.footContact .contactBtn_R a,
.footContact .contactBtn_R a:hover { color:#ffffff; }


/* モバイル版非表示 */
.footContact .contactBtn_L-sp,
.footContact .contactBtn_R-sp { display:none; }
.footContact .telBtn-sp { display:none; }
.footContact .pagetopBtn-sp { display:none; }

/* .footContact .telBtn { display:inline-block; top:14px; margin:0 15px; width:440px; background:#fff; border:1px solid #ed2f69; border-radius:7px; position:relative; }
.footContact .telBtn .contactIcon { position:absolute; top:50%; width:38px; margin:-15px 0 0 -50px; }
.footContact .telBtn a { display:block; padding:5px 0 6px; color:#ed2f69; font-size:16px; font-weight:700; line-height:1.1; }
.footContact .telBtn a[href^="tel:"] { pointer-events:none; }
.footContact .telBtn .text { vertical-align:middle; }
.footContact .telBtn .num { font-size:30px; font-weight:700; vertical-align:middle; padding:0 0 0 .3em; }
.footContact .telBtn .time { font-size:12px; } */






/********************************************************************************

	02. Tablet Layout
	*横幅が760px以上、1070px未満の場合

********************************************************************************/

@media screen and (min-width: 0px) and (max-width: 1050px) {


body { width:100%; min-width:320px; }
.header { padding:10px 0; }
.header .corpLogo,
ul#topicpath { width:98%; padding:0 1%; letter-spacing:normal; }
.header .corpLogo .logo { width:340px; margin:15px 0; }
.header .corpLogo .leadTelInner { padding:0 12px; }
.header .corpLogo .leadTelInner:last-child { padding:0 0 0 12px; }

.mainPict,
.mainPict .mainPictInner { width:100%; }
.mainPict .mainPictInner { left:0; margin-left:0; }
.mainPict .mainPictInner .mainPict-1 { left:-20px; width:440px; }
.mainPict .mainPictInner .mainPict-2 { bottom:-60px; width:60px; }
.mainPict .mainPictInner .subLead { left:70px; top:80px; }
.mainPict .mainPictInner h1.mainLead { left:50%; margin:0 0 0 -265px; width:478px; }
.mainPict .mainPictBG { height:550px; }

.navContent { width:auto; padding:0; }
.navContent .navText,
.navContent .navLinks { float:none; }
.navContent .navText { width:auto; }
.navContent .navText .navLead br { display:none; }
.navContent .navLinks { position:relative; top:-55px; width:720px; margin:0 auto; box-shadow:0px 0px 8px rgba(30, 30, 30, 0.1); z-index:2; }
.navContent .navLinks dl,
.navContent .navLinks dl a { box-sizing:border-box; position:relative; display:block; float:left; width:180px; height:102px; text-align:center; background:#fff; overflow:hidden; cursor:pointer; }
.navContent .navLinks dl a { border-right: 1px solid #dde2e4; }
.navContent .navLinks dl {}

.navContent .navLinks dl.nav1 { border-top:5px solid #189875; }
.navContent .navLinks dl.nav1 a { color:#189875; }
.navContent .navLinks dl.nav2 { border-top:5px solid #605db4; }
.navContent .navLinks dl.nav2 a { color:#605db4; }
.navContent .navLinks dl.nav3 { border-top:5px solid #71ae06; }
.navContent .navLinks dl.nav3 a { color:#71ae06; }
.navContent .navLinks dl.nav4 { border-top:5px solid #218ccf; }
.navContent .navLinks dl.nav4 a { color:#218ccf; }
.navContent .navLinks dl.nav4 dd { margin:38px 0 0; }
.navContent .navLinks dl dd { margin:25px 0 0; font-weight:700; font-size:15px; line-height:1.4; }
.navContent .navLinks dl dd span { display:block; }
.navContent .navLinks dl dd .arrowIcon { width:20px; display:block; margin:13px auto 0; }

.serviceContent .serviceContentInner { width:auto; padding:10px 50px 90px; }
.serviceContent .serviceContentInner .serviceText,
.serviceContent .serviceContentInner .servicePict { float:none; }
.serviceContent .serviceContentInner .serviceText .serviceLead { display:none; }
.serviceContent .serviceContentInner .servicePict .serviceLead { display:block; }
.serviceContent .serviceContentInner .serviceText,
#service-2 .serviceContentInner .serviceText,
#service-3 .serviceContentInner .serviceText,
#service-4 .serviceContentInner .serviceText { width:auto; padding:0; }
.serviceContent .serviceContentInner .serviceLead { text-align:center; font-size:36px; }
.serviceContent .serviceContentInner .serviceLead br { display:none; }
.serviceContent .serviceContentInner .servicePict { width:auto; height:auto; padding:0; text-align:center; }
.serviceContent .serviceContentInner .servicePict .pictLead { display:none; }
.serviceContent .serviceContentInner .servicePict dl { position:relative; display:inline-block; margin:0 0 30px; vertical-align:top; }
.serviceContent .serviceContentInner .servicePict dl dt,
.serviceContent#service-2 .serviceContentInner .servicePict dl dt,
.serviceContent#service-3 .serviceContentInner .servicePict dl dt,
.serviceContent#service-4 .serviceContentInner .servicePict dl dt { padding:0 0 0px; }

.serviceContent .serviceContentInner .servicePict dl .icon { display:block; margin:0 auto; width:300px; }
.serviceContent .serviceContentInner .servicePict dl dd { font-size:14px; line-height:1.3; }
.serviceContent .serviceContentInner .servicePict dl dd br {display:block;}

.serviceContent .section { width:690px; margin:0 auto; }
.serviceContent .section.top { margin:-50px auto 20px; }

.serviceContent#service-1 .section .innerLead { font-size:12px; margin:0 0 10px; padding:5px 0 10px; border-bottom:2px solid #189875; line-height:1; text-align:center; }
.serviceContent#service-4 .section .innerLead { font-size:12px; margin:0 0 10px; padding:5px 0 10px; border-bottom:2px solid #218ccf; line-height:1; text-align:center; }
.serviceContent .section .innerLead2 { font-size:12px; margin:0 0 0; padding:5px 0 10px; border-bottom:2px solid #189875; line-height:1; text-align:center; }
.serviceContent#service-4 .section .innerLead2 { font-size:12px; margin:0 0 0; padding:5px 0 10px; border-bottom:2px solid #218ccf; line-height:1; text-align:center; }
.serviceContent .section .innerLead2 span,
.serviceContent#service-4 .section .innerLead2 span { display:block; padding:5px 0 0; font-size:10px; }
.serviceContent#service-4 .section .innerLead span { display:inline-block; padding:0; font-size:10px; }

.serviceContent .section .securityList1 { margin:0 1em 10px; }

.serviceContent .section .size2 { float:left; height:120px; width:137px; padding:20px 14px; margin:0 10px 10px 0; background:#fff; text-align:center; }
.serviceContent .section .size3 { float:left; height:150px; width:173px; padding:15px 25px; margin:0 10px 10px 0; background:#fff; text-align:center; }
.serviceContent .section .storeList2 img { height:72px; }

.serviceContent .section .flowPict-1 img { height:auto; width:100%; }
.serviceContent .section .flowPict-2 img { height:auto; width:100%; }

.serviceContent .section .sectionLead h4 { display:inline-block; padding:11px 5%; width:90%; color:#fff; background:#ccc; font-size:17px; line-height:1.3; text-align:left; }

.serviceContent .section .securityText { font-size:13px; }
.serviceContent .section .securityList1 { font-size:13px; }
.serviceContent .section .securityList2 { position:inherit; right:0; top:0; width:100%; text-align:center; }

.serviceContent .section .flowTitle { position:relative; padding:1px 0; width:147px; color:#fff; background:#218ccf; text-align:center; font-size:17px; font-weight:400; z-index:3; }

.serviceContent .section .step-2,
.serviceContent .section .step-3,
.serviceContent .section .step-4 { position:relative; float:left; margin-left:12px; }
.serviceContent .section .step-1:first-child  {margin-left:0; }
.serviceContent .section .step-1,
.serviceContent .section .step-2,
.serviceContent .section .step-3,
.serviceContent .section .step-4 { width:145px; }
.serviceContent .section .step-1 .flowContent,
.serviceContent .section .step-2 .flowContent,
.serviceContent .section .step-3 .flowContent,
.serviceContent .section .step-4 .flowContent { padding:0; width:145px; height:180px; border:1px solid #c6d1d6;}
.serviceContent .section .step-1 .arrow,
.serviceContent .section .step-2 .arrow,
.serviceContent .section .step-3 .arrow,
.serviceContent .section .step-4 .arrow1,
.serviceContent .section .step-4 .arrow2 { position:absolute; right:-6px; height:16px; background:#218ccf; width:15px; }
.serviceContent .section .step-1 .arrow img,
.serviceContent .section .step-2 .arrow img,
.serviceContent .section .step-3 .arrow img,
.serviceContent .section .step-4 .arrow1 img,
.serviceContent .section .step-4 .arrow2 img { position:absolute; right:-15px; top:50%; width:15px; margin-top:-18px; }
.serviceContent .section .step-1 .arrow,
.serviceContent .section .step-2 .arrow,
.serviceContent .section .step-3 .arrow { top:50%; z-index:5; }
.serviceContent .section .step-4 .arrow1 { top:134px; }
.serviceContent .section .step-4 .arrow2 { bottom:134px; }
.serviceContent .section .step-1 .posIcon,
.serviceContent .section .step-2 .posIcon,
.serviceContent .section .step-3 .posIcon,
.serviceContent .section .step-4 .posIcon { margin-top:30px; }

.contactContact .contactBtn { position:relative; display:block; width:680px; margin:0 auto 25px; background:#ed2f69; border-bottom:5px solid #ab204b; border-radius:7px; }
.contactContact .contactBtn .contactIcon { position:absolute; top:50%; left:150px; width:38px; margin:-13px 0 0; }
.contactContact .telBtn { position:relative; display:block; width:680px; margin:0 auto; border:1px solid #ed2f69; border-radius:7px; }


.headNav .navContent { float:none; padding:0; background:none; border-top: 1px solid #dde2e4; clear:both; }

.footContact { position:fixed; bottom:-200px; z-index:9; width:100%; background:#fff; text-align:center; box-shadow:0px -4px 8px rgba(30, 30, 30, 0.1); }
/* contactBtn_L */
.footContact .contactBtn_L { position:relative; display:inline-block; width:340px; margin:0 8px 14px; background:#ed2f69; border-bottom:2px solid #ab204b; border-radius:7px; }
.footContact .contactBtn_L .contactIcon_L { position:absolute; top:45%; left:45px; width:26px; margin:-10px 0 0; }
.footContact .contactBtn_L span { display:block; }
.footContact .contactBtn_L .icon { position:absolute; left:25px; top:-20px; width:110px; }
.footContact .contactBtn_L a { display:block; padding: 17px 0 13px 50px; color:#fff; font-size:16px; font-weight:700; }
.footContact .contactBtn_L a,
.footContact .contactBtn_L a:hover { color:#ffffff; }

/* contactBtn_R */
.footContact .contactBtn_R { position:relative; display:inline-block; width:340px; margin:14px 8px; background:#0071bc; border-bottom:2px solid #00426e; border-radius:7px; }
.footContact .contactBtn_R .contactIcon_R { position:absolute; top:50%; left:75px; width:32px; margin:-10px 0 0; }
.footContact .contactBtn_R span { display:block; }
.footContact .contactBtn_R .icon { position:absolute; left:25px; top:-20px; width:110px; }
.footContact .contactBtn_R a { display:block; padding: 17px 0 13px 50px; color:#fff; font-size:16px; font-weight:700; }
.footContact .contactBtn_R a,
.footContact .contactBtn_R a:hover { color:#ffffff; }

/* .footContact .telBtn { position:relative; top:13px display:inline-block; width:340px; margin:0 8px;  background:#fff; border:1px solid #ed2f69; border-radius:7px; }
.footContact .telBtn .contactIcon { position:absolute;width:38px;  margin:-15px 0 0 -50px; top:50%; }
.footContact .telBtn a { display:block; padding:5px 0 6px; color:#ed2f69; font-size:14px; font-weight:700; line-height:1.1; }
.footContact .telBtn a[href^="tel:"] { pointer-events:none; }
.footContact .telBtn .text { vertical-align:middle; }
.footContact .telBtn .num { padding:0 0 0 .3em; font-size:27px; font-weight:700; vertical-align:middle; }
.footContact .telBtn .time { font-size:11px; } */


}





/********************************************************************************

	03. SP Layout
	*横幅が520px以上、760px未満の場合

********************************************************************************/

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


html { min-width:0px; line-height:1.6; }
ul#topicpath { font-size:10px; }
.header { position:relative; z-index:10; width:100%; padding:6px 0 6px; box-shadow:0px 4px 8px rgba(30, 30, 30, 0.1); }
.header .corpLogo .logo { width:200px; margin:0; }
.header .corpLogo .leadTel { display:none; }
.header .corpLogo .leadTelInner { float:left; padding:0 2px; font-size:9px; font-weight:700; line-height:1; text-align:center; }
.header .corpLogo .leadTelInner:last-child { padding:0 0 0 6px; }
.header .corpLogo .leadTelInner .num { font-size:24px; font-weight:700; }
.header .corpLogo .leadTelInner .time { font-size:8px; font-weight:normal; line-height:1.4; }
.mainPict .mainPictInner { height:290px; }
.mainPict .mainPictInner .mainPict-1 { width:280px; left:0px; }
.mainPict .mainPictInner .mainPict-2 { width:36px; right:10px; }
.mainPict .mainPictInner .subLead img { display:none; }
.mainPict .mainPictInner h1.mainLead { 
	width:300px;
	left:50%;
	top:36px;
	padding:30px 0 28px;
	margin:0 0 0 -154px;
	font-size:52px;
	line-height: 1.1;
	border-width:3px;
}
.mainPict .mainPictInner h1.mainLead .lead-1 { font-size:16px; margin-bottom:5px; letter-spacing:0; }
.mainPict .mainPictInner h1.mainLead .lead-2 { font-size:22px; margin-top:5px; letter-spacing:0; }
.mainPict .mainPictBG { height:330px; }
.mainPict .mainPictBG img { position:absolute; top:-34px; left:50%; margin-left:-600px; width:1200px; }
.mainPictInner .mainLead .balloonT,
.mainPictInner .mainLead .balloonB { position:absolute; width:90%; height:7px; }
.mainPictInner .mainLead .balloonT { left:5%; top:15px; }
.mainPictInner .mainLead .balloonB { left:5%; bottom:15px; }


.navContent { padding:0 0 2px; }
.navContent .navText .navLead { font-size:20px; }
.navContent .navText .navLead strong { font-size:27px; }
.navContent .navText .navLead br { display:block; }
.navContent .navLinks { width:auto; top:-30px; }
.navContent .navLinks dl,
.navContent .navLinks dl a { width:100%; height:auto; margin:0; background-image:none; letter-spacing:.1px; }
.navContent .navLinks dl { width:50%; }
.navContent .navLinks dl a { padding:0 0 12px; }
.navContent .navLinks dl dt { padding:12px 0 0; }
.navContent .navLinks dl dt .icon { width:60px; }
.navContent .navLinks dl dd { margin:0; font-size:13px; }
.navContent .navLinks dl dd span { display:block; }
.navContent .navLinks dl dd .arrowIcon { margin:8px auto 0; }

.navContent .navLinks dl.nav4 dd { margin:8px 0 10px; }

.serviceContent { padding-bottom:10px; }
.serviceContent .serviceContentInner,
.serviceContent#service-2 .serviceContentInner,
.serviceContent#service-3 .serviceContentInner,
.serviceContent#service-4 .serviceContentInner { padding:15px 20px 55px; }
.serviceContent .serviceContentInner .serviceLead { padding:10px 5px; }
.serviceContent .serviceContentInner .serviceLead,
.serviceContent .serviceContentInner .serviceLead strong { font-size:22px; }
.serviceContent .serviceContentInner .serviceText p { margin:0; font-size:13px; }
.serviceContent .serviceContentInner .servicePict { padding-top:0; }
.serviceContent .serviceContentInner .servicePict dl { margin:0; width:100%; background:none; vertical-align:top; color:#fff; width:auto; height:auto; border-radius:0px; }
.serviceContent .serviceContentInner .servicePict dl { margin:0; }
.serviceContent .serviceContentInner .servicePict dl dt,
.serviceContent#service-2 .serviceContentInner .servicePict dl dt,
.serviceContent#service-3 .serviceContentInner .servicePict dl dt,
.serviceContent#service-4 .serviceContentInner .servicePict dl dt { padding-top:0; }
.serviceContent .serviceContentInner .servicePict dl dt .icon { padding:10px 0 20px; width:230px; }
.serviceContent .serviceContentInner .servicePict dl dd { font-size:13px; }
.serviceContent .serviceContentInner .servicePict dl dd br { display:none; }

.serviceContent .section { width:auto; }
.serviceContent .section.top { margin:-30px auto 25px; }
.serviceContent#service-1 .section .innerLead { font-size:12px; margin:0 0 10px; padding:5px 0 10px; border-bottom:2px solid #189875; line-height:1; text-align:center; }
.serviceContent#service-4 .section .innerLead { font-size:12px; margin:0 0 10px; padding:5px 0 10px; border-bottom:2px solid #218ccf; line-height:1; text-align:center; }
.serviceContent .section .innerLead2 { font-size:12px; margin:0; padding:5px 0 10px; border-bottom:2px solid #189875; line-height:1; letter-spacing:-.04em; text-align:center; }
.serviceContent#service-4 .section .innerLead2 { font-size:12px; margin:0; padding:5px 0 10px; border-bottom:2px solid #218ccf; line-height:1; letter-spacing:-.17em; text-align:center;}
.serviceContent .section .innerLead2 span { display:block; padding:5px 0 0; font-size:10px; }
.serviceContent#service-4 .section .innerLead span { display:inline-block; padding:0; font-size:10px; }

.serviceContent .section .size1 { position:relative; padding:20px 5% ; margin:0 auto 20px; background:#fff; text-align:center; }
.serviceContent .section .size2 { float: left; height:120px; width:44%; padding:10px 2%; margin:0 1% 2%; background:#fff; text-align:center; }
.serviceContent .section .size2:nth-child(4n+4) { margin-right:0;}
.serviceContent .section .size3 { float: left; height:120px; width:44%; padding:15px 2%; margin:0 1% 2%; background:#fff; text-align:center; }
.serviceContent .section .size3:nth-child(3n+3) { margin-right:1%; }
.serviceContent .section .size4 { position:relative; padding:22px 5%; margin:0 auto 30px; background:#fff; font-size:13px; }
.serviceContent .section .size5 { position:relative; padding:22px 5%; margin:0 auto 30px; background:#fff; text-align:center; }

.serviceContent .section .size1 .notes { padding:18px 0 20px; text-align:left; font-size:10px; }
.serviceContent .section .size1 .lead { padding:0 0 10px; text-align:left; font-size:13px; }

.serviceContent .section .storeList2 { display:inline-block; margin-top:5px; }
.serviceContent .section .storeList2 img { height:72px; }
.serviceContent#service-4 .section .storeList2 img { height:62px; }

.serviceContent .section .flowPict-1 { display:none; }
.serviceContent .section .flowPict-1-sp { display:block; margin:6px auto; max-width:420px; }
.serviceContent .section .flowPict-1-sp img { height:auto; width:100%; }
.serviceContent .section .flowPict-2 { display:none; }
.serviceContent .section .flowPict-2-sp { display:block; margin:12px auto; max-width:420px; }
.serviceContent .section .flowPict-2-sp img { height:auto; width:100%; }

.serviceContent .section .sectionLead h4 { display:inline-block; padding:11px 5%; width:90%; color:#fff; background:#ccc; font-size:17px; line-height:1.3; text-align:left; }
.serviceContent#service-1 .section .sectionLead h4.package { font-size:13px; line-height:1.5; }
.serviceContent .section .packageList1 li img { height:40px; }
.serviceContent .section .securityList2 { position:inherit; top:15px; left:50%; margin-left:-108px; width:216px; text-align:center; }
.serviceContent .section .flowTitle { position:relative; padding:1px 0; width:100%; color:#fff; background:#218ccf; text-align:center; font-size:17px; font-weight:400; z-index:3; }
.serviceContent .section .flowContent { font-size:12px; line-height:1.6; }

.serviceContent .section .step-1,
.serviceContent .section .step-2,
.serviceContent .section .step-3,
.serviceContent .section .step-4 { position:relative; float:left; margin-left:4%; width:48%; }
.serviceContent .section .step-3 { margin-left:0; }
.serviceContent .section .step-1 .flowContent,
.serviceContent .section .step-2 .flowContent,
.serviceContent .section .step-3 .flowContent,
.serviceContent .section .step-4 .flowContent { box-sizing:border-box; height:140px; width:100%; margin:0 0 20%; padding:0; border:1px solid #c6d1d6; }

.serviceContent .section .step-1 .posIcon,
.serviceContent .section .step-2 .posIcon,
.serviceContent .section .step-3 .posIcon,
.serviceContent .section .step-4 .posIcon { margin:15px 0 10px; }

.serviceContent .section .step-1 .arrow img,
.serviceContent .section .step-2 .arrow img,
.serviceContent .section .step-3 .arrow img,
.serviceContent .section .step-4 .arrow1 img,
.serviceContent .section .step-4 .arrow2 img { position:absolute; top:50%; right:-15px; margin-top:-18px; width:15px; }
.serviceContent .section .step-2 .arrow  {left: -8px; top:86%; transform:rotate(135deg); z-index:5; }

.contactContact { height:230px; }
.contactContact .contactLead { margin:20px auto 20px; width:250px; font-size:16px; }
.contactContact .contactBtn a { line-height:1.4; }
.contactContact .contactBtn { border-bottom:0px none; width:290px; }
.contactContact .contactBtn a { padding:20px 10px 20px 40px; font-size:14px; }
.contactContact .contactLead .balloonL,
.contactContact .contactLead .balloonR { position:absolute; width:18px; }
.contactContact .contactLead .balloonL { left:-20px; }
.contactContact .contactLead .balloonR { right:-20px; }
.contactContact .contactBtn { position:relative; display:block; width:300px; margin:0 auto 15px; background:#ed2f69; border-bottom:5px solid #ab204b; border-radius:7px; }
.contactContact .contactBtn .contactIcon { position:absolute; top:50%; left:20px; width:24px; margin:-9px 0 0; }
.contactContact .contactBtn .icon { display:none; }
.contactContact .telBtn { box-sizing:border-box; position:relative; display:block; width:300px; margin:0 auto; border:1px solid #ed2f69; border-radius:7px; }
.contactContact .telBtn .contactIcon { position:absolute; top:50%; width:38px; margin:-15px 0 0 -50px; }
.contactContact .telBtn a { display:block; padding:7px 0; color:#ed2f69; font-size:12px; font-weight:700; line-height:1.3; }
.contactContact .telBtn a[href^="tel:"] { pointer-events:auto; }
.contactContact .telBtn .text { vertical-align:middle; letter-spacing:0; }
.contactContact .telBtn .num { padding:0 0 0 .2em; font-size:24px; font-weight:700; vertical-align:middle; letter-spacing:.1px; }
.contactContact .telBtn .time { font-size:10px; letter-spacing:0; }

/* PC版非表示 */
.footContact .contactBtn_L,
.footContact .contactBtn_R { display:none; }

.footContact .contactBtn_L-sp { display:block; height:74px; }
.footContact .contactBtn_L-sp .contactIcon_L-sp { position:absolute; top:9px; left:25%; width:54px; margin: 0 0 0 -27px; }

.footContact .contactBtn_R-sp {display: block;}
.footContact .contactBtn_R-sp .contactIcon_R-sp { position:absolute; top:9px; left:50%; width:54px; margin:0 0 0 -27px; }

/* .footContact .telBtn {display: none;}
.footContact .telBtn-sp {display: block;}
.footContact .telBtn-sp .telIcon-sp { position:absolute; top:9px; left:50%; width:54px; margin:0 0 0 -27px; } */

.footContact .pagetopBtn-sp { display:block; }
.footContact .pagetopBtn-sp .pagetopIcon-sp { position:absolute; top:9px; left:75%; margin:0 0 0 -27px; width:54px; }

.headNav .header .corpLogo .logo { float:left; width:200px; margin:6px 0 0; }
.headNav .navContent { float:none; height:48px; padding:0; background:none; border-top:none; clear:both; }
.headNav .navContent .navLinks { position:inherit; width:102%; margin:5px -1% 0; border-left:none; border-top:1px solid #dde2e4; box-shadow:none; }

.headNav .navContent .navLinks dl,
.headNav .navContent .navLinks dl a { box-sizing:border-box; position:relative; display:block; float:left; margin:0; width:25%; height:48px; text-align:center; background:#fff; overflow:hidden; cursor:pointer; }
.headNav .navContent .navLinks dl a { width:100%; border-right:1px solid #dde2e4; }
.headNav .navContent .navLinks dl.nav4 a { border-right:none; }
.headNav .navContent .navLinks dl {}

.headNav .navContent .navLinks dl.nav1 { border-top:none; }
.headNav .navContent .navLinks dl.nav2 { border-top:none; }
.headNav .navContent .navLinks dl.nav3 { border-top:none; }
.headNav .navContent .navLinks dl.nav4  {border-top:none; }
.headNav .navContent .navLinks dl.nav1 dd { margin:12px 0 0; }
.headNav .navContent .navLinks dl.nav2 dd { margin:12px 0 0; }
.headNav .navContent .navLinks dl.nav3 dd { margin:12px 0 0; }
.headNav .navContent .navLinks dl.nav4 dd { margin:17px 0 0; }

.headNav .navContent .navLinks dl dt { padding:0; }
.headNav .navContent .navLinks dl dd { margin:6px 0 0; font-weight:700; font-size:9px; line-height:1.4; letter-spacing:-.15em; }
.headNav .navContent .navLinks dl dd span { display:block; }
.headNav .navContent .navLinks dl dd .arrowIcon { width:20px; display:block; margin:13px auto 0; }

.pageTop { height:50px; width:50px; right:10px; margin-top:-30px; }
.pageTop span { display:none; }
.pageTop .icon { width:28px; margin:10px auto; }



}





/*===========================================
	kakushuLogo
=============================================*/
.kakushuLogo {
	width: 490px;
	height: 323px;
	padding: 22px;
	background: #fff;
	border: solid 3px #0659B7;
	position: absolute;
	top: 90px;
	right: 0;
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}



/*===========================================
	透過
=============================================*/
.roll {
	transition: .3s;
}
.roll:hover {
	opacity: 0.8;
}


/*===========================================
	align
=============================================*/
.txtC {
	text-align: center;
}
.txtL {
	text-align: left;
}
.txtR {
	text-align: right;
}



/*===========================================
	マージントップ
=============================================*/
.mt_10 {
	margin-top: 10px;
}
.mt_15 {
	margin-top: 15px;
}
.mt_20 {
	margin-top: 20px;
}
.mt_25 {
	margin-top: 25px;
}
.mt_30 {
	margin-top: 30px;
}




/********************************************************************************

	04. SP Layout
	*横幅が0px以上、520px未満の場合
	

********************************************************************************/

@media screen and (min-width: 0px) and (max-width: 520px) {

}





/********************************************************************************

	04. SP Layout
	*横幅が0px以上、700px未満の場合
	

********************************************************************************/

@media screen and (min-width: 0px) and (max-width: 700px) {

	.imgMax {
		width: 100%;
		height: auto;
	}




	/*===========================================
		mainPict
	=============================================*/
	.mainPict {
		height: 550px;
	}


	/*===========================================
		kakushuLogo
	=============================================*/
	.kakushuLogo {
		width: 300px;
		top: 285px;
		left: 50%;
		margin: 0 0 0 -154px;
		height: auto;
		padding: 15px;
		border: solid 3px #0659B7;
		
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		
		z-index: 90;
	}

}