@charset 'UTF-8';

/* basic
----- ----- ----- ----- ----- */
.img{
	max-width: 100%;
}

#lp .under_main .flex-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
#lp .under_main .flex-box h2,
#lp .under_main .flex-box .page-title{
	padding: 16px;
	background: rgba(255, 255, 255, .5);
	margin-right: 16px;
}
#lp .under_main .flex-box h2 span,
#lp .under_main .flex-box .page-title span{
	color: #333;
	font-weight: 700;
	font-size: 40px;
	font-size: 30px;
	line-height: 1.4;
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 1);
}

#lp .under_main .dl-btn{}
#lp .under_main .dl-btn a{
	display: block;
	padding: 16px;
	background: #00B050;
	color: #fff;
}
#lp .under_main .dl-btn .tit{
	font-size: 18px;
	font-weight: bold;
	white-space: nowrap;
}
#lp .under_main .dl-btn .txt{
}
#lp .under_main .dl-btn.circle a{
	padding: 8px;
	border-radius: 8px;
}
#lp .under_main .dl-btn.circle a span{
	display: block;
	padding: 8px;
	border-radius: 8px;
	border: 1px solid #fff;
}


@media only screen and (max-width: 767px){ /* SP */
	#lp .main_change{
		margin-bottom: 20vh;
	}
	#lp .under_main .flex-box{
		padding: 16px 0 0 0;
		display: block;
	}
	#lp .under_main .flex-box h2,
	#lp .under_main .flex-box .page-title{
		padding: 12px;
		text-align: center;
		margin-right: 0;
		margin-bottom: 16px;
	}
	#lp .under_main .flex-box h2 span,
	#lp .under_main .flex-box .page-title span{
		font-size: 24px;
	}
	#lp .under_main .dl-btn{
		width: 90%;
		margin: 0 auto;
	}
}/* @media */

.entry-body{
	padding: 60px 0 95px;
	background: rgba(255, 242, 204, 1.0);
}
.entry-body .sec{
	margin-bottom: 56px;
}
.entry-body .sec h3,
.entry-body .sec .sec-title{
	font-size: 24px;
	text-align: center;
	margin-bottom: 12px;
	font-weight: 700;
}
.entry-body .sec h4,
.entry-body .sec .box-title{
	padding: 0 8px 8px 8px;
	margin-bottom: 12px;
	border-bottom: 1px dotted #ddd;
	font-size: 20px;
	font-weight: 700;
}
.entry-body .sec .inner{
	background: #fff;
	max-width: 980px;
	padding: 32px;
	margin: 0 auto;
	border: 2px solid #ddd;
}
@media only screen and (max-width: 767px){ /* SP */
	.entry-body{
		padding: 32px 12px 64px;
		background: rgba(255, 242, 204, 1.0);
	}
}/* @media */


.qa-008 dt {
	margin-bottom: 1em;
	color: #333333;
	font-weight: 600;
}
.qa-008 dt::before,
.qa-008 dd::before {
	margin-right: .4em;
}
.qa-008 dt::before {
	content: "Q.";
}
.qa-008 dd {
	margin: 0 0 2.5em;
	padding: 1em 1.5em;
	background-color: #f2f2f2;
	color: #333333;
}
.qa-008 dd:last-child{
	margin-bottom: 0;
}
.qa-008 dd::before {
	content: "A.";
}

.dl-btns ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.dl-btns li{
	margin: 0 12px;
}
.dl-btns li a{
	display: block;
	padding: 16px;
	background: #00B050;
	color: #fff;
}
.dl-btns.circle li a{
	padding: 8px;
	border-radius: 8px;
}
.dl-btns.circle li a span{
	display: block;
	padding: 8px;
	border-radius: 8px;
	border: 1px solid #fff;
}

.dl-btns li a .tit{
	font-size: 18px;
	font-weight: bold;
}
.dl-btns li a .txt{
}
@media only screen and (max-width: 767px){ /* SP */
	.dl-btns ul{
		display: block;
	}
	.dl-btns li{
		margin: 0 12px 12px;
	}
	.entry-body .sec .inner{
		padding: 16px;
	}
}/* @media */



/* semiconductor.php
----- ----- ----- ----- ----- */
.semiconductor .under_main{background-image: url(semiconductor/mainv.png);}
/* #lp.semiconductor .under_main .flex-box h2 span{font-size: 38px;} */
#lp.semiconductor .under_main .flex-box h2 span,
#lp.semiconductor .under_main .flex-box .page-title span{
	font-size: 23px;
}
#lp.semiconductor .under_main .dl-btn .tit{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 84px;
}
.semiconductor sub {
    vertical-align: sub;
    font-size: 0.75em;
}
.semiconductor .sec02 .imgLayout2c > *{width:35%;}
.semiconductor .sec02 .imgLayout2c > .txt{width:65%;font-size: 1.2em;}

.semiconductor .imgLinks{position: relative;}
.semiconductor .imgLinks ul li{
	position: absolute;
}
.semiconductor .imgLinks ul li.link01{
	width: calc((573/936)*100%); height: calc((225/1555)*100%);
	left: calc((352/936)*100%); top: calc((96/1555)*100%);
}
.semiconductor .imgLinks ul li.link02{
	width: calc((573/936)*100%); height: calc((227/1555)*100%);
	left: calc((352/936)*100%); top: calc((368/1555)*100%);
}
.semiconductor .imgLinks ul li.link03{
	width: calc((573/936)*100%); height: calc((233/1555)*100%);
	left: calc((354/936)*100%); top: calc((641/1555)*100%);
}
.semiconductor .imgLinks ul li.link04{
	width: calc((575/936)*100%); height: calc((281/1555)*100%);
	left: calc((350/936)*100%); top: calc((924/1555)*100%);
}
.semiconductor .imgLinks ul li.link05{
	width: calc((575/936)*100%); height: calc((239/1555)*100%);
	left: calc((350/936)*100%); top: calc((1232/1555)*100%);
}
.semiconductor .imgLinks ul li a{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 18px;
	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
	text-indent: -9987em;
}
.semiconductor .imgLinks ul li a:hover{
	background: rgba(255, 255, 255, .4);
}

.semiconductor .purpose-list li.inner{
	margin-bottom: 32px;
}

.semiconductor .purpose-list h4{
	padding: 8px 8px 8px 8px;
	border-bottom: none;
	text-align: center;
	color: #fff;
	background: #000;
	font-size: 24px;
}
.semiconductor .sec03 .purpose-list .imgLayout2c{
	align-items: center;
}
.semiconductor .purpose-list .purpose01 .imgLayout2c > *,
.semiconductor .purpose-list .purpose02 .imgLayout2c > *,
.semiconductor .purpose-list .purpose03 .imgLayout2c > *,
.semiconductor .purpose-list .purpose04 .imgLayout2c > *,
.semiconductor .purpose-list .purpose05 .imgLayout2c > *{width:40%;}
.semiconductor .purpose-list .purpose01 .imgLayout2c > .txt,
.semiconductor .purpose-list .purpose02 .imgLayout2c > .txt,
.semiconductor .purpose-list .purpose03 .imgLayout2c > .txt,
.semiconductor .purpose-list .purpose04 .imgLayout2c > .txt,
.semiconductor .purpose-list .purpose05 .imgLayout2c > .txt{width:60%;font-size: 1.2em;}


.semiconductor .purpose-list .purpose01 h4,
.semiconductor .purpose-list .purpose02 h4{background: #4472C4;}
.semiconductor .purpose-list .purpose03 h4,
.semiconductor .purpose-list .purpose04 h4{background: #ED7D31;}
.semiconductor .purpose-list .purpose05 h4{background: #70AD47;}

.semiconductor .sec03 h5{
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: 700;
}
.semiconductor .purpose-list .purpose01 h5,
.semiconductor .purpose-list .purpose02 h5{color: #4472C4;}
.semiconductor .purpose-list .purpose03 h5,
.semiconductor .purpose-list .purpose04 h5{color: #ED7D31;}
.semiconductor .purpose-list .purpose05 h5{color: #70AD47;}

.semiconductor .cbox{
	margin-bottom: 32px;
}
.semiconductor .cbox:last-child{
	margin-bottom: 0;
}
/* .semiconductor .cbox a{
	display: block;
	border: 1px solid #000;
	padding: 32px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
}
.semiconductor .purpose01 .cbox a,
.semiconductor .purpose02 .cbox a{border: 1px solid #4472C4;}
.semiconductor .purpose03 .cbox a,
.semiconductor .purpose04 .cbox a{border: 1px solid #ED7D31;}
.semiconductor .purpose05 .cbox a{border: 1px solid #70AD47;}
.semiconductor .cbox a:hover{
	opacity: 0.6;
} */

.semiconductor .circleBox{
	border: 1px solid #ccc;
	padding: 32px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
}
.semiconductor .circleBox h5{
	color: #000 !important;
}

.semiconductor .bdTopBox{
	margin-top: 32px;
	padding-top: 32px;
	border-top: 2px dotted #4472C4;
}

.semiconductor .secEnd{
	max-width: 980px;
	padding: 0px 32px 32px 32px;
	margin: 0 auto;
	margin-top: -16px;
	font-size: 20px;
}
.semiconductor .dl-btns li a .tit{
	text-align: center;
}
.semiconductor .dl-btns li a .tit.tit2{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 115px;
}

.semiconductor .dl-btns li a .txt.flex{
	display: flex;
	flex-wrap: wrap;
}
.semiconductor .dl-btns li a .txt.flex > div{
	white-space: nowrap;
	width: 50%;
	padding-right: 1em;
}

@media only screen and (max-width: 767px){ /* SP */
	#lp.semiconductor .under_main .flex-box h2 span{font-size: 24px;}
	#lp .under_main .dl-btn .tit{
		display: block;
		min-height: auto;
	}
	.semiconductor .sec02 .imgLayout2c > *{width:100% !important;}
	.semiconductor .cbox a{padding: 12px;}
	.semiconductor .circleBox{padding: 12px;}
	.semiconductor .secEnd{padding: 16px;}
	.semiconductor .purpose-list .purpose01 .imgLayout2c > *,
	.semiconductor .purpose-list .purpose02 .imgLayout2c > *,
	.semiconductor .purpose-list .purpose03 .imgLayout2c > *,
	.semiconductor .purpose-list .purpose04 .imgLayout2c > *,
	.semiconductor .purpose-list .purpose05 .imgLayout2c > *{width:100% !important;}
	.semiconductor .dl-btns li a .tit.tit2{
		display: block;
		min-height: auto;
	}
}/* @media */

























/* common styles
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/* float
----- ----- ----- ----- ----- */
.float{overflow: hidden;}
.float .left{float: left;}
.float .right{float: right;}
@media screen and (max-width: 820px) {
	.float .left{width:49%;}
	.float .right{width:49%;}
}/* @media */


/* display
----- ----- ----- ----- ----- */
.db{display:block !important;}
.di{display:inline !important;}
.dib{display:inline-block !important;}
.dt{display:table !important;}
.dtc{display:table-cell !important;}

/* display:flex */
.df{display:flex !important;}
.jcsb{justify-content:space-between !important;}
.fdc{flex-direction:column !important;}
.aic{align-items:center !important;}
.ais{align-items:stretch !important;}
.fww{flex-wrap:wrap !important;}


/* border
----- ----- ----- ----- ----- */
.bd0{border:0 !important;}
.bdb{border-bottom:1px solid #717171;}
.bdn{border: none !important;}
.imgBd{border: 1px solid #efefef;}


/* width & height
----- ----- ----- ----- ----- */
.w-auto{width:auto !important;}
.mw100p{max-width:100% !important;}

/* font & text
----- ----- ----- ----- ----- */
.qs {font-family:'Quicksand', sans-serif;}
.serif {font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;}
.san-serif {font-family: -apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'メイリオ', meiryo, sans-serif;}

/* font-weight */
.fwb{font-weight:bold !important;}
.bold{font-weight:bold !important;}
.fw100{font-weight:100 !important;} /*100 Thin*/
.fw300{font-weight:300 !important;} /*300 Light*/
.fw400{font-weight:400 !important;} /*400 Regular*/
.fw500{font-weight:500 !important;} /*500 Medium*/
.fw700{font-weight:700 !important;} /*700 Bold*/
.fw900{font-weight:900 !important;} /*900 Black*/

/* font-size */
.fsz09{font-size:09px !important;}
.fsz10{font-size:10px !important;}
.fsz11{font-size:11px !important;}
.fsz12{font-size:12px !important;}
.fsz13{font-size:13px !important;}
.fsz14{font-size:14px !important;}
.fsz15{font-size:15px !important;}
.fsz16{font-size:16px !important;}
.fsz17{font-size:17px !important;}
.fsz18{font-size:18px !important;}
.fsz19{font-size:19px !important;}
.fsz20{font-size:20px !important;}
.fsz21{font-size:21px !important;}
.fsz22{font-size:22px !important;}
.fsz23{font-size:23px !important;}
.fsz24{font-size:24px !important;}
.fsz28{font-size:28px !important;}
.fsz32{font-size:32px !important;}
.fsz36{font-size:36px !important;}
.fsz40{font-size:40px !important;}
.fsz010{font-size:0.10em !important;}
.fsz020{font-size:0.20em !important;}
.fsz030{font-size:0.30em !important;}
.fsz040{font-size:0.40em !important;}
.fsz050{font-size:0.50em !important;}
.fsz060{font-size:0.60em !important;}
.fsz070{font-size:0.70em !important;}
.fsz080{font-size:0.80em !important;}
.fsz090{font-size:0.90em !important;}
.fsz100{font-size:1.00em !important;}
.fsz110{font-size:1.10em !important;}
.fsz120{font-size:1.20em !important;}
.fsz130{font-size:1.30em !important;}
.fsz140{font-size:1.40em !important;}
.fsz150{font-size:1.50em !important;}
.fsz160{font-size:1.60em !important;}
.fsz170{font-size:1.70em !important;}
.fsz180{font-size:1.80em !important;}
.fsz190{font-size:1.90em !important;}
.fsz200{font-size:2.00em !important;}

/* text-align */
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}

/* color */
.cBlue{color:#14A7CC !important;}
.fcBlue{color: #00B0F0;}
.fcRed{color: #FF0000;}
.fcYellow{color: #FFC000;}
.fcGreen{color: #00B050;}
.fcOrange{color: #F6B63E;}
.fcBlue2{color: #46ABEC;}
.fcGlay{color: #AAA;}

/* font & text other style */
strong{font-weight:bold !important;}
em{font-style:italic !important;}
.tul{text-decoration: underline;}
.tdu{text-decoration:underline !important;}
.tlt{text-decoration: line-through;}
.underline{text-decoration: underline !important;};}
.tdn{text-decoration:none !important;}
.indent{text-indent:1em !important;}


/* padding & margin
----- ----- ----- ----- ----- */
.mg0a{margin:0 auto !important;}

/* padding-top */
.pt00{padding-top:0em !important;}
.pt04{padding-top:0.4em !important;}
.pt05{padding-top:0.5em !important;}
.pt08{padding-top:0.8em !important;}
.pt10{padding-top:1.0em !important;}
.pt12{padding-top:1.2em !important;}
.pt15{padding-top:1.5em !important;}
.pt16{padding-top:1.6em !important;}
.pt20{padding-top:2.0em !important;}
.pt24{padding-top:2.4em !important;}
.pt25{padding-top:2.5em !important;}
.pt28{padding-top:2.8em !important;}
.pt30{padding-top:3.0em !important;}
.pt32{padding-top:3.2em !important;}
.pt35{padding-top:3.5em !important;}
.pt40{padding-top:4.0em !important;}
.pt45{padding-top:4.5em !important;}
.pt50{padding-top:5.0em !important;}

/* padding-right */
.pr00{padding-right:0px !important;}
.pr04{padding-right:4px !important;}
.pr05{padding-right:5px !important;}
.pr08{padding-right:8px !important;}
.pr10{padding-right:10px !important;}
.pr12{padding-right:12px !important;}
.pr15{padding-right:15px !important;}
.pr16{padding-right:16px !important;}
.pr20{padding-right:20px !important;}
.pr24{padding-right:24px !important;}
.pr25{padding-right:25px !important;}
.pr28{padding-right:28px !important;}
.pr30{padding-right:30px !important;}
.pr32{padding-right:32px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

/* padding-bottom */
.pb00{padding-bottom:0em !important;}
.pb04{padding-bottom:0.4em !important;}
.pb05{padding-bottom:0.5em !important;}
.pb08{padding-bottom:0.8em !important;}
.pb10{padding-bottom:1.0em !important;}
.pb12{padding-bottom:1.2em !important;}
.pb15{padding-bottom:1.5em !important;}
.pb16{padding-bottom:1.6em !important;}
.pb20{padding-bottom:2.0em !important;}
.pb24{padding-bottom:2.4em !important;}
.pb25{padding-bottom:2.5em !important;}
.pb28{padding-bottom:2.8em !important;}
.pb30{padding-bottom:3.0em !important;}
.pb32{padding-bottom:3.2em !important;}
.pb35{padding-bottom:3.5em !important;}
.pb40{padding-bottom:4.0em !important;}
.pb45{padding-bottom:4.5em !important;}
.pb50{padding-bottom:5.0em !important;}

/* padding-left */
.pl00{padding-left:0px !important;}
.pl04{padding-left:4px !important;}
.pl05{padding-left:05px !important;}
.pl08{padding-left:8px !important;}
.pl10{padding-left:10px !important;}
.pl12{padding-left:12px !important;}
.pl15{padding-left:15px !important;}
.pl16{padding-left:16px !important;}
.pl20{padding-left:20px !important;}
.pl24{padding-left:24px !important;}
.pl25{padding-left:25px !important;}
.pl28{padding-left:28px !important;}
.pl30{padding-left:30px !important;}
.pl32{padding-left:32px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

/* margin-top */
.mta{margin-top:auto !important;}
.mt00{margin-top:0em !important;}
.mt04{margin-top:0.4em !important;}
.mt05{margin-top:0.5em !important;}
.mt08{margin-top:0.8em !important;}
.mt10{margin-top:1.0em !important;}
.mt12{margin-top:1.2em !important;}
.mt15{margin-top:1.5em !important;}
.mt16{margin-top:1.6em !important;}
.mt20{margin-top:2.0em !important;}
.mt24{margin-top:2.4em !important;}
.mt25{margin-top:2.5em !important;}
.mt28{margin-top:2.8em !important;}
.mt30{margin-top:3.0em !important;}
.mt32{margin-top:3.2em !important;}
.mt35{margin-top:3.5em !important;}
.mt40{margin-top:4.0em !important;}
.mt45{margin-top:4.5em !important;}
.mt50{margin-top:5.0em !important;}

/* margin-right */
.mra{margin-right:auto !important;}
.mr00{margin-right:0px !important;}
.mr04{margin-right:4px !important;}
.mr05{margin-right:5px !important;}
.mr08{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr12{margin-right:12px !important;}
.mr15{margin-right:15px !important;}
.mr16{margin-right:16px !important;}
.mr20{margin-right:20px !important;}
.mr24{margin-right:24px !important;}
.mr25{margin-right:25px !important;}
.mr28{margin-right:28px !important;}
.mr30{margin-right:30px !important;}
.mr32{margin-right:32px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

/* margin-bottom */
.mba{margin-bottom:auto !important;}
.mb0{margin-bottom:0px !important;}
.mb00{margin-bottom:0em !important;}
.mb04{margin-bottom:0.4em !important;}
.mb05{margin-bottom:0.5em !important;}
.mb08{margin-bottom:0.8em !important;}
.mb10{margin-bottom:1.0em !important;}
.mb12{margin-bottom:1.2em !important;}
.mb15{margin-bottom:1.5em !important;}
.mb16{margin-bottom:1.6em !important;}
.mb20{margin-bottom:2.0em !important;}
.mb24{margin-bottom:2.4em !important;}
.mb25{margin-bottom:2.5em !important;}
.mb28{margin-bottom:2.8em !important;}
.mb30{margin-bottom:3.0em !important;}
.mb32{margin-bottom:3.2em !important;}
.mb35{margin-bottom:3.5em !important;}
.mb36{margin-bottom:3.6em !important;}
.mb40{margin-bottom:4.0em !important;}
.mb44{margin-bottom:4.4em !important;}
.mb45{margin-bottom:4.5em !important;}
.mb48{margin-bottom:4.8em !important;}
.mb50{margin-bottom:5.0em !important;}
.mb52{margin-bottom:5.2em !important;}
.mb56{margin-bottom:5.6em !important;}
.mb60{margin-bottom:6.0em !important;}
.mb64{margin-bottom:6.4em !important;}
.mb68{margin-bottom:6.8em !important;}
.mb72{margin-bottom:7.2em !important;}
.mb76{margin-bottom:7.6em !important;}
.mb80{margin-bottom:8.0em !important;}

/* margin-left */
.mla{margin-left:auto !important;}
.ml00{margin-left:0px !important;}
.ml04{margin-left:4px !important;}
.ml05{margin-left:5px !important;}
.ml08{margin-left:8px !important;}
.ml10{margin-left:10px !important;}
.ml12{margin-left:12px !important;}
.ml15{margin-left:15px !important;}
.ml16{margin-left:16px !important;}
.ml20{margin-left:20px !important;}
.ml24{margin-left:24px !important;}
.ml25{margin-left:25px !important;}
.ml28{margin-left:28px !important;}
.ml30{margin-left:30px !important;}
.ml32{margin-left:32px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}

/* br
----- ----- ----- ----- ----- */
.pcNoBr{display:none !important;}
.tbNoBr{display:inline !important;}
.spNoBr{display:inline !important;}
.spbr{display:none !important;}
.br1024{display:none !important;}
@media screen and (max-width: 1024px) {
	.br1024{display: inline;}
}/* @media */
@media screen and (max-width: 820px) {
	.pcnobr{display:inline !important;}
	.tbnobr{display:none !important;}
	.pcNoBr{display:inline !important;}
	.tbNoBr{display:none !important;}
}/* @media */
@media screen and (max-width: 640px) {
	.spnobr{display:none !important;}
	.spbr{display:inline !important;}
	.spNoBr{display:none !important;}
}/* @media */


/* img style
----- ----- ----- ----- ----- */
/* 2カラムのイメージレイアウト。横幅可変でなりゆき */
.imgLayout2{
	display: flex;
	justify-content: center;
}
/* .imgLayout2c = 2カラムのイメージレイアウト。横幅50%。3つ目以降は折り返しでセンター揃え */
/* .imgLayout3c = 3カラムのイメージレイアウト。横幅33%。 */
/* .imgLayout4c = 4カラムのイメージレイアウト。横幅25%。 */
.imgLayout2c,
.imgLayout3c,
.imgLayout4c{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.imgLayout2c > *{width:50%;}
.imgLayout3c > *{width:33%;}
.imgLayout4c > *{width:25%;}

.imgLayout2c > * img,
.imgLayout3c > * img,
.imgLayout4c > * img{max-width:100%;}

@media screen and (max-width: 640px) {
	.imgLayout2,
	.imgLayout2c,
	.imgLayout3c,
	.imgLayout4c{
		display:block;
	}
	.imgLayout2c > *,
	.imgLayout3c > *,
	.imgLayout4c > *{width:100%;}
}/* @media */

/* list styles
----- ----- ----- ----- ----- */
ul.ul,
ol.ol{padding-left: 1.5em}
ul.ul li{list-style-position: outside; list-style-type: circle;}
ol.ol li{list-style-position: outside; list-style-type: decimal;}
ul.disc li{list-style-position: outside; list-style-type: disc;}




/* other common styles
----- ----- ----- ----- ----- */
.ovh{overflow: hidden;}
.wsn{white-space:nowrap;}
.att { /* 2行目以降インデント */
	padding-left:1em !important;
	text-indent:-1em !important;
	margin-left: 1em !important;
}







/* ----- ----- ----- ----- -----
 /hoge/index.php
----- ----- ----- ----- ----- */
@media screen and (max-width:1024px) { /* iPad landscape */
}/* @media */

@media screen and (max-width:820px) { /* iPad Air Portrait */
}/* @media */

@media screen and (max-width:768px) { /* iPad Portrait */
}/* @media */

@media screen and (max-width:767px) { /* SP */
}/* @media */